Claude/UI improvement handoff 02kw45#39
Merged
Merged
Conversation
Recreates the Claude Design handoff (Graphite · Lime direction) across the whole editor: - Design tokens: new graphite surface palette, electric-lime accent (#b6e94d) with dark ink on lime, Space Grotesk UI font and JetBrains Mono for every number (both vendored as woff2, no runtime font fetches) - Topbar: 56px, chase-loop logo + wordmark, 40px Run cluster with lime pulsing Run button, gauge speed pill, mono step chip, glowing Running dot - Palette (82px) and setup rail (70px) with lime active states - Props panel (300px): hero readout card (big mono value, capacity line, sparkline), label-over-input fields, uppercase section labels - Canvas: #0d0e11 bg with 26px grid, sculpted node identity (pool fill-level arc, mono glyphs, fading queue dots), dashed lime selection orbit replacing the glow filter, opaque 22px connection pills, state-role badges (trigger/activator/modifier) before the arrowhead, dash-march + amber travelling dots on flowing connections, lime minimap - Timeline: graphite plot, #22252e gridlines, dashed lime playhead, pill series chips, lime-tinted Live button - Library modal rebuilt as tabs (Your diagrams / Components / Templates with counts, first run opens Templates) - All modals on the shared radius-14 anatomy; welcome gets lime numbered step tiles; custom chevron on every select; lime focus rings - Empty canvas ghost mark state, embed-mode mini topbar tail, new favicon.svg (8a mark) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BwFLZbJjLWkZ1hn6ULY4MP
…yout Implements the remaining handoff surfaces on top of the base reskin: - Connection language (11a): pill text renders as fixed-color segments (rate bright, interval cyan, chance purple, type-filter dot in its color, condition amber, formula green, modifier blue), formula/distribution rates spelled as 'f ...' / '~N(m, s)'; pull-mode lines fall back to fine dots with a 'pull · policy' pill; activator-blocked lines drop to 30% with a muted pill; bare triggers rely on the role badge instead of a redundant pill - Library (15b): saved diagrams get an auto-captured 44x30 thumbnail and a node-count subtitle; per-row '...' overflow with rename-in-place, duplicate, JSON export and delete (context-menu chrome refactored into a reusable _openMenu popup) - Panels (16a/16b/18a-d): rate-mode chips (Fixed/Dice/Formula/Dist); state role picker chips with colored glyphs; live 'allowing/blocking' activator card; per-connection live flow readout; gate routing chips + per-output weight cards (purple slider, mono value, computed share in lime); converter consumes-to-emits pair card + held-inputs row; queue metrics as a live card (throughput lime, losses red); delay in-flight batch rows with cyan maturing bars; Time panel as two selectable mode cards (14a); Watch rows with mono names, 64x18 sparklines and lime values (10c) - Micro-states: firing nodes emit an expanding ring (18e); Monte Carlo progress gets a mono count + slim lime bar (16h chrome on Cancel); attribution popover wears the lime border (16e); amber recovery banner after an autosave restore with keep/discard (16h) - Touch layout (17a/b) under 768px: collapsed topbar (logo mark, 44px Run, step chip, hamburger overflow routing to the hidden controls), palette as a bottom bar of 52-56px tiles with a grab handle, props panel as a radius-18 bottom sheet sliding over the canvas, floating status pill, 44px touch targets on coarse pointers Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BwFLZbJjLWkZ1hn6ULY4MP
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
2 participants
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.
No description provided.