[SCcagg5]

Part of a stack of 31 pull requests that depend on each other. They must be reviewed and merged in order: each PR builds on the previous one and its diff only contains its own changes.

• Previous: PR 22
• Next: PR 24

All PRs of the stack

#	PR
1	specs: Add spec 083 and the samples store
2	ir: Add run state fields for ephemeral runs and reused outputs
3	runtime: Bound continuous steps and carry outputs of selected steps
4	api: Add step samples, events, availability and selected-step runs
5	test(ui): add YAML fixtures for the document model tests
6	ui(lib): add shared UI kit, status helpers and right-panel shell
7	ui(canvas): add canvas engine core, toolbars and editor helpers
8	ui(i18n): add workspace message catalogs, first batch
9	ui(canvas): add canvas Flow view, step run panel and workflow panel
10	ui(editor): add YAML document model, canvas model and run source logic
11	ui(editor): Add edit session, YAML format and quick fixes, run actions, tab strip
12	ui(editor): Add canvas graph model, Add step panel, issues popover, run bar
13	ui(canvas): Add layered layout, dependency edges, status styles, reference picker
14	ui(canvas): Add export, flow builder, upstream data panel, output capture
15	ui(canvas): Add node cards, launchers, inspector sections, client issues
16	ui(editor): Add visual editor, step inspector and YAML file panel
17	ui(lists): Open runs on the workflow page; add tab and schedule helpers
18	ui(workspace): Add workspace URL state, legacy redirects and run list links
19	ui(workspace): Add workspace data layer, run facts and Workflow panel
20	ui(workspace): Add run start controls, visible runs and reuse source
21	ui(workspace): Add data provider, bar identity, continuous panel and step list
22	ui(logs): Add run actions cluster, cached logs and log popout page
23	ui(workspace): Add Activity dock, step run view and workflow page
24	test(workspace): Add integration tests for the workspace shell and step view
25	ui(pages): Retire classic run pages and open runs on the workflow page
26	test(editor): Add integration tests for the editor, inspector and run overlay
27	test(ui): Add repository-wide guard tests and ESLint boundary rules
28	e2e: Add workspace helpers and fixtures, update existing specs
29	e2e: Add workspace specs, part 1 of 2
30	e2e: Add workspace specs, part 2 of 2
31	examples: Add the workspace demo workflows

Stack 23/31. Base branch: stack/22-ui18. Review and merge in order; this PR builds on the previous one.
Size: 51 files changed, 8932 insertions(+), 2663 deletions(-).
Checked: Typecheck (tsc) of the whole UI and the unit tests of this PR (Vitest), on top of the previous PR.

Summary

This PR assembles the workflow workspace and makes it the page of a workflow. It adds the workspace shell, the workflow bar, the Activity dock (timeline, run steps, logs), the step run view and the commands and keys. The workflow page /dags/:name now renders the workspace in place of the classic tabbed page. It removes the old DAG details modal and side panels.

Why

The earlier UI PRs (5 to 22) built the canvas, the editor, the data layer and the first parts of the workspace. This PR joins them on one page, so the stack has a working end to end screen. PR 24 adds integration tests for it. PR 25 removes the remaining classic screens and rewires the links.

Changes

51 files: 8 modified, 32 new, 11 deleted.

• Shell (new): WorkflowWorkspace.tsx, layout/WorkspaceLayout.tsx, canvas/WorkspaceCanvas.tsx, hosts/WorkspaceRunHosts.tsx (sub-run stack and root run context), executions/RunSnapshotCanvas.tsx (read-only canvas of a past run), commands/WorkflowCommands.tsx, keys/useWorkspaceKeys.ts, notices/useWorkspaceNotices.ts.
• Bar (new): bar/WorkflowBar.tsx, bar/RunChip.tsx, bar/RunDetailsPopover.tsx.
• Dock (new): DockContext.tsx, LogsDock.tsx, RunTimeline.tsx, RunStepsNav.tsx, StepFailure.tsx, useDockAutoOpen.ts, useDockStep.ts, and dock/tabs/ (runTabBodies.tsx, logTarget.ts).
• Step run view (new): step/StepRunView.tsx, StepFacts, StepForeach, StepLogPane, StepManualActions, StepRunTabs, StepSubRuns, useStepRunActions.ts. Canvas hooks useDockYield.ts and useStepCommandHost.ts connect step commands to these actions.
• Page: pages/dags/dag/index.tsx renders WorkflowWorkspace, WorkspaceLoading and LogPopoutPage, and redirects old URLs with useLegacyRedirect.
• Timeline: TimelineChart.tsx gets a label column, a cached-time zone and ghost steps from the source run.
• Slimmed: DAGStatus.tsx, NodeStatusTableRow.tsx, SubRunStackModal.tsx and two barrel files lose code that only the old page used.
• Deleted: DAGDetailsContent, DAGDetailsModal, DAGDetailsPanel, DAGDetailsSidePanel, ModalLinkTab, cockpit/DAGPreviewModal and their tests.

How to review

1. pages/dags/dag/index.tsx for what the page keeps and drops.
2. WorkflowWorkspace.tsx and layout/WorkspaceLayout.tsx for the structure.
3. dock/DockContext.tsx, then useDockAutoOpen.ts, then RunTimeline.tsx.
4. step/StepRunView.tsx and useStepRunActions.ts.
5. The deletions, to check that nothing still imports them.

Most attention: the dock open and close rules in DockContext and useDockAutoOpen, and the step actions in useStepRunActions, because they decide which run a click acts on.

Tests

This PR changes tests only by deleting the tests of the deleted components (DAGDetails*.test.tsx, DAGPreviewModal.test.tsx). Tests for the new files are in PR 24.

Screenshots

The page is reachable at /dags/:name from this PR.