Repository navigation
Convert every screen to the Ops Console identity - #31
Merged
Merged
Conversation
Phase 0 of the restyle: inventory every color, font, radius, shadow, spacing and motion value in use, the primitive layer, the surfaces outside the app tree, an agent-authorship inventory, a token mapping table, and the gap list to resolve before Phase 1. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Phase 1 of the restyle. Write the Ops Console DESIGN.md over the Utility Room one, adapt the reference theme into apps/web/src/styles.css with the old token names kept alive as aliases, switch the loaded fonts to Inter and JetBrains Mono, point the manifest and a new theme-color meta at the canvas colour, and delete the Utility Room mockups, reference theme and planning scratch files. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Phase 2 of the restyle. Flatten buttons, inputs, badges, cards, sheets and the sidebar to hairline borders with no shadows or press travel, add styled wrappers for switch, select, dialog, menus, tooltips, toasts, dense tables, feed items, the inspector and the blueprint canvas, teach tailwind-merge the theme's font sizes, and add the /design-system route that renders every primitive in every state in both themes. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Phase 3 of the restyle. The app shell, rules table, overview, settings, policy editor, activity feed, test bench, AI input inspector, sessions, account and connection screens now use the target tokens and primitives directly. The rule editor renders on the blueprint canvas with the AI classification node marked as The Janitor's. Every activity entry, session, test result and AI evaluation names The Janitor and carries the agent marker; warnings lose their amber, failures are danger, matches are success. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Phase 4 of the restyle. Delete the alias token block, the dense-list rule and every page CSS rule no screen references, move the sidebar's calc offsets out of arbitrary class values into the theme file, drop the unused tw-animate-css dependency, and keep issue numbers in the test bench plain mono since they are not links. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Inputs, selects, textareas, menu buttons, sidebar items, command items and the code editor hosts no longer suppress the outline, so the 2px primary focus ring from the base layer shows at every tab stop. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
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.
Summary
Testing