9660b516a8
STORY: The existing ReactFlow dependency graph lived in the /graph page, but the Unified UX needs it as a reusable component for the graph tab. COLLABORATION: Extracted the core ReactFlow visualization into WorkflowGraph component: Interface: - beads: BeadIssue[] to render as nodes - selectedId?: currently selected bead - onSelect?: selection callback - className?: styling override - hideClosed?: filter closed beads Features preserved: - Dagre layout for automatic positioning - Edge rendering with BLOCKS labels - fitView() on mount via useReactFlow - Existing styling and hover states The original /graph page can now use this component or serve as reference. DELIVERABLES: - src/components/shared/workflow-graph.tsx VERIFICATION: - npm run typecheck: PASS - npm run lint: PASS - npm run test: PASS CLOSES: bb-ui2.19 BLOCKS: bb-ui2.20 |
||
|---|---|---|
| .. | ||
| app | ||
| components | ||
| hooks | ||
| lib | ||