npm - footprint-explainable-ui - Versions diffs - 0.3.2 → 0.5.0 - Mend

footprint-explainable-ui 0.3.2 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (161) hide show

package/dist/flowchart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/FlowchartView/FlowchartView.tsx","../src/components/StageNode/StageNode.tsx","../src/theme/ThemeProvider.tsx","../src/theme/tokens.ts","../src/theme/styles.ts","../src/components/FlowchartView/SubflowBreadcrumb.tsx","../src/components/FlowchartView/useSubflowNavigation.ts","../src/components/FlowchartView/specToReactFlow.ts","../src/components/TimeTravelDebugger/TimeTravelDebugger.tsx","../src/components/MemoryInspector/MemoryInspector.tsx","../src/components/NarrativeLog/NarrativeLog.tsx","../src/components/GanttTimeline/GanttTimeline.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport {\n ReactFlow,\n Background,\n BackgroundVariant,\n useNodesState,\n useEdgesState,\n} from \"@xyflow/react\";\nimport type { Node, Edge } from \"@xyflow/react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { StageNode } from \"../StageNode\";\nimport type { StageNodeData } from \"../StageNode\";\nimport { theme } from \"../../theme\";\n\nexport interface FlowchartViewProps extends BaseComponentProps {\n /** ReactFlow nodes /\n nodes: Node[];\n /* ReactFlow edges /\n edges: Edge[];\n /* Optional snapshots for state-aware rendering (done/active coloring) /\n snapshots?: StageSnapshot[];\n /* Currently selected snapshot index (for state coloring) /\n selectedIndex?: number;\n /* Callback when a node is clicked /\n onNodeClick?: (index: number) => void;\n}\n\nconst nodeTypes = { stageNode: StageNode };\n\n/\n Pipeline flowchart visualization using ReactFlow.\n * When snapshots are provided, nodes are colored by execution state.\n /\nexport function FlowchartView({\n nodes: rawNodes,\n edges: rawEdges,\n snapshots,\n selectedIndex = 0,\n onNodeClick,\n unstyled = false,\n className,\n style,\n}: FlowchartViewProps) {\n // Enhance nodes with execution state\n const enhancedNodes = useMemo(() => {\n if (!snapshots \|\| snapshots.length === 0) {\n return rawNodes.map((n) => ({\n ...n,\n type: \"stageNode\",\n data: {\n ...n.data,\n label: (n.data as StageNodeData).label \|\| n.id,\n active: false,\n done: false,\n error: false,\n },\n }));\n }\n\n const doneNames = new Set(\n snapshots.slice(0, selectedIndex).map((s) => s.stageName)\n );\n const activeName = snapshots[selectedIndex]?.stageName;\n\n return rawNodes.map((n) => ({\n ...n,\n type: \"stageNode\",\n data: {\n ...n.data,\n label: (n.data as StageNodeData).label \|\| n.id,\n active: n.id === activeName,\n done: doneNames.has(n.id),\n error: false,\n },\n }));\n }, [rawNodes, snapshots, selectedIndex]);\n\n // Enhance edges with state coloring\n const enhancedEdges = useMemo(() => {\n if (!snapshots \|\| snapshots.length === 0) {\n return rawEdges.map((e) => ({\n ...e,\n style: { stroke: theme.textMuted, strokeWidth: 1.5 },\n animated: false,\n }));\n }\n\n const doneNames = new Set(\n snapshots.slice(0, selectedIndex + 1).map((s) => s.stageName)\n );\n const activeName = snapshots[selectedIndex]?.stageName;\n\n return rawEdges.map((e) => {\n const sourceIsDone = doneNames.has(e.source);\n const isFromActive = e.source === activeName;\n return {\n ...e,\n style: {\n stroke: sourceIsDone ? theme.success : theme.textMuted,\n strokeWidth: 1.5,\n },\n animated: isFromActive,\n };\n });\n }, [rawEdges, snapshots, selectedIndex]);\n\n const [nodes, , onNodesChange] = useNodesState(enhancedNodes);\n const [edges, , onEdgesChange] = useEdgesState(enhancedEdges);\n\n const handleNodeClick = useCallback(\n (_: unknown, node: Node) => {\n if (!onNodeClick \|\| !snapshots) return;\n const idx = snapshots.findIndex((s) => s.stageName === node.id);\n if (idx >= 0) onNodeClick(idx);\n },\n [onNodeClick, snapshots]\n );\n\n return (\n <div\n className={className}\n style={{\n width: \"100%\",\n height: \"100%\",\n ...style,\n }}\n data-fp=\"flowchart-view\"\n >\n <ReactFlow\n nodes={nodes}\n edges={edges}\n onNodesChange={onNodesChange}\n onEdgesChange={onEdgesChange}\n onNodeClick={handleNodeClick}\n nodeTypes={nodeTypes}\n fitView\n panOnDrag={false}\n zoomOnScroll={false}\n zoomOnPinch={false}\n zoomOnDoubleClick={false}\n preventScrolling={false}\n nodesDraggable={false}\n nodesConnectable={false}\n elementsSelectable={!!onNodeClick}\n >\n {!unstyled && (\n <Background variant={BackgroundVariant.Dots} gap={16} size={1} />\n )}\n </ReactFlow>\n </div>\n );\n}\n","import { memo } from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\nimport type { NodeProps } from \"@xyflow/react\";\nimport { theme } from \"../../theme\";\n\nexport interface StageNodeData {\n label: string;\n active?: boolean;\n done?: boolean;\n error?: boolean;\n linked?: boolean;\n /* Step numbers in execution order (shown as badges — multiple when revisited via loops) /\n stepNumbers?: number[];\n /* Node was not executed (dim it) /\n dimmed?: boolean;\n /* Node is a subflow root (show nested indicator) /\n isSubflow?: boolean;\n [key: string]: unknown;\n}\n\n/\n Custom ReactFlow node for pipeline stages.\n * All colors and fonts come from `--fp-` CSS variables (via theme).\n Shows execution state via color, icon, step badge, and pulse animation.\n /\nexport const StageNode = memo(function StageNode({\n data,\n}: NodeProps & { data: StageNodeData }) {\n const { label, active, done, error, linked, stepNumbers, dimmed, isSubflow } = data;\n\n const isOnPath = active \|\| done;\n\n const bg = active\n ? theme.primary\n : done\n ? theme.success\n : error\n ? theme.error\n : theme.bgSecondary;\n\n const borderColor = active\n ? theme.primary\n : done\n ? theme.success\n : error\n ? theme.error\n : theme.border;\n\n const shadow = active\n ? `0 0 16px color-mix(in srgb, ${theme.primary} 40%, transparent)`\n : done\n ? `0 0 8px color-mix(in srgb, ${theme.success} 20%, transparent)`\n : error\n ? `0 0 12px color-mix(in srgb, ${theme.error} 30%, transparent)`\n : `0 2px 8px rgba(0,0,0,0.15)`;\n\n // Colored states use white for contrast; default uses consumer's text color.\n const textColor =\n active \|\| done \|\| error ? \"#fff\" : theme.textPrimary;\n\n return (\n <>\n <Handle type=\"target\" position={Position.Top} style={{ opacity: 0 }} />\n <div\n style={{\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n }}\n >\n {/ Step number badges — multiple when revisited via loops /}\n {stepNumbers && stepNumbers.length > 0 && isOnPath && (\n <div\n style={{\n position: \"absolute\",\n top: -10,\n left: -10,\n display: \"flex\",\n gap: 3,\n zIndex: 10,\n }}\n >\n {stepNumbers.map((num, i) => {\n const isLatest = i === stepNumbers.length - 1;\n const badgeBg = isLatest && active ? theme.primary : theme.success;\n const glow = isLatest && active\n ? `color-mix(in srgb, ${theme.primary} 50%, transparent)`\n : `color-mix(in srgb, ${theme.success} 40%, transparent)`;\n return (\n <div\n key={num}\n style={{\n width: 22,\n height: 22,\n borderRadius: \"50%\",\n background: badgeBg,\n color: \"#fff\",\n fontSize: 11,\n fontWeight: 700,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n boxShadow: `0 0 8px ${glow}`,\n }}\n >\n {num}\n </div>\n );\n })}\n </div>\n )}\n\n {/ Linked pulse ring /}\n {linked && (\n <div\n style={{\n position: \"absolute\",\n inset: -6,\n borderRadius: `calc(${theme.radius} + 4px)`,\n border: `2px solid ${theme.primary}`,\n opacity: 0.4,\n animation: \"fp-pulse 2s ease-in-out infinite\",\n }}\n />\n )}\n\n {/ Active node pulse ring /}\n {active && (\n <div\n style={{\n position: \"absolute\",\n inset: -6,\n borderRadius: `calc(${theme.radius} + 4px)`,\n border: `2px solid ${theme.primary}`,\n opacity: 0.3,\n animation: \"fp-pulse 1.5s ease-out infinite\",\n }}\n />\n )}\n\n <div\n style={{\n background: bg,\n border: `2px solid ${borderColor}`,\n borderRadius: theme.radius,\n padding: \"10px 20px\",\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n boxShadow: shadow,\n transition: \"all 0.3s ease\",\n fontFamily: theme.fontSans,\n minWidth: 100,\n justifyContent: \"center\",\n }}\n >\n {/ State icon /}\n {done && (\n <span style={{ fontSize: 10, color: textColor }}>✓</span>\n )}\n {active && (\n <span\n style={{\n width: 8,\n height: 8,\n borderRadius: \"50%\",\n background: \"#fff\",\n animation: \"fp-blink 1s ease-in-out infinite\",\n flexShrink: 0,\n }}\n />\n )}\n {error && (\n <span style={{ fontSize: 10, color: textColor }}>✗</span>\n )}\n\n <span\n style={{\n fontSize: 13,\n fontWeight: 500,\n color: textColor,\n whiteSpace: \"nowrap\",\n }}\n >\n {label}\n </span>\n {/ Subflow indicator — nested boxes icon /}\n {isSubflow && (\n <span\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: 16,\n height: 16,\n borderRadius: 3,\n border: `1.5px solid ${textColor}`,\n position: \"relative\",\n opacity: 0.7,\n flexShrink: 0,\n }}\n >\n <span\n style={{\n width: 8,\n height: 8,\n borderRadius: 2,\n border: `1px solid ${textColor}`,\n }}\n />\n </span>\n )}\n </div>\n </div>\n <Handle type=\"source\" position={Position.Bottom} style={{ opacity: 0 }} />\n {/ Right-side handles for loop-back edges (so they don't overlap center edges) /}\n <Handle\n id=\"loop-source\"\n type=\"source\"\n position={Position.Right}\n style={{ background: \"transparent\", border: \"none\", width: 6, height: 6 }}\n />\n <Handle\n id=\"loop-target\"\n type=\"target\"\n position={Position.Right}\n style={{ background: \"transparent\", border: \"none\", width: 6, height: 6 }}\n />\n </>\n );\n});\n","import { createContext, useContext } from \"react\";\nimport type { ThemeTokens } from \"./tokens\";\nimport { tokensToCSSVars } from \"./tokens\";\n\nconst ThemeContext = createContext<ThemeTokens>({});\n\nexport function useFootprintTheme(): ThemeTokens {\n return useContext(ThemeContext);\n}\n\ninterface FootprintThemeProps {\n tokens?: ThemeTokens;\n children: React.ReactNode;\n}\n\n/\n Optional theme provider — wraps children with CSS custom properties.\n * Consumers can also just set --fp-* CSS variables directly.\n /\nexport function FootprintTheme({ tokens = {}, children }: FootprintThemeProps) {\n const cssVars = tokensToCSSVars(tokens);\n\n return (\n <ThemeContext.Provider value={tokens}>\n <div style={cssVars as React.CSSProperties} className=\"fp-theme-root\">\n {children}\n </div>\n </ThemeContext.Provider>\n );\n}\n","/* Default theme tokens — consumers override via CSS variables or ThemeProvider. /\nexport interface ThemeTokens {\n colors?: {\n primary?: string;\n success?: string;\n error?: string;\n warning?: string;\n bgPrimary?: string;\n bgSecondary?: string;\n bgTertiary?: string;\n textPrimary?: string;\n textSecondary?: string;\n textMuted?: string;\n border?: string;\n };\n radius?: string;\n fontFamily?: {\n sans?: string;\n mono?: string;\n };\n}\n\n/* Maps ThemeTokens to CSS custom property assignments. /\nexport function tokensToCSSVars(tokens: ThemeTokens): Record<string, string> {\n const vars: Record<string, string> = {};\n if (tokens.colors) {\n const c = tokens.colors;\n if (c.primary) vars[\"--fp-color-primary\"] = c.primary;\n if (c.success) vars[\"--fp-color-success\"] = c.success;\n if (c.error) vars[\"--fp-color-error\"] = c.error;\n if (c.warning) vars[\"--fp-color-warning\"] = c.warning;\n if (c.bgPrimary) vars[\"--fp-bg-primary\"] = c.bgPrimary;\n if (c.bgSecondary) vars[\"--fp-bg-secondary\"] = c.bgSecondary;\n if (c.bgTertiary) vars[\"--fp-bg-tertiary\"] = c.bgTertiary;\n if (c.textPrimary) vars[\"--fp-text-primary\"] = c.textPrimary;\n if (c.textSecondary) vars[\"--fp-text-secondary\"] = c.textSecondary;\n if (c.textMuted) vars[\"--fp-text-muted\"] = c.textMuted;\n if (c.border) vars[\"--fp-border\"] = c.border;\n }\n if (tokens.radius) vars[\"--fp-radius\"] = tokens.radius;\n if (tokens.fontFamily?.sans) vars[\"--fp-font-sans\"] = tokens.fontFamily.sans;\n if (tokens.fontFamily?.mono) vars[\"--fp-font-mono\"] = tokens.fontFamily.mono;\n return vars;\n}\n\n/* Default dark theme values (used as CSS variable fallbacks). /\nexport const defaultTokens: Required<{\n [K in keyof ThemeTokens]-?: Required<ThemeTokens[K]>;\n}> = {\n colors: {\n primary: \"#6366f1\",\n success: \"#22c55e\",\n error: \"#ef4444\",\n warning: \"#f59e0b\",\n bgPrimary: \"#0f172a\",\n bgSecondary: \"#1e293b\",\n bgTertiary: \"#334155\",\n textPrimary: \"#f8fafc\",\n textSecondary: \"#94a3b8\",\n textMuted: \"#64748b\",\n border: \"#334155\",\n },\n radius: \"8px\",\n fontFamily: {\n sans: \"Inter, system-ui, -apple-system, sans-serif\",\n mono: \"'JetBrains Mono', 'Fira Code', monospace\",\n },\n};\n","import type { Size } from \"../types\";\n\n/\n Helper to resolve a CSS variable with a fallback.\n * Usage: v(\"--fp-color-primary\", \"#6366f1\")\n /\nexport function v(varName: string, fallback: string): string {\n return `var(${varName}, ${fallback})`;\n}\n\n/* Shorthand for common theme variables /\nexport const theme = {\n primary: v(\"--fp-color-primary\", \"#6366f1\"),\n success: v(\"--fp-color-success\", \"#22c55e\"),\n error: v(\"--fp-color-error\", \"#ef4444\"),\n warning: v(\"--fp-color-warning\", \"#f59e0b\"),\n bgPrimary: v(\"--fp-bg-primary\", \"#0f172a\"),\n bgSecondary: v(\"--fp-bg-secondary\", \"#1e293b\"),\n bgTertiary: v(\"--fp-bg-tertiary\", \"#334155\"),\n textPrimary: v(\"--fp-text-primary\", \"#f8fafc\"),\n textSecondary: v(\"--fp-text-secondary\", \"#94a3b8\"),\n textMuted: v(\"--fp-text-muted\", \"#64748b\"),\n border: v(\"--fp-border\", \"#334155\"),\n radius: v(\"--fp-radius\", \"8px\"),\n fontSans: v(\"--fp-font-sans\", \"Inter, system-ui, -apple-system, sans-serif\"),\n fontMono: v(\"--fp-font-mono\", \"'JetBrains Mono', 'Fira Code', monospace\"),\n} as const;\n\n/* Font sizes per size variant /\nexport const fontSize: Record<Size, { label: number; body: number; small: number }> = {\n compact: { label: 10, body: 11, small: 9 },\n default: { label: 11, body: 12, small: 10 },\n detailed: { label: 12, body: 13, small: 11 },\n};\n\n/* Padding per size variant /\nexport const padding: Record<Size, number> = {\n compact: 8,\n default: 12,\n detailed: 16,\n};\n","import { memo } from \"react\";\nimport { theme } from \"../../theme\";\nimport type { BreadcrumbEntry } from \"./useSubflowNavigation\";\n\nexport interface SubflowBreadcrumbProps {\n breadcrumbs: BreadcrumbEntry[];\n onNavigate: (level: number) => void;\n}\n\n/\n Breadcrumb bar for subflow drill-down navigation.\n * Shows: Root > SubflowA > SubflowB — clicking any crumb navigates back.\n /\nexport const SubflowBreadcrumb = memo(function SubflowBreadcrumb({\n breadcrumbs,\n onNavigate,\n}: SubflowBreadcrumbProps) {\n if (breadcrumbs.length <= 1) return null;\n\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 4,\n padding: \"6px 12px\",\n background: theme.bgSecondary,\n borderBottom: `1px solid ${theme.border}`,\n fontSize: 12,\n fontFamily: theme.fontSans,\n flexShrink: 0,\n overflowX: \"auto\",\n }}\n >\n {breadcrumbs.map((crumb, i) => {\n const isLast = i === breadcrumbs.length - 1;\n return (\n <span key={i} style={{ display: \"flex\", alignItems: \"center\", gap: 4 }}>\n {i > 0 && (\n <span style={{ color: theme.textMuted, fontSize: 10 }}>\n ›\n </span>\n )}\n {isLast ? (\n <span\n style={{\n color: theme.primary,\n fontWeight: 600,\n }}\n >\n {crumb.label}\n </span>\n ) : (\n <button\n onClick={() => onNavigate(i)}\n style={{\n background: \"none\",\n border: \"none\",\n color: theme.textSecondary,\n cursor: \"pointer\",\n padding: \"2px 4px\",\n borderRadius: 4,\n fontSize: 12,\n fontFamily: \"inherit\",\n fontWeight: 500,\n transition: \"color 0.15s\",\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.color = `${theme.primary}`;\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.color = `${theme.textSecondary}`;\n }}\n >\n {crumb.label}\n </button>\n )}\n </span>\n );\n })}\n </div>\n );\n});\n","import { useState, useCallback, useMemo } from \"react\";\nimport { specToReactFlow } from \"./specToReactFlow\";\nimport type { SpecNode, ExecutionOverlay, FlowchartColors } from \"./specToReactFlow\";\nimport type { Node, Edge } from \"@xyflow/react\";\n\nexport interface BreadcrumbEntry {\n /* Display name for this level /\n label: string;\n /* The spec node tree at this level /\n spec: SpecNode;\n}\n\nexport interface SubflowNavigation {\n /* Current breadcrumb path (root → ... → current) /\n breadcrumbs: BreadcrumbEntry[];\n /* Current level's ReactFlow nodes /\n nodes: Node[];\n /* Current level's ReactFlow edges /\n edges: Edge[];\n /* Call when a node is clicked — drills in if it's a subflow /\n handleNodeClick: (nodeId: string) => boolean;\n /* Navigate to a specific breadcrumb level (0 = root) /\n navigateTo: (level: number) => void;\n /* Whether we're currently inside a subflow (not at root) /\n isInSubflow: boolean;\n /* Name of the subflow node we drilled into (for finding execution data) /\n currentSubflowNodeName: string \| null;\n}\n\n/\n Hook that manages subflow drill-down navigation for a flowchart spec.\n \n Maintains a breadcrumb stack. When a subflow node is clicked, pushes its\n * nested spec onto the stack and re-derives nodes/edges. Breadcrumb clicks\n * pop back to that level.\n /\nexport function useSubflowNavigation(\n rootSpec: SpecNode \| null,\n overlay?: ExecutionOverlay,\n colors?: Partial<FlowchartColors>\n): SubflowNavigation {\n const [stack, setStack] = useState<BreadcrumbEntry[]>([]);\n\n // Current spec = top of stack, or root\n const currentSpec = stack.length > 0 ? stack[stack.length - 1].spec : rootSpec;\n\n // Derive nodes/edges from current spec\n // Overlay is always passed through — consumer provides the appropriate overlay\n // (root overlay at root level, subflow overlay when drilled in)\n const { nodes, edges } = useMemo(() => {\n if (!currentSpec) return { nodes: [], edges: [] };\n return specToReactFlow(currentSpec, overlay, colors);\n }, [currentSpec, overlay, colors]);\n\n // Build a lookup of subflow nodes at the current level\n const subflowMap = useMemo(() => {\n const map = new Map<string, SpecNode>();\n if (!currentSpec) return map;\n\n function collectSubflows(node: SpecNode) {\n if (node.isSubflowRoot && node.subflowStructure) {\n const id = node.name \|\| node.id \|\| \"\";\n map.set(id, node);\n }\n if (node.children) node.children.forEach(collectSubflows);\n if (node.next) collectSubflows(node.next);\n }\n collectSubflows(currentSpec);\n return map;\n }, [currentSpec]);\n\n const breadcrumbs: BreadcrumbEntry[] = useMemo(() => {\n const root: BreadcrumbEntry = {\n label: rootSpec?.name \|\| \"Pipeline\",\n spec: rootSpec!,\n };\n return [root, ...stack];\n }, [rootSpec, stack]);\n\n const handleNodeClick = useCallback(\n (nodeId: string): boolean => {\n const subflowNode = subflowMap.get(nodeId);\n if (!subflowNode?.subflowStructure) return false;\n\n setStack((prev) => [\n ...prev,\n {\n label: subflowNode.subflowName \|\| subflowNode.name,\n spec: subflowNode.subflowStructure!,\n },\n ]);\n return true;\n },\n [subflowMap]\n );\n\n const navigateTo = useCallback(\n (level: number) => {\n if (level === 0) {\n setStack([]);\n } else {\n setStack((prev) => prev.slice(0, level));\n }\n },\n []\n );\n\n return {\n breadcrumbs,\n nodes,\n edges,\n handleNodeClick,\n navigateTo,\n isInSubflow: stack.length > 0,\n currentSubflowNodeName: stack.length > 0 ? stack[0].label : null,\n };\n}\n","/\n Converts a SerializedPipelineStructure (from builder.toSpec()) into\n * ReactFlow nodes and edges with auto-layout.\n \n Supports two modes:\n * 1. Build-time only (no executionState) — all nodes gray\n * 2. With execution overlay — executed nodes colored, active node highlighted,\n * unvisited nodes stay gray\n /\nimport type { Node, Edge } from \"@xyflow/react\";\nimport { defaultTokens } from \"../../theme/tokens\";\n\nexport interface SpecNode {\n name: string;\n id?: string;\n type?: \"stage\" \| \"decider\" \| \"fork\" \| \"streaming\";\n description?: string;\n children?: SpecNode[];\n next?: SpecNode;\n branchIds?: string[];\n hasDecider?: boolean;\n hasSelector?: boolean;\n loopTarget?: string;\n isSubflowRoot?: boolean;\n subflowId?: string;\n subflowName?: string;\n subflowStructure?: SpecNode;\n}\n\nexport interface ExecutionOverlay {\n /* Names of stages that have completed (before the active one) /\n doneStages: Set<string>;\n /* Name of the currently active stage /\n activeStage: string \| null;\n /* Names of all stages that were executed (done + active) /\n executedStages: Set<string>;\n /* Ordered list of executed stage names (for step numbering) /\n executionOrder?: string[];\n}\n\n/* Colors for the flowchart — consumer provides these to match their theme /\nexport interface FlowchartColors {\n edgeDefault: string;\n edgeExecuted: string;\n edgeActive: string;\n edgeLoop: string;\n labelDefault: string;\n labelExecuted: string;\n labelLoop: string;\n pathGlow: string;\n}\n\n/* Default colors derived from theme tokens. Consumer can override per-call. /\nconst DEFAULT_COLORS: FlowchartColors = {\n edgeDefault: defaultTokens.colors.textMuted,\n edgeExecuted: defaultTokens.colors.success,\n edgeActive: defaultTokens.colors.primary,\n edgeLoop: defaultTokens.colors.warning,\n labelDefault: defaultTokens.colors.textSecondary,\n labelExecuted: defaultTokens.colors.success,\n labelLoop: defaultTokens.colors.warning,\n pathGlow: `${defaultTokens.colors.success}4D`, // ~30% opacity hex\n};\n\ninterface LayoutState {\n nodes: Node[];\n edges: Edge[];\n edgeCounter: number;\n seen: Set<string>;\n overlay: ExecutionOverlay \| null;\n colors: FlowchartColors;\n}\n\nconst Y_STEP = 100;\nconst X_SPREAD = 200;\n\nfunction nid(n: SpecNode): string {\n return n.name \|\| n.id \|\| `spec-${Math.random()}`;\n}\n\nfunction addEdge(\n state: LayoutState,\n source: string,\n target: string,\n label?: string,\n isLoop?: boolean\n) {\n state.edgeCounter++;\n const o = state.overlay;\n const c = state.colors;\n const executed =\n o && o.executedStages.has(source) && o.executedStages.has(target);\n const isLeadingEdge = o && source === o.activeStage && !o.doneStages.has(target);\n\n // Loop edges — route via right-side handles so they don't overlap center edges\n // Only mark as executed when the loop has actually fired:\n // the target must appear AFTER the source in executionOrder\n if (isLoop) {\n let loopExecuted = false;\n if (o?.executionOrder) {\n const lastSourceIdx = o.executionOrder.lastIndexOf(source);\n if (lastSourceIdx >= 0) {\n loopExecuted = o.executionOrder.slice(lastSourceIdx + 1).includes(target);\n }\n }\n\n state.edges.push({\n id: `se${state.edgeCounter}`,\n source,\n target,\n sourceHandle: \"loop-source\",\n targetHandle: \"loop-target\",\n label: label ?? \"loop\",\n type: \"smoothstep\",\n pathOptions: { offset: 40, borderRadius: 16 },\n style: {\n stroke: c.edgeLoop,\n strokeWidth: loopExecuted ? 3 : 2,\n strokeDasharray: \"6 3\",\n opacity: o && !loopExecuted ? 0.35 : 1,\n },\n labelStyle: { fontSize: 10, fontWeight: 700, fill: c.labelLoop },\n animated: loopExecuted,\n zIndex: 2,\n } as Edge);\n return;\n }\n\n if (executed) {\n // \"Google Maps route\" — thick glowing path for executed edges\n // Background glow layer (subtle, behind the route line)\n state.edges.push({\n id: `se${state.edgeCounter}-glow`,\n source,\n target,\n style: {\n stroke: c.pathGlow,\n strokeWidth: 8,\n opacity: 0.4,\n },\n zIndex: 0,\n selectable: false,\n focusable: false,\n });\n // Foreground path (solid route line)\n state.edges.push({\n id: `se${state.edgeCounter}`,\n source,\n target,\n label,\n style: {\n stroke: isLeadingEdge ? c.edgeActive : c.edgeExecuted,\n strokeWidth: 3.5,\n },\n labelStyle: { fontSize: 10, fontWeight: 600, fill: c.labelExecuted },\n animated: !!isLeadingEdge,\n zIndex: 1,\n });\n } else {\n // Non-executed — thin, faded base map edge\n state.edges.push({\n id: `se${state.edgeCounter}`,\n source,\n target,\n label,\n style: {\n stroke: c.edgeDefault,\n strokeWidth: 1.5,\n opacity: o ? 0.3 : 1,\n },\n labelStyle: { fontSize: 10, fill: c.labelDefault },\n });\n }\n}\n\nfunction walk(\n node: SpecNode,\n state: LayoutState,\n x: number,\n y: number\n): { lastIds: string[]; bottomY: number } {\n const id = nid(node);\n\n if (state.seen.has(id)) {\n return { lastIds: [id], bottomY: y };\n }\n state.seen.add(id);\n\n const isDecider = node.type === \"decider\" \|\| node.hasDecider;\n const isFork = node.type === \"fork\";\n const o = state.overlay;\n\n const isDone = o ? o.doneStages.has(id) : false;\n const isActive = o ? o.activeStage === id : false;\n const wasExecuted = o ? o.executedStages.has(id) : false;\n // When overlay is present, dim unvisited nodes\n const dimmed = o && !wasExecuted;\n\n // Step numbers for executed nodes (1-based) — multiple when revisited via loops\n let stepNumbers: number[] \| undefined;\n if (o?.executionOrder) {\n const nums: number[] = [];\n for (let i = 0; i < o.executionOrder.length; i++) {\n if (o.executionOrder[i] === id) nums.push(i + 1);\n }\n if (nums.length > 0) stepNumbers = nums;\n }\n\n state.nodes.push({\n id,\n position: { x, y },\n data: {\n label: node.name,\n active: isActive,\n done: isDone,\n error: false,\n isDecider,\n isFork,\n description: node.description,\n dimmed,\n stepNumbers,\n isSubflow: !!node.isSubflowRoot,\n },\n type: \"stage\",\n style: dimmed ? { opacity: 0.35 } : undefined,\n });\n\n let lastIds = [id];\n let bottomY = y;\n\n // Handle children (fork/decider branches)\n if (node.children && node.children.length > 0) {\n const totalWidth = (node.children.length - 1) X_SPREAD;\n const startX = x - totalWidth / 2;\n const childY = y + Y_STEP;\n\n const childResults: { lastIds: string[]; bottomY: number }[] = [];\n\n for (let i = 0; i < node.children.length; i++) {\n const child = node.children[i];\n const childX = startX + i * X_SPREAD;\n const edgeLabel = node.branchIds?.[i];\n addEdge(state, id, nid(child), edgeLabel);\n const result = walk(child, state, childX, childY);\n childResults.push(result);\n }\n\n lastIds = childResults.flatMap((r) => r.lastIds);\n bottomY = Math.max(...childResults.map((r) => r.bottomY));\n }\n\n // Handle loop-back edge — visually distinct dashed orange arrow\n // Must be added before processing `next`, since `next` returns early\n if (node.loopTarget) {\n addEdge(state, id, node.loopTarget, \"loop\", true);\n }\n\n // Handle linear continuation\n if (node.next) {\n const nextY = bottomY + Y_STEP;\n const nextId = nid(node.next);\n for (const lid of lastIds) {\n // Skip forward edge when a loop edge already connects to the same target\n if (node.loopTarget && lid === id && node.loopTarget === nextId) continue;\n addEdge(state, lid, nextId);\n }\n const result = walk(node.next, state, x, nextY);\n return result;\n }\n\n return { lastIds, bottomY };\n}\n\n/*\n Convert a pipeline spec to ReactFlow graph.\n * Pass `overlay` to color nodes/edges by execution state.\n /\nexport function specToReactFlow(\n spec: SpecNode,\n overlay?: ExecutionOverlay,\n colors?: Partial<FlowchartColors>\n): {\n nodes: Node[];\n edges: Edge[];\n} {\n const state: LayoutState = {\n nodes: [],\n edges: [],\n edgeCounter: 0,\n seen: new Set(),\n overlay: overlay ?? null,\n colors: { ...DEFAULT_COLORS, ...colors },\n };\n\n walk(spec, state, 300, 0);\n\n return { nodes: state.nodes, edges: state.edges };\n}\n","import { useState } from \"react\";\nimport type { Node, Edge } from \"@xyflow/react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { theme, fontSize, padding } from \"../../theme\";\nimport { MemoryInspector } from \"../MemoryInspector\";\nimport { NarrativeLog } from \"../NarrativeLog\";\nimport { GanttTimeline } from \"../GanttTimeline\";\nimport { FlowchartView } from \"../FlowchartView\";\n\nexport interface TimeTravelDebuggerProps extends BaseComponentProps {\n /* Stage snapshots /\n snapshots: StageSnapshot[];\n /* ReactFlow nodes (required for flowchart) /\n nodes: Node[];\n /* ReactFlow edges (required for flowchart) /\n edges: Edge[];\n /* Show Gantt timeline /\n showGantt?: boolean;\n /* Layout direction /\n layout?: \"horizontal\" \| \"vertical\";\n /* Title /\n title?: string;\n}\n\n/\n Full time-travel debugger: scrubber + flowchart + memory + narrative + gantt.\n * This is the \"batteries included\" component for pipeline debugging.\n /\nexport function TimeTravelDebugger({\n snapshots,\n nodes,\n edges,\n showGantt = true,\n layout = \"horizontal\",\n title = \"Time-Travel Debugger\",\n size = \"default\",\n unstyled = false,\n className,\n style,\n}: TimeTravelDebuggerProps) {\n const [selectedIndex, setSelectedIndex] = useState(0);\n const fs = fontSize[size];\n const pad = padding[size];\n\n if (snapshots.length === 0) {\n return (\n <div\n className={className}\n style={{\n padding: pad 2,\n textAlign: \"center\",\n color: theme.textMuted,\n ...style,\n }}\n >\n No snapshots to debug\n </div>\n );\n }\n\n const isHorizontal = layout === \"horizontal\";\n\n if (unstyled) {\n return (\n <div className={className} style={style} data-fp=\"time-travel-debugger\">\n <h3>{title}</h3>\n <input\n type=\"range\"\n min={0}\n max={snapshots.length - 1}\n value={selectedIndex}\n onChange={(e) => setSelectedIndex(parseInt(e.target.value))}\n />\n <FlowchartView\n nodes={nodes}\n edges={edges}\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n onNodeClick={setSelectedIndex}\n unstyled\n />\n <MemoryInspector\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n unstyled\n />\n <NarrativeLog\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n unstyled\n />\n {showGantt && (\n <GanttTimeline\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n onSelect={setSelectedIndex}\n unstyled\n />\n )}\n </div>\n );\n }\n\n return (\n <div\n className={className}\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n background: theme.bgPrimary,\n fontFamily: theme.fontSans,\n overflow: \"hidden\",\n ...style,\n }}\n data-fp=\"time-travel-debugger\"\n >\n {/* Scrubber header /}\n <div\n style={{\n padding: `${pad}px ${pad + 4}px`,\n borderBottom: `1px solid ${theme.border}`,\n background: theme.bgSecondary,\n flexShrink: 0,\n }}\n >\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 8,\n marginBottom: 8,\n }}\n >\n <span\n style={{\n fontSize: fs.body + 2,\n fontWeight: 600,\n color: theme.textPrimary,\n }}\n >\n {title}\n </span>\n <span\n style={{\n fontSize: fs.small,\n color: theme.textMuted,\n }}\n >\n Scrub to replay execution\n </span>\n </div>\n <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n <ScrubButton\n label=\"\\u25C0\"\n disabled={selectedIndex === 0}\n onClick={() => setSelectedIndex((i) => Math.max(0, i - 1))}\n />\n <input\n type=\"range\"\n min={0}\n max={snapshots.length - 1}\n value={selectedIndex}\n onChange={(e) => setSelectedIndex(parseInt(e.target.value))}\n style={{\n flex: 1,\n height: 4,\n accentColor: theme.primary,\n cursor: \"pointer\",\n }}\n />\n <ScrubButton\n label=\"\\u25B6\"\n disabled={selectedIndex === snapshots.length - 1}\n onClick={() =>\n setSelectedIndex((i) => Math.min(snapshots.length - 1, i + 1))\n }\n />\n <span\n style={{\n fontSize: fs.small,\n color: theme.textMuted,\n flexShrink: 0,\n fontFamily: theme.fontMono,\n }}\n >\n {selectedIndex + 1}/{snapshots.length}\n </span>\n </div>\n </div>\n\n {/ Main content: flowchart + data panels /}\n <div\n style={{\n flex: 1,\n display: \"flex\",\n flexDirection: isHorizontal ? \"row\" : \"column\",\n overflow: \"hidden\",\n }}\n >\n {/ Flowchart /}\n <div\n style={{\n flex: 1,\n overflow: \"hidden\",\n borderRight: isHorizontal\n ? `1px solid ${theme.border}`\n : \"none\",\n borderBottom: !isHorizontal\n ? `1px solid ${theme.border}`\n : \"none\",\n }}\n >\n <FlowchartView\n nodes={nodes}\n edges={edges}\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n onNodeClick={setSelectedIndex}\n size={size}\n />\n </div>\n\n {/ Data panel /}\n <div style={{ flex: 1, overflow: \"auto\" }}>\n <MemoryInspector\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n size={size}\n />\n <div\n style={{\n height: 1,\n background: theme.border,\n margin: `0 ${pad}px`,\n }}\n />\n <NarrativeLog\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n size={size}\n />\n </div>\n </div>\n\n {/ Gantt footer /}\n {showGantt && (\n <div\n style={{\n borderTop: `1px solid ${theme.border}`,\n background: theme.bgSecondary,\n flexShrink: 0,\n }}\n >\n <GanttTimeline\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n onSelect={setSelectedIndex}\n size={size}\n />\n </div>\n )}\n </div>\n );\n}\n\nfunction ScrubButton({\n label,\n disabled,\n onClick,\n}: {\n label: string;\n disabled: boolean;\n onClick: () => void;\n}) {\n return (\n <button\n onClick={onClick}\n disabled={disabled}\n style={{\n background: theme.bgTertiary,\n border: `1px solid ${theme.border}`,\n color: disabled ? theme.textMuted : theme.textPrimary,\n borderRadius: 6,\n width: 28,\n height: 28,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: disabled ? \"not-allowed\" : \"pointer\",\n opacity: disabled ? 0.5 : 1,\n fontSize: 12,\n flexShrink: 0,\n }}\n >\n {label}\n </button>\n );\n}\n","import { useMemo } from \"react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { theme, fontSize, padding } from \"../../theme\";\n\nexport interface MemoryInspectorProps extends BaseComponentProps {\n /* Single memory object or snapshots (will accumulate up to selectedIndex) /\n data?: Record<string, unknown>;\n /* When using snapshots mode, pass these instead of data /\n snapshots?: StageSnapshot[];\n /* Index to accumulate up to (for time-travel) /\n selectedIndex?: number;\n /* Show data types alongside values /\n showTypes?: boolean;\n /* Highlight keys that are new at this step /\n highlightNew?: boolean;\n}\n\n/\n Displays pipeline memory state as formatted JSON.\n * Supports both static (data prop) and time-travel (snapshots + selectedIndex) modes.\n /\nexport function MemoryInspector({\n data,\n snapshots,\n selectedIndex = 0,\n showTypes = false,\n highlightNew = true,\n size = \"default\",\n unstyled = false,\n className,\n style,\n}: MemoryInspectorProps) {\n // Compute accumulated memory from snapshots\n const { memory, newKeys } = useMemo(() => {\n if (data) {\n return { memory: data, newKeys: new Set<string>() };\n }\n if (!snapshots \|\| snapshots.length === 0) {\n return { memory: {}, newKeys: new Set<string>() };\n }\n\n const merged: Record<string, unknown> = {};\n for (let i = 0; i <= Math.min(selectedIndex, snapshots.length - 1); i++) {\n Object.assign(merged, snapshots[i]?.memory);\n }\n\n const nk = new Set<string>();\n if (highlightNew && selectedIndex > 0) {\n const prev: Record<string, unknown> = {};\n for (let i = 0; i < selectedIndex; i++) {\n Object.assign(prev, snapshots[i]?.memory);\n }\n const current = snapshots[selectedIndex]?.memory ?? {};\n for (const k of Object.keys(current)) {\n if (!(k in prev)) nk.add(k);\n }\n } else if (highlightNew && selectedIndex === 0 && snapshots[0]) {\n for (const k of Object.keys(snapshots[0].memory)) nk.add(k);\n }\n\n return { memory: merged, newKeys: nk };\n }, [data, snapshots, selectedIndex, highlightNew]);\n\n const entries = Object.entries(memory);\n const fs = fontSize[size];\n const pad = padding[size];\n\n if (unstyled) {\n return (\n <div className={className} style={style} data-fp=\"memory-inspector\">\n <div data-fp=\"memory-label\">Memory State</div>\n <pre data-fp=\"memory-json\">\n {JSON.stringify(memory, null, 2)}\n </pre>\n </div>\n );\n }\n\n return (\n <div\n className={className}\n style={{\n padding: pad,\n fontFamily: theme.fontSans,\n ...style,\n }}\n data-fp=\"memory-inspector\"\n >\n <span\n style={{\n fontSize: fs.label,\n fontWeight: 600,\n color: theme.textMuted,\n textTransform: \"uppercase\",\n letterSpacing: \"0.08em\",\n }}\n >\n Memory State\n </span>\n <div\n style={{\n marginTop: 8,\n background: theme.bgSecondary,\n border: `1px solid ${theme.border}`,\n borderRadius: theme.radius,\n padding: `${pad}px ${pad + 4}px`,\n fontFamily: theme.fontMono,\n fontSize: fs.body,\n lineHeight: 1.8,\n }}\n >\n <span style={{ color: theme.textMuted }}>{\"{\"}</span>\n {entries.length === 0 && (\n <div\n style={{\n paddingLeft: 16,\n color: theme.textMuted,\n fontStyle: \"italic\",\n }}\n >\n {\"// empty\"}\n </div>\n )}\n {entries.map(([key, value], i) => {\n const isNew = newKeys.has(key);\n const isLast = i === entries.length - 1;\n return (\n <div\n key={key}\n style={{\n paddingLeft: 16,\n background: isNew\n ? `color-mix(in srgb, ${theme.success} 10%, transparent)`\n : \"transparent\",\n borderRadius: 4,\n marginLeft: -4,\n marginRight: -4,\n paddingRight: 4,\n }}\n >\n <span style={{ color: theme.primary }}>"{key}"</span>\n <span style={{ color: theme.textMuted }}>: </span>\n <span style={{ color: theme.success }}>\n {formatValue(value)}\n </span>\n {showTypes && (\n <span\n style={{\n color: theme.textMuted,\n fontSize: fs.small,\n marginLeft: 8,\n opacity: 0.6,\n }}\n >\n ({typeof value})\n </span>\n )}\n {!isLast && <span style={{ color: theme.textMuted }}>,</span>}\n </div>\n );\n })}\n <span style={{ color: theme.textMuted }}>{\"}\"}</span>\n </div>\n </div>\n );\n}\n\nfunction formatValue(value: unknown): string {\n if (typeof value === \"string\") return `\"${value}\"`;\n if (typeof value === \"object\" && value !== null) return JSON.stringify(value);\n return String(value);\n}\n","import { useMemo } from \"react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { theme, fontSize, padding } from \"../../theme\";\n\nexport interface NarrativeLogProps extends BaseComponentProps {\n /* Snapshots to display narratives from /\n snapshots: StageSnapshot[];\n /* Show narratives up to this index (for time-travel sync) /\n selectedIndex?: number;\n /* Show a single narrative string (simple mode) /\n narrative?: string;\n}\n\n/\n Timeline-style execution log showing what happened at each stage.\n * Supports both full snapshots mode and single-narrative mode.\n /\nexport function NarrativeLog({\n snapshots,\n selectedIndex,\n narrative,\n size = \"default\",\n unstyled = false,\n className,\n style,\n}: NarrativeLogProps) {\n const entries = useMemo(() => {\n if (narrative) {\n return [{ label: \"Output\", text: narrative, isCurrent: true }];\n }\n const idx = selectedIndex ?? snapshots.length - 1;\n return snapshots.slice(0, idx + 1).map((s, i) => ({\n label: s.stageLabel,\n text: s.narrative,\n isCurrent: i === idx,\n }));\n }, [snapshots, selectedIndex, narrative]);\n\n const fs = fontSize[size];\n const pad = padding[size];\n\n if (unstyled) {\n return (\n <div className={className} style={style} data-fp=\"narrative-log\">\n {entries.map((entry, i) => (\n <div key={i} data-fp=\"narrative-entry\" data-current={entry.isCurrent}>\n <strong>{entry.label}</strong>\n <p>{entry.text}</p>\n </div>\n ))}\n </div>\n );\n }\n\n return (\n <div\n className={className}\n style={{ padding: pad, fontFamily: theme.fontSans, ...style }}\n data-fp=\"narrative-log\"\n >\n <span\n style={{\n fontSize: fs.label,\n fontWeight: 600,\n color: theme.textMuted,\n textTransform: \"uppercase\",\n letterSpacing: \"0.08em\",\n }}\n >\n Execution Log\n </span>\n <div style={{ marginTop: 8, display: \"flex\", flexDirection: \"column\" }}>\n {entries.map((entry, i) => (\n <div\n key={i}\n style={{\n display: \"flex\",\n gap: 10,\n padding: `${pad}px 0`,\n borderBottom:\n i < entries.length - 1 ? `1px solid ${theme.border}` : \"none\",\n }}\n >\n {/ Timeline dot + line /}\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n width: 12,\n flexShrink: 0,\n paddingTop: 5,\n }}\n >\n <div\n style={{\n width: 8,\n height: 8,\n borderRadius: \"50%\",\n background: entry.isCurrent ? theme.primary : theme.success,\n flexShrink: 0,\n }}\n />\n {i < entries.length - 1 && (\n <div\n style={{\n width: 1,\n flex: 1,\n background: theme.border,\n marginTop: 4,\n }}\n />\n )}\n </div>\n\n {/ Content /}\n <div style={{ flex: 1, minWidth: 0 }}>\n <span\n style={{\n fontSize: fs.label,\n fontWeight: 600,\n color: entry.isCurrent ? theme.primary : theme.textMuted,\n }}\n >\n {entry.label}\n </span>\n <div\n style={{\n fontSize: fs.body,\n lineHeight: 1.5,\n color: entry.isCurrent ? theme.textPrimary : theme.textSecondary,\n marginTop: 2,\n }}\n >\n {entry.text}\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n );\n}\n","import { useMemo } from \"react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { theme, fontSize, padding } from \"../../theme\";\n\nexport interface GanttTimelineProps extends BaseComponentProps {\n /* Stage snapshots with timing info /\n snapshots: StageSnapshot[];\n /* Currently selected stage index /\n selectedIndex?: number;\n /* Callback when a stage bar is clicked /\n onSelect?: (index: number) => void;\n}\n\n/\n Horizontal Gantt-style timeline showing stage durations and overlap.\n * Great for performance analysis of pipeline execution.\n /\nexport function GanttTimeline({\n snapshots,\n selectedIndex = 0,\n onSelect,\n size = \"default\",\n unstyled = false,\n className,\n style,\n}: GanttTimelineProps) {\n const totalWallTime = useMemo(\n () => Math.max(...snapshots.map((s) => s.startMs + s.durationMs), 1),\n [snapshots]\n );\n\n const fs = fontSize[size];\n const pad = padding[size];\n const labelWidth = size === \"compact\" ? 50 : size === \"detailed\" ? 100 : 80;\n const msWidth = size === \"compact\" ? 28 : 36;\n\n if (unstyled) {\n return (\n <div className={className} style={style} data-fp=\"gantt-timeline\">\n {snapshots.map((snap, idx) => (\n <div\n key={snap.stageName}\n data-fp=\"gantt-bar\"\n data-selected={idx === selectedIndex}\n data-visible={idx <= selectedIndex}\n onClick={() => onSelect?.(idx)}\n >\n <span data-fp=\"gantt-label\">{snap.stageLabel}</span>\n <span data-fp=\"gantt-duration\">{snap.durationMs}ms</span>\n </div>\n ))}\n </div>\n );\n }\n\n return (\n <div\n className={className}\n style={{ padding: pad, fontFamily: theme.fontSans, ...style }}\n data-fp=\"gantt-timeline\"\n >\n <span\n style={{\n fontSize: fs.label,\n fontWeight: 600,\n color: theme.textMuted,\n textTransform: \"uppercase\",\n letterSpacing: \"0.08em\",\n }}\n >\n {size === \"compact\" ? \"Timeline\" : \"Execution Timeline\"}\n </span>\n <div\n style={{\n marginTop: 8,\n display: \"flex\",\n flexDirection: \"column\",\n gap: 4,\n }}\n >\n {snapshots.map((snap, idx) => {\n const leftPct = (snap.startMs / totalWallTime) 100;\n const widthPct = Math.max((snap.durationMs / totalWallTime) * 100, 1);\n const isSelected = idx === selectedIndex;\n const isVisible = idx <= selectedIndex;\n\n return (\n <div\n key={snap.stageName}\n onClick={() => onSelect?.(idx)}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: size === \"compact\" ? 4 : 8,\n cursor: onSelect ? \"pointer\" : \"default\",\n opacity: isVisible ? 1 : 0.3,\n transition: \"opacity 0.3s ease\",\n }}\n >\n <span\n style={{\n width: labelWidth,\n fontSize: fs.small,\n color: isSelected ? theme.primary : theme.textMuted,\n fontWeight: isSelected ? 600 : 400,\n textAlign: \"right\",\n flexShrink: 0,\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {snap.stageLabel}\n </span>\n <div\n style={{\n flex: 1,\n height: size === \"compact\" ? 6 : 8,\n position: \"relative\",\n background: theme.bgTertiary,\n borderRadius: 3,\n }}\n >\n {isVisible && (\n <div\n style={{\n position: \"absolute\",\n left: `${leftPct}%`,\n top: 0,\n width: `${widthPct}%`,\n height: \"100%\",\n borderRadius: 3,\n background: isSelected ? theme.primary : theme.success,\n transition: \"width 0.3s ease\",\n }}\n />\n )}\n </div>\n <span\n style={{\n fontSize: fs.small,\n color: theme.textMuted,\n fontFamily: theme.fontMono,\n width: msWidth,\n flexShrink: 0,\n }}\n >\n {snap.durationMs}ms\n </span>\n </div>\n );\n })}\n </div>\n\n {/* Time axis */}\n <div\n style={{\n marginTop: 4,\n marginLeft: labelWidth + (size === \"compact\" ? 4 : 8),\n marginRight: msWidth + (size === \"compact\" ? 4 : 8),\n display: \"flex\",\n justifyContent: \"space-between\",\n fontSize: fs.small - 1,\n color: theme.textMuted,\n fontFamily: theme.fontMono,\n }}\n >\n <span>0ms</span>\n {size !== \"compact\" && (\n <span>{(totalWallTime / 2).toFixed(1)}ms</span>\n )}\n <span>{totalWallTime.toFixed(1)}ms</span>\n </div>\n </div>\n );\n}\n"],"mappings":"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","names":["jsx","StageNode","jsx","memo","jsx","jsxs","memo","SubflowBreadcrumb","useCallback","useMemo","useMemo","useCallback","useState","useMemo","jsx","jsxs","useMemo","useMemo","jsx","jsxs","useMemo","useMemo","jsx","jsxs","useMemo","jsx","jsxs","useState"]}
1	+ {"version":3,"sources":["../src/components/FlowchartView/FlowchartView.tsx","../src/components/StageNode/StageNode.tsx","../src/theme/ThemeProvider.tsx","../src/theme/tokens.ts","../src/theme/styles.ts","../src/components/FlowchartView/TracedFlowchartView.tsx","../src/components/FlowchartView/specToReactFlow.ts","../src/components/FlowchartView/useSubflowNavigation.ts","../src/components/FlowchartView/SubflowBreadcrumb.tsx","../src/components/FlowchartView/SubflowTree.tsx","../src/components/TimeTravelDebugger/TimeTravelDebugger.tsx","../src/components/MemoryInspector/MemoryInspector.tsx","../src/components/NarrativeLog/NarrativeLog.tsx","../src/components/GanttTimeline/GanttTimeline.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport {\n ReactFlow,\n Background,\n BackgroundVariant,\n useNodesState,\n useEdgesState,\n} from \"@xyflow/react\";\nimport type { Node, Edge } from \"@xyflow/react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { StageNode } from \"../StageNode\";\nimport type { StageNodeData } from \"../StageNode\";\nimport { theme } from \"../../theme\";\n\nexport interface FlowchartViewProps extends BaseComponentProps {\n /** ReactFlow nodes /\n nodes: Node[];\n /* ReactFlow edges /\n edges: Edge[];\n /* Optional snapshots for state-aware rendering (done/active coloring) /\n snapshots?: StageSnapshot[];\n /* Currently selected snapshot index (for state coloring) /\n selectedIndex?: number;\n /* Callback when a node is clicked /\n onNodeClick?: (index: number) => void;\n}\n\nconst nodeTypes = { stageNode: StageNode };\n\n/\n Pipeline flowchart visualization using ReactFlow.\n * When snapshots are provided, nodes are colored by execution state.\n /\nexport function FlowchartView({\n nodes: rawNodes,\n edges: rawEdges,\n snapshots,\n selectedIndex = 0,\n onNodeClick,\n unstyled = false,\n className,\n style,\n}: FlowchartViewProps) {\n // Enhance nodes with execution state\n const enhancedNodes = useMemo(() => {\n if (!snapshots \|\| snapshots.length === 0) {\n return rawNodes.map((n) => ({\n ...n,\n type: \"stageNode\",\n data: {\n ...n.data,\n label: (n.data as StageNodeData).label \|\| n.id,\n active: false,\n done: false,\n error: false,\n },\n }));\n }\n\n const doneNames = new Set(\n snapshots.slice(0, selectedIndex).map((s) => s.stageName)\n );\n const activeName = snapshots[selectedIndex]?.stageName;\n\n return rawNodes.map((n) => ({\n ...n,\n type: \"stageNode\",\n data: {\n ...n.data,\n label: (n.data as StageNodeData).label \|\| n.id,\n active: n.id === activeName,\n done: doneNames.has(n.id),\n error: false,\n },\n }));\n }, [rawNodes, snapshots, selectedIndex]);\n\n // Enhance edges with state coloring\n const enhancedEdges = useMemo(() => {\n if (!snapshots \|\| snapshots.length === 0) {\n return rawEdges.map((e) => ({\n ...e,\n style: { stroke: theme.textMuted, strokeWidth: 1.5 },\n animated: false,\n }));\n }\n\n const doneNames = new Set(\n snapshots.slice(0, selectedIndex + 1).map((s) => s.stageName)\n );\n const activeName = snapshots[selectedIndex]?.stageName;\n\n return rawEdges.map((e) => {\n const sourceIsDone = doneNames.has(e.source);\n const isFromActive = e.source === activeName;\n return {\n ...e,\n style: {\n stroke: sourceIsDone ? theme.success : theme.textMuted,\n strokeWidth: 1.5,\n },\n animated: isFromActive,\n };\n });\n }, [rawEdges, snapshots, selectedIndex]);\n\n const [nodes, , onNodesChange] = useNodesState(enhancedNodes);\n const [edges, , onEdgesChange] = useEdgesState(enhancedEdges);\n\n const handleNodeClick = useCallback(\n (_: unknown, node: Node) => {\n if (!onNodeClick \|\| !snapshots) return;\n const idx = snapshots.findIndex((s) => s.stageName === node.id);\n if (idx >= 0) onNodeClick(idx);\n },\n [onNodeClick, snapshots]\n );\n\n return (\n <div\n className={className}\n style={{\n width: \"100%\",\n height: \"100%\",\n ...style,\n }}\n data-fp=\"flowchart-view\"\n >\n <ReactFlow\n nodes={nodes}\n edges={edges}\n onNodesChange={onNodesChange}\n onEdgesChange={onEdgesChange}\n onNodeClick={handleNodeClick}\n nodeTypes={nodeTypes}\n fitView\n panOnDrag={false}\n zoomOnScroll={false}\n zoomOnPinch={false}\n zoomOnDoubleClick={false}\n preventScrolling={false}\n nodesDraggable={false}\n nodesConnectable={false}\n elementsSelectable={!!onNodeClick}\n >\n {!unstyled && (\n <Background variant={BackgroundVariant.Dots} gap={16} size={1} />\n )}\n </ReactFlow>\n </div>\n );\n}\n","import { memo } from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\nimport type { NodeProps } from \"@xyflow/react\";\nimport { theme } from \"../../theme\";\n\nexport interface StageNodeData {\n label: string;\n active?: boolean;\n done?: boolean;\n error?: boolean;\n linked?: boolean;\n /* Step numbers in execution order (shown as badges — multiple when revisited via loops) /\n stepNumbers?: number[];\n /* Node was not executed (dim it) /\n dimmed?: boolean;\n /* Node is a subflow root (show nested indicator) /\n isSubflow?: boolean;\n /* Human-readable description of what this stage does /\n description?: string;\n /* Subflow identifier — set when this node belongs to a subflow /\n subflowId?: string;\n [key: string]: unknown;\n}\n\n/\n Custom ReactFlow node for pipeline stages.\n * All colors and fonts come from `--fp-` CSS variables (via theme).\n Shows execution state via color, icon, step badge, and pulse animation.\n /\nexport const StageNode = memo(function StageNode({\n data,\n}: NodeProps & { data: StageNodeData }) {\n const { label, active, done, error, linked, stepNumbers, dimmed, isSubflow, description } = data;\n\n const isOnPath = active \|\| done;\n\n const bg = active\n ? theme.primary\n : done\n ? theme.success\n : error\n ? theme.error\n : theme.bgSecondary;\n\n const borderColor = active\n ? theme.primary\n : done\n ? theme.success\n : error\n ? theme.error\n : theme.border;\n\n const shadow = active\n ? `0 0 16px color-mix(in srgb, ${theme.primary} 40%, transparent)`\n : done\n ? `0 0 8px color-mix(in srgb, ${theme.success} 20%, transparent)`\n : error\n ? `0 0 12px color-mix(in srgb, ${theme.error} 30%, transparent)`\n : `0 2px 8px rgba(0,0,0,0.15)`;\n\n // Colored states use white for contrast; default uses consumer's text color.\n const textColor =\n active \|\| done \|\| error ? \"#fff\" : theme.textPrimary;\n\n return (\n <>\n <Handle type=\"target\" position={Position.Top} style={{ opacity: 0 }} />\n <div\n style={{\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n }}\n >\n {/ Step number badges — multiple when revisited via loops /}\n {stepNumbers && stepNumbers.length > 0 && isOnPath && (\n <div\n style={{\n position: \"absolute\",\n top: -10,\n left: -10,\n display: \"flex\",\n gap: 3,\n zIndex: 10,\n }}\n >\n {stepNumbers.map((num, i) => {\n const isLatest = i === stepNumbers.length - 1;\n const badgeBg = isLatest && active ? theme.primary : theme.success;\n const glow = isLatest && active\n ? `color-mix(in srgb, ${theme.primary} 50%, transparent)`\n : `color-mix(in srgb, ${theme.success} 40%, transparent)`;\n return (\n <div\n key={num}\n style={{\n width: 22,\n height: 22,\n borderRadius: \"50%\",\n background: badgeBg,\n color: \"#fff\",\n fontSize: 11,\n fontWeight: 700,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n boxShadow: `0 0 8px ${glow}`,\n }}\n >\n {num}\n </div>\n );\n })}\n </div>\n )}\n\n {/ Linked pulse ring /}\n {linked && (\n <div\n style={{\n position: \"absolute\",\n inset: -6,\n borderRadius: `calc(${theme.radius} + 4px)`,\n border: `2px solid ${theme.primary}`,\n opacity: 0.4,\n animation: \"fp-pulse 2s ease-in-out infinite\",\n }}\n />\n )}\n\n {/ Active node pulse ring /}\n {active && (\n <div\n style={{\n position: \"absolute\",\n inset: -6,\n borderRadius: `calc(${theme.radius} + 4px)`,\n border: `2px solid ${theme.primary}`,\n opacity: 0.3,\n animation: \"fp-pulse 1.5s ease-out infinite\",\n }}\n />\n )}\n\n <div\n style={{\n background: bg,\n border: `2px solid ${borderColor}`,\n borderRadius: theme.radius,\n padding: description ? \"8px 16px\" : \"10px 20px\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n gap: description ? 2 : 0,\n boxShadow: shadow,\n transition: \"all 0.3s ease\",\n fontFamily: theme.fontSans,\n minWidth: 100,\n justifyContent: \"center\",\n }}\n >\n <div style={{ display: \"flex\", alignItems: \"center\", gap: 6 }}>\n {/ State icon /}\n {done && (\n <span style={{ fontSize: 10, color: textColor }}>✓</span>\n )}\n {active && (\n <span\n style={{\n width: 8,\n height: 8,\n borderRadius: \"50%\",\n background: \"#fff\",\n animation: \"fp-blink 1s ease-in-out infinite\",\n flexShrink: 0,\n }}\n />\n )}\n {error && (\n <span style={{ fontSize: 10, color: textColor }}>✗</span>\n )}\n\n <span\n style={{\n fontSize: 13,\n fontWeight: 500,\n color: textColor,\n whiteSpace: \"nowrap\",\n }}\n >\n {label}\n </span>\n {/ Subflow indicator — nested boxes icon /}\n {isSubflow && (\n <span\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: 16,\n height: 16,\n borderRadius: 3,\n border: `1.5px solid ${textColor}`,\n position: \"relative\",\n opacity: 0.7,\n flexShrink: 0,\n }}\n >\n <span\n style={{\n width: 8,\n height: 8,\n borderRadius: 2,\n border: `1px solid ${textColor}`,\n }}\n />\n </span>\n )}\n </div>\n {/ Description subtitle /}\n {description && (\n <span\n style={{\n fontSize: 10,\n fontWeight: 400,\n color: textColor,\n opacity: 0.7,\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n maxWidth: 160,\n }}\n >\n {description}\n </span>\n )}\n </div>\n </div>\n <Handle type=\"source\" position={Position.Bottom} style={{ opacity: 0 }} />\n {/ Right-side handles for loop-back edges (so they don't overlap center edges) /}\n <Handle\n id=\"loop-source\"\n type=\"source\"\n position={Position.Right}\n style={{ background: \"transparent\", border: \"none\", width: 6, height: 6 }}\n />\n <Handle\n id=\"loop-target\"\n type=\"target\"\n position={Position.Right}\n style={{ background: \"transparent\", border: \"none\", width: 6, height: 6 }}\n />\n </>\n );\n});\n","import { createContext, useContext } from \"react\";\nimport type { ThemeTokens } from \"./tokens\";\nimport { tokensToCSSVars } from \"./tokens\";\n\nconst ThemeContext = createContext<ThemeTokens>({});\n\nexport function useFootprintTheme(): ThemeTokens {\n return useContext(ThemeContext);\n}\n\ninterface FootprintThemeProps {\n tokens?: ThemeTokens;\n children: React.ReactNode;\n}\n\n/\n Optional theme provider — wraps children with CSS custom properties.\n * Consumers can also just set --fp-* CSS variables directly.\n /\nexport function FootprintTheme({ tokens = {}, children }: FootprintThemeProps) {\n const cssVars = tokensToCSSVars(tokens);\n\n return (\n <ThemeContext.Provider value={tokens}>\n <div style={cssVars as React.CSSProperties} className=\"fp-theme-root\">\n {children}\n </div>\n </ThemeContext.Provider>\n );\n}\n","/* Default theme tokens — consumers override via CSS variables or ThemeProvider. /\nexport interface ThemeTokens {\n colors?: {\n primary?: string;\n success?: string;\n error?: string;\n warning?: string;\n bgPrimary?: string;\n bgSecondary?: string;\n bgTertiary?: string;\n textPrimary?: string;\n textSecondary?: string;\n textMuted?: string;\n border?: string;\n };\n radius?: string;\n fontFamily?: {\n sans?: string;\n mono?: string;\n };\n}\n\n/* Maps ThemeTokens to CSS custom property assignments. /\nexport function tokensToCSSVars(tokens: ThemeTokens): Record<string, string> {\n const vars: Record<string, string> = {};\n if (tokens.colors) {\n const c = tokens.colors;\n if (c.primary) vars[\"--fp-color-primary\"] = c.primary;\n if (c.success) vars[\"--fp-color-success\"] = c.success;\n if (c.error) vars[\"--fp-color-error\"] = c.error;\n if (c.warning) vars[\"--fp-color-warning\"] = c.warning;\n if (c.bgPrimary) vars[\"--fp-bg-primary\"] = c.bgPrimary;\n if (c.bgSecondary) vars[\"--fp-bg-secondary\"] = c.bgSecondary;\n if (c.bgTertiary) vars[\"--fp-bg-tertiary\"] = c.bgTertiary;\n if (c.textPrimary) vars[\"--fp-text-primary\"] = c.textPrimary;\n if (c.textSecondary) vars[\"--fp-text-secondary\"] = c.textSecondary;\n if (c.textMuted) vars[\"--fp-text-muted\"] = c.textMuted;\n if (c.border) vars[\"--fp-border\"] = c.border;\n }\n if (tokens.radius) vars[\"--fp-radius\"] = tokens.radius;\n if (tokens.fontFamily?.sans) vars[\"--fp-font-sans\"] = tokens.fontFamily.sans;\n if (tokens.fontFamily?.mono) vars[\"--fp-font-mono\"] = tokens.fontFamily.mono;\n return vars;\n}\n\n/* Default dark theme values (used as CSS variable fallbacks). /\nexport const defaultTokens: Required<{\n [K in keyof ThemeTokens]-?: Required<ThemeTokens[K]>;\n}> = {\n colors: {\n primary: \"#6366f1\",\n success: \"#22c55e\",\n error: \"#ef4444\",\n warning: \"#f59e0b\",\n bgPrimary: \"#0f172a\",\n bgSecondary: \"#1e293b\",\n bgTertiary: \"#334155\",\n textPrimary: \"#f8fafc\",\n textSecondary: \"#94a3b8\",\n textMuted: \"#64748b\",\n border: \"#334155\",\n },\n radius: \"8px\",\n fontFamily: {\n sans: \"Inter, system-ui, -apple-system, sans-serif\",\n mono: \"'JetBrains Mono', 'Fira Code', monospace\",\n },\n};\n","import type { Size } from \"../types\";\n\n/\n Helper to resolve a CSS variable with a fallback.\n * Usage: v(\"--fp-color-primary\", \"#6366f1\")\n /\nexport function v(varName: string, fallback: string): string {\n return `var(${varName}, ${fallback})`;\n}\n\n/* Shorthand for common theme variables /\nexport const theme = {\n primary: v(\"--fp-color-primary\", \"#6366f1\"),\n success: v(\"--fp-color-success\", \"#22c55e\"),\n error: v(\"--fp-color-error\", \"#ef4444\"),\n warning: v(\"--fp-color-warning\", \"#f59e0b\"),\n bgPrimary: v(\"--fp-bg-primary\", \"#0f172a\"),\n bgSecondary: v(\"--fp-bg-secondary\", \"#1e293b\"),\n bgTertiary: v(\"--fp-bg-tertiary\", \"#334155\"),\n textPrimary: v(\"--fp-text-primary\", \"#f8fafc\"),\n textSecondary: v(\"--fp-text-secondary\", \"#94a3b8\"),\n textMuted: v(\"--fp-text-muted\", \"#64748b\"),\n border: v(\"--fp-border\", \"#334155\"),\n radius: v(\"--fp-radius\", \"8px\"),\n fontSans: v(\"--fp-font-sans\", \"Inter, system-ui, -apple-system, sans-serif\"),\n fontMono: v(\"--fp-font-mono\", \"'JetBrains Mono', 'Fira Code', monospace\"),\n} as const;\n\n/* Font sizes per size variant /\nexport const fontSize: Record<Size, { label: number; body: number; small: number }> = {\n compact: { label: 10, body: 11, small: 9 },\n default: { label: 11, body: 12, small: 10 },\n detailed: { label: 12, body: 13, small: 11 },\n};\n\n/* Padding per size variant /\nexport const padding: Record<Size, number> = {\n compact: 8,\n default: 12,\n detailed: 16,\n};\n","/\n Self-contained flowchart with execution trace overlay.\n \n Consumer just passes `spec` and optionally `snapshots` + `snapshotIndex`.\n * The component internally computes the overlay, handles subflow drill-down,\n * and renders the correct nodes/edges — no manual overlay construction needed.\n \n Usage:\n * <TracedFlowchartView spec={spec} /> // static\n * <TracedFlowchartView spec={spec} snapshots={snaps} snapshotIndex={idx} /> // traced\n * <TracedFlowchartView spec={spec} snapshots={snaps} snapshotIndex={idx} showTree />\n /\nimport { useState, useMemo, useCallback } from \"react\";\nimport {\n ReactFlow,\n Background,\n BackgroundVariant,\n} from \"@xyflow/react\";\nimport type { Node, NodeTypes } from \"@xyflow/react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { StageNode } from \"../StageNode\";\nimport { specToReactFlow } from \"./specToReactFlow\";\nimport type { SpecNode, ExecutionOverlay } from \"./specToReactFlow\";\nimport { useSubflowNavigation } from \"./useSubflowNavigation\";\nimport { SubflowBreadcrumb } from \"./SubflowBreadcrumb\";\nimport { SubflowTree } from \"./SubflowTree\";\n\nexport interface TracedFlowchartViewProps extends BaseComponentProps {\n /* Pipeline spec from builder.toSpec() /\n spec: SpecNode;\n /* Visualization snapshots (enables trace overlay when provided) /\n snapshots?: StageSnapshot[];\n /* Current time-travel position /\n snapshotIndex?: number;\n /* Callback when a node is clicked (receives snapshot index, or node id if no snapshots) /\n onNodeClick?: (indexOrId: number \| string) => void;\n /* Callback when subflow navigation changes (true = entered subflow) /\n onSubflowChange?: (isInSubflow: boolean, subflowNodeName: string \| null) => void;\n /* Show collapsible subflow tree sidebar (default: false) /\n showTree?: boolean;\n /* Width of the tree sidebar in pixels (default: 200) /\n treeWidth?: number;\n}\n\nconst nodeTypes: NodeTypes = { stage: StageNode as any };\n\nexport function TracedFlowchartView({\n spec,\n snapshots,\n snapshotIndex = 0,\n onNodeClick,\n onSubflowChange,\n showTree = false,\n treeWidth = 200,\n unstyled = false,\n className,\n style,\n}: TracedFlowchartViewProps) {\n const [treeVisible, setTreeVisible] = useState(showTree);\n\n // Subflow navigation — no overlay passed (computed synchronously below)\n const subflowNav = useSubflowNavigation(spec);\n\n // Get the current level's spec from breadcrumbs\n const currentSpec = subflowNav.breadcrumbs.length > 0\n ? subflowNav.breadcrumbs[subflowNav.breadcrumbs.length - 1].spec\n : null;\n\n // Compute execution overlay from snapshots + index\n const overlay = useMemo<ExecutionOverlay \| undefined>(() => {\n if (!snapshots \|\| snapshots.length === 0) return undefined;\n const executionOrder = snapshots\n .slice(0, snapshotIndex + 1)\n .map((s) => s.stageLabel);\n const doneStages = new Set(\n snapshots.slice(0, snapshotIndex).map((s) => s.stageLabel)\n );\n const activeStage = snapshots[snapshotIndex]?.stageLabel ?? null;\n const executedStages = new Set([...doneStages]);\n if (activeStage) executedStages.add(activeStage);\n return { doneStages, activeStage, executedStages, executionOrder };\n }, [snapshots, snapshotIndex]);\n\n // Derive nodes/edges with overlay applied\n const { nodes, edges } = useMemo(() => {\n if (!currentSpec) return { nodes: [], edges: [] };\n return specToReactFlow(currentSpec, overlay);\n }, [currentSpec, overlay]);\n\n // Handle node clicks — drill into subflow or notify consumer\n const handleNodeClick = useCallback(\n (_: unknown, node: Node) => {\n // Try subflow drill-down first\n if (subflowNav.handleNodeClick(node.id)) {\n onSubflowChange?.(true, node.id);\n return;\n }\n // Otherwise notify consumer\n if (onNodeClick && snapshots) {\n const idx = snapshots.findIndex((s) => s.stageLabel === node.id);\n if (idx >= 0) onNodeClick(idx);\n } else if (onNodeClick) {\n onNodeClick(node.id);\n }\n },\n [subflowNav, onNodeClick, onSubflowChange, snapshots]\n );\n\n // Navigate breadcrumb\n const handleBreadcrumbNavigate = useCallback(\n (level: number) => {\n subflowNav.navigateTo(level);\n onSubflowChange?.(level > 0, null);\n },\n [subflowNav, onSubflowChange]\n );\n\n // Tree node click — drill into subflow or jump to snapshot\n const handleTreeNodeSelect = useCallback(\n (name: string, isSubflow: boolean) => {\n if (isSubflow) {\n if (subflowNav.handleNodeClick(name)) {\n onSubflowChange?.(true, name);\n }\n } else if (onNodeClick && snapshots) {\n const idx = snapshots.findIndex((s) => s.stageLabel === name);\n if (idx >= 0) onNodeClick(idx);\n }\n },\n [subflowNav, onNodeClick, onSubflowChange, snapshots]\n );\n\n return (\n <div\n className={className}\n style={{ width: \"100%\", height: \"100%\", display: \"flex\", flexDirection: \"row\", ...style }}\n data-fp=\"traced-flowchart\"\n >\n {/ Subflow tree sidebar /}\n {showTree && treeVisible && (\n <SubflowTree\n spec={spec}\n activeStage={overlay?.activeStage}\n doneStages={overlay?.doneStages}\n onNodeSelect={handleTreeNodeSelect}\n unstyled={unstyled}\n style={{ width: treeWidth, flexShrink: 0, height: \"100%\" }}\n />\n )}\n\n {/ Main flowchart area /}\n <div style={{ flex: 1, display: \"flex\", flexDirection: \"column\", minWidth: 0, height: \"100%\" }}>\n {/ Breadcrumb + optional tree toggle /}\n {(subflowNav.isInSubflow \|\| (showTree && !treeVisible)) && (\n <div style={{ display: \"flex\", alignItems: \"stretch\", flexShrink: 0 }}>\n {showTree && !treeVisible && (\n <button\n onClick={() => setTreeVisible(true)}\n data-fp=\"tree-toggle\"\n style={unstyled ? {} : {\n background: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n padding: \"6px 8px\",\n fontSize: 10,\n flexShrink: 0,\n }}\n >\n ▶\n </button>\n )}\n <div style={{ flex: 1 }}>\n <SubflowBreadcrumb\n breadcrumbs={subflowNav.breadcrumbs}\n onNavigate={handleBreadcrumbNavigate}\n />\n </div>\n </div>\n )}\n\n {/ Tree collapse button (shown in tree header area) /}\n {showTree && treeVisible && (\n <div style={{ display: \"flex\", alignItems: \"stretch\", flexShrink: 0 }}>\n <button\n onClick={() => setTreeVisible(false)}\n data-fp=\"tree-toggle\"\n style={unstyled ? {} : {\n background: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n padding: \"6px 8px\",\n fontSize: 10,\n flexShrink: 0,\n }}\n >\n ◀\n </button>\n <div style={{ flex: 1 }}>\n {subflowNav.isInSubflow && (\n <SubflowBreadcrumb\n breadcrumbs={subflowNav.breadcrumbs}\n onNavigate={handleBreadcrumbNavigate}\n />\n )}\n </div>\n </div>\n )}\n\n <div style={{ flex: 1, minHeight: 0 }}>\n <ReactFlow\n nodes={nodes}\n edges={edges}\n onNodeClick={handleNodeClick}\n nodeTypes={nodeTypes}\n fitView\n panOnDrag={false}\n zoomOnScroll={false}\n zoomOnPinch={false}\n zoomOnDoubleClick={false}\n preventScrolling={false}\n nodesDraggable={false}\n nodesConnectable={false}\n elementsSelectable={!!onNodeClick}\n >\n {!unstyled && (\n <Background variant={BackgroundVariant.Dots} gap={16} size={1} />\n )}\n </ReactFlow>\n </div>\n </div>\n </div>\n );\n}\n","/\n Converts a SerializedPipelineStructure (from builder.toSpec()) into\n * ReactFlow nodes and edges with auto-layout.\n \n Supports two modes:\n * 1. Build-time only (no executionState) — all nodes gray\n * 2. With execution overlay — executed nodes colored, active node highlighted,\n * unvisited nodes stay gray\n /\nimport type { Node, Edge } from \"@xyflow/react\";\nimport { defaultTokens } from \"../../theme/tokens\";\n\nexport interface SpecNode {\n name: string;\n id?: string;\n type?: \"stage\" \| \"decider\" \| \"fork\" \| \"streaming\";\n description?: string;\n children?: SpecNode[];\n next?: SpecNode;\n branchIds?: string[];\n hasDecider?: boolean;\n hasSelector?: boolean;\n loopTarget?: string;\n isSubflowRoot?: boolean;\n subflowId?: string;\n subflowName?: string;\n subflowStructure?: SpecNode;\n}\n\nexport interface ExecutionOverlay {\n /* Names of stages that have completed (before the active one) /\n doneStages: Set<string>;\n /* Name of the currently active stage /\n activeStage: string \| null;\n /* Names of all stages that were executed (done + active) /\n executedStages: Set<string>;\n /* Ordered list of executed stage names (for step numbering) /\n executionOrder?: string[];\n}\n\n/* Colors for the flowchart — consumer provides these to match their theme /\nexport interface FlowchartColors {\n edgeDefault: string;\n edgeExecuted: string;\n edgeActive: string;\n edgeLoop: string;\n labelDefault: string;\n labelExecuted: string;\n labelLoop: string;\n pathGlow: string;\n}\n\n/* Default colors derived from theme tokens. Consumer can override per-call. /\nconst DEFAULT_COLORS: FlowchartColors = {\n edgeDefault: defaultTokens.colors.textMuted,\n edgeExecuted: defaultTokens.colors.success,\n edgeActive: defaultTokens.colors.primary,\n edgeLoop: defaultTokens.colors.warning,\n labelDefault: defaultTokens.colors.textSecondary,\n labelExecuted: defaultTokens.colors.success,\n labelLoop: defaultTokens.colors.warning,\n pathGlow: `${defaultTokens.colors.success}4D`, // ~30% opacity hex\n};\n\ninterface LayoutState {\n nodes: Node[];\n edges: Edge[];\n edgeCounter: number;\n seen: Set<string>;\n overlay: ExecutionOverlay \| null;\n colors: FlowchartColors;\n}\n\nconst Y_STEP = 100;\nconst X_SPREAD = 200;\n\nfunction nid(n: SpecNode): string {\n return n.name \|\| n.id \|\| `spec-${Math.random()}`;\n}\n\nfunction addEdge(\n state: LayoutState,\n source: string,\n target: string,\n label?: string,\n isLoop?: boolean\n) {\n state.edgeCounter++;\n const o = state.overlay;\n const c = state.colors;\n const executed =\n o && o.executedStages.has(source) && o.executedStages.has(target);\n const isLeadingEdge = o && source === o.activeStage && !o.doneStages.has(target);\n\n // Loop edges — route via right-side handles so they don't overlap center edges\n // Only mark as executed when the loop has actually fired:\n // the target must appear AFTER the source in executionOrder\n if (isLoop) {\n let loopExecuted = false;\n if (o?.executionOrder) {\n const lastSourceIdx = o.executionOrder.lastIndexOf(source);\n if (lastSourceIdx >= 0) {\n loopExecuted = o.executionOrder.slice(lastSourceIdx + 1).includes(target);\n }\n }\n\n state.edges.push({\n id: `se${state.edgeCounter}`,\n source,\n target,\n sourceHandle: \"loop-source\",\n targetHandle: \"loop-target\",\n label: label ?? \"loop\",\n type: \"smoothstep\",\n pathOptions: { offset: 40, borderRadius: 16 },\n style: {\n stroke: c.edgeLoop,\n strokeWidth: loopExecuted ? 3 : 2,\n strokeDasharray: \"6 3\",\n opacity: o && !loopExecuted ? 0.35 : 1,\n },\n labelStyle: { fontSize: 10, fontWeight: 700, fill: c.labelLoop },\n animated: loopExecuted,\n zIndex: 2,\n } as Edge);\n return;\n }\n\n if (executed) {\n // \"Google Maps route\" — thick glowing path for executed edges\n // Background glow layer (subtle, behind the route line)\n state.edges.push({\n id: `se${state.edgeCounter}-glow`,\n source,\n target,\n style: {\n stroke: c.pathGlow,\n strokeWidth: 8,\n opacity: 0.4,\n },\n zIndex: 0,\n selectable: false,\n focusable: false,\n });\n // Foreground path (solid route line)\n state.edges.push({\n id: `se${state.edgeCounter}`,\n source,\n target,\n label,\n style: {\n stroke: isLeadingEdge ? c.edgeActive : c.edgeExecuted,\n strokeWidth: 3.5,\n },\n labelStyle: { fontSize: 10, fontWeight: 600, fill: c.labelExecuted },\n animated: !!isLeadingEdge,\n zIndex: 1,\n });\n } else {\n // Non-executed — thin, faded base map edge\n state.edges.push({\n id: `se${state.edgeCounter}`,\n source,\n target,\n label,\n style: {\n stroke: c.edgeDefault,\n strokeWidth: 1.5,\n opacity: o ? 0.3 : 1,\n },\n labelStyle: { fontSize: 10, fill: c.labelDefault },\n });\n }\n}\n\nfunction walk(\n node: SpecNode,\n state: LayoutState,\n x: number,\n y: number\n): { lastIds: string[]; bottomY: number } {\n const id = nid(node);\n\n if (state.seen.has(id)) {\n return { lastIds: [id], bottomY: y };\n }\n state.seen.add(id);\n\n const isDecider = node.type === \"decider\" \|\| node.hasDecider;\n const isFork = node.type === \"fork\";\n const o = state.overlay;\n\n const isDone = o ? o.doneStages.has(id) : false;\n const isActive = o ? o.activeStage === id : false;\n const wasExecuted = o ? o.executedStages.has(id) : false;\n // When overlay is present, dim unvisited nodes\n const dimmed = o && !wasExecuted;\n\n // Step numbers for executed nodes (1-based) — multiple when revisited via loops\n let stepNumbers: number[] \| undefined;\n if (o?.executionOrder) {\n const nums: number[] = [];\n for (let i = 0; i < o.executionOrder.length; i++) {\n if (o.executionOrder[i] === id) nums.push(i + 1);\n }\n if (nums.length > 0) stepNumbers = nums;\n }\n\n state.nodes.push({\n id,\n position: { x, y },\n data: {\n label: node.name,\n active: isActive,\n done: isDone,\n error: false,\n isDecider,\n isFork,\n description: node.description,\n subflowId: node.subflowId,\n dimmed,\n stepNumbers,\n isSubflow: !!node.isSubflowRoot,\n },\n type: \"stage\",\n style: dimmed ? { opacity: 0.35 } : undefined,\n });\n\n let lastIds = [id];\n let bottomY = y;\n\n // Handle children (fork/decider branches)\n if (node.children && node.children.length > 0) {\n const totalWidth = (node.children.length - 1) X_SPREAD;\n const startX = x - totalWidth / 2;\n const childY = y + Y_STEP;\n\n const childResults: { lastIds: string[]; bottomY: number }[] = [];\n\n for (let i = 0; i < node.children.length; i++) {\n const child = node.children[i];\n const childX = startX + i * X_SPREAD;\n const edgeLabel = node.branchIds?.[i];\n addEdge(state, id, nid(child), edgeLabel);\n const result = walk(child, state, childX, childY);\n childResults.push(result);\n }\n\n lastIds = childResults.flatMap((r) => r.lastIds);\n bottomY = Math.max(...childResults.map((r) => r.bottomY));\n }\n\n // Handle loop-back edge — visually distinct dashed orange arrow\n // Must be added before processing `next`, since `next` returns early\n if (node.loopTarget) {\n addEdge(state, id, node.loopTarget, \"loop\", true);\n }\n\n // Handle linear continuation\n if (node.next) {\n const nextY = bottomY + Y_STEP;\n const nextId = nid(node.next);\n for (const lid of lastIds) {\n // Skip forward edge when a loop edge already connects to the same target\n if (node.loopTarget && lid === id && node.loopTarget === nextId) continue;\n addEdge(state, lid, nextId);\n }\n const result = walk(node.next, state, x, nextY);\n return result;\n }\n\n return { lastIds, bottomY };\n}\n\n/*\n Convert a pipeline spec to ReactFlow graph.\n * Pass `overlay` to color nodes/edges by execution state.\n /\nexport function specToReactFlow(\n spec: SpecNode,\n overlay?: ExecutionOverlay,\n colors?: Partial<FlowchartColors>\n): {\n nodes: Node[];\n edges: Edge[];\n} {\n const state: LayoutState = {\n nodes: [],\n edges: [],\n edgeCounter: 0,\n seen: new Set(),\n overlay: overlay ?? null,\n colors: { ...DEFAULT_COLORS, ...colors },\n };\n\n walk(spec, state, 300, 0);\n\n return { nodes: state.nodes, edges: state.edges };\n}\n","import { useState, useCallback, useMemo } from \"react\";\nimport { specToReactFlow } from \"./specToReactFlow\";\nimport type { SpecNode, ExecutionOverlay, FlowchartColors } from \"./specToReactFlow\";\nimport type { Node, Edge } from \"@xyflow/react\";\n\nexport interface BreadcrumbEntry {\n /* Display name for this level /\n label: string;\n /* The spec node tree at this level /\n spec: SpecNode;\n /* Human-readable description of this subflow /\n description?: string;\n}\n\nexport interface SubflowNavigation {\n /* Current breadcrumb path (root → ... → current) /\n breadcrumbs: BreadcrumbEntry[];\n /* Current level's ReactFlow nodes /\n nodes: Node[];\n /* Current level's ReactFlow edges /\n edges: Edge[];\n /* Call when a node is clicked — drills in if it's a subflow /\n handleNodeClick: (nodeId: string) => boolean;\n /* Navigate to a specific breadcrumb level (0 = root) /\n navigateTo: (level: number) => void;\n /* Whether we're currently inside a subflow (not at root) /\n isInSubflow: boolean;\n /* Name of the subflow node we drilled into (for finding execution data) /\n currentSubflowNodeName: string \| null;\n}\n\n/\n Hook that manages subflow drill-down navigation for a flowchart spec.\n \n Maintains a breadcrumb stack. When a subflow node is clicked, pushes its\n * nested spec onto the stack and re-derives nodes/edges. Breadcrumb clicks\n * pop back to that level.\n /\nexport function useSubflowNavigation(\n rootSpec: SpecNode \| null,\n overlay?: ExecutionOverlay,\n colors?: Partial<FlowchartColors>\n): SubflowNavigation {\n const [stack, setStack] = useState<BreadcrumbEntry[]>([]);\n\n // Current spec = top of stack, or root\n const currentSpec = stack.length > 0 ? stack[stack.length - 1].spec : rootSpec;\n\n // Derive nodes/edges from current spec\n // Overlay is always passed through — consumer provides the appropriate overlay\n // (root overlay at root level, subflow overlay when drilled in)\n const { nodes, edges } = useMemo(() => {\n if (!currentSpec) return { nodes: [], edges: [] };\n return specToReactFlow(currentSpec, overlay, colors);\n }, [currentSpec, overlay, colors]);\n\n // Build a lookup of subflow nodes at the current level\n const subflowMap = useMemo(() => {\n const map = new Map<string, SpecNode>();\n if (!currentSpec) return map;\n\n function collectSubflows(node: SpecNode) {\n if (node.isSubflowRoot && node.subflowStructure) {\n const id = node.name \|\| node.id \|\| \"\";\n map.set(id, node);\n }\n if (node.children) node.children.forEach(collectSubflows);\n if (node.next) collectSubflows(node.next);\n }\n collectSubflows(currentSpec);\n return map;\n }, [currentSpec]);\n\n const breadcrumbs: BreadcrumbEntry[] = useMemo(() => {\n const root: BreadcrumbEntry = {\n label: rootSpec?.name \|\| \"Flowchart\",\n spec: rootSpec!,\n description: rootSpec?.description,\n };\n return [root, ...stack];\n }, [rootSpec, stack]);\n\n const handleNodeClick = useCallback(\n (nodeId: string): boolean => {\n const subflowNode = subflowMap.get(nodeId);\n if (!subflowNode?.subflowStructure) return false;\n\n setStack((prev) => [\n ...prev,\n {\n label: subflowNode.subflowName \|\| subflowNode.name,\n spec: subflowNode.subflowStructure!,\n description: subflowNode.description,\n },\n ]);\n return true;\n },\n [subflowMap]\n );\n\n const navigateTo = useCallback(\n (level: number) => {\n if (level === 0) {\n setStack([]);\n } else {\n setStack((prev) => prev.slice(0, level));\n }\n },\n []\n );\n\n return {\n breadcrumbs,\n nodes,\n edges,\n handleNodeClick,\n navigateTo,\n isInSubflow: stack.length > 0,\n currentSubflowNodeName: stack.length > 0 ? stack[stack.length - 1].label : null,\n };\n}\n","import { memo } from \"react\";\nimport { theme } from \"../../theme\";\nimport type { BreadcrumbEntry } from \"./useSubflowNavigation\";\n\nexport interface SubflowBreadcrumbProps {\n breadcrumbs: BreadcrumbEntry[];\n onNavigate: (level: number) => void;\n}\n\n/\n Breadcrumb bar for subflow drill-down navigation.\n * Shows: Root > SubflowA > SubflowB — clicking any crumb navigates back.\n /\nexport const SubflowBreadcrumb = memo(function SubflowBreadcrumb({\n breadcrumbs,\n onNavigate,\n}: SubflowBreadcrumbProps) {\n if (breadcrumbs.length <= 1) return null;\n\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 4,\n padding: \"6px 12px\",\n background: theme.bgSecondary,\n borderBottom: `1px solid ${theme.border}`,\n fontSize: 12,\n fontFamily: theme.fontSans,\n flexShrink: 0,\n overflowX: \"auto\",\n }}\n >\n {breadcrumbs.map((crumb, i) => {\n const isLast = i === breadcrumbs.length - 1;\n return (\n <span key={`${crumb.label}-${i}`} style={{ display: \"flex\", alignItems: \"center\", gap: 4 }}>\n {i > 0 && (\n <span style={{ color: theme.textMuted, fontSize: 10 }}>\n ›\n </span>\n )}\n {isLast ? (\n <span style={{ display: \"flex\", alignItems: \"center\", gap: 6 }}>\n <span\n style={{\n color: theme.primary,\n fontWeight: 600,\n }}\n >\n {crumb.label}\n </span>\n {crumb.description && (\n <span\n style={{\n color: theme.textMuted,\n fontWeight: 400,\n fontSize: 11,\n }}\n >\n — {crumb.description}\n </span>\n )}\n </span>\n ) : (\n <button\n onClick={() => onNavigate(i)}\n style={{\n background: \"none\",\n border: \"none\",\n color: theme.textSecondary,\n cursor: \"pointer\",\n padding: \"2px 4px\",\n borderRadius: 4,\n fontSize: 12,\n fontFamily: \"inherit\",\n fontWeight: 500,\n transition: \"color 0.15s\",\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.color = `${theme.primary}`;\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.color = `${theme.textSecondary}`;\n }}\n >\n {crumb.label}\n </button>\n )}\n </span>\n );\n })}\n </div>\n );\n});\n","import { memo, useState, useCallback, useMemo } from \"react\";\nimport { theme } from \"../../theme\";\nimport type { SpecNode } from \"./specToReactFlow\";\nimport type { BaseComponentProps } from \"../../types\";\n\nexport interface SubflowTreeEntry {\n /* Node name / identifier /\n name: string;\n /* Human-readable description /\n description?: string;\n /* Subflow ID (when this node represents a subflow) /\n subflowId?: string;\n /* Whether this node is a subflow root (has nested structure) /\n isSubflow?: boolean;\n /* Nested children (subflow stages) /\n children?: SubflowTreeEntry[];\n}\n\nexport interface SubflowTreeProps extends BaseComponentProps {\n /* Pipeline spec to derive the tree from /\n spec: SpecNode;\n /* Currently active stage name (highlights in tree) /\n activeStage?: string \| null;\n /* Set of completed stage names /\n doneStages?: Set<string>;\n /* Called when a tree node is clicked /\n onNodeSelect?: (name: string, isSubflow: boolean) => void;\n}\n\n/* Extracts a flat-ish tree of entries from a SpecNode for display. /\nexport function specToTree(node: SpecNode): SubflowTreeEntry[] {\n const entries: SubflowTreeEntry[] = [];\n const seen = new Set<string>();\n\n function walk(n: SpecNode) {\n const id = n.name \|\| n.id \|\| \"\";\n if (seen.has(id)) return;\n seen.add(id);\n\n const entry: SubflowTreeEntry = {\n name: n.name,\n description: n.description,\n subflowId: n.subflowId,\n isSubflow: !!n.isSubflowRoot,\n };\n\n // If this is a subflow with nested structure, recurse into it\n if (n.isSubflowRoot && n.subflowStructure) {\n entry.children = specToTree(n.subflowStructure);\n }\n\n entries.push(entry);\n\n // Walk children (fork/decider branches)\n if (n.children) {\n for (const child of n.children) {\n walk(child);\n }\n }\n\n // Walk linear continuation\n if (n.next) {\n walk(n.next);\n }\n }\n\n walk(node);\n return entries;\n}\n\n/* Single tree node row /\nconst TreeNode = memo(function TreeNode({\n entry,\n depth,\n activeStage,\n doneStages,\n onNodeSelect,\n}: {\n entry: SubflowTreeEntry;\n depth: number;\n activeStage?: string \| null;\n doneStages?: Set<string>;\n onNodeSelect?: (name: string, isSubflow: boolean) => void;\n}) {\n const [expanded, setExpanded] = useState(true);\n const hasChildren = entry.children && entry.children.length > 0;\n const isActive = activeStage === entry.name;\n const isDone = doneStages?.has(entry.name);\n\n const handleClick = useCallback(() => {\n if (hasChildren) {\n setExpanded((prev) => !prev);\n }\n onNodeSelect?.(entry.name, !!entry.isSubflow);\n }, [hasChildren, onNodeSelect, entry.name, entry.isSubflow]);\n\n return (\n <>\n <button\n onClick={handleClick}\n data-fp=\"subflow-tree-node\"\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n width: \"100%\",\n border: \"none\",\n background: isActive\n ? `color-mix(in srgb, ${theme.primary} 15%, transparent)`\n : \"transparent\",\n cursor: \"pointer\",\n padding: `4px 8px 4px ${8 + depth 16}px`,\n fontFamily: theme.fontSans,\n fontSize: 12,\n textAlign: \"left\",\n borderRadius: 4,\n transition: \"background 0.15s\",\n }}\n onMouseEnter={(e) => {\n if (!isActive) {\n e.currentTarget.style.background = `color-mix(in srgb, ${theme.textMuted} 10%, transparent)`;\n }\n }}\n onMouseLeave={(e) => {\n if (!isActive) {\n e.currentTarget.style.background = \"transparent\";\n }\n }}\n >\n {/* Expand/collapse chevron for subflows /}\n {hasChildren ? (\n <span\n style={{\n fontSize: 10,\n color: theme.textMuted,\n width: 12,\n textAlign: \"center\",\n flexShrink: 0,\n transition: \"transform 0.15s\",\n transform: expanded ? \"rotate(90deg)\" : \"rotate(0deg)\",\n display: \"inline-block\",\n }}\n >\n ▶\n </span>\n ) : (\n <span style={{ width: 12, flexShrink: 0 }} />\n )}\n\n {/ Status dot /}\n <span\n style={{\n width: 6,\n height: 6,\n borderRadius: \"50%\",\n flexShrink: 0,\n background: isActive\n ? theme.primary\n : isDone\n ? theme.success\n : theme.border,\n }}\n />\n\n {/ Label + description /}\n <span style={{ display: \"flex\", flexDirection: \"column\", minWidth: 0 }}>\n <span\n style={{\n color: isActive\n ? theme.primary\n : isDone\n ? theme.textPrimary\n : theme.textSecondary,\n fontWeight: isActive ? 600 : entry.isSubflow ? 500 : 400,\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n }}\n >\n {entry.name}\n {entry.isSubflow && (\n <span style={{ opacity: 0.5, marginLeft: 4, fontSize: 10 }}>⊞</span>\n )}\n </span>\n {entry.description && (\n <span\n style={{\n color: theme.textMuted,\n fontSize: 10,\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n }}\n >\n {entry.description}\n </span>\n )}\n </span>\n </button>\n\n {/ Children /}\n {hasChildren && expanded && (\n <div>\n {entry.children!.map((child, i) => (\n <TreeNode\n key={`${child.name}-${i}`}\n entry={child}\n depth={depth + 1}\n activeStage={activeStage}\n doneStages={doneStages}\n onNodeSelect={onNodeSelect}\n />\n ))}\n </div>\n )}\n </>\n );\n});\n\n/\n Collapsible tree sidebar showing the full subflow manifest.\n \n Shared navigation layer — humans click through the tree just like\n * LLMs call getSubflowManifest() / getSubflowSpec().\n \n All colors come from `--fp-` CSS variables set by the consumer.\n /\n/** Section label used for \"Flowchart\" and \"Subflows\" headings. /\nconst SectionLabel = memo(function SectionLabel({ children }: { children: string }) {\n return (\n <div\n style={{\n padding: \"4px 12px 8px\",\n fontSize: 10,\n fontWeight: 600,\n textTransform: \"uppercase\",\n letterSpacing: \"0.05em\",\n color: theme.textMuted,\n }}\n >\n {children}\n </div>\n );\n});\n\nexport const SubflowTree = memo(function SubflowTree({\n spec,\n activeStage,\n doneStages,\n onNodeSelect,\n unstyled = false,\n className,\n style,\n}: SubflowTreeProps) {\n const tree = useMemo(() => specToTree(spec), [spec]);\n\n // Split into main flowchart stages vs subflow entries\n const mainStages = useMemo(() => tree.filter((e) => !e.isSubflow), [tree]);\n const subflowStages = useMemo(() => tree.filter((e) => e.isSubflow), [tree]);\n\n const renderEntries = (entries: SubflowTreeEntry[]) =>\n entries.map((entry, i) => (\n <TreeNode\n key={`${entry.name}-${i}`}\n entry={entry}\n depth={0}\n activeStage={activeStage}\n doneStages={doneStages}\n onNodeSelect={onNodeSelect}\n />\n ));\n\n return (\n <div\n className={className}\n data-fp=\"subflow-tree\"\n style={{\n ...(unstyled\n ? {}\n : {\n fontFamily: theme.fontSans,\n fontSize: 12,\n background: theme.bgPrimary,\n borderRight: `1px solid ${theme.border}`,\n overflowY: \"auto\",\n overflowX: \"hidden\",\n padding: \"8px 0\",\n }),\n ...style,\n }}\n >\n {!unstyled && <SectionLabel>Flowchart</SectionLabel>}\n {renderEntries(mainStages)}\n\n {subflowStages.length > 0 && (\n <>\n {!unstyled && (\n <div style={{ height: 1, background: theme.border, margin: \"8px 12px\" }} />\n )}\n {!unstyled && <SectionLabel>Subflows</SectionLabel>}\n {renderEntries(subflowStages)}\n </>\n )}\n </div>\n );\n});\n","import { useState } from \"react\";\nimport type { Node, Edge } from \"@xyflow/react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { theme, fontSize, padding } from \"../../theme\";\nimport { MemoryInspector } from \"../MemoryInspector\";\nimport { NarrativeLog } from \"../NarrativeLog\";\nimport { GanttTimeline } from \"../GanttTimeline\";\nimport { FlowchartView } from \"../FlowchartView\";\n\nexport interface TimeTravelDebuggerProps extends BaseComponentProps {\n /* Stage snapshots /\n snapshots: StageSnapshot[];\n /* ReactFlow nodes (required for flowchart) /\n nodes: Node[];\n /* ReactFlow edges (required for flowchart) /\n edges: Edge[];\n /* Show Gantt timeline /\n showGantt?: boolean;\n /* Layout direction /\n layout?: \"horizontal\" \| \"vertical\";\n /* Title /\n title?: string;\n}\n\n/\n Full time-travel debugger: scrubber + flowchart + memory + narrative + gantt.\n * This is the \"batteries included\" component for pipeline debugging.\n /\nexport function TimeTravelDebugger({\n snapshots,\n nodes,\n edges,\n showGantt = true,\n layout = \"horizontal\",\n title = \"Time-Travel Debugger\",\n size = \"default\",\n unstyled = false,\n className,\n style,\n}: TimeTravelDebuggerProps) {\n const [selectedIndex, setSelectedIndex] = useState(0);\n const fs = fontSize[size];\n const pad = padding[size];\n\n if (snapshots.length === 0) {\n return (\n <div\n className={className}\n style={{\n padding: pad 2,\n textAlign: \"center\",\n color: theme.textMuted,\n ...style,\n }}\n >\n No snapshots to debug\n </div>\n );\n }\n\n const isHorizontal = layout === \"horizontal\";\n\n if (unstyled) {\n return (\n <div className={className} style={style} data-fp=\"time-travel-debugger\">\n <h3>{title}</h3>\n <input\n type=\"range\"\n min={0}\n max={snapshots.length - 1}\n value={selectedIndex}\n onChange={(e) => setSelectedIndex(parseInt(e.target.value))}\n />\n <FlowchartView\n nodes={nodes}\n edges={edges}\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n onNodeClick={setSelectedIndex}\n unstyled\n />\n <MemoryInspector\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n unstyled\n />\n <NarrativeLog\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n unstyled\n />\n {showGantt && (\n <GanttTimeline\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n onSelect={setSelectedIndex}\n unstyled\n />\n )}\n </div>\n );\n }\n\n return (\n <div\n className={className}\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n background: theme.bgPrimary,\n fontFamily: theme.fontSans,\n overflow: \"hidden\",\n ...style,\n }}\n data-fp=\"time-travel-debugger\"\n >\n {/* Scrubber header /}\n <div\n style={{\n padding: `${pad}px ${pad + 4}px`,\n borderBottom: `1px solid ${theme.border}`,\n background: theme.bgSecondary,\n flexShrink: 0,\n }}\n >\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 8,\n marginBottom: 8,\n }}\n >\n <span\n style={{\n fontSize: fs.body + 2,\n fontWeight: 600,\n color: theme.textPrimary,\n }}\n >\n {title}\n </span>\n <span\n style={{\n fontSize: fs.small,\n color: theme.textMuted,\n }}\n >\n Scrub to replay execution\n </span>\n </div>\n <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n <ScrubButton\n label=\"\\u25C0\"\n disabled={selectedIndex === 0}\n onClick={() => setSelectedIndex((i) => Math.max(0, i - 1))}\n />\n <input\n type=\"range\"\n min={0}\n max={snapshots.length - 1}\n value={selectedIndex}\n onChange={(e) => setSelectedIndex(parseInt(e.target.value))}\n style={{\n flex: 1,\n height: 4,\n accentColor: theme.primary,\n cursor: \"pointer\",\n }}\n />\n <ScrubButton\n label=\"\\u25B6\"\n disabled={selectedIndex === snapshots.length - 1}\n onClick={() =>\n setSelectedIndex((i) => Math.min(snapshots.length - 1, i + 1))\n }\n />\n <span\n style={{\n fontSize: fs.small,\n color: theme.textMuted,\n flexShrink: 0,\n fontFamily: theme.fontMono,\n }}\n >\n {selectedIndex + 1}/{snapshots.length}\n </span>\n </div>\n </div>\n\n {/ Main content: flowchart + data panels /}\n <div\n style={{\n flex: 1,\n display: \"flex\",\n flexDirection: isHorizontal ? \"row\" : \"column\",\n overflow: \"hidden\",\n }}\n >\n {/ Flowchart /}\n <div\n style={{\n flex: 1,\n overflow: \"hidden\",\n borderRight: isHorizontal\n ? `1px solid ${theme.border}`\n : \"none\",\n borderBottom: !isHorizontal\n ? `1px solid ${theme.border}`\n : \"none\",\n }}\n >\n <FlowchartView\n nodes={nodes}\n edges={edges}\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n onNodeClick={setSelectedIndex}\n size={size}\n />\n </div>\n\n {/ Data panel /}\n <div style={{ flex: 1, overflow: \"auto\" }}>\n <MemoryInspector\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n size={size}\n />\n <div\n style={{\n height: 1,\n background: theme.border,\n margin: `0 ${pad}px`,\n }}\n />\n <NarrativeLog\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n size={size}\n />\n </div>\n </div>\n\n {/ Gantt footer /}\n {showGantt && (\n <div\n style={{\n borderTop: `1px solid ${theme.border}`,\n background: theme.bgSecondary,\n flexShrink: 0,\n }}\n >\n <GanttTimeline\n snapshots={snapshots}\n selectedIndex={selectedIndex}\n onSelect={setSelectedIndex}\n size={size}\n />\n </div>\n )}\n </div>\n );\n}\n\nfunction ScrubButton({\n label,\n disabled,\n onClick,\n}: {\n label: string;\n disabled: boolean;\n onClick: () => void;\n}) {\n return (\n <button\n onClick={onClick}\n disabled={disabled}\n style={{\n background: theme.bgTertiary,\n border: `1px solid ${theme.border}`,\n color: disabled ? theme.textMuted : theme.textPrimary,\n borderRadius: 6,\n width: 28,\n height: 28,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: disabled ? \"not-allowed\" : \"pointer\",\n opacity: disabled ? 0.5 : 1,\n fontSize: 12,\n flexShrink: 0,\n }}\n >\n {label}\n </button>\n );\n}\n","import { useMemo } from \"react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { theme, fontSize, padding } from \"../../theme\";\n\nexport interface MemoryInspectorProps extends BaseComponentProps {\n /* Single memory object or snapshots (will accumulate up to selectedIndex) /\n data?: Record<string, unknown>;\n /* When using snapshots mode, pass these instead of data /\n snapshots?: StageSnapshot[];\n /* Index to accumulate up to (for time-travel) /\n selectedIndex?: number;\n /* Show data types alongside values /\n showTypes?: boolean;\n /* Highlight keys that are new at this step /\n highlightNew?: boolean;\n}\n\n/\n Displays pipeline memory state as formatted JSON.\n * Supports both static (data prop) and time-travel (snapshots + selectedIndex) modes.\n /\nexport function MemoryInspector({\n data,\n snapshots,\n selectedIndex = 0,\n showTypes = false,\n highlightNew = true,\n size = \"default\",\n unstyled = false,\n className,\n style,\n}: MemoryInspectorProps) {\n // Compute accumulated memory from snapshots\n const { memory, newKeys } = useMemo(() => {\n if (data) {\n return { memory: data, newKeys: new Set<string>() };\n }\n if (!snapshots \|\| snapshots.length === 0) {\n return { memory: {}, newKeys: new Set<string>() };\n }\n\n const merged: Record<string, unknown> = {};\n for (let i = 0; i <= Math.min(selectedIndex, snapshots.length - 1); i++) {\n Object.assign(merged, snapshots[i]?.memory);\n }\n\n const nk = new Set<string>();\n if (highlightNew && selectedIndex > 0) {\n const prev: Record<string, unknown> = {};\n for (let i = 0; i < selectedIndex; i++) {\n Object.assign(prev, snapshots[i]?.memory);\n }\n const current = snapshots[selectedIndex]?.memory ?? {};\n for (const k of Object.keys(current)) {\n if (!(k in prev)) nk.add(k);\n }\n } else if (highlightNew && selectedIndex === 0 && snapshots[0]) {\n for (const k of Object.keys(snapshots[0].memory)) nk.add(k);\n }\n\n return { memory: merged, newKeys: nk };\n }, [data, snapshots, selectedIndex, highlightNew]);\n\n const entries = Object.entries(memory);\n const fs = fontSize[size];\n const pad = padding[size];\n\n if (unstyled) {\n return (\n <div className={className} style={style} data-fp=\"memory-inspector\">\n <div data-fp=\"memory-label\">Memory State</div>\n <pre data-fp=\"memory-json\">\n {JSON.stringify(memory, null, 2)}\n </pre>\n </div>\n );\n }\n\n return (\n <div\n className={className}\n style={{\n padding: pad,\n fontFamily: theme.fontSans,\n ...style,\n }}\n data-fp=\"memory-inspector\"\n >\n <span\n style={{\n fontSize: fs.label,\n fontWeight: 600,\n color: theme.textMuted,\n textTransform: \"uppercase\",\n letterSpacing: \"0.08em\",\n }}\n >\n Memory State\n </span>\n <div\n style={{\n marginTop: 8,\n background: theme.bgSecondary,\n border: `1px solid ${theme.border}`,\n borderRadius: theme.radius,\n padding: `${pad}px ${pad + 4}px`,\n fontFamily: theme.fontMono,\n fontSize: fs.body,\n lineHeight: 1.8,\n }}\n >\n <span style={{ color: theme.textMuted }}>{\"{\"}</span>\n {entries.length === 0 && (\n <div\n style={{\n paddingLeft: 16,\n color: theme.textMuted,\n fontStyle: \"italic\",\n }}\n >\n {\"// empty\"}\n </div>\n )}\n {entries.map(([key, value], i) => {\n const isNew = newKeys.has(key);\n const isLast = i === entries.length - 1;\n return (\n <div\n key={key}\n style={{\n paddingLeft: 16,\n background: isNew\n ? `color-mix(in srgb, ${theme.success} 10%, transparent)`\n : \"transparent\",\n borderRadius: 4,\n marginLeft: -4,\n marginRight: -4,\n paddingRight: 4,\n }}\n >\n <span style={{ color: theme.primary }}>"{key}"</span>\n <span style={{ color: theme.textMuted }}>: </span>\n <span style={{ color: theme.success }}>\n {formatValue(value)}\n </span>\n {showTypes && (\n <span\n style={{\n color: theme.textMuted,\n fontSize: fs.small,\n marginLeft: 8,\n opacity: 0.6,\n }}\n >\n ({typeof value})\n </span>\n )}\n {!isLast && <span style={{ color: theme.textMuted }}>,</span>}\n </div>\n );\n })}\n <span style={{ color: theme.textMuted }}>{\"}\"}</span>\n </div>\n </div>\n );\n}\n\nfunction formatValue(value: unknown): string {\n if (typeof value === \"string\") return `\"${value}\"`;\n if (typeof value === \"object\" && value !== null) return JSON.stringify(value);\n return String(value);\n}\n","import { useMemo } from \"react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { theme, fontSize, padding } from \"../../theme\";\n\nexport interface NarrativeLogProps extends BaseComponentProps {\n /* Snapshots to display narratives from /\n snapshots: StageSnapshot[];\n /* Show narratives up to this index (for time-travel sync) /\n selectedIndex?: number;\n /* Show a single narrative string (simple mode) /\n narrative?: string;\n}\n\n/\n Timeline-style execution log showing what happened at each stage.\n * Supports both full snapshots mode and single-narrative mode.\n /\nexport function NarrativeLog({\n snapshots,\n selectedIndex,\n narrative,\n size = \"default\",\n unstyled = false,\n className,\n style,\n}: NarrativeLogProps) {\n const entries = useMemo(() => {\n if (narrative) {\n return [{ label: \"Output\", text: narrative, isCurrent: true }];\n }\n const idx = selectedIndex ?? snapshots.length - 1;\n return snapshots.slice(0, idx + 1).map((s, i) => ({\n label: s.stageLabel,\n text: s.narrative,\n isCurrent: i === idx,\n }));\n }, [snapshots, selectedIndex, narrative]);\n\n const fs = fontSize[size];\n const pad = padding[size];\n\n if (unstyled) {\n return (\n <div className={className} style={style} data-fp=\"narrative-log\">\n {entries.map((entry, i) => (\n <div key={i} data-fp=\"narrative-entry\" data-current={entry.isCurrent}>\n <strong>{entry.label}</strong>\n <p>{entry.text}</p>\n </div>\n ))}\n </div>\n );\n }\n\n return (\n <div\n className={className}\n style={{ padding: pad, fontFamily: theme.fontSans, ...style }}\n data-fp=\"narrative-log\"\n >\n <span\n style={{\n fontSize: fs.label,\n fontWeight: 600,\n color: theme.textMuted,\n textTransform: \"uppercase\",\n letterSpacing: \"0.08em\",\n }}\n >\n Execution Log\n </span>\n <div style={{ marginTop: 8, display: \"flex\", flexDirection: \"column\" }}>\n {entries.map((entry, i) => (\n <div\n key={i}\n style={{\n display: \"flex\",\n gap: 10,\n padding: `${pad}px 0`,\n borderBottom:\n i < entries.length - 1 ? `1px solid ${theme.border}` : \"none\",\n }}\n >\n {/ Timeline dot + line /}\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n width: 12,\n flexShrink: 0,\n paddingTop: 5,\n }}\n >\n <div\n style={{\n width: 8,\n height: 8,\n borderRadius: \"50%\",\n background: entry.isCurrent ? theme.primary : theme.success,\n flexShrink: 0,\n }}\n />\n {i < entries.length - 1 && (\n <div\n style={{\n width: 1,\n flex: 1,\n background: theme.border,\n marginTop: 4,\n }}\n />\n )}\n </div>\n\n {/ Content /}\n <div style={{ flex: 1, minWidth: 0 }}>\n <span\n style={{\n fontSize: fs.label,\n fontWeight: 600,\n color: entry.isCurrent ? theme.primary : theme.textMuted,\n }}\n >\n {entry.label}\n </span>\n <div\n style={{\n fontSize: fs.body,\n lineHeight: 1.5,\n color: entry.isCurrent ? theme.textPrimary : theme.textSecondary,\n marginTop: 2,\n }}\n >\n {entry.text}\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n );\n}\n","import { useState, useMemo, useRef, useEffect } from \"react\";\nimport type { StageSnapshot, BaseComponentProps } from \"../../types\";\nimport { theme, fontSize, padding } from \"../../theme\";\n\nexport interface GanttTimelineProps extends BaseComponentProps {\n /* Stage snapshots with timing info /\n snapshots: StageSnapshot[];\n /* Currently selected stage index /\n selectedIndex?: number;\n /* Callback when a stage bar is clicked /\n onSelect?: (index: number) => void;\n /* Max visible rows before collapsing (0 = no collapse). Default: 5 /\n maxVisibleRows?: number;\n}\n\n/\n Horizontal Gantt-style timeline showing stage durations and overlap.\n * Collapses to `maxVisibleRows` with expand/collapse toggle.\n * Auto-scrolls to keep the active stage visible when collapsed.\n /\nexport function GanttTimeline({\n snapshots,\n selectedIndex = 0,\n onSelect,\n size = \"default\",\n unstyled = false,\n className,\n style,\n maxVisibleRows = 5,\n}: GanttTimelineProps) {\n const [expanded, setExpanded] = useState(false);\n const activeRowRef = useRef<HTMLDivElement \| null>(null);\n const scrollContainerRef = useRef<HTMLDivElement \| null>(null);\n\n const totalWallTime = useMemo(\n () => Math.max(...snapshots.map((s) => s.startMs + s.durationMs), 1),\n [snapshots]\n );\n\n const fs = fontSize[size];\n const pad = padding[size];\n const labelWidth = size === \"compact\" ? 50 : size === \"detailed\" ? 100 : 80;\n const msWidth = size === \"compact\" ? 28 : 36;\n const rowHeight = size === \"compact\" ? 18 : 22;\n\n const collapsible = maxVisibleRows > 0 && snapshots.length > maxVisibleRows;\n const showAll = expanded \|\| !collapsible;\n\n // Auto-scroll to active row when collapsed\n useEffect(() => {\n if (!showAll && activeRowRef.current && scrollContainerRef.current) {\n activeRowRef.current.scrollIntoView({\n block: \"nearest\",\n behavior: \"smooth\",\n });\n }\n }, [selectedIndex, showAll]);\n\n if (unstyled) {\n return (\n <div className={className} style={style} data-fp=\"gantt-timeline\">\n {snapshots.map((snap, idx) => (\n <div\n key={snap.stageName}\n data-fp=\"gantt-bar\"\n data-selected={idx === selectedIndex}\n data-visible={idx <= selectedIndex}\n onClick={() => onSelect?.(idx)}\n >\n <span data-fp=\"gantt-label\">{snap.stageLabel}</span>\n <span data-fp=\"gantt-duration\">{snap.durationMs}ms</span>\n </div>\n ))}\n </div>\n );\n }\n\n return (\n <div\n className={className}\n style={{ padding: pad, fontFamily: theme.fontSans, ...style }}\n data-fp=\"gantt-timeline\"\n >\n {/ Header with collapse toggle /}\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n }}\n >\n <span\n style={{\n fontSize: fs.label,\n fontWeight: 600,\n color: theme.textMuted,\n textTransform: \"uppercase\",\n letterSpacing: \"0.08em\",\n }}\n >\n {size === \"compact\" ? \"Timeline\" : \"Execution Timeline\"}\n </span>\n {collapsible && (\n <button\n onClick={() => setExpanded((e) => !e)}\n style={{\n background: \"none\",\n border: `1px solid ${theme.border}`,\n borderRadius: 4,\n color: theme.textSecondary,\n fontSize: fs.small,\n padding: \"2px 8px\",\n cursor: \"pointer\",\n fontFamily: theme.fontSans,\n }}\n >\n {expanded\n ? \"Collapse\"\n : `${snapshots.length - maxVisibleRows} more...`}\n </button>\n )}\n </div>\n\n {/ Scrollable rows container /}\n <div\n ref={scrollContainerRef}\n style={{\n marginTop: 8,\n display: \"flex\",\n flexDirection: \"column\",\n gap: 4,\n ...(showAll\n ? {}\n : {\n maxHeight: maxVisibleRows (rowHeight + 4),\n overflowY: \"auto\",\n scrollbarWidth: \"thin\",\n }),\n }}\n >\n {snapshots.map((snap, idx) => {\n const leftPct = (snap.startMs / totalWallTime) * 100;\n const widthPct = Math.max((snap.durationMs / totalWallTime) * 100, 1);\n const isSelected = idx === selectedIndex;\n const isVisible = idx <= selectedIndex;\n\n return (\n <div\n key={snap.stageName}\n ref={isSelected ? activeRowRef : undefined}\n onClick={() => onSelect?.(idx)}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: size === \"compact\" ? 4 : 8,\n cursor: onSelect ? \"pointer\" : \"default\",\n opacity: isVisible ? 1 : 0.3,\n transition: \"opacity 0.3s ease\",\n height: rowHeight,\n flexShrink: 0,\n }}\n >\n <span\n style={{\n width: labelWidth,\n fontSize: fs.small,\n color: isSelected ? theme.primary : theme.textMuted,\n fontWeight: isSelected ? 600 : 400,\n textAlign: \"right\",\n flexShrink: 0,\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {snap.stageLabel}\n </span>\n <div\n style={{\n flex: 1,\n height: size === \"compact\" ? 6 : 8,\n position: \"relative\",\n background: theme.bgTertiary,\n borderRadius: 3,\n }}\n >\n {isVisible && (\n <div\n style={{\n position: \"absolute\",\n left: `${leftPct}%`,\n top: 0,\n width: `${widthPct}%`,\n height: \"100%\",\n borderRadius: 3,\n background: isSelected ? theme.primary : theme.success,\n transition: \"width 0.3s ease\",\n }}\n />\n )}\n </div>\n <span\n style={{\n fontSize: fs.small,\n color: theme.textMuted,\n fontFamily: theme.fontMono,\n width: msWidth,\n flexShrink: 0,\n }}\n >\n {snap.durationMs}ms\n </span>\n </div>\n );\n })}\n </div>\n\n {/* Time axis */}\n <div\n style={{\n marginTop: 4,\n marginLeft: labelWidth + (size === \"compact\" ? 4 : 8),\n marginRight: msWidth + (size === \"compact\" ? 4 : 8),\n display: \"flex\",\n justifyContent: \"space-between\",\n fontSize: fs.small - 1,\n color: theme.textMuted,\n fontFamily: theme.fontMono,\n }}\n >\n <span>0ms</span>\n {size !== \"compact\" && (\n <span>{(totalWallTime / 2).toFixed(1)}ms</span>\n )}\n <span>{totalWallTime.toFixed(1)}ms</span>\n </div>\n </div>\n );\n}\n"],"mappings":"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","names":["jsx","StageNode","jsx","useState","useMemo","useCallback","ReactFlow","Background","BackgroundVariant","useCallback","useMemo","useMemo","useCallback","memo","jsx","jsxs","memo","SubflowBreadcrumb","memo","useState","useCallback","useMemo","Fragment","jsx","jsxs","walk","memo","TreeNode","useState","useCallback","SectionLabel","SubflowTree","useMemo","jsx","jsxs","nodeTypes","useState","useMemo","useCallback","ReactFlow","Background","BackgroundVariant","useState","useMemo","jsx","jsxs","useMemo","useMemo","jsx","jsxs","useMemo","useState","useMemo","jsx","jsxs","useState","useMemo","jsx","jsxs","useState"]}