Koala UIProjects list
Every project in the workspace on the docked shell, Projects lit in the rail. Tabs scope Active, Paused, Done and All with live counts, and a toolbar searches, filters by owner and health, and switches between a list and a grid. The list is a full-bleed DataTable: emoji mark, owner, member stack, status badge, progress and due date, with a row menu that pauses, resumes, finishes or deletes the project. The grid shows the same facts on cards. New project opens a dialog that adds the row. Below lg the mobile bar and drawer take over and the table scrolls sideways.
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.