Skip to content

feat(dashboard): inbox density + keyboard cockpit + default-submit-recommended#11

Merged
OriginalGary merged 2 commits intofeat/gary-cockpit-experimentfrom
feat/cockpit-inbox-density
May 8, 2026
Merged

feat(dashboard): inbox density + keyboard cockpit + default-submit-recommended#11
OriginalGary merged 2 commits intofeat/gary-cockpit-experimentfrom
feat/cockpit-inbox-density

Conversation

@OriginalGary
Copy link
Copy Markdown
Owner

Re-targeted from #10 after #9 merged. Same content as #10.

Three changes that turn the Inbox from a form into a cockpit.

Density

  • Compact two-line gate rows (title + slug/risk/playbook).
  • Color-coded risk pills (green low / amber medium / red high / saturated red irreversible).
  • Priority rail on the left of each row (red/amber/muted by P0..P3).
  • 12 gate cards above the fold on 1440x900 (was 5 originally).
  • Inbox sorted P0-first then newest.

Keyboard cockpit

Key Action
j / down Next gate
k / up Previous gate
1-9 Pick option N
Enter Submit selected option
Cmd/Ctrl+Enter Submit (works inside form fields)
? Toggle help overlay
Esc Close help / drawer

Form fields opt out of letter shortcuts.

Default-submit-recommended

When the gate has a recommendation, the decide block becomes one big primary button labelled with that option, plus a 'change…' link that expands the radio group. One click + Enter ships the recommended path.

Verified

  • /approvals=200
  • Help overlay opens on '?' (Playwright)
  • 'j' advances selection (Playwright: hash flipped 109 → 50)

The (operator) route group no longer wraps in DashboardLayout. The
Graze admin sidebar (Home / Endpoints / API Manager / Providers / etc.)
and the top bar (lang switcher, theme toggle, breadcrumbs) are
irrelevant to running the operator's day and were stealing attention
from the actual decision surface.

Replaces all of that with one sticky 56px row:
  - status dot + 'gary cockpit' wordmark
  - tabs: Inbox / Calibration / Activity, with active background fill
  - Inbox tab badge showing combined gate + send count
  - match-rate pill (color-toned at 75% / 50% thresholds)
  - last-refresh indicator that ticks each second

Status pulled from new /api/operator/status — one round-trip per 5s
poll instead of three separate calls. Header tints amber and shows
'offline' label if the upstream gary-ui is unreachable.

Drops the redundant page-level <header> + <h1> on each operator route
since the active tab already names the surface. Renames Approvals to
Inbox in the cockpit (more cockpit-y; Calibration and Activity stay).

Removes FrequencyStrip and OperatorNav components (replaced by the
header). The frequency telemetry data lives entirely on /calibration
where it's the page subject — the strip was duplicating the match-rate
chip on every other surface.

Effect: gate cards visible above the fold went from 5 to 9. Cockpit
no longer reads as a guest page in someone else's app.
…commended

Three changes that turn the Inbox from a form into a cockpit.

Density:
  - Compact two-line gate row (title row + slug/risk/playbook row)
  - Risk pill is now color-coded — green low, amber medium, red high,
    saturated red irreversible. Text-only 'risk: medium' was invisible
    at scan.
  - Priority rail on the left of each row (red/amber/muted by P0..P3)
  - 12 cards above the fold on 1440x900 (was 5 before chrome change,
    9 after chrome change)

Keyboard cockpit:
  - j / arrow-down: next gate
  - k / arrow-up: previous gate
  - 1-9: pick option N
  - Enter: submit selected option
  - Cmd/Ctrl+Enter: submit (works inside form fields too)
  - ?: toggle help overlay
  - Esc: close help / drawer
  - Form fields (input/textarea/contenteditable) opt out of letter
    shortcuts — j/k/1/?  inside a form field type normally.

Default-submit-recommended:
  - When the gate carries a recommended option, the decide block is a
    single primary button labelled with that option, plus a 'change…'
    affordance that expands the full radio group.
  - One click + Enter ships the recommended path. The radio fieldset
    only opens for actual overrides, with numbered keys (1, 2, ...)
    matching the listed options.

Inbox is sorted by priority then most-recent gate-entry, so P0 work
bubbles to the top and the keyboard 'first item' is always the most
critical gate.

Adds priority/updated/due to the GateRow contract so the page server
component can sort and surface the priority rail.
@OriginalGary OriginalGary merged commit 0c340af into feat/gary-cockpit-experiment May 8, 2026
@OriginalGary OriginalGary deleted the feat/cockpit-inbox-density branch May 8, 2026 04:25
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.

2 participants