Repository navigation
feat(studio): docShots review shots of the Agents canvas (empty, selected, running) - #781
Merged
Merged
Conversation
…cted, running) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…rols, minimap, empty state) 240px node cards with a kind icon tile (lucide), status pill in the header, running/selected states; smoothstep edges with arrows, accent and animated while their source runs; an icon-only segmented toolbar; Controls and MiniMap themed through xyflow variables so they follow dark mode; a designed empty state with template cards. Graph column spacing and auto-layout/palette node sizes follow the wider card. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…ngs, visible ports, selectable edges - Fit the whole graph when an agent opens or an empty canvas is filled (padding 0.15, maxZoom 1, minZoom 0.2); tighter 48px column gap. - Ports: 2px text-faint ring on surface above the edges; edges stop 5px short of the target port so the arrowhead never covers it. - Selected (--ring), highlighted, breakpoint (outline) and running (pulsing ::after border) now compose instead of replacing each other. - Empty state gets a primary 'Start with a blank graph' action; template cards use kind icons. - Edges are selectable (accent when selected), still not deletable alone. - Dot grid visible, MiniMap 160x110 and themed through xyflow vars only; docShots waits on the server's status instead of a timeout. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
LinuxDevil
force-pushed
the
redesign/p1-canvas
branch
from
October 29, 2026 06:27
f3fd8a6 to
aa4fd59
Compare
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.
Agents canvas restyle per the redesign Design Brief: 240px nodes with kind icon tiles and composable state rings, themed edges/handles, dot grid, floating icon toolbar, dark-mode Controls and MiniMap, designed empty canvas; the canvas now fits the whole graph on load. Size-check 16.37 -> 16.38 MB.
Ticket: P1 (Agent Forge Studio redesign, audit/forge-redesign/PLAN.md)
Changes
Verification: focused vitest,
tsc --noEmit, eslint, affected Playwright specs, light + dark screenshots reviewed; full suite and fallow run in CI.🤖 Generated with Claude Code