Draft
Admin table
Bridge's internal admin: a sidebar and a table.
Bridge's internal admin: a sidebar of sections, a header, and a table or a form. For Bridge staff only.
Use it for
- Managing what members see (the app launcher, the embed).
Built on this
| Screen | Route | Fit |
|---|---|---|
| Admin: apps | /admin/apps | Exact |
| Admin: embed | /admin/embed | Closest — a code snippet instead of a table |
From the Bridge OS app page .
Composition
Live composition
Real package components on the sample network. Try the widths.
Apps
What members see in the app launcher.
App
Status
Order
Intros
Beta
1
Jobs Board
Beta
2
Perks
Beta
3
Events
Coming soon
4
Anatomy
- Sidebar. 240px glass: an 11px capitals label, links with the current one in blue.
- Header. The 22px title, a subtitle, the main action.
- Body. DataTable in a tile (12px corners), or a form.
Measurements
| What | Value | From |
|---|---|---|
| Width | Full width beside the sidebar; 24–32px padding | Bridge OS `(admin)/layout.tsx` |
Responsive
| Width | What happens |
|---|---|
| Under 640px | Not checked on phones yet; staff use it on a computer. |
States by region
| Region | Loading | Empty | Error |
|---|---|---|---|
| Table | DataTableSkeleton | Says how to add the first one | Couldn't load + Try again |
Do and don't
| Do | Don't |
|---|---|
| Use the same components as the product. | Hand-build admin-only controls. |
Known gaps
Where Bridge OS differs from this template today. Follow the template, not the gap.
- Admin titles are 28px with a 44px icon square; they become the 22px page title.
- Admin pages use hex colors on purpose (not themed); they're outside the token rules until that changes.
- The apps table (drag to reorder, edit in place) isn't on DataTable.
Sources
- Survey of Bridge OS routes (2026-11-02)
- DESIGN.md → Vars over hex (admin exception).