@stigmer/react 1.0.4 → 2.0.0

package/workflow/WorkflowInspectorPanel.js

@@ -1,152 +1,64 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState, useCallback } from "react";
-import { cn } from "@stigmer/theme";
-import { START_NODE_ID, END_NODE_ID } from "./workflow-graph-model";
-import { TaskConfigForm } from "./TaskConfigForm";
-import { BranchConditionBuilder } from "./BranchConditionBuilder";
-import { ApprovalFormBuilder } from "./ApprovalFormBuilder";
-import { CATEGORY_COLORS, TASK_NAME_PATTERN, TASK_NAME_PATTERN_ERROR } from "./canvas-constants";
-import { taskKindToString } from "./workflow-graph-conversions";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { InspectorShell } from "./inspector/InspectorShell";
 /**
  * Inspector panel for the visual canvas editor.
  *
- * Renders a right sidebar with context-sensitive sections based on the
- * selected element: node inspector (Identity, Configuration, Export, Flow),
- * edge inspector (label, source/target), or sentinel summary.
+ * Thin wrapper that bridges the callback-based prop API from
+ * `WorkflowCanvasEditor` into the tabbed `InspectorShell` architecture.
  *
- * Controlled component: receives selection + graph from the canvas hook
- * and calls mutation methods for all edits (AD-T15-B3-004).
+ * The shell renders a tabbed inspector with a consistent header, actions
+ * menu, and per-tab content (Configure, Data, Runtime, Advanced, Docs).
  *
- * @since T15 Batch 3 (Inspector + Edit Loop)
+ * @since T15 Batch 3 (original), T10 (refactored to tabbed shell)
  */
-export const WorkflowInspectorPanel = memo(function WorkflowInspectorPanel({ selection, graph, descriptor, onUpdateField, onRenameNode, onUpdateExport, onUpdateFlow, onDeleteEdge, onDeleteNode, onUpdateBranchRouting, onMigrateBranchHandle, onRemoveBranchEdges, className, }) {
-    if (!selection || !graph) {
-        return (_jsx("div", { className: cn("flex h-full items-center justify-center p-4", className), children: _jsx("span", { className: "text-xs text-[var(--stgm-muted-foreground,#737373)]", children: "Select a task or connection to inspect" }) }));
-    }
-    if (selection.type === "edge") {
-        const edge = graph.edges.find((e) => e.id === selection.id);
-        if (!edge)
-            return null;
-        return (_jsx(EdgeInspector, { edge: edge, graph: graph, onDeleteEdge: onDeleteEdge, className: className }));
-    }
-    const node = graph.nodes.find((n) => n.id === selection.id);
-    if (!node)
-        return null;
-    if (node.id === START_NODE_ID || node.id === END_NODE_ID) {
-        return _jsx(SentinelInspector, { node: node, className: className });
-    }
-    return (_jsx(NodeInspector, { node: node, graph: graph, descriptor: descriptor, onUpdateField: onUpdateField, onRenameNode: onRenameNode, onUpdateExport: onUpdateExport, onUpdateFlow: onUpdateFlow, onDeleteNode: onDeleteNode, onUpdateBranchRouting: onUpdateBranchRouting, onMigrateBranchHandle: onMigrateBranchHandle, onRemoveBranchEdges: onRemoveBranchEdges }));
+export const WorkflowInspectorPanel = memo(function WorkflowInspectorPanel({ selection, graph, descriptor, onUpdateField, onRenameNode, onUpdateExport, onUpdateFlow, onDeleteEdge, onDeleteNode, onDuplicateNode, onToggleDisabled, onWrapInTryCatch, onUpdateBranchRouting, onMigrateBranchHandle, onRemoveBranchEdges, onRemoveSwitchCase, onReorderSwitchCases, onRemoveForkBranch, onReorderForkBranches, onRenameForkBranch, onSetForkCompete, onUpdateCatchConfig, onRemoveCatchBlock, onUpdateForEachConfig, onViewYaml, validationErrors, emptyState, className, }) {
+    const mutations = useMemo(() => ({
+        onUpdateField,
+        onRenameNode,
+        onUpdateExport,
+        onUpdateFlow,
+        onDeleteEdge,
+        onDeleteNode,
+        onDuplicateNode,
+        onToggleDisabled,
+        onWrapInTryCatch,
+        onUpdateBranchRouting,
+        onMigrateBranchHandle,
+        onRemoveBranchEdges,
+        onRemoveSwitchCase,
+        onReorderSwitchCases,
+        onRemoveForkBranch,
+        onReorderForkBranches,
+        onRenameForkBranch,
+        onSetForkCompete,
+        onUpdateCatchConfig,
+        onRemoveCatchBlock,
+        onUpdateForEachConfig,
+    }), [
+        onUpdateField,
+        onRenameNode,
+        onUpdateExport,
+        onUpdateFlow,
+        onDeleteEdge,
+        onDeleteNode,
+        onDuplicateNode,
+        onToggleDisabled,
+        onWrapInTryCatch,
+        onUpdateBranchRouting,
+        onMigrateBranchHandle,
+        onRemoveBranchEdges,
+        onRemoveSwitchCase,
+        onReorderSwitchCases,
+        onRemoveForkBranch,
+        onReorderForkBranches,
+        onRenameForkBranch,
+        onSetForkCompete,
+        onUpdateCatchConfig,
+        onRemoveCatchBlock,
+        onUpdateForEachConfig,
+    ]);
+    return (_jsx(InspectorShell, { selection: selection, graph: graph, descriptor: descriptor, mutations: mutations, validationErrors: validationErrors, emptyState: emptyState, onViewYaml: onViewYaml, className: className }));
 });
-// ---------------------------------------------------------------------------
-// NodeInspector
-// ---------------------------------------------------------------------------
-function NodeInspector({ node, graph, descriptor, onUpdateField, onRenameNode, onUpdateExport, onUpdateFlow, onDeleteNode, onUpdateBranchRouting, onMigrateBranchHandle, onRemoveBranchEdges, }) {
-    const kindStr = taskKindToString(node.kind);
-    const categoryColor = CATEGORY_COLORS[node.category];
-    const handleFieldChange = useCallback((fieldPath, value) => {
-        onUpdateField(node.id, fieldPath, value);
-    }, [node.id, onUpdateField]);
-    const otherTaskNames = graph.nodes
-        .filter((n) => n.id !== node.id && n.id !== START_NODE_ID && n.id !== END_NODE_ID)
-        .map((n) => n.taskName);
-    const isSwitchCase = kindStr === "switch_case";
-    const isHumanInput = kindStr === "human_input";
-    const hasSpecializedEditor = isSwitchCase || isHumanInput;
-    return (_jsxs("div", { className: "flex h-full flex-col overflow-y-auto", children: [_jsx(IdentitySection, { node: node, graph: graph, kindStr: kindStr, categoryColor: categoryColor, description: descriptor?.description, onRenameNode: onRenameNode }), _jsxs("div", { className: "border-t border-[var(--stgm-border,#e5e5e5)]", children: [_jsx(SectionHeader, { title: "Configuration" }), isSwitchCase && onUpdateBranchRouting && onMigrateBranchHandle && onRemoveBranchEdges ? (_jsx(BranchConditionBuilder, { nodeId: node.id, config: node.config, edges: graph.edges, allTaskNames: otherTaskNames, onUpdateConfig: handleFieldChange, onUpdateBranchRouting: (handleId, target) => onUpdateBranchRouting(node.id, handleId, target), onMigrateBranchHandle: (oldId, newId) => onMigrateBranchHandle(node.id, oldId, newId), onRemoveBranchEdges: (handleId) => onRemoveBranchEdges(node.id, handleId) })) : isHumanInput && onUpdateBranchRouting && onMigrateBranchHandle && onRemoveBranchEdges ? (_jsx(ApprovalFormBuilder, { nodeId: node.id, config: node.config, edges: graph.edges, allTaskNames: otherTaskNames, onUpdateConfig: handleFieldChange, onUpdateBranchRouting: (handleId, target) => onUpdateBranchRouting(node.id, handleId, target), onMigrateBranchHandle: (oldId, newId) => onMigrateBranchHandle(node.id, oldId, newId), onRemoveBranchEdges: (handleId) => onRemoveBranchEdges(node.id, handleId) })) : descriptor && descriptor.fields.length > 0 ? (_jsx(TaskConfigForm, { fields: descriptor.fields, fieldGroups: descriptor.fieldGroups, config: node.config, onChange: handleFieldChange })) : (_jsx("div", { className: "px-3 py-4 text-xs text-[var(--stgm-muted-foreground,#737373)]", children: "No configurable fields for this task kind." }))] }), _jsx("div", { className: "border-t border-[var(--stgm-border,#e5e5e5)]", children: _jsx(ExportSection, { node: node, onUpdateExport: onUpdateExport }) }), !hasSpecializedEditor && (_jsx("div", { className: "border-t border-[var(--stgm-border,#e5e5e5)]", children: _jsx(FlowSection, { node: node, otherTaskNames: otherTaskNames, onUpdateFlow: onUpdateFlow }) })), onDeleteNode && (_jsx("div", { className: "mt-auto border-t border-[var(--stgm-border,#e5e5e5)] px-3 py-3", children: _jsx("button", { type: "button", onClick: () => onDeleteNode(node.id), className: "w-full rounded-md border border-[var(--stgm-destructive,#ef4444)]/30 px-2.5 py-1.5 text-xs font-medium text-[var(--stgm-destructive,#ef4444)] transition-colors hover:bg-[var(--stgm-destructive,#ef4444)]/10", children: "Delete task" }) }))] }));
-}
-// ---------------------------------------------------------------------------
-// IdentitySection
-// ---------------------------------------------------------------------------
-function IdentitySection({ node, graph, kindStr, categoryColor, description, onRenameNode, }) {
-    const [editingName, setEditingName] = useState(false);
-    const [nameValue, setNameValue] = useState(node.taskName);
-    const [nameError, setNameError] = useState(null);
-    const existingNames = new Set(graph.nodes.filter((n) => n.id !== node.id).map((n) => n.taskName));
-    const startEditing = useCallback(() => {
-        setEditingName(true);
-        setNameValue(node.taskName);
-        setNameError(null);
-    }, [node.taskName]);
-    const commitName = useCallback(() => {
-        const trimmed = nameValue.trim();
-        if (!trimmed) {
-            setNameError("Name cannot be empty");
-            return;
-        }
-        if (!TASK_NAME_PATTERN.test(trimmed)) {
-            setNameError(TASK_NAME_PATTERN_ERROR);
-            return;
-        }
-        if (existingNames.has(trimmed)) {
-            setNameError("A task with this name already exists");
-            return;
-        }
-        setEditingName(false);
-        setNameError(null);
-        if (trimmed !== node.taskName) {
-            onRenameNode(node.id, trimmed);
-        }
-    }, [nameValue, existingNames, node.id, node.taskName, onRenameNode]);
-    const handleKeyDown = useCallback((e) => {
-        if (e.key === "Enter")
-            commitName();
-        if (e.key === "Escape") {
-            setEditingName(false);
-            setNameError(null);
-        }
-    }, [commitName]);
-    return (_jsxs("div", { className: "flex flex-col gap-2 px-3 py-3", children: [editingName ? (_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("input", { type: "text", value: nameValue, onChange: (e) => { setNameValue(e.target.value); setNameError(null); }, onBlur: commitName, onKeyDown: handleKeyDown, autoFocus: true, className: "rounded-md border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)] px-2 py-1 text-sm font-medium text-[var(--stgm-foreground,#1a1a2e)] focus:outline-none focus:ring-1 focus:ring-[var(--stgm-ring,#3b82f6)]" }), nameError && (_jsx("span", { className: "text-[10px] text-[var(--stgm-destructive,#ef4444)]", children: nameError }))] })) : (_jsx("button", { type: "button", onClick: startEditing, className: "w-fit text-left text-sm font-medium text-[var(--stgm-foreground,#1a1a2e)] hover:underline", title: "Click to rename", children: node.taskName })), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "inline-block rounded px-1.5 py-0.5 text-[10px] font-medium leading-tight", style: {
-                            color: categoryColor,
-                            backgroundColor: `color-mix(in srgb, ${categoryColor} 12%, transparent)`,
-                        }, children: kindStr.replace(/_/g, " ") }), _jsx("span", { className: "text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: node.category })] }), description && (_jsx("p", { className: "text-[11px] leading-relaxed text-[var(--stgm-muted-foreground,#737373)]", children: description }))] }));
-}
-// ---------------------------------------------------------------------------
-// ExportSection
-// ---------------------------------------------------------------------------
-function ExportSection({ node, onUpdateExport, }) {
-    const [value, setValue] = useState(node.export?.as ?? "");
-    const handleChange = useCallback((e) => {
-        setValue(e.target.value);
-    }, []);
-    const handleBlur = useCallback(() => {
-        const trimmed = value.trim();
-        onUpdateExport(node.id, trimmed || undefined);
-    }, [value, node.id, onUpdateExport]);
-    return (_jsxs("div", { className: "flex flex-col gap-1.5 px-3 py-3", children: [_jsx(SectionHeader, { title: "Export" }), _jsx("label", { className: "text-[11px] text-[var(--stgm-muted-foreground,#737373)]", children: "Export task output as a named variable" }), _jsx("input", { type: "text", value: value, onChange: handleChange, onBlur: handleBlur, placeholder: "e.g., result, analysis_output", className: "w-full rounded-md border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)] px-2 py-1.5 text-xs text-[var(--stgm-foreground,#1a1a2e)] placeholder:text-[var(--stgm-muted-foreground,#a3a3a3)] focus:outline-none focus:ring-1 focus:ring-[var(--stgm-ring,#3b82f6)]" })] }));
-}
-// ---------------------------------------------------------------------------
-// FlowSection
-// ---------------------------------------------------------------------------
-function FlowSection({ node, otherTaskNames, onUpdateFlow, }) {
-    const currentFlow = node.flow?.then ?? "";
-    const handleChange = useCallback((e) => {
-        const val = e.target.value;
-        onUpdateFlow(node.id, val || undefined);
-    }, [node.id, onUpdateFlow]);
-    return (_jsxs("div", { className: "flex flex-col gap-1.5 px-3 py-3", children: [_jsx(SectionHeader, { title: "Flow" }), _jsx("label", { className: "text-[11px] text-[var(--stgm-muted-foreground,#737373)]", children: "Transition after this task completes" }), _jsxs("select", { value: currentFlow, onChange: handleChange, className: "w-full rounded-md border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)] px-2 py-1.5 text-xs text-[var(--stgm-foreground,#1a1a2e)] focus:outline-none focus:ring-1 focus:ring-[var(--stgm-ring,#3b82f6)]", children: [_jsx("option", { value: "", children: "Next (implicit sequential)" }), _jsx("option", { value: "end", children: "End workflow" }), otherTaskNames.map((name) => (_jsx("option", { value: name, children: name }, name)))] })] }));
-}
-// ---------------------------------------------------------------------------
-// EdgeInspector
-// ---------------------------------------------------------------------------
-function EdgeInspector({ edge, graph, onDeleteEdge, className, }) {
-    const sourceNode = graph.nodes.find((n) => n.id === edge.source);
-    const targetNode = graph.nodes.find((n) => n.id === edge.target);
-    return (_jsxs("div", { className: cn("flex h-full flex-col gap-4 p-3", className), children: [_jsx(SectionHeader, { title: "Connection" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx("span", { className: "font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: sourceNode?.taskName ?? edge.source }), _jsx("span", { className: "text-[var(--stgm-muted-foreground,#737373)]", children: "\u2192" }), _jsx("span", { className: "font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: targetNode?.taskName ?? edge.target })] }), edge.label && (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-[11px] text-[var(--stgm-muted-foreground,#737373)]", children: "Label:" }), _jsx("span", { className: "text-xs text-[var(--stgm-foreground,#1a1a2e)]", children: edge.label })] })), edge.sourceHandle && (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-[11px] text-[var(--stgm-muted-foreground,#737373)]", children: "Port:" }), _jsx("span", { className: "text-xs text-[var(--stgm-foreground,#1a1a2e)]", children: edge.sourceHandle })] }))] }), onDeleteEdge && (_jsx("button", { type: "button", onClick: () => onDeleteEdge(edge.id), className: "self-start rounded px-2 py-1 text-xs text-[var(--stgm-destructive,#ef4444)] hover:bg-[var(--stgm-destructive,#ef4444)]/10", children: "Delete connection" }))] }));
-}
-// ---------------------------------------------------------------------------
-// SentinelInspector
-// ---------------------------------------------------------------------------
-function SentinelInspector({ node, className, }) {
-    const isStart = node.id === START_NODE_ID;
-    return (_jsxs("div", { className: cn("flex h-full flex-col gap-2 p-3", className), children: [_jsx(SectionHeader, { title: isStart ? "Start" : "End" }), _jsx("p", { className: "text-xs text-[var(--stgm-muted-foreground,#737373)]", children: isStart
-                    ? "Entry point of the workflow. The first task is connected automatically."
-                    : "Terminal point. Tasks routing here end the workflow execution." })] }));
-}
-// ---------------------------------------------------------------------------
-// Shared
-// ---------------------------------------------------------------------------
-function SectionHeader({ title }) {
-    return (_jsx("h3", { className: "text-[11px] font-semibold uppercase tracking-wide text-[var(--stgm-muted-foreground,#737373)]", children: title }));
-}
 //# sourceMappingURL=WorkflowInspectorPanel.js.map

package/workflow/WorkflowInspectorPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowInspectorPanel.js","sourceRoot":"","sources":["../../src/workflow/WorkflowInspectorPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WorkflowInspectorPanel.js","sourceRoot":"","sources":["../../src/workflow/WorkflowInspectorPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAuE5D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC,SAAS,sBAAsB,CAAC,EACzE,SAAS,EACT,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,SAAS,GACmB;IAC5B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAuB,EAAE,CAAC,CAAC;QACnD,aAAa;QACb,YAAY;QACZ,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,eAAe;QACf,gBAAgB;QAChB,gBAAgB;QAChB,qBAAqB;QACrB,qBAAqB;QACrB,mBAAmB;QACnB,kBAAkB;QAClB,oBAAoB;QACpB,kBAAkB;QAClB,qBAAqB;QACrB,kBAAkB;QAClB,gBAAgB;QAChB,mBAAmB;QACnB,kBAAkB;QAClB,qBAAqB;KACtB,CAAC,EAAE;QACF,aAAa;QACb,YAAY;QACZ,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,eAAe;QACf,gBAAgB;QAChB,gBAAgB;QAChB,qBAAqB;QACrB,qBAAqB;QACrB,mBAAmB;QACnB,kBAAkB;QAClB,oBAAoB;QACpB,kBAAkB;QAClB,qBAAqB;QACrB,kBAAkB;QAClB,gBAAgB;QAChB,mBAAmB;QACnB,kBAAkB;QAClB,qBAAqB;KACtB,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/workflow/WorkflowNode.d.ts

@@ -0,0 +1,20 @@
+import type { CanvasTaskNodeData } from "./workflow-graph-conversions";
+/**
+ * Unified workflow node component for the React Flow canvas.
+ *
+ * Composes single-responsibility sub-components and adapts rendering
+ * based on the current graph mode (design / overview / execution):
+ * - `NodeShell` — visual shape boundary (CSS or SVG based on visual class)
+ * - `NodeContent` — task name + kind badge
+ * - `NodeHandles` — connection ports driven by the visual registry
+ * - `NodeActions` — design-mode only interaction affordances
+ * - `ExecutionBadge` — execution-mode only status badge
+ */
+export declare const WorkflowNode: import("react").NamedExoticComponent<Pick<import("@xyflow/react").Node<Record<string, unknown>, string | undefined>, "id" | "data" | "width" | "height" | "sourcePosition" | "targetPosition" | "dragHandle" | "parentId"> & Required<Pick<import("@xyflow/react").Node<Record<string, unknown>, string | undefined>, "type" | "draggable" | "selected" | "dragging" | "zIndex" | "selectable" | "deletable">> & {
+    isConnectable: boolean;
+    positionAbsoluteX: number;
+    positionAbsoluteY: number;
+} & {
+    data: CanvasTaskNodeData;
+}>;
+//# sourceMappingURL=WorkflowNode.d.ts.map

package/workflow/WorkflowNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowNode.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowNode.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAOvE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY;;;;;UAIF,kBAAkB;EAkFvC,CAAC"}

package/workflow/WorkflowNode.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { CATEGORY_COLORS } from "./canvas-constants";
+import { getVisualSpec } from "./task-type-visual-registry";
+import { NodeShell, NodeContent, NodeHandles, NodeActions, ExecutionBadge, BranchBadge, DiffBadge } from "./node-shell";
+import { useWorkflowGraphMode } from "./WorkflowGraphModeContext";
+const NESTED_TASK_KINDS = new Set(["fork", "for_each", "try_catch"]);
+/**
+ * Unified workflow node component for the React Flow canvas.
+ *
+ * Composes single-responsibility sub-components and adapts rendering
+ * based on the current graph mode (design / overview / execution):
+ * - `NodeShell` — visual shape boundary (CSS or SVG based on visual class)
+ * - `NodeContent` — task name + kind badge
+ * - `NodeHandles` — connection ports driven by the visual registry
+ * - `NodeActions` — design-mode only interaction affordances
+ * - `ExecutionBadge` — execution-mode only status badge
+ */
+export const WorkflowNode = memo(function WorkflowNode({ id, data, selected, }) {
+    const mode = useWorkflowGraphMode();
+    const visualSpec = getVisualSpec(data.isSentinel ? id : data.kindString);
+    const categoryColor = CATEGORY_COLORS[data.category];
+    const errorCount = data.errorCount ?? 0;
+    const isNested = NESTED_TASK_KINDS.has(data.kindString);
+    const executionState = data.executionState;
+    const diffState = data.diffState;
+    return (_jsxs("div", { "data-visual-class": data.visualClass, "data-task-kind": data.kindString, "data-execution-status": executionState?.status, "data-diff-status": diffState?.status, "aria-label": buildAriaLabel(data, errorCount, executionState?.status), role: "button", className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--stgm-ring,#3b82f6)] focus-visible:ring-offset-1 rounded-sm", children: [_jsx(NodeShell, { visualClass: visualSpec.visualClass, width: visualSpec.defaultWidth, height: visualSpec.defaultHeight, captionHeight: visualSpec.captionHeight, categoryColor: categoryColor, selected: selected, errorCount: mode === "design" ? errorCount : 0, executionStatus: executionState?.status, diffStatus: mode === "diff" ? diffState?.status : undefined, children: _jsx(NodeContent, { visualClass: visualSpec.visualClass, taskName: data.taskName, displayName: data.displayName, categoryColor: categoryColor, captionHeight: visualSpec.captionHeight, isNested: isNested }) }), mode === "design" && errorCount > 0 && (_jsx("span", { className: "absolute -right-1.5 -top-1.5 z-20 flex h-4 min-w-4 items-center justify-center rounded-full bg-[var(--stgm-destructive,#ef4444)] px-1 text-[9px] font-bold leading-none text-[var(--stgm-destructive-foreground,#fff)]", title: `${errorCount} validation ${errorCount === 1 ? "error" : "errors"}`, children: errorCount })), mode === "execution" && executionState && (_jsx(ExecutionBadge, { status: executionState.status, attemptNumber: executionState.attemptNumber, forkProgress: data.forkProgress ?? undefined, approvalToolName: data.approvalToolName, agentActivity: data.agentActivity ?? undefined })), mode === "diff" && diffState && (_jsx(DiffBadge, { status: diffState.status, changedFieldCount: diffState.changedFields?.length })), _jsx(NodeHandles, { portPattern: visualSpec.portPattern, data: data }), mode === "design" && isNested && (_jsx(BranchBadge, { kindString: data.kindString, config: data.config })), mode === "design" && !data.isSentinel && (_jsx(NodeActions, { nodeId: id, taskName: data.taskName, kindString: data.kindString }))] }));
+});
+function buildAriaLabel(data, errorCount, executionStatus) {
+    const base = `${data.displayName} node ${data.taskName}, ${data.ariaShapeLabel} shape`;
+    const parts = [base];
+    const config = data.config;
+    if (data.kindString === "switch_case" && Array.isArray(config.cases)) {
+        const caseNames = config.cases
+            .filter((c) => c && typeof c.name === "string")
+            .map((c) => c.name);
+        if (caseNames.length > 0) {
+            parts.push(`${caseNames.length} branches: ${caseNames.join(", ")}`);
+        }
+    }
+    else if (data.kindString === "fork" && Array.isArray(config.branches)) {
+        const branchNames = config.branches
+            .filter((b) => b && typeof b.name === "string")
+            .map((b) => b.name);
+        if (branchNames.length > 0) {
+            const joinPolicy = config.compete === true ? "race mode" : "wait for all";
+            parts.push(`${branchNames.length} branches: ${branchNames.join(", ")}. Join policy: ${joinPolicy}`);
+        }
+    }
+    else if (data.kindString === "try_catch" && config.catch && typeof config.catch === "object") {
+        const catchAs = config.catch.as;
+        parts.push(`catch handler: ${catchAs || "error"}`);
+    }
+    else if (data.kindString === "for_each") {
+        const par = config.max_parallelism || 0;
+        parts.push(par > 0 ? `concurrency: ${par}` : "sequential");
+    }
+    if (executionStatus && executionStatus !== "not_reached") {
+        parts.push(executionStatus.replace(/_/g, " "));
+    }
+    if (errorCount > 0) {
+        parts.push(`${errorCount} ${errorCount === 1 ? "error" : "errors"}`);
+    }
+    return parts.join(", ");
+}
+//# sourceMappingURL=WorkflowNode.js.map

package/workflow/WorkflowNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowNode.js","sourceRoot":"","sources":["../../src/workflow/WorkflowNode.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxH,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;AAErE;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,YAAY,CAAC,EACrD,EAAE,EACF,IAAI,EACJ,QAAQ,GACiC;IACzC,MAAM,IAAI,GAAG,oBAAoB,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACzE,MAAM,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IAEjC,OAAO,CACL,oCACqB,IAAI,CAAC,WAAW,oBACnB,IAAI,CAAC,UAAU,2BACR,cAAc,EAAE,MAAM,sBAC3B,SAAS,EAAE,MAAM,gBACvB,cAAc,CAAC,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,EACpE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sIAAsI,aAEhJ,KAAC,SAAS,IACR,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,KAAK,EAAE,UAAU,CAAC,YAAY,EAC9B,MAAM,EAAE,UAAU,CAAC,aAAa,EAChC,aAAa,EAAE,UAAU,CAAC,aAAa,EACvC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAC9C,eAAe,EAAE,cAAc,EAAE,MAAM,EACvC,UAAU,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,YAE3D,KAAC,WAAW,IACV,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,UAAU,CAAC,aAAa,EACvC,QAAQ,EAAE,QAAQ,GAClB,GACQ,EAGX,IAAI,KAAK,QAAQ,IAAI,UAAU,GAAG,CAAC,IAAI,CACtC,eACE,SAAS,EAAC,wNAAwN,EAClO,KAAK,EAAE,GAAG,UAAU,eAAe,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,YAEzE,UAAU,GACN,CACR,EAGA,IAAI,KAAK,WAAW,IAAI,cAAc,IAAI,CACzC,KAAC,cAAc,IACb,MAAM,EAAE,cAAc,CAAC,MAAM,EAC7B,aAAa,EAAE,cAAc,CAAC,aAAa,EAC3C,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,SAAS,EAC5C,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,SAAS,GAC9C,CACH,EAGA,IAAI,KAAK,MAAM,IAAI,SAAS,IAAI,CAC/B,KAAC,SAAS,IACR,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,iBAAiB,EAAE,SAAS,CAAC,aAAa,EAAE,MAAM,GAClD,CACH,EAED,KAAC,WAAW,IAAC,WAAW,EAAE,UAAU,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,GAAI,EAG/D,IAAI,KAAK,QAAQ,IAAI,QAAQ,IAAI,CAChC,KAAC,WAAW,IAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAClE,EAGA,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CACxC,KAAC,WAAW,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,CAClF,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,cAAc,CACrB,IAAwB,EACxB,UAAkB,EAClB,eAAwB;IAExB,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,WAAW,SAAS,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,cAAc,QAAQ,CAAC;IACvF,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;IAErB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAiC,CAAC;IACtD,IAAI,IAAI,CAAC,UAAU,KAAK,aAAa,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACrE,MAAM,SAAS,GAAI,MAAM,CAAC,KAAwC;aAC/D,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC;aAC9C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAc,CAAC,CAAC;QAChC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,MAAM,cAAc,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;SAAM,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxE,MAAM,WAAW,GAAI,MAAM,CAAC,QAA2C;aACpE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC;aAC9C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAc,CAAC,CAAC;QAChC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC;YAC1E,KAAK,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,MAAM,cAAc,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,UAAU,EAAE,CAAC,CAAC;QACtG,CAAC;IACH,CAAC;SAAM,IAAI,IAAI,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,KAAK,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC/F,MAAM,OAAO,GAAI,MAAM,CAAC,KAAiC,CAAC,EAAwB,CAAC;QACnF,KAAK,CAAC,IAAI,CAAC,kBAAkB,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC;IACrD,CAAC;SAAM,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;QAC1C,MAAM,GAAG,GAAI,MAAM,CAAC,eAA0B,IAAI,CAAC,CAAC;QACpD,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,eAAe,IAAI,eAAe,KAAK,aAAa,EAAE,CAAC;QACzD,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;IACjD,CAAC;IACD,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;QACnB,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,IAAI,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC"}

package/workflow/WorkflowNodePopover.d.ts

@@ -0,0 +1,28 @@
+import type { CanvasTaskNodeData } from "./workflow-graph-conversions";
+/** Props for {@link WorkflowNodePopover}. */
+export interface WorkflowNodePopoverProps {
+    /** Node data from the clicked node. */
+    readonly data: CanvasTaskNodeData;
+    /** X position relative to the graph container. */
+    readonly x: number;
+    /** Y position relative to the graph container. */
+    readonly y: number;
+    /** Called to dismiss the popover. */
+    readonly onClose: () => void;
+    /**
+     * Called when the user clicks "Open in editor".
+     * Receives the task name so the host can switch to the editor tab.
+     */
+    readonly onOpenInEditor?: (taskName: string) => void;
+}
+/**
+ * Lightweight popover shown when clicking a node in the overview graph.
+ *
+ * Displays the task name, kind, category, and a brief config summary.
+ * Provides an "Open in editor" action link via callback prop.
+ *
+ * Positioned absolutely relative to the graph container at the click
+ * coordinates, with viewport clamping to stay within bounds.
+ */
+export declare const WorkflowNodePopover: import("react").NamedExoticComponent<WorkflowNodePopoverProps>;
+//# sourceMappingURL=WorkflowNodePopover.d.ts.map

package/workflow/WorkflowNodePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowNodePopover.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowNodePopover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAIvE,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,uCAAuC;IACvC,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;IAClC,kDAAkD;IAClD,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,gEA2F9B,CAAC"}

package/workflow/WorkflowNodePopover.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useRef } from "react";
+import { cn } from "@stigmer/theme";
+import { kindToDisplayName, categorizeKind } from "./kind-metadata";
+import { CATEGORY_COLORS } from "./canvas-constants";
+/**
+ * Lightweight popover shown when clicking a node in the overview graph.
+ *
+ * Displays the task name, kind, category, and a brief config summary.
+ * Provides an "Open in editor" action link via callback prop.
+ *
+ * Positioned absolutely relative to the graph container at the click
+ * coordinates, with viewport clamping to stay within bounds.
+ */
+export const WorkflowNodePopover = memo(function WorkflowNodePopover({ data, x, y, onClose, onOpenInEditor, }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        function handleClickOutside(e) {
+            if (ref.current && !ref.current.contains(e.target)) {
+                onClose();
+            }
+        }
+        function handleEscape(e) {
+            if (e.key === "Escape")
+                onClose();
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        document.addEventListener("keydown", handleEscape);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener("keydown", handleEscape);
+        };
+    }, [onClose]);
+    const handleOpenInEditor = useCallback(() => {
+        onOpenInEditor?.(data.taskName);
+        onClose();
+    }, [onOpenInEditor, data.taskName, onClose]);
+    const displayName = kindToDisplayName(data.kindString);
+    const category = categorizeKind(data.kindString);
+    const categoryColor = CATEGORY_COLORS[category];
+    const configSummary = extractConfigSummary(data);
+    return (_jsxs("div", { ref: ref, role: "dialog", "aria-label": `${data.taskName} task details`, className: cn("absolute z-50 w-64 overflow-visible rounded-lg border border-[var(--stgm-border,#d4d4d8)]", "bg-[var(--stgm-popover,#fff)] p-3 shadow-lg", "text-[var(--stgm-popover-foreground,#1a1a2e)]"), style: {
+            left: Math.min(x, (ref.current?.parentElement?.clientWidth ?? 800) - 272),
+            top: y + 8,
+            minWidth: "16rem",
+        }, children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx("span", { className: "inline-block h-2.5 w-2.5 shrink-0 rounded-full", style: { backgroundColor: categoryColor }, "aria-hidden": "true" }), _jsx("span", { className: "truncate text-sm font-medium", children: data.taskName })] }), _jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs text-[var(--stgm-muted-foreground,#737373)]", children: [_jsx("span", { className: "rounded bg-[var(--stgm-muted,#f5f5f5)] px-1.5 py-0.5 font-medium", children: displayName }), _jsx("span", { className: "capitalize", children: category.replace(/_/g, " ") })] }), configSummary && (_jsx("p", { className: "mb-2 truncate text-xs text-[var(--stgm-muted-foreground,#737373)]", children: configSummary })), onOpenInEditor && (_jsx("button", { type: "button", onClick: handleOpenInEditor, className: cn("mt-1 block w-full whitespace-nowrap rounded-md px-2.5 py-1.5 text-center text-xs font-medium", "bg-[var(--stgm-primary,#6366f1)] text-[var(--stgm-primary-foreground,#fff)]", "hover:bg-[var(--stgm-primary-hover,#4f46e5)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--stgm-ring,#6366f1)]", "transition-colors"), children: "Open in editor" }))] }));
+});
+function extractConfigSummary(data) {
+    const config = data.config;
+    if (!config)
+        return null;
+    switch (data.kindString) {
+        case "agent_call": {
+            const agent = config.agent;
+            return agent ? `Agent: ${agent}` : null;
+        }
+        case "call_http":
+        case "http_call": {
+            const method = config.method ?? "GET";
+            const url = config.url;
+            return url ? `${method.toUpperCase()} ${url}` : null;
+        }
+        case "call_llm":
+        case "llm_call": {
+            const model = config.model;
+            return model ? `Model: ${model}` : null;
+        }
+        case "switch_case": {
+            const cases = config.cases;
+            return cases ? `${cases.length} case${cases.length === 1 ? "" : "s"}` : null;
+        }
+        case "fork": {
+            const branches = config.branches;
+            return branches ? `${branches.length} branch${branches.length === 1 ? "" : "es"}` : null;
+        }
+        case "wait": {
+            const dur = config.duration;
+            const secs = dur?.seconds;
+            return secs ? `Wait ${secs}s` : null;
+        }
+        case "run_workflow": {
+            const wfRef = config.workflow_ref;
+            return wfRef ? `Workflow: ${wfRef}` : null;
+        }
+        default:
+            return null;
+    }
+}
+//# sourceMappingURL=WorkflowNodePopover.js.map

package/workflow/WorkflowNodePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowNodePopover.js","sourceRoot":"","sources":["../../src/workflow/WorkflowNodePopover.tsx"],"names":[],"mappings":"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"}

package/workflow/WorkflowOverviewGraph.d.ts

@@ -0,0 +1,41 @@
+import type { Workflow } from "@stigmer/protos/ai/stigmer/agentic/workflow/v1/api_pb";
+/** Props for {@link WorkflowOverviewGraph}. */
+export interface WorkflowOverviewGraphProps {
+    /** The workflow blueprint to visualize. */
+    readonly workflow: Workflow | null | undefined;
+    /**
+     * Called when the user clicks "Open in editor" in the node popover.
+     * Receives the task name so the caller can activate the editor tab
+     * and select the corresponding node.
+     */
+    readonly onOpenInEditor?: (taskName: string) => void;
+    /**
+     * Whether nodes can be dragged to rearrange the layout.
+     * Useful in fullscreen/presentation contexts where the user wants to
+     * manually position nodes for discussion. Does not persist changes.
+     * @default false
+     */
+    readonly nodesDraggable?: boolean;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Read-only interactive workflow graph for the overview context.
+ *
+ * Renders the workflow blueprint in a React Flow canvas using the unified
+ * `WorkflowNode` / `CanvasTransitionEdge` rendering system in `"overview"` mode.
+ * Supports pan, zoom, minimap, and a click-to-inspect popover on task nodes.
+ *
+ * Designed for embedding in both the Stigmer Console and third-party
+ * dashboards — no routing, auth, or app-shell dependencies (DD-004).
+ *
+ * @example
+ * ```tsx
+ * <WorkflowOverviewGraph
+ *   workflow={workflow}
+ *   onOpenInEditor={(taskName) => switchToEditorTab(taskName)}
+ * />
+ * ```
+ */
+export declare const WorkflowOverviewGraph: import("react").NamedExoticComponent<WorkflowOverviewGraphProps>;
+//# sourceMappingURL=WorkflowOverviewGraph.d.ts.map

package/workflow/WorkflowOverviewGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowOverviewGraph.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowOverviewGraph.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uDAAuD,CAAC;AAUtF,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/C;;;;OAIG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAcD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,qBAAqB,kEAahC,CAAC"}