Skip to content

feat(web): redesign the Supervisor dashboard on the shared tokens and shell (AGT-4206) - #560

Merged
unohee merged 2 commits into
mainfrom
feat/supervisor-redesign
Sep 4, 2026
Merged

feat(web): redesign the Supervisor dashboard on the shared tokens and shell (AGT-4206)#560
unohee merged 2 commits into
mainfrom
feat/supervisor-redesign

Conversation

@unohee

@unohee unohee commented Sep 4, 2026

Copy link
Copy Markdown
Collaborator

What

The Supervisor page (/, src/support/dashboardHtml.ts) rebuilt on tokens.css + shell.css (AGT-4206, follow-up to #558 which only swapped its palette).

  • Header → three rows that don't wrap: .topbar (brand · Supervisor · shared nav · SSE badge · theme toggle) / control bar (daemon state badge · provider segmented control · Stop/Restart · Heartbeat/PR review) / stats strip (tabular numbers).
  • Panels as cards with sentence-case 14px/600 titles, count badges, 12px minimum body type; three-column grid with 12px gaps; narrow screens keep the tab-bar column switcher.
  • Stylesheet extracted to web/static/css/supervisor.css (598 inline lines removed; legacy --green/--dim/… names the script emits are aliased there). Script-emitted class names unchanged.
  • Dialogs (repository picker, folder browser) on .overlay/.dialog* classes instead of 30 inline styles; style.display toggles in the script keep working.
  • No window.confirm (Tauri WebView has none, guideline §3.2): stop/restart daemon, kill/cancel process, and restart-all-stuck arm the button with the question for 6 s; second press acts.
  • Chat input ignores Enter mid-IME; buttons are sentence case (▶ Heartbeat, ⟳ Running…).

Verification

  • npm run typecheck ✓ · npm run lint ✓ (pre-existing warning) · LC_ALL=C npx vitest run → 5508 passed / 10 skipped
  • dashboardHtml.test.ts (provider buttons, inline script contract) unchanged and green; tokens.test.ts legacy-page gate updated to accept aliases declared in a linked page stylesheet.
  • Headless Chrome renders of the static preview at 1600, 1280 and 420 px — no wrapping in the header at desktop widths; single column with tab bar on mobile.
  • Not run: axe; live data render will be checked on vela after release.

… shell (AGT-4206)

The retheme in #558 only swapped the supervisor's palette; the page kept
its 38 px header with fourteen controls in one row, 9–11 px type, boxed
uppercase labels, and full-bleed columns. This rebuilds the surface on
shell.css: a topbar with the shared navigation, SSE badge and theme
toggle; a control bar (daemon state, provider segmented control, Stop /
Restart, Heartbeat / PR review); a stats strip with tabular numbers; and
three columns of card panels with sentence-case titles. The 598-line
inline <style> moves to web/static/css/supervisor.css, every script-
emitted class keeps its name, and nothing on the page is smaller than
11 px.

window.confirm — absent in the Tauri WebView — is gone from the three
destructive actions (stop/restart the daemon, kill or cancel a process,
move stuck issues to Todo): the button itself becomes the question for
six seconds and the second press answers it. The chat box ignores Enter
during an IME composition.
A flex item keeps its content width as its minimum, so flex-wrap alone never fired and the 420px layout grew past the viewport. min-width: 0 lets the segmented control shrink; its buttons then wrap.
@unohee
unohee merged commit 5f4d143 into main Sep 4, 2026
7 checks passed
@unohee
unohee deleted the feat/supervisor-redesign branch September 4, 2026 10:51
@unohee unohee mentioned this pull request Sep 4, 2026
unohee added a commit that referenced this pull request Sep 4, 2026
Supervisor dashboard redesign (AGT-4206, #560). See CHANGELOG.md.
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