[SeasonsChange422]

Summary

Reworks the Graph UI around an AI-first studio, prioritising usability first and visual polish second. Front-end only (packages/views/graphs, packages/core/graphs, one set of --graph-* tokens); no server or mobile changes. Routes are unchanged.

Editor (AI-first studio)

• One surface: the design conversation beside an always-editable canvas. A step opens in a drawer over the canvas instead of a separate mode; flow-level settings (input/output schema, concurrency, JSON import/export, archive) live behind "Flow settings" and the start/end steps.
• The conversation is created by the first message, not by opening the page. Executor and approver default sensibly and can be changed under the composer (new updateAi on the draft store). When no runtime is online the chat says why and the canvas stays editable.
• Each AI turn marks added/changed steps on the canvas, with a one-click "undo this turn".
• Steps are added from a grouped menu or inserted on a connection via its "+" (insertGraphNodeOnEdge).
• "Ask AI to change this step" pre-fills the composer from the drawer.

Graph workspace

• Header carries name, draft state, problem count, a "Run" dialog and a single Publish that saves, validates and publishes, pinning diagnostics to their steps.
• Tabs: Workflow / Runs / Triggers.
• New-graph entry: describe it, copy an existing flow, or start blank.

List page

• Flows / All runs tabs. Each flow row shows its step shape, last run, recent outcomes and a run button.
• Run list is a day-grouped table: status, linked issue or block reason, initiator, start time, duration, search, state filters with counts, and a four-figure summary.

Run page

• Header progress bar; pending approvals and blockers as one-line banners with actions; state legend on the flow.
• Record pane rebuilt: step header (executor, status, attempts, duration) then output; long prose folds; short fields in a key-value block; copy buttons; artifact image gallery with thumbnails; events as a readable timeline; tidy input/raw tabs.

Canvas visuals

• Category-coloured step cards showing who does the work and one config fact, run state as a pill, capsule start/end, branch "Yes/No" port labels, rounded tinted connections, readable zoom on open, no minimap.

Notes

• The legacy one-shot generation UI (servers without the chat builder) is removed; such servers now show "AI not enabled" and the canvas remains fully editable.
• AI asking for approver/executor via in-chat buttons is not included (needs a protocol change).
• rootTitle is now parsed from the existing root_snapshot field in run responses.
• Artifact thumbnails load through the authenticated client, so each downloads the full image.

Testing

• tsc clean for all packages except @multica/docs (local fumadocs-ui missing, unrelated).
• packages/views graph tests + locale parity: 242 passed; packages/core graph tests pass.
• Pre-existing failures unrelated to this PR: web type-scale (landing pages), views rich-content boundary (code-block-view.tsx), desktop (local Electron install).
• Walked through list, new entry, studio, drawer, flow settings, run dialog, runs tab and run page in a browser on a local stack; no console errors. Not exercised live: an actual AI conversation (no runtime online), approval/blocked banners, branch steps.

🤖 Generated with Claude Code