JoyOS Lab · internal

Admin dashboard restructure mockups

The admin section has grown to 16 top-level tabs (plus 3 nested Stripe sub-tabs) packed into one horizontally-scrolling bar. This package is a structural audit plus three distinct restructure proposals — each deployed as a clickable mockup so we can compare them side-by-side before cutting a real PR.

Audit Read first

Full inventory of every admin tab, the pain points causing daily friction, and the design principles each proposal applies. Start here so the mockups are reviewed against the same problem set.

Mockup 1 — Grouped sidebar Moderate

Tabs become a left-side admin sub-nav, organized into four collapsible groups (People, Money, Content, Operations). Familiar to anyone who's used Stripe Dashboard. Lowest learning curve, biggest visual change.

Mockup 2 — Command palette + recents Aggressive

The 16 tabs collapse into a single "All admin" surface. ⌘K jumps anywhere in two keystrokes; a recents rail covers 80% of day-to-day flow. Power-user-first.

Mockup 3 — Role-based home Workflow-first

The admin landing is three role cards (Member success, Money & growth, Build & operate) that surface live counts + the 2-3 actions each role actually does. Existing tabs survive as drill-downs.

Source: ~/joyos-labs/src/views/AdminView.vue (8,033 LOC, 16 tabs). Deployed from /tmp/joyos-admin-mockups/. Not connected to any backend.