Repository navigation
Rebuild the Ops Console at the Nova scale with an inspector layout - #38
Merged
Merged
Conversation
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
DESIGN.md is rewritten around the approved variant A identity: dark first, 14px body, 32px controls, 40px rows, ink primary button, blue only for links, green switches, and no left-border accents anywhere. Tokens and every ui primitive are lifted to that scale, and each screen is rebuilt to the mockup: a breadcrumb top bar with sidebar counts, rules with row selection, a read-only blueprint and an inspector, an overview dashboard, activity runs as a Rule / Outcome / Reason / Action table with a run inspector, sessions as a table with the selected session's facts in the inspector, settings as labelled rows with a danger zone, and connect as a card with the GitHub access call-out beside it. The rule editor collapses the sidebar to a rail so its canvas fits. Includes the throwaway identity prototype used to settle the design; the next commit removes it. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
The mockups it rendered are now the real screens. A copy stays on the t3code/identity-prototype branch for reference. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
The activity search input's intrinsic width made the toolbar report a 911px minimum, which pushed the inspector off screen. The page main column now contains its inline size, and the toolbar wraps only below the lg breakpoint. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
The root vp check formats markdown as well; the earlier runs were scoped to apps/web and missed these nine files. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Why
The Ops Console was too small to read and too tight to use. The identity was reopened, settled on prototype variant A at shadcn Nova's scale, dark first, and every screen was rebuilt to the approved mockups.
What changed
docs/design/DESIGN.mdrewritten: dark tokens as the source of truth, 14px body, 32px controls, 40px rows, an ink primary button with blue reserved for links, green switches, and no left-border accents anywhere.ui/primitive lifted to that scale; newui/page.tspage chrome (main column plus 320px inspector, stacking at 1240px).better-uiandemil-design-engskills.Mockup controls with nothing behind them were left out rather than faked: top bar search, agent status pill, bell, avatar, New session, Resume/Stop, Re-run, Run all as a test, Groups tab, Open YAML, History, Trigger/Duration.
Testing
vp check: 0 errors.vp test: 221 passed.🤖 Generated with Claude Code