npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.1.10 → 1.1.11 - Mend

@wildo-ai/saas-frontend-lib 1.1.10 → 1.1.11

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 (2177) hide show

package/dist/esm/components/flows-actors/flow-execution.js CHANGED Viewed

@@ -1,234 +1,81 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { BaseEdge, getBezierPath, } from "@xyflow/react";
-import { AI_Canvas } from "../../components/ai-elements/graph/canvas.js";
-import { AI_Controls } from "../../components/ai-elements/graph/controls.js";
 import { Badge } from "../../components/data-display/badge.js";
 import { ScrollArea } from "../../components/layout/scroll-area.js";
 import { useI18n } from "../../core/i18n/useI18n.js";
+import { useIconRegistry } from "../../core/icons/useIconRegistry.js";
+import { IconSize } from "../../core/icons/icon-registry.frontend.schemas.js";
 import { cn } from "../../core/ui/cn.js";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
-import { AI_FlowNode, AI_FlowTriggerNode, AI_FlowFinishNode, } from "./flow-node.js";
-import { AI_FlowNodeStatusBadge, flowNodeStatusIndicator } from "./flow-node-badges.js";
+import { Flow_Node_Type } from "@wildo-ai/saas-models";
+import { GraphViewNodeKind, flowGraph, flowGraphNodeId } from "../../core/flows-actors/graph-view.model.js";
+import { GraphViewLayoutDirection } from "../../core/flows-actors/graph-view.layout.js";
+import { AI_FlowNodeStatusBadge, AI_FlowNodeStepBadge, flowNodeStatusIndicator } from "./flow-node-badges.js";
+import { FLOW_STEP_CATEGORY_ICONS, flowStepCategory, flowTriggerTypeVisual } from "./flow-step-visuals.js";
+import { AI_GraphViewer } from "./graph-viewer.js";
 import { Timeline, TimelineBody, TimelineEntry, TimelineTime } from "../../components/data-display/timeline.js";
 import { FlowsActorsUIUtils } from "./flows-actors-ui.utils.js";
 //===============================================================
-//  Auto-layout (BFS longest-path level assignment)
+//  AI_FlowExecutionCanvas
 //===============================================================
-const LAYOUT_NODE_W = 384;
-const LAYOUT_NODE_H = 120;
-const LAYOUT_H_GAP = 100;
-const LAYOUT_V_GAP = 40;
-function computeFlowLayout(nodeIds, edgePairs) {
-    if (nodeIds.length === 0)
-        return new Map();
-    const adjOut = new Map();
-    const adjIn = new Map();
-    for (const id of nodeIds) {
-        adjOut.set(id, []);
-        adjIn.set(id, []);
-    }
-    for (const e of edgePairs) {
-        adjOut.get(e.source)?.push(e.target);
-        adjIn.get(e.target)?.push(e.source);
-    }
-    const levels = new Map();
-    const remaining = new Map();
-    const queue = [];
-    for (const id of nodeIds) {
-        const inCount = adjIn.get(id)?.length ?? 0;
-        remaining.set(id, inCount);
-        if (inCount === 0) {
-            queue.push(id);
-            levels.set(id, 0);
-        }
-    }
-    const processed = new Set();
-    let safety = 0;
-    while (queue.length > 0 && safety < nodeIds.length * 2) {
-        safety++;
-        const current = queue.shift();
-        if (processed.has(current))
-            continue;
-        processed.add(current);
-        const currentLevel = levels.get(current) ?? 0;
-        for (const next of adjOut.get(current) ?? []) {
-            if (processed.has(next))
-                continue;
-            levels.set(next, Math.max(levels.get(next) ?? 0, currentLevel + 1));
-            const rem = (remaining.get(next) ?? 1) - 1;
-            remaining.set(next, rem);
-            if (rem <= 0)
-                queue.push(next);
-        }
-    }
-    for (const id of nodeIds) {
-        if (!levels.has(id)) {
-            let maxPred = 0;
-            for (const pred of adjIn.get(id) ?? []) {
-                if (levels.has(pred))
-                    maxPred = Math.max(maxPred, levels.get(pred));
-            }
-            levels.set(id, maxPred + 1);
-        }
-    }
-    const levelGroups = new Map();
-    for (const [id, level] of levels) {
-        if (!levelGroups.has(level))
-            levelGroups.set(level, []);
-        levelGroups.get(level).push(id);
-    }
-    const positions = new Map();
-    for (const [level, group] of levelGroups) {
-        const x = level * (LAYOUT_NODE_W + LAYOUT_H_GAP);
-        const totalH = (group.length - 1) * (LAYOUT_NODE_H + LAYOUT_V_GAP);
-        const startY = -totalH / 2;
-        group.forEach((id, i) => {
-            positions.set(id, { x, y: startY + i * (LAYOUT_NODE_H + LAYOUT_V_GAP) });
-        });
-    }
-    return positions;
-}
-//===============================================================
-//  Node ID helpers
-//===============================================================
-function makeNodeId(type, ref) {
-    return `${type}--${ref}`;
-}
-function parseNodeId(id) {
-    const idx = id.indexOf("--");
-    if (idx === -1)
-        return { type: "step", ref: id };
-    return { type: id.slice(0, idx), ref: id.slice(idx + 2) };
-}
-function FlowStepNodeComponent({ data }) {
-    const d = data;
-    return (_jsx(AI_FlowNode, { stepKind: d.kind, stepName: d.name, stepDescription: d.description, status: d.status, handles: { target: true, source: true, sourceCount: d.sourceCount } }));
-}
-function FlowTriggerNodeComponent({ data }) {
-    const d = data;
-    return (_jsx(AI_FlowTriggerNode, { triggerType: d.triggerType, displayName: d.displayName, description: d.description, status: d.status }));
-}
-function FlowFinishNodeComponent({ data }) {
-    const d = data;
-    return _jsx(AI_FlowFinishNode, { status: d.status });
-}
-export const AI_FlowEdgeActive = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, }) => {
-    const [edgePath] = getBezierPath({
-        sourceX,
-        sourceY,
-        sourcePosition,
-        targetX,
-        targetY,
-        targetPosition,
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, style: { ...style, stroke: "var(--primary)", strokeWidth: 2 } }), _jsx("circle", { r: "4", fill: "var(--primary)", children: _jsx("animateMotion", { dur: "2s", path: edgePath, repeatCount: "indefinite" }) })] }));
-};
-//===============================================================
-//  Stable type registries  (constant objects → never re-mount)
-//===============================================================
-const NODE_TYPES = {
-    flowStep: FlowStepNodeComponent,
-    flowTrigger: FlowTriggerNodeComponent,
-    flowFinish: FlowFinishNodeComponent,
+/** The flow node type of each graph node kind a flow produces, as `onNodeClick` reports it. */
+const FLOW_NODE_TYPE_OF_KIND = {
+    [GraphViewNodeKind.FLOW_TRIGGER]: Flow_Node_Type.TRIGGER,
+    [GraphViewNodeKind.FLOW_STEP]: Flow_Node_Type.STEP,
+    [GraphViewNodeKind.FLOW_FINISH]: Flow_Node_Type.FINISH,
 };
-const EDGE_TYPES = {
-    active: AI_FlowEdgeActive,
-};
-export const AI_FlowExecutionCanvas = ({ triggers, steps, edges: flowEdges, finishes, nodeStates = [], onNodeClick, className, ...props }) => {
-    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });
-    const stateMap = React.useMemo(() => new Map(nodeStates.map((ns) => [makeNodeId(ns.nodeType, ns.nodeRef), ns])), [nodeStates]);
-    const rfNodes = React.useMemo(() => {
-        const allIds = [];
-        const pairs = [];
-        for (const t of triggers)
-            allIds.push(makeNodeId("trigger", t.ref));
-        for (const s of steps)
-            allIds.push(makeNodeId("step", s.ref));
-        for (const f of finishes)
-            allIds.push(makeNodeId("finish", f.ref));
-        for (const e of flowEdges) {
-            pairs.push({
-                source: makeNodeId(e.from.type, e.from.ref),
-                target: makeNodeId(e.to.type, e.to.ref),
-            });
+/**
+ * No node states: ONE array, so a canvas given none keeps the same graph from render to render. A fresh `[]` default
+ * rebuilt the graph on every render, and every rebuild was a new drawing (#2529 review).
+ */
+const NO_NODE_STATES = [];
+/**
+ * A flow and where its run stands, drawn through `AI_GraphViewer` (#2529).
+ *
+ * It used to lay itself out on fixed 384x120 cells by longest path, draw a branch's edges from one handle (edges named
+ * no handle), give two edges between the same nodes one id, invent a coordinator layout of its own and sit in a fixed
+ * 500px box. The graph now comes from `flowGraph`, which gives every outgoing edge of a branch its own port, and the
+ * viewer places it, measures it, fills its container and draws a step waiting on a person in amber.
+ *
+ * What it adds to the viewer is what a flow's nodes MEAN: a trigger's type, a step's kind and category, a finish.
+ */
+export const AI_FlowExecutionCanvas = ({ triggers, steps, edges: flowEdges, finishes, nodeStates = NO_NODE_STATES, title, selectedNode, onNodeClick, className, ...props }) => {
+    const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, FrontendComponentType.LOW_LEVEL_AI_FLOW_NODE] });
+    const { renderIcon } = useIconRegistry();
+    const graph = React.useMemo(() => flowGraph({ triggers, steps, finishes, edges: flowEdges, nodeStates }), [triggers, steps, finishes, flowEdges, nodeStates]);
+    const triggerTypeByRef = React.useMemo(() => new Map(triggers.map((trigger) => [trigger.ref, trigger.type])), [triggers]);
+    const renderNodeBody = React.useCallback((node) => {
+        if (node.kind === GraphViewNodeKind.FLOW_TRIGGER) {
+            const type = triggerTypeByRef.get(node.sourceRef) ?? "";
+            const visual = flowTriggerTypeVisual(type);
+            return (_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [visual && renderIcon(visual.icon, { size: IconSize.XS }), visual ? tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_NODE, visual.labelKey) : type] }));
         }
-        const positions = computeFlowLayout(allIds, pairs);
-        const nodes = [];
-        for (const t of triggers) {
-            const id = makeNodeId("trigger", t.ref);
-            nodes.push({
-                id,
-                type: "flowTrigger",
-                position: positions.get(id) ?? { x: 0, y: 0 },
-                data: {
-                    triggerType: t.type,
-                    displayName: t.displayName,
-                    description: t.description,
-                    status: stateMap.get(id)?.status,
-                },
-            });
+        if (node.kind === GraphViewNodeKind.FLOW_STEP && node.flowStepKind) {
+            const category = flowStepCategory(node.flowStepKind);
+            return (_jsxs("span", { className: "flex items-center gap-1", children: [category && renderIcon(FLOW_STEP_CATEGORY_ICONS[category], { size: IconSize.XS, className: "text-muted-foreground" }), _jsx(AI_FlowNodeStepBadge, { kind: node.flowStepKind, ...(category ? { category } : {}) })] }));
         }
-        for (const s of steps) {
-            const id = makeNodeId("step", s.ref);
-            nodes.push({
-                id,
-                type: "flowStep",
-                position: positions.get(id) ?? { x: 0, y: 0 },
-                data: {
-                    kind: s.kind,
-                    name: s.name,
-                    description: s.description,
-                    status: stateMap.get(id)?.status,
-                    sourceCount: FlowsActorsUIUtils.isControlMultiSourceKind(s.kind) ? 2 : 1,
-                },
-            });
+        if (node.kind === GraphViewNodeKind.FLOW_FINISH) {
+            return _jsx("span", { className: "text-xs text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_NODE, "finish") });
         }
-        for (const f of finishes) {
-            const id = makeNodeId("finish", f.ref);
-            nodes.push({
-                id,
-                type: "flowFinish",
-                position: positions.get(id) ?? { x: 0, y: 0 },
-                data: { status: stateMap.get(id)?.status },
-            });
-        }
-        return nodes;
-    }, [triggers, steps, finishes, flowEdges, stateMap]);
-    const rfEdges = React.useMemo(() => {
-        return flowEdges.map((e) => {
-            const sourceId = makeNodeId(e.from.type, e.from.ref);
-            const targetId = makeNodeId(e.to.type, e.to.ref);
-            const srcStatus = stateMap.get(sourceId)?.status;
-            const tgtStatus = stateMap.get(targetId)?.status;
-            const isActive = (srcStatus === "completed" || srcStatus === "processing") &&
-                (tgtStatus === "processing" || tgtStatus === "pending");
-            return {
-                id: `${sourceId}__${targetId}`,
-                source: sourceId,
-                target: targetId,
-                type: isActive ? "active" : undefined,
-                animated: isActive,
-            };
-        });
-    }, [flowEdges, stateMap]);
-    const isEmpty = triggers.length === 0 && steps.length === 0 && finishes.length === 0;
+        return null;
+    }, [renderIcon, tComponent, triggerTypeByRef]);
     if (!isReady)
         return null;
-    if (isEmpty) {
+    if (graph.nodes.length === 0) {
         return (_jsx("div", { className: cn("flex items-center justify-center rounded-lg border bg-card p-section text-center text-muted-foreground", className), ...props, children: _jsx("p", { className: "text-sm", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "canvasEmpty") }) }));
     }
-    return (_jsx("div", { className: cn("relative h-[500px] overflow-hidden rounded-lg border bg-card", className), ...props, children: _jsx(AI_Canvas, { nodes: rfNodes, edges: rfEdges, nodeTypes: NODE_TYPES, edgeTypes: EDGE_TYPES, onNodeClick: (_, node) => {
-                const parsed = parseNodeId(node.id);
-                onNodeClick?.(parsed.ref, parsed.type);
-            }, panOnDrag: true, selectionOnDrag: false, nodesDraggable: false, nodesConnectable: false, elementsSelectable: true, fitView: true, fitViewOptions: { padding: 0.2 }, children: _jsx(AI_Controls, {}) }) }));
+    return (_jsx("div", { className: cn("flex h-full min-h-80 flex-col", className), ...props, children: _jsx(AI_GraphViewer, { direction: GraphViewLayoutDirection.RIGHT, graph: graph, renderNodeBody: renderNodeBody, title: title, ...(selectedNode ? { selectedNodeId: flowGraphNodeId(selectedNode.nodeType, selectedNode.nodeRef) } : {}), onNodeActivate: (node) => {
+                const nodeType = FLOW_NODE_TYPE_OF_KIND[node.kind];
+                if (nodeType)
+                    onNodeClick?.(node.sourceRef, nodeType);
+            } }) }));
 };
 export const AI_FlowExecutionSummary = ({ totalSteps, completedSteps, failedSteps, status, startedAt, completedAt, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });
     if (!isReady)
         return null;
-    return (_jsxs("div", { className: cn("flex items-center gap-card rounded-lg border bg-card p-card-sm", className), ...props, children: [_jsxs("div", { className: "flex flex-1 items-center gap-element", children: [_jsx(Badge, { variant: status === "completed" ? "default" : status === "failed" ? "destructive" : "secondary", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, FlowsActorsUIUtils.getStatusLabelKey(status)) }), _jsx("span", { className: "text-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "stepsProgress", {
+    return (_jsxs("div", { className: cn("flex items-center gap-card rounded-lg border bg-card p-card-sm", className), ...props, children: [_jsxs("div", { className: "flex flex-1 items-center gap-element", children: [_jsx(AI_FlowNodeStatusBadge, { status: status }), _jsx("span", { className: "text-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "stepsProgress", {
                             completed: completedSteps,
                             total: totalSteps,
                         }) })] }), failedSteps > 0 && (_jsx(Badge, { variant: "destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "failedSteps", {
@@ -242,11 +89,12 @@ export const AI_FlowExecutionTimeline = ({ events, className, ...props }) => {
     return (_jsxs("div", { className: cn("flex flex-col", className), ...props, children: [_jsx("h4", { className: "mb-2 text-sm font-medium", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "timeline") }), _jsx(ScrollArea, { className: "max-h-64", children: _jsx(Timeline, { className: "gap-element", children: events.map((event, i) => (_jsx(AI_FlowExecutionTimelineItem, { event: event, previousTimestamp: i > 0 ? events[i - 1].timestamp : undefined }, `${event.nodeRef}-${event.timestamp}-${i}`))) }) })] }));
 };
 export const AI_FlowExecutionTimelineItem = ({ event, previousTimestamp, className, ...props }) => {
+    const { formatTime } = useI18n();
     const delta = previousTimestamp ? FlowsActorsUIUtils.formatDuration(previousTimestamp, event.timestamp) : undefined;
     /*
      * The marker's tone is the status's — the SAME map the badge beside it reads
      * (`flowNodeStatusIndicator`), where this item used to keep a fourth colour map of its own.
      */
-    return (_jsxs(TimelineEntry, { tone: flowNodeStatusIndicator(event.status), className: className, ...props, children: [_jsx(TimelineTime, { dateTime: event.timestamp, children: new Date(event.timestamp).toLocaleTimeString() }), _jsx(TimelineBody, { children: _jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [_jsx("span", { className: "text-xs font-medium", children: event.nodeName ?? event.nodeRef }), _jsx(AI_FlowNodeStatusBadge, { status: event.status }), delta && _jsxs("span", { className: "text-2xs text-muted-foreground", children: ["+", delta] })] }) })] }));
+    return (_jsxs(TimelineEntry, { tone: flowNodeStatusIndicator(event.status), className: className, ...props, children: [_jsx(TimelineTime, { dateTime: event.timestamp, children: FlowsActorsUIUtils.formatTimestamp(event.timestamp, formatTime) }), _jsx(TimelineBody, { children: _jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [_jsx("span", { className: "text-xs font-medium", children: event.nodeName ?? event.nodeRef }), _jsx(AI_FlowNodeStatusBadge, { status: event.status }), delta && _jsxs("span", { className: "text-2xs text-muted-foreground", children: ["+", delta] })] }) })] }));
 };
 //# sourceMappingURL=flow-execution.js.map

package/dist/esm/components/flows-actors/flow-execution.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flow-execution.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flow-execution.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n BaseEdge,\n getBezierPath,\n type Edge,\n type EdgeProps,\n type Node,\n type NodeProps as RFNodeProps,\n} from \"@xyflow/react\";\nimport { AI_Canvas } from \"~wildo-frontend-lib/components/ai-elements/graph/canvas\";\nimport { AI_Controls } from \"~wildo-frontend-lib/components/ai-elements/graph/controls\";\nimport { Badge } from \"~wildo-frontend-lib/components/data-display/badge\";\nimport { ScrollArea } from \"~wildo-frontend-lib/components/layout/scroll-area\";\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\";\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\";\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\";\nimport type { ComponentProps } from \"react\";\nimport {\n AI_FlowNode,\n AI_FlowTriggerNode,\n AI_FlowFinishNode,\n} from \"./flow-node\";\nimport { AI_FlowNodeStatusBadge, flowNodeStatusIndicator } from \"./flow-node-badges\";\nimport { Timeline, TimelineBody, TimelineEntry, TimelineTime } from \"~wildo-frontend-lib/components/data-display/timeline\";\nimport { FlowsActorsUIUtils } from \"./flows-actors-ui.utils\";\n\n//===============================================================\n// Public data types\n//===============================================================\n\nexport type FlowCanvasStep = {\n ref: string;\n kind: string;\n name: string;\n description?: string;\n};\n\nexport type FlowCanvasTrigger = {\n ref: string;\n type: string;\n displayName: string;\n description?: string;\n};\n\nexport type FlowCanvasFinish = {\n ref: string;\n};\n\nexport type FlowCanvasEdge = {\n from: { type: string; ref: string };\n to: { type: string; ref: string };\n};\n\nexport type FlowCanvasNodeState = {\n nodeRef: string;\n nodeType: string;\n status: string;\n};\n\n//===============================================================\n// Auto-layout (BFS longest-path level assignment)\n//===============================================================\n\nconst LAYOUT_NODE_W = 384;\nconst LAYOUT_NODE_H = 120;\nconst LAYOUT_H_GAP = 100;\nconst LAYOUT_V_GAP = 40;\n\nfunction computeFlowLayout(\n nodeIds: string[],\n edgePairs: Array<{ source: string; target: string }>,\n): Map<string, { x: number; y: number }> {\n if (nodeIds.length === 0) return new Map();\n\n const adjOut = new Map<string, string[]>();\n const adjIn = new Map<string, string[]>();\n\n for (const id of nodeIds) {\n adjOut.set(id, []);\n adjIn.set(id, []);\n }\n for (const e of edgePairs) {\n adjOut.get(e.source)?.push(e.target);\n adjIn.get(e.target)?.push(e.source);\n }\n\n const levels = new Map<string, number>();\n const remaining = new Map<string, number>();\n const queue: string[] = [];\n\n for (const id of nodeIds) {\n const inCount = adjIn.get(id)?.length ?? 0;\n remaining.set(id, inCount);\n if (inCount === 0) {\n queue.push(id);\n levels.set(id, 0);\n }\n }\n\n const processed = new Set<string>();\n let safety = 0;\n\n while (queue.length > 0 && safety < nodeIds.length * 2) {\n safety++;\n const current = queue.shift()!;\n if (processed.has(current)) continue;\n processed.add(current);\n const currentLevel = levels.get(current) ?? 0;\n\n for (const next of adjOut.get(current) ?? []) {\n if (processed.has(next)) continue;\n levels.set(next, Math.max(levels.get(next) ?? 0, currentLevel + 1));\n const rem = (remaining.get(next) ?? 1) - 1;\n remaining.set(next, rem);\n if (rem <= 0) queue.push(next);\n }\n }\n\n for (const id of nodeIds) {\n if (!levels.has(id)) {\n let maxPred = 0;\n for (const pred of adjIn.get(id) ?? []) {\n if (levels.has(pred)) maxPred = Math.max(maxPred, levels.get(pred)!);\n }\n levels.set(id, maxPred + 1);\n }\n }\n\n const levelGroups = new Map<number, string[]>();\n for (const [id, level] of levels) {\n if (!levelGroups.has(level)) levelGroups.set(level, []);\n levelGroups.get(level)!.push(id);\n }\n\n const positions = new Map<string, { x: number; y: number }>();\n for (const [level, group] of levelGroups) {\n const x = level * (LAYOUT_NODE_W + LAYOUT_H_GAP);\n const totalH = (group.length - 1) * (LAYOUT_NODE_H + LAYOUT_V_GAP);\n const startY = -totalH / 2;\n group.forEach((id, i) => {\n positions.set(id, { x, y: startY + i * (LAYOUT_NODE_H + LAYOUT_V_GAP) });\n });\n }\n\n return positions;\n}\n\n//===============================================================\n// Node ID helpers\n//===============================================================\n\nfunction makeNodeId(type: string, ref: string): string {\n return `${type}--${ref}`;\n}\n\nfunction parseNodeId(id: string): { type: string; ref: string } {\n const idx = id.indexOf(\"--\");\n if (idx === -1) return { type: \"step\", ref: id };\n return { type: id.slice(0, idx), ref: id.slice(idx + 2) };\n}\n\n//===============================================================\n// ReactFlow custom node components (module-level → stable refs)\n//===============================================================\n\ninterface _StepData { kind: string; name: string; description?: string; status?: string; sourceCount: number }\ninterface _TriggerData { triggerType: string; displayName: string; description?: string; status?: string }\ninterface _FinishData { status?: string }\n\nfunction FlowStepNodeComponent({ data }: RFNodeProps): React.JSX.Element {\n const d = data as unknown as _StepData;\n return (\n <AI_FlowNode\n stepKind={d.kind}\n stepName={d.name}\n stepDescription={d.description}\n status={d.status}\n handles={{ target: true, source: true, sourceCount: d.sourceCount }}\n />\n );\n}\n\nfunction FlowTriggerNodeComponent({ data }: RFNodeProps): React.JSX.Element {\n const d = data as unknown as _TriggerData;\n return (\n <AI_FlowTriggerNode\n triggerType={d.triggerType}\n displayName={d.displayName}\n description={d.description}\n status={d.status}\n />\n );\n}\n\nfunction FlowFinishNodeComponent({ data }: RFNodeProps): React.JSX.Element {\n const d = data as unknown as _FinishData;\n return <AI_FlowFinishNode status={d.status} />;\n}\n\n//===============================================================\n// AI_FlowEdgeActive — animated edge for active execution paths\n//===============================================================\n\nexport type AI_FlowEdgeActiveProps = EdgeProps;\n\nexport const AI_FlowEdgeActive = ({\n id,\n sourceX,\n sourceY,\n targetX,\n targetY,\n sourcePosition,\n targetPosition,\n style,\n markerEnd,\n}: EdgeProps): React.JSX.Element => {\n const [edgePath] = getBezierPath({\n sourceX,\n sourceY,\n sourcePosition,\n targetX,\n targetY,\n targetPosition,\n });\n\n return (\n <>\n <BaseEdge\n id={id}\n path={edgePath}\n markerEnd={markerEnd}\n style={{ ...style, stroke: \"var(--primary)\", strokeWidth: 2 }}\n />\n <circle r=\"4\" fill=\"var(--primary)\">\n <animateMotion dur=\"2s\" path={edgePath} repeatCount=\"indefinite\" />\n </circle>\n </>\n );\n};\n\n//===============================================================\n// Stable type registries (constant objects → never re-mount)\n//===============================================================\n\nconst NODE_TYPES = {\n flowStep: FlowStepNodeComponent,\n flowTrigger: FlowTriggerNodeComponent,\n flowFinish: FlowFinishNodeComponent,\n};\n\nconst EDGE_TYPES = {\n active: AI_FlowEdgeActive,\n};\n\n//===============================================================\n// AI_FlowExecutionCanvas\n//===============================================================\n\nexport type AI_FlowExecutionCanvasProps = ComponentProps<\"div\"> & {\n triggers: FlowCanvasTrigger[];\n steps: FlowCanvasStep[];\n edges: FlowCanvasEdge[];\n finishes: FlowCanvasFinish[];\n nodeStates?: FlowCanvasNodeState[];\n onNodeClick?: (nodeRef: string, nodeType: string) => void;\n};\n\nexport const AI_FlowExecutionCanvas = ({\n triggers,\n steps,\n edges: flowEdges,\n finishes,\n nodeStates = [],\n onNodeClick,\n className,\n ...props\n}: AI_FlowExecutionCanvasProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });\n\n const stateMap = React.useMemo(\n () => new Map(nodeStates.map((ns) => [makeNodeId(ns.nodeType, ns.nodeRef), ns])),\n [nodeStates],\n );\n\n const rfNodes: Node[] = React.useMemo(() => {\n const allIds: string[] = [];\n const pairs: Array<{ source: string; target: string }> = [];\n\n for (const t of triggers) allIds.push(makeNodeId(\"trigger\", t.ref));\n for (const s of steps) allIds.push(makeNodeId(\"step\", s.ref));\n for (const f of finishes) allIds.push(makeNodeId(\"finish\", f.ref));\n\n for (const e of flowEdges) {\n pairs.push({\n source: makeNodeId(e.from.type, e.from.ref),\n target: makeNodeId(e.to.type, e.to.ref),\n });\n }\n\n const positions = computeFlowLayout(allIds, pairs);\n const nodes: Node[] = [];\n\n for (const t of triggers) {\n const id = makeNodeId(\"trigger\", t.ref);\n nodes.push({\n id,\n type: \"flowTrigger\",\n position: positions.get(id) ?? { x: 0, y: 0 },\n data: {\n triggerType: t.type,\n displayName: t.displayName,\n description: t.description,\n status: stateMap.get(id)?.status,\n } satisfies _TriggerData,\n });\n }\n\n for (const s of steps) {\n const id = makeNodeId(\"step\", s.ref);\n nodes.push({\n id,\n type: \"flowStep\",\n position: positions.get(id) ?? { x: 0, y: 0 },\n data: {\n kind: s.kind,\n name: s.name,\n description: s.description,\n status: stateMap.get(id)?.status,\n sourceCount: FlowsActorsUIUtils.isControlMultiSourceKind(s.kind) ? 2 : 1,\n } satisfies _StepData,\n });\n }\n\n for (const f of finishes) {\n const id = makeNodeId(\"finish\", f.ref);\n nodes.push({\n id,\n type: \"flowFinish\",\n position: positions.get(id) ?? { x: 0, y: 0 },\n data: { status: stateMap.get(id)?.status } satisfies _FinishData,\n });\n }\n\n return nodes;\n }, [triggers, steps, finishes, flowEdges, stateMap]);\n\n const rfEdges: Edge[] = React.useMemo(() => {\n return flowEdges.map((e) => {\n const sourceId = makeNodeId(e.from.type, e.from.ref);\n const targetId = makeNodeId(e.to.type, e.to.ref);\n\n const srcStatus = stateMap.get(sourceId)?.status;\n const tgtStatus = stateMap.get(targetId)?.status;\n const isActive =\n (srcStatus === \"completed\" \|\| srcStatus === \"processing\") &&\n (tgtStatus === \"processing\" \|\| tgtStatus === \"pending\");\n\n return {\n id: `${sourceId}__${targetId}`,\n source: sourceId,\n target: targetId,\n type: isActive ? \"active\" : undefined,\n animated: isActive,\n };\n });\n }, [flowEdges, stateMap]);\n\n const isEmpty =\n triggers.length === 0 && steps.length === 0 && finishes.length === 0;\n\n if (!isReady) return null;\n\n if (isEmpty) {\n return (\n <div\n className={cn(\n \"flex items-center justify-center rounded-lg border bg-card p-section text-center text-muted-foreground\",\n className,\n )}\n {...props}\n >\n <p className=\"text-sm\">\n {tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, \"canvasEmpty\")}\n </p>\n </div>\n );\n }\n\n return (\n <div\n className={cn(\"relative h-[500px] overflow-hidden rounded-lg border bg-card\", className)}\n {...props}\n >\n <AI_Canvas\n nodes={rfNodes}\n edges={rfEdges}\n nodeTypes={NODE_TYPES}\n edgeTypes={EDGE_TYPES}\n onNodeClick={(_, node) => {\n const parsed = parseNodeId(node.id);\n onNodeClick?.(parsed.ref, parsed.type);\n }}\n panOnDrag\n selectionOnDrag={false}\n nodesDraggable={false}\n nodesConnectable={false}\n elementsSelectable\n fitView\n fitViewOptions={{ padding: 0.2 }}\n >\n <AI_Controls />\n </AI_Canvas>\n </div>\n );\n};\n\n//===============================================================\n// AI_FlowExecutionSummary\n//===============================================================\n\nexport type AI_FlowExecutionSummaryProps = ComponentProps<\"div\"> & {\n totalSteps: number;\n completedSteps: number;\n failedSteps: number;\n status: string;\n startedAt?: string;\n completedAt?: string;\n};\n\nexport const AI_FlowExecutionSummary = ({\n totalSteps,\n completedSteps,\n failedSteps,\n status,\n startedAt,\n completedAt,\n className,\n ...props\n}: AI_FlowExecutionSummaryProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });\n\n if (!isReady) return null;\n\n return (\n <div\n className={cn(\"flex items-center gap-card rounded-lg border bg-card p-card-sm\", className)}\n {...props}\n >\n <div className=\"flex flex-1 items-center gap-element\">\n <Badge\n variant={\n status === \"completed\" ? \"default\" : status === \"failed\" ? \"destructive\" : \"secondary\"\n }\n >\n {tComponent(\n FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION,\n FlowsActorsUIUtils.getStatusLabelKey(status) as any,\n )}\n </Badge>\n <span className=\"text-sm text-muted-foreground\">\n {tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, \"stepsProgress\", {\n completed: completedSteps,\n total: totalSteps,\n })}\n </span>\n </div>\n {failedSteps > 0 && (\n <Badge variant=\"destructive\">\n {tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, \"failedSteps\", {\n count: failedSteps,\n })}\n </Badge>\n )}\n {startedAt && (\n <span className=\"text-2xs text-muted-foreground\">\n {FlowsActorsUIUtils.formatDuration(startedAt, completedAt)}\n </span>\n )}\n </div>\n );\n};\n\n//===============================================================\n// AI_FlowExecutionTimeline\n//===============================================================\n\nexport type AI_FlowExecutionTimelineEvent = {\n nodeRef: string;\n nodeType: string;\n nodeName?: string;\n status: string;\n timestamp: string;\n};\n\nexport type AI_FlowExecutionTimelineProps = ComponentProps<\"div\"> & {\n events: AI_FlowExecutionTimelineEvent[];\n};\n\nexport const AI_FlowExecutionTimeline = ({\n events,\n className,\n ...props\n}: AI_FlowExecutionTimelineProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });\n\n if (!isReady) return null;\n\n return (\n <div className={cn(\"flex flex-col\", className)} {...props}>\n <h4 className=\"mb-2 text-sm font-medium\">\n {tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, \"timeline\")}\n </h4>\n <ScrollArea className=\"max-h-64\">\n {/* The framework's own rail since #1317; this surface used to draw its own with its own status colours. /}\n <Timeline className=\"gap-element\">\n {events.map((event, i) => (\n <AI_FlowExecutionTimelineItem\n key={`${event.nodeRef}-${event.timestamp}-${i}`}\n event={event}\n previousTimestamp={i > 0 ? events[i - 1].timestamp : undefined}\n />\n ))}\n </Timeline>\n </ScrollArea>\n </div>\n );\n};\n\n//===============================================================\n// AI_FlowExecutionTimelineItem\n//===============================================================\n\nexport type AI_FlowExecutionTimelineItemProps = ComponentProps<\"li\"> & {\n event: AI_FlowExecutionTimelineEvent;\n previousTimestamp?: string;\n};\n\nexport const AI_FlowExecutionTimelineItem = ({\n event,\n previousTimestamp,\n className,\n ...props\n}: AI_FlowExecutionTimelineItemProps): React.JSX.Element => {\n const delta = previousTimestamp ? FlowsActorsUIUtils.formatDuration(previousTimestamp, event.timestamp) : undefined;\n\n /\n * The marker's tone is the status's — the SAME map the badge beside it reads\n * (`flowNodeStatusIndicator`), where this item used to keep a fourth colour map of its own.\n */\n return (\n <TimelineEntry tone={flowNodeStatusIndicator(event.status)} className={className} {...props}>\n <TimelineTime dateTime={event.timestamp}>{new Date(event.timestamp).toLocaleTimeString()}</TimelineTime>\n <TimelineBody>\n <div className=\"flex flex-wrap items-center gap-element\">\n <span className=\"text-xs font-medium\">{event.nodeName ?? event.nodeRef}</span>\n <AI_FlowNodeStatusBadge status={event.status} />\n {delta && <span className=\"text-2xs text-muted-foreground\">+{delta}</span>}\n </div>\n </TimelineBody>\n </TimelineEntry>\n );\n};\n"]}
1	+ {"version":3,"file":"flow-execution.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flow-execution.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Badge } from \"~wildo-frontend-lib/components/data-display/badge\";\nimport { ScrollArea } from \"~wildo-frontend-lib/components/layout/scroll-area\";\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\";\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\";\nimport { IconSize } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\";\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\";\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\";\nimport { Flow_Node_Type } from \"@wildo-ai/saas-models\";\nimport type { ComponentProps } from \"react\";\nimport { GraphViewNodeKind, flowGraph, flowGraphNodeId, type GraphViewNode } from \"~wildo-frontend-lib/core/flows-actors/graph-view.model\";\nimport { GraphViewLayoutDirection } from \"~wildo-frontend-lib/core/flows-actors/graph-view.layout\";\nimport { AI_FlowNodeStatusBadge, AI_FlowNodeStepBadge, flowNodeStatusIndicator } from \"./flow-node-badges\";\nimport { FLOW_STEP_CATEGORY_ICONS, flowStepCategory, flowTriggerTypeVisual } from \"./flow-step-visuals\";\nimport { AI_GraphViewer } from \"./graph-viewer\";\nimport { Timeline, TimelineBody, TimelineEntry, TimelineTime } from \"~wildo-frontend-lib/components/data-display/timeline\";\nimport { FlowsActorsUIUtils } from \"./flows-actors-ui.utils\";\n\n//===============================================================\n// Public data types\n//===============================================================\n\nexport type FlowCanvasStep = {\n ref: string;\n kind: string;\n name: string;\n description?: string;\n};\n\nexport type FlowCanvasTrigger = {\n ref: string;\n type: string;\n displayName: string;\n description?: string;\n};\n\nexport type FlowCanvasFinish = {\n ref: string;\n /** The words a person reads for this ending; the ref when absent. /\n displayName?: string;\n};\n\nexport type FlowCanvasEdge = {\n from: { type: string; ref: string };\n to: { type: string; ref: string };\n};\n\nexport type FlowCanvasNodeState = {\n nodeRef: string;\n nodeType: string;\n status: string;\n};\n\n//===============================================================\n// AI_FlowExecutionCanvas\n//===============================================================\n\n/* The flow node type of each graph node kind a flow produces, as `onNodeClick` reports it. /\nconst FLOW_NODE_TYPE_OF_KIND: Partial<Record<GraphViewNodeKind, Flow_Node_Type>> = {\n [GraphViewNodeKind.FLOW_TRIGGER]: Flow_Node_Type.TRIGGER,\n [GraphViewNodeKind.FLOW_STEP]: Flow_Node_Type.STEP,\n [GraphViewNodeKind.FLOW_FINISH]: Flow_Node_Type.FINISH,\n};\n\n/\n No node states: ONE array, so a canvas given none keeps the same graph from render to render. A fresh `[]` default\n * rebuilt the graph on every render, and every rebuild was a new drawing (#2529 review).\n /\nconst NO_NODE_STATES: readonly FlowCanvasNodeState[] = [];\n\nexport type AI_FlowExecutionCanvasProps = Omit<ComponentProps<\"div\">, \"title\"> & {\n triggers: FlowCanvasTrigger[];\n steps: FlowCanvasStep[];\n edges: FlowCanvasEdge[];\n finishes: FlowCanvasFinish[];\n nodeStates?: readonly FlowCanvasNodeState[];\n /* The flow's accessible name, in the host's words (its display name). /\n title: string;\n /* The node the host has open, so the selection follows navigation. /\n selectedNode?: { readonly nodeRef: string; readonly nodeType: Flow_Node_Type };\n onNodeClick?: (nodeRef: string, nodeType: string) => void;\n};\n\n/\n A flow and where its run stands, drawn through `AI_GraphViewer` (#2529).\n \n It used to lay itself out on fixed 384x120 cells by longest path, draw a branch's edges from one handle (edges named\n * no handle), give two edges between the same nodes one id, invent a coordinator layout of its own and sit in a fixed\n * 500px box. The graph now comes from `flowGraph`, which gives every outgoing edge of a branch its own port, and the\n * viewer places it, measures it, fills its container and draws a step waiting on a person in amber.\n \n What it adds to the viewer is what a flow's nodes MEAN: a trigger's type, a step's kind and category, a finish.\n /\nexport const AI_FlowExecutionCanvas = ({\n triggers,\n steps,\n edges: flowEdges,\n finishes,\n nodeStates = NO_NODE_STATES,\n title,\n selectedNode,\n onNodeClick,\n className,\n ...props\n}: AI_FlowExecutionCanvasProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, FrontendComponentType.LOW_LEVEL_AI_FLOW_NODE] });\n const { renderIcon } = useIconRegistry();\n\n const graph = React.useMemo(\n () => flowGraph({ triggers, steps, finishes, edges: flowEdges, nodeStates }),\n [triggers, steps, finishes, flowEdges, nodeStates],\n );\n const triggerTypeByRef = React.useMemo(() => new Map(triggers.map((trigger) => [trigger.ref, trigger.type] as const)), [triggers]);\n\n const renderNodeBody = React.useCallback((node: GraphViewNode): React.ReactNode => {\n if (node.kind === GraphViewNodeKind.FLOW_TRIGGER) {\n const type = triggerTypeByRef.get(node.sourceRef) ?? \"\";\n const visual = flowTriggerTypeVisual(type);\n return (\n <span className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n {visual && renderIcon(visual.icon, { size: IconSize.XS })}\n {/ A type this bundle does not know shows as declared, never as a guessed word. /}\n {visual ? tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_NODE, visual.labelKey) : type}\n </span>\n );\n }\n if (node.kind === GraphViewNodeKind.FLOW_STEP && node.flowStepKind) {\n const category = flowStepCategory(node.flowStepKind);\n return (\n <span className=\"flex items-center gap-1\">\n {category && renderIcon(FLOW_STEP_CATEGORY_ICONS[category], { size: IconSize.XS, className: \"text-muted-foreground\" })}\n <AI_FlowNodeStepBadge kind={node.flowStepKind} {...(category ? { category } : {})} />\n </span>\n );\n }\n if (node.kind === GraphViewNodeKind.FLOW_FINISH) {\n return <span className=\"text-xs text-muted-foreground\">{tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_NODE, \"finish\")}</span>;\n }\n return null;\n }, [renderIcon, tComponent, triggerTypeByRef]);\n\n if (!isReady) return null;\n\n if (graph.nodes.length === 0) {\n return (\n <div\n className={cn(\n \"flex items-center justify-center rounded-lg border bg-card p-section text-center text-muted-foreground\",\n className,\n )}\n {...props}\n >\n <p className=\"text-sm\">\n {tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, \"canvasEmpty\")}\n </p>\n </div>\n );\n }\n\n return (\n <div className={cn(\"flex h-full min-h-80 flex-col\", className)} {...props}>\n <AI_GraphViewer\n direction={GraphViewLayoutDirection.RIGHT}\n graph={graph}\n renderNodeBody={renderNodeBody}\n title={title}\n {...(selectedNode ? { selectedNodeId: flowGraphNodeId(selectedNode.nodeType, selectedNode.nodeRef) } : {})}\n onNodeActivate={(node) => {\n const nodeType = FLOW_NODE_TYPE_OF_KIND[node.kind];\n if (nodeType) onNodeClick?.(node.sourceRef, nodeType);\n }}\n />\n </div>\n );\n};\n\n//===============================================================\n// AI_FlowExecutionSummary\n//===============================================================\n\nexport type AI_FlowExecutionSummaryProps = ComponentProps<\"div\"> & {\n totalSteps: number;\n completedSteps: number;\n failedSteps: number;\n status: string;\n startedAt?: string;\n completedAt?: string;\n};\n\nexport const AI_FlowExecutionSummary = ({\n totalSteps,\n completedSteps,\n failedSteps,\n status,\n startedAt,\n completedAt,\n className,\n ...props\n}: AI_FlowExecutionSummaryProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });\n\n if (!isReady) return null;\n\n return (\n <div\n className={cn(\"flex items-center gap-card rounded-lg border bg-card p-card-sm\", className)}\n {...props}\n >\n <div className=\"flex flex-1 items-center gap-element\">\n <AI_FlowNodeStatusBadge status={status} />\n <span className=\"text-sm text-muted-foreground\">\n {tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, \"stepsProgress\", {\n completed: completedSteps,\n total: totalSteps,\n })}\n </span>\n </div>\n {failedSteps > 0 && (\n <Badge variant=\"destructive\">\n {tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, \"failedSteps\", {\n count: failedSteps,\n })}\n </Badge>\n )}\n {startedAt && (\n <span className=\"text-2xs text-muted-foreground\">\n {FlowsActorsUIUtils.formatDuration(startedAt, completedAt)}\n </span>\n )}\n </div>\n );\n};\n\n//===============================================================\n// AI_FlowExecutionTimeline\n//===============================================================\n\nexport type AI_FlowExecutionTimelineEvent = {\n nodeRef: string;\n nodeType: string;\n nodeName?: string;\n status: string;\n timestamp: string;\n};\n\nexport type AI_FlowExecutionTimelineProps = ComponentProps<\"div\"> & {\n events: AI_FlowExecutionTimelineEvent[];\n};\n\nexport const AI_FlowExecutionTimeline = ({\n events,\n className,\n ...props\n}: AI_FlowExecutionTimelineProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });\n\n if (!isReady) return null;\n\n return (\n <div className={cn(\"flex flex-col\", className)} {...props}>\n <h4 className=\"mb-2 text-sm font-medium\">\n {tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, \"timeline\")}\n </h4>\n <ScrollArea className=\"max-h-64\">\n {/ The framework's own rail since #1317; this surface used to draw its own with its own status colours. /}\n <Timeline className=\"gap-element\">\n {events.map((event, i) => (\n <AI_FlowExecutionTimelineItem\n key={`${event.nodeRef}-${event.timestamp}-${i}`}\n event={event}\n previousTimestamp={i > 0 ? events[i - 1].timestamp : undefined}\n />\n ))}\n </Timeline>\n </ScrollArea>\n </div>\n );\n};\n\n//===============================================================\n// AI_FlowExecutionTimelineItem\n//===============================================================\n\nexport type AI_FlowExecutionTimelineItemProps = ComponentProps<\"li\"> & {\n event: AI_FlowExecutionTimelineEvent;\n previousTimestamp?: string;\n};\n\nexport const AI_FlowExecutionTimelineItem = ({\n event,\n previousTimestamp,\n className,\n ...props\n}: AI_FlowExecutionTimelineItemProps): React.JSX.Element => {\n const { formatTime } = useI18n();\n const delta = previousTimestamp ? FlowsActorsUIUtils.formatDuration(previousTimestamp, event.timestamp) : undefined;\n\n /\n * The marker's tone is the status's — the SAME map the badge beside it reads\n * (`flowNodeStatusIndicator`), where this item used to keep a fourth colour map of its own.\n */\n return (\n <TimelineEntry tone={flowNodeStatusIndicator(event.status)} className={className} {...props}>\n <TimelineTime dateTime={event.timestamp}>{FlowsActorsUIUtils.formatTimestamp(event.timestamp, formatTime)}</TimelineTime>\n <TimelineBody>\n <div className=\"flex flex-wrap items-center gap-element\">\n <span className=\"text-xs font-medium\">{event.nodeName ?? event.nodeRef}</span>\n <AI_FlowNodeStatusBadge status={event.status} />\n {delta && <span className=\"text-2xs text-muted-foreground\">+{delta}</span>}\n </div>\n </TimelineBody>\n </TimelineEntry>\n );\n};\n"]}

package/dist/esm/components/flows-actors/flow-execution.labels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flow-execution.labels.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/flows-actors/flow-execution.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,~~EAyB9D~~,CAAC"}
1	+ {"version":3,"file":"flow-execution.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flow-execution.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAkB9D,CAAC"}

package/dist/esm/components/flows-actors/flow-execution.labels.js CHANGED Viewed

@@ -10,23 +10,16 @@ export const LowLevelAiFlowExecutionLabels = [
         kind: LabelKind.LABEL,
         purpose: 'Progress indicator for how many flow steps have finished',
         params: [
-            { key: 'completed', meaning: 'number of steps that have finished' },
-            { key: 'total', meaning: 'total number of steps in the flow' },
+            { key: 'completed', meaning: 'number of steps that have finished', isCount: true },
+            { key: 'total', meaning: 'total number of steps in the flow', isCount: true },
         ],
     },
     {
         ref: 'failedSteps',
         kind: LabelKind.MESSAGE,
         purpose: 'Warning that some flow steps failed during execution',
-        params: [{ key: 'count', meaning: 'number of steps that failed' }],
+        params: [{ key: 'count', meaning: 'number of steps that failed', isCount: true }],
     },
-    { ref: 'statusReady', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node that is ready to run' },
-    { ref: 'statusPending', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node queued and waiting to start' },
-    { ref: 'statusProcessing', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node currently executing' },
-    { ref: 'statusCompleted', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node that finished successfully' },
-    { ref: 'statusFailed', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node that errored out' },
-    { ref: 'statusCancelled', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node cancelled before completion' },
-    { ref: 'statusAborted', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node aborted mid-execution' },
 ];
 registerComponentLabels(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, LowLevelAiFlowExecutionLabels);
 //# sourceMappingURL=flow-execution.labels.js.map

package/dist/esm/components/flows-actors/flow-execution.labels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flow-execution.labels.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flow-execution.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,8CAA8C,EAAE;IACrG,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,oEAAoE,EAAE;IAClI;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,0DAA0D;QACnE,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,oCAAoC,EAAE;~~YACnE~~,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,mCAAmC,EAAE;~~SAC/D~~;KACF;IACD;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,sDAAsD;QAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,6BAA6B,EAAE,~~CAAC;KACnE;IACD,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,~~OAAO,EAAE,~~OAAO,EAAE,mDAAmD,EAAE;IAC7G,EAAE,GAAG,EAAE,eAAe,EAAE,~~IAAI,EAAE,~~SAAS,~~CAAC~~,OAAO,EAAE,OAAO,EAAE,0DAA0D,EAAE~~;~~IACtH,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,kDAAkD,EAAE~~;~~IACjH~~,~~EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,~~CAAC~~,OAAO,EAAE,OAAO,EAAE,yDAAyD,EAAE~~;IACvH,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,+CAA+C,EAAE;IAC1G,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACxH,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,oDAAoD,EAAE;CACjH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelAiFlowExecutionLabels: LabellingUnitaryDef[] = [\n { ref: 'timeline', kind: LabelKind.HEADING, purpose: 'Heading for the flow-execution timeline view' },\n { ref: 'canvasEmpty', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when the flow execution has no nodes to render on the canvas' },\n {\n ref: 'stepsProgress',\n kind: LabelKind.LABEL,\n purpose: 'Progress indicator for how many flow steps have finished',\n params: [\n { key: 'completed', meaning: 'number of steps that have finished' },\n { key: 'total', meaning: 'total number of steps in the flow' },\n ],\n },\n {\n ref: 'failedSteps',\n kind: LabelKind.MESSAGE,\n purpose: 'Warning that some flow steps failed during execution',\n params: [{ key: 'count', meaning: 'number of steps that failed' ~~}],\n },\n { ref: 'statusReady'~~, ~~kind~~: ~~LabelKind.MESSAGE,~~ ~~purpose: 'Status badge for a flow node that is ready to run'~~ },\n ~~{ ref: 'statusPending', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node queued and waiting to start'~~ },\n { ref: 'statusProcessing', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node currently executing' },\n { ref: 'statusCompleted', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node that finished successfully' },\n { ref: 'statusFailed', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node that errored out' },\n { ref: 'statusCancelled', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node cancelled before completion' },\n { ref: 'statusAborted', kind: LabelKind.MESSAGE, purpose: 'Status badge for a flow node aborted mid-execution' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, LowLevelAiFlowExecutionLabels);\n"]}
1	+ {"version":3,"file":"flow-execution.labels.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flow-execution.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,8CAA8C,EAAE;IACrG,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,oEAAoE,EAAE;IAClI;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,0DAA0D;QACnE,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,oCAAoC,EAAE,OAAO,EAAE,IAAI,EAAE;YAClF,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,mCAAmC,EAAE,OAAO,EAAE,IAAI,EAAE;SAC9E;KACF;IACD;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,sDAAsD;QAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,6BAA6B,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;KAClF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelAiFlowExecutionLabels: LabellingUnitaryDef[] = [\n { ref: 'timeline', kind: LabelKind.HEADING, purpose: 'Heading for the flow-execution timeline view' },\n { ref: 'canvasEmpty', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when the flow execution has no nodes to render on the canvas' },\n {\n ref: 'stepsProgress',\n kind: LabelKind.LABEL,\n purpose: 'Progress indicator for how many flow steps have finished',\n params: [\n { key: 'completed', meaning: 'number of steps that have finished', isCount: true },\n { key: 'total', meaning: 'total number of steps in the flow', isCount: true },\n ],\n },\n {\n ref: 'failedSteps',\n kind: LabelKind.MESSAGE,\n purpose: 'Warning that some flow steps failed during execution',\n params: [{ key: 'count', meaning: 'number of steps that failed', isCount: true }],\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, LowLevelAiFlowExecutionLabels);\n"]}

package/dist/esm/components/flows-actors/flow-node-badges.d.ts CHANGED Viewed

@@ -1,35 +1,28 @@
 /**
- * The two flow-node badges that do NOT touch `@xyflow/react`, carved out of `flow-node.tsx` so
- * they can stay in the EAGER graph while the node components themselves sit behind the lazy
- * graph door (`flows-actors-graph.lazy.tsx`).
+ * The flows-actors badges and status helpers that do NOT touch `@xyflow/react`, so they stay in the EAGER graph while
+ * everything that draws a graph sits behind the lazy graph door (`flows-actors-graph.lazy.tsx`).
  *
  * ## Why this file exists — the carve is required, not tidiness
  *
- * `flow-node.tsx` value-imports `Handle` / `Position` from `@xyflow/react` (~375 kB), so the
- * whole module and everything reachable through it lands in whatever chunk imports it. Two
- * modules that render no graph at all — `execution-plan.tsx` and `task-detail.tsx` — import
- * `AI_FlowNodeStatusBadge` from it, and both are eagerly re-exported from this package's root
- * barrel. So a `<Badge>` was one of the three eager paths dragging the graph library into every
- * application's entry chunk.
+ * The graph library is ~375 kB. Modules that render no graph at all — `execution-plan.tsx`, `task-detail.tsx`, the
+ * Settings Hub panels — show a run status, and they are eagerly re-exported from this package's root barrel. Had the
+ * status badge lived with the graph components, a `<Badge>` would have dragged the graph library into every
+ * application's entry chunk, or (behind the door) fetched the whole graph chunk to paint a status pill. These need no
+ * graph library, so the boundary runs between them and the drawing.
  *
- * Putting `flow-node.tsx` behind the door WITHOUT this carve would have closed the bundle path
- * and opened a worse one: `AI_FlowNodeStatusBadge` would become a `React.lazy` door, and
- * rendering an execution plan or a task detail — neither of which draws a graph — would fetch
- * the entire 375 kB graph chunk to paint a status pill. The badges have no `@xyflow/react`
- * dependency of their own, so the correct boundary runs between them and the node cards, not
- * around the file that happens to hold both.
+ * The flow node cards these were carved out of were deleted in #2529, when the flow canvas moved onto `AI_GraphViewer`.
  *
- * Nothing here may import `@xyflow/react`, `./flow-node`, `./flow-execution` or `./actor` as a
- * VALUE — that would re-create the eager path this carve removed. Type-only imports are erased
- * and therefore fine, and one is used deliberately: `FlowStepCategory` stays declared beside its
- * runtime mapping in `flow-node.tsx` and is re-exported publicly by `flows-actors-graph.lazy.tsx`.
+ * Nothing here may import `@xyflow/react`, `./flow-execution`, `./graph-viewer` or `./actor` as a
+ * VALUE — that would re-create the eager path this carve removed. `./flow-step-visuals` is safe: it
+ * holds only a flow's kind-to-look mappings and imports no graph library.
  */
 import * as React from "react";
 import { IndicatorVariant } from "@wildo-ai/presets-components-models";
-import type { FlowStepCategory } from "./flow-node";
+import { FlowStepCategory } from "./flow-step-visuals";
 export type AI_FlowNodeStepBadgeProps = {
     kind: string;
-    category: FlowStepCategory;
+    /** The kind's category (`flowStepCategory`); absent for a kind this bundle does not know, which reads neutral. */
+    category?: FlowStepCategory;
     className?: string;
 };
 export declare const AI_FlowNodeStepBadge: ({ kind, category, className, }: AI_FlowNodeStepBadgeProps) => React.JSX.Element;
@@ -39,5 +32,45 @@ export type AI_FlowNodeStatusBadgeProps = {
 };
 /** The theme tone a run status reads in (see {@link STATUS_INDICATOR}); NEUTRAL for a status this bundle does not know. */
 export declare function flowNodeStatusIndicator(status: string): IndicatorVariant;
+/**
+ * The fill of a run status's marker dot: its tone's strong fill ({@link TONE_MARKER_FILL}), and a pulse while the run is
+ * moving, for a reader who has not asked for reduced motion.
+ *
+ * Every status dot of the flows-actors components reads it. Each used to keep its own string-keyed map: the execution
+ * plan coloured PENDING grey while the flow node ringed it amber, and NEITHER had an entry for AWAITING_APPROVAL, so a
+ * run waiting on a person drew no colour at all (#2529).
+ */
+export declare function flowsActorsStatusDotClass(status: string): string;
+/** A run status's tone as a CSS colour ({@link TONE_MARKER_COLOUR}), for a shape filled inline: a minimap's nodes. */
+export declare function flowsActorsStatusColour(status: string): string;
+/** PROCESSING is the one status in which a run is moving; it is the only one a surface animates. */
+export declare function flowsActorsStatusIsMoving(status: string): boolean;
+/**
+ * The vocabulary a run status's words live under (`system_enums.<name>.<value>`), read off the field the execution
+ * resource declares, so the words are authored ONCE for every surface that shows a status: the resource's own pages, the
+ * Settings Hub panels and these components. They used to be authored a second time per component (`statusReady` …
+ * `statusAborted`, twice), and AWAITING_APPROVAL had a word in neither copy.
+ */
+export declare const FLOWS_ACTORS_STATUS_VOCABULARY: string;
+/** The vocabulary a task's TOPIC is worded in, read off the field the task declares (#2531 review M3). */
+export declare const ACTOR_TASK_TOPICS_VOCABULARY: string;
+/**
+ * The vocabulary a task relationship's RELATION is worded in, read off the relationship's own declaration (#2628). Every
+ * member of the union declares the same one; the first is read.
+ */
+export declare const FLOWS_ACTORS_RELATION_VOCABULARY: string;
+/**
+ * A value's word under a declared vocabulary (`system_enums.<name>.<value>`, or the vocabulary's own section). A value
+ * with no authored word shows the raw value, so a missing word looks missing rather than invented.
+ */
+export declare function useVocabularyWord(vocabularyName: string | undefined): {
+    readonly word: (value: string) => string;
+    readonly isReady: boolean;
+};
+/** A run status's word, from {@link FLOWS_ACTORS_STATUS_VOCABULARY}. */
+export declare function useFlowsActorsStatusWord(): {
+    readonly statusWord: (status: string) => string;
+    readonly isReady: boolean;
+};
 export declare const AI_FlowNodeStatusBadge: ({ status, className, }: AI_FlowNodeStatusBadgeProps) => React.JSX.Element | null;
 //# sourceMappingURL=flow-node-badges.d.ts.map

package/dist/esm/components/flows-actors/flow-node-badges.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flow-node-badges.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/flows-actors/flow-node-badges.tsx"],"names":[],"mappings":"AAEA~~;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG~~;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAK~~/B,OAAO,~~EAAyB~~,gBAAgB,~~EAAE~~,MAAM,qCAAqC,CAAC;~~AAQ9F~~,OAAO,~~KAAK,~~EAAE,gBAAgB,EAAE,MAAM,~~aAAa~~,CAAC;~~AAMpD~~,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,gBAAgB,CAAC;~~IAC3B~~,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,gCAIlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAOxC,CAAC;AAMF,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkCF,2HAA2H;AAC3H,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,CAExE;AAED,eAAO,MAAM,sBAAsB,GAAI,wBAGpC,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAUpD,CAAC"}
1	+ {"version":3,"file":"flow-node-badges.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flow-node-badges.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,gBAAgB,EAA4B,MAAM,qCAAqC,CAAC;AAGjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,kHAAkH;IAClH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,gCAIlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAOxC,CAAC;AAMF,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkCF,2HAA2H;AAC3H,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,CAExE;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,sHAAsH;AACtH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED,oGAAoG;AACpG,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAEjE;AAED;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,QAA+D,CAAC;AAE3G,0GAA0G;AAC1G,eAAO,MAAM,4BAA4B,QAAoD,CAAC;AAE9F;;;GAGG;AACH,eAAO,MAAM,gCAAgC,QAA8E,CAAC;AAE5H;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAS7I;AAED,wEAAwE;AACxE,wBAAgB,wBAAwB,IAAI;IAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAGzH;AAED,eAAO,MAAM,sBAAsB,GAAI,wBAGpC,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAUpD,CAAC"}