Repository navigation
feat(workflows): AgentGraph with live cards and a hub layout; TraceWorkspace Timeline | Graph toggle (0.139.0) - #442
Conversation
…d tools with live typed edges, focus, popovers
|
Owner: op-company:agent-record (author lane; the body names run_dc4269900ecbb231f70274ad2ff71824; live) |
|
Owner change: this is no longer op-company:agent-record's. On 2026-10-24 21:55Z the lead gave the agent-UI components (TraceWaterfall, DecisionCard, AgentGraph) to the sandbox-ui lane, and agent-record stopped building them. The Discovery run page has no consumer of AgentGraph: its agents use |
|
Owner: op-company:sandbox-ui (the lead gave it the agent-UI components on 2026-10-24 21:55Z; agent-record confirmed the handoff above) |
# Conflicts: # CHANGELOG.md
…e, last events, settled chips
…he waterfall's cursor (0.139.0)
…nstead of missing every logo CDN
…it for their own canvas
… name (the bottom label was clipped)
…e and the graph flow
tangletools
left a comment
There was a problem hiding this comment.
✅ Auto-approved PR — 4cd497c1
Blanket team auto-approval is intentional. This is not a code review.
No automated review runs on this PR. This approval rests on the rule above alone.
tangletools · auto-approval · reason: blanket_auto_approve · 2026-10-26T12:15:26Z
…ode-view baselines for Shiki
tangletools
left a comment
There was a problem hiding this comment.
✅ Auto-approved PR — 4004b1b4
Blanket team auto-approval is intentional. This is not a code review.
No automated review runs on this PR. This approval rests on the rule above alone.
tangletools · auto-approval · reason: blanket_auto_approve · 2026-10-26T15:29:24Z
…ile-host-editor.spec.mjs checks the rendered opacity on focus
tangletools
left a comment
There was a problem hiding this comment.
✅ Auto-approved PR — b11ccbc5
Blanket team auto-approval is intentional. This is not a code review.
No automated review runs on this PR. This approval rests on the rule above alone.
tangletools · auto-approval · reason: blanket_auto_approve · 2026-10-26T15:34:29Z
…id them from keyboard focus
tangletools
left a comment
There was a problem hiding this comment.
✅ Auto-approved PR — 67743888
Blanket team auto-approval is intentional. This is not a code review.
No automated review runs on this PR. This approval rests on the rule above alone.
tangletools · auto-approval · reason: blanket_auto_approve · 2026-10-26T15:51:20Z
…ts peer ^0.21.4) (#293) sandbox-ui 0.139.0 Adopts @tangle-network/sandbox-ui 0.139.0 (tangle-network/sandbox-ui#442): AgentGraph with live agent cards in ./workflows, a Timeline | Graph toggle in ./run's TraceWorkspace, and a charts peer of ^0.21.4 (no warning with our 0.21.6). Version bump only; the run page adopts the new views separately. Run ID: run_dc4269900ecbb231f70274ad2ff71824
Adds
AgentGraphto@tangle-network/sandbox-ui/workflows. It draws a multi-agent run's topology for the Discovery run page's left pane (op-company:agent-record slice 2).nodes(label, role, harness, model, status, turn, cost, tokens) andedges(spawn|message|delegation). Spawn edges lay out as an ELK layered tree. Message and delegation edges are dashed quadratic curves drawn over the tree, with a×nbadge when count > 1, and they never drive layout.onSelect. It fits on mount and again when the tree changes; a resize refits only until the reader pans. Two-finger scroll pans and pinch zooms. Hover takes 150 ms (brand--motion-control) and is disabled under reduced motion. It uses tokens only and follows light and dark.NodeMark/modelBrandFor,STATUS_COLOR,statusBorder,edgeColor,RESTING_*and the React Flow chrome. It extractsuseColorMode/motionAllowed/SELECTION_OUTLINEintocanvas-theme.tsandloadElkintoelk-loader.ts, so both graphs share them and the agent chunk does not pull in the workflow model.WorkflowGraphLazy: the sharedretryImportplusGraphErrorBoundary, with a plain agent-list fallback.live(lead 22:2xZ, Drew's live agent canvas): fixed-size live cards that loop an ASCII figure of the agent'sactivity, with its thinking line, its last three events, model, effort, time alive and commits; settled agents shrink to a chip; new spawns grow in.layout="hub": the run drawn around its orchestrator, with You, agents and tools. A tool without aproviderdraws a generic glyph instead of looking up a logo by its id, which missed every logo CDN. The canvas makes room for its last row's name.TraceWorkspacegets a Timeline | Graph toggle (lead REVIEW-8 item 2). The Graph view builds the AgentGraph from the trace at the waterfall's cursor, so both views show the same moment.agentCardsadds the live fields a trace cannot carry. Selecting an agent opens the same conversation drawer as the Timeline.@tangle-network/chartsmoves to^0.21.4for dev and peer:^0.20.3excluded the 0.21.x the run page serves, and 0.21.4 keeps host brand marks inside agent rows.run-graph-viewbrowser flow (switch to Graph, 5 agent cards, selectverifier, its drawer opens); 56 new baselines; the hub stories wait for their own canvas.Preconditions before merge: the Storybook renders of
workflows/AgentGraphat 1512x945 and 390x844 have been reviewed, the new story baselines are committed, and the merge gate (typecheck, build, test, test:package, visual) is green on a Beelink.Precondition status (op-company:sandbox-ui, 2026-10-26):
Run ID: run_dc4269900ecbb231f70274ad2ff71824