Skip to content

feat(studio): Agents canvas opens whole and legible at 1280x800 - #795

Merged
LinuxDevil merged 3 commits into
mainfrom
redesign/p1b-canvas-fit
Oct 29, 2026
Merged

LinuxDevil merged 3 commits into
mainfrom
redesign/p1b-canvas-fit

Conversation

@LinuxDevil

Copy link
Copy Markdown
Owner

The Agents canvas opened with half the default graph off-screen (or at an unreadable 0.42 zoom) at 1280x800: the Inspector now folds away until a node is selected (Show inspector toggle, remembered), node cards are 208px with a 48px gap, and the on-load fit shows the whole graph at >=10px labels at 1280/1440/1920/860.

Ticket: P1b (Agent Forge Studio redesign, audit/forge-redesign/PLAN.md)

Changes

  • docs(studio): regenerate llms-full.txt for the Inspector toggle wording
  • fix(studio): P1b review round 1 - reduced motion, same-paint Inspector, steadier pan, roomier edges
  • feat(studio): Agents canvas opens whole and legible at 1280x800

Verification: focused vitest, tsc --noEmit, eslint, affected Playwright specs, light + dark screenshots reviewed; full suite and fallow run in CI.

🤖 Generated with Claude Code

LinuxDevil and others added 3 commits October 29, 2026 15:02
The docked Inspector now folds away while nothing is selected (agents no
longer auto-select their LLM node on open), with a Show/Hide inspector
toggle on the canvas's top-right edge; an explicit choice is remembered in
localStorage forge.inspector.collapsed, and selecting a node opens it as
before (panning so the selected node stays in view as the pane narrows).

Node cards are 208px with a 248px column pitch (specToGraph, dagre auto
layout, palette centring), the automatic fits use a fixed 32px margin, and
ports sit level with each card's header so a pipeline draws straight. At
1280x800 the canvas pane goes 540 -> 828px and the default support-bot
graph fits whole at zoom 0.80 (titles 10.4px on screen, was 9.75px with
tool/output cut off).

Tests: narrow.spec measurement guard (all nodes in the pane, titles >= 10px
at 1280/1440/1920/860), Inspector toggle/selection e2e, unit tests for
useInspectorCollapsed and panIntoView; a11y/docShots steps updated for the
collapsed-on-load Inspector, and axe now waits for entrance animations.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…r, steadier pan, roomier edges

- Canvas pan/fit animations (pan-into-view, auto layout, resize refit, Fit
  view) go through one motionDuration helper: none under
  prefers-reduced-motion: reduce.
- useInspectorCollapsed derives `collapsed` during render (prop-change state
  adjust, no effect), so a selection opens the Inspector in the same paint;
  the localStorage write moved out of the state updater.
- Keep-selection-in-view re-runs on selection or pane-width changes only,
  so dragging the drawer splitter no longer snaps the view back.
- Column pitch 248 -> 256 (48px edge gap; dagre ranksep 48). 1280x800 still
  fits whole: zoom 0.783, titles 10.18px.
- Collapsed, the Inspector toggle reads "Inspector" beside its icon
  (accessible name still "Show inspector"); expanded stays icon-only.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@LinuxDevil
LinuxDevil merged commit c06d8e3 into main Oct 29, 2026
2 checks passed
@LinuxDevil
LinuxDevil deleted the redesign/p1b-canvas-fit branch October 29, 2026 12:43
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.

1 participant