Koala UIPlan and usage
The workspace's billing area inside Settings, under the same line of settings tabs. The current plan shows the monthly total, plan, billing cycle, renewal date and seats in use, with Manage seats opening a dialog that quotes the prorated cost. Usage meters for seats, storage, API calls and AI credits turn amber and red near their limits, with an upgrade alert when credits run low. A monthly or yearly switch reprices the Team, Business and Enterprise plans, and an upgrade confirms in a dialog with the amount due today. Below lg the rail moves into a drawer and the plans stack.
Built from#
A page is a composition, not a new component. The screen is the docked Layout with the Sidebar in its rail, a sticky header and a page header on the sheet, filled with the same components the docs document one by one. It adds no styling of its own: it only lays those parts out.
Responsive#
Below the large breakpoint the rail moves into a drawer behind the mobile bar and the panes stack into one column. Pick a device in the toolbar or drag the handle to watch it step down to a phone.