Skip to content

feat: admin adopts the dashboard's segmented tabs — five views, no scroll - #51

Merged
pacphi merged 1 commit into
mainfrom
feat/admin-tabbed-layout
Jul 24, 2026
Merged

pacphi merged 1 commit into
mainfrom
feat/admin-tabbed-layout

Conversation

@pacphi

@pacphi pacphi commented Jul 24, 2026

Copy link
Copy Markdown
Owner

What

Ports the dashboard's sticky pilled segmented control (ADR-0005) into ak x admin, keeping admin's amber editorial identity rather than cloning the dashboard's Apple-blue look. The nine stacked sections (~3,100px of scroll) become five tabs, each fitting a 1440×900 viewport with zero page scroll (verified per-tab with Playwright: scrollHeight = 900 on every tab):

  • Overview — How many people + Momentum
  • Review — Since you last looked + Waiting on you
  • Humans — the people cards
  • Activity — the event feed + referrers
  • Gaps — Not instrumented yet + Doors

Details

  • Attention never hides behind a tab (same rule as the dashboard): Review/Humans/Activity carry count badges — red for open items waiting on you, amber for new-since-baseline.
  • Arrow-key roving focus, #review-style deep links (safe beside the #token= bootstrap, which is stripped first), last tab remembered in localStorage.
  • Density pass: tighter header/margins, intro paragraph moved into the token gate, long lists (feed, todo) scroll inside their own card so the page never does.

Verification

  • node tests/admin-model.test.cjs — 33 passed
  • node tests/admin.test.cjs — 22 passed
  • node tests/dashboard.test.cjs — 10 passed
  • eslint clean on both touched files
  • Live click-through of all five tabs at 1440×900 via Playwright

🤖 Generated with Claude Code

…roll

Port the dashboard's sticky pilled segmented control (ADR-0005) into ak x
admin, keeping admin's amber editorial identity. The nine stacked sections
become five tabs — Overview (reach + momentum), Review (since you last
looked + waiting on you), Humans, Activity (feed + referrers), Gaps — each
fitting a viewport with no page scroll; long lists (feed, todo) scroll
inside their own card.

Attention never hides behind a tab: Review/Humans/Activity carry count
badges (red = open items waiting on you, amber = new since baseline).
Arrow-key roving focus, #tab deep links (safe beside the #token= bootstrap,
which strips first), and the last tab remembered in localStorage.
@pacphi
pacphi merged commit 651a756 into main Jul 24, 2026
11 checks passed
@pacphi
pacphi deleted the feat/admin-tabbed-layout branch July 24, 2026 18:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant