@stigmer/react 1.0.4 → 2.0.1

package/workflow/CanvasActionsContext.d.ts

@@ -1,8 +1,31 @@
+import type { WorkflowGraphModel } from "./workflow-graph-model";
 export interface CanvasActions {
     insertTaskOnEdge: (edgeId: string, kindString: string) => void;
     deleteNode: (nodeId: string) => void;
     addSuccessorTask: (sourceNodeId: string, kindString: string) => void;
     duplicateNode: (nodeId: string) => void;
+    addSwitchCase: (switchNodeId: string, caseName: string, condition: string) => void;
+    addForkBranch: (forkNodeId: string, branchName: string) => void;
+    addCatchHandler: (tryCatchNodeId: string, errorType: string) => void;
+    removeSwitchCase: (switchNodeId: string, caseName: string) => void;
+    reorderSwitchCases: (switchNodeId: string, newOrder: readonly string[]) => void;
+    removeForkBranch: (forkNodeId: string, branchName: string) => void;
+    reorderForkBranches: (forkNodeId: string, newOrder: readonly string[]) => void;
+    renameForkBranch: (forkNodeId: string, oldName: string, newName: string) => void;
+    setForkCompete: (forkNodeId: string, compete: boolean) => void;
+    updateCatchConfig: (tryCatchNodeId: string, updates: {
+        as?: string;
+        compensate?: boolean;
+    }) => void;
+    removeCatchBlock: (tryCatchNodeId: string) => void;
+    updateForEachConfig: (forEachNodeId: string, updates: Partial<{
+        each: string;
+        in: string;
+        max_parallelism: number;
+        batch_size: number;
+        on_error: string;
+    }>) => void;
+    getGraphModel: () => WorkflowGraphModel;
 }
 export declare const CanvasActionsContext: import("react").Context<CanvasActions | null>;
 //# sourceMappingURL=CanvasActionsContext.d.ts.map

package/workflow/CanvasActionsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasActionsContext.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasActionsContext.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,oBAAoB,+CAA4C,CAAC"}
+{"version":3,"file":"CanvasActionsContext.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasActionsContext.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,kBAAkB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAChF,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,mBAAmB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/E,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACpG,gBAAgB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACpK,aAAa,EAAE,MAAM,kBAAkB,CAAC;CACzC;AAED,eAAO,MAAM,oBAAoB,+CAA4C,CAAC"}

package/workflow/CanvasActionsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasActionsContext.js","sourceRoot":"","sources":["../../src/workflow/CanvasActionsContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC"}
+{"version":3,"file":"CanvasActionsContext.js","sourceRoot":"","sources":["../../src/workflow/CanvasActionsContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAuBtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC"}

package/workflow/CanvasContextMenu.d.ts

@@ -8,6 +8,9 @@ export type CanvasContextMenuTarget = {
     readonly id: string;
 } | {
     readonly type: "pane";
+} | {
+    readonly type: "selection";
+    readonly count: number;
 };
 /** Props for {@link CanvasContextMenu}. */
 export interface CanvasContextMenuProps {
@@ -28,6 +31,16 @@ export interface CanvasContextMenuProps {
     readonly onDuplicateNode?: (nodeId: string) => void;
     /** Called to trigger the "add task after" flow (opens TaskPicker). */
     readonly onAddTaskAfter?: (nodeId: string) => void;
+    /** Called to toggle disabled state on a node. */
+    readonly onToggleDisabled?: (nodeId: string) => void;
+    /** Called to wrap a node in try/catch. */
+    readonly onWrapInTryCatch?: (nodeId: string) => void;
+    /** Called to copy a single node to clipboard. */
+    readonly onCopyNode?: (nodeId: string) => void;
+    /** Called to rename a node (triggers inline rename in inspector). */
+    readonly onRenameNode?: (nodeId: string) => void;
+    /** Called to view a node's YAML representation. */
+    readonly onViewYaml?: (nodeId: string) => void;
     /** Called to delete an edge. */
     readonly onDeleteEdge?: (edgeId: string) => void;
     /** Called to trigger the "insert task on edge" flow (opens TaskPicker). */
@@ -38,6 +51,20 @@ export interface CanvasContextMenuProps {
     readonly onSelectAll?: () => void;
     /** Called to trigger auto-layout. */
     readonly onAutoLayout?: () => void;
+    /** Called to paste from clipboard at current position. */
+    readonly onPaste?: () => void;
+    /** Whether the internal clipboard has content available to paste. */
+    readonly hasClipboard?: boolean;
+    /** Called to zoom/fit the canvas. */
+    readonly onFitView?: () => void;
+    /** Called to copy the current selection (multi-select). */
+    readonly onCopySelection?: () => void;
+    /** Called to duplicate the current selection (multi-select). */
+    readonly onDuplicateSelection?: () => void;
+    /** Called to disable/enable the current selection (multi-select). */
+    readonly onDisableSelection?: () => void;
+    /** Called to delete the current selection (multi-select). */
+    readonly onDeleteSelection?: () => void;
     /** Additional CSS class names for the popup. */
     readonly className?: string;
 }

package/workflow/CanvasContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasContextMenu.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasContextMenu.tsx"],"names":[],"mappings":"AAaA,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAC/B;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GACzE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9C;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9B,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,wFAAwF;IACxF,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,sEAAsE;IACtE,QAAQ,CAAC,MAAM,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAChD,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,EAAE;QAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACrE,+BAA+B;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kCAAkC;IAClC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sEAAsE;IACtE,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gCAAgC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,2EAA2E;IAC3E,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,4EAA4E;IAC5E,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qCAAqC;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,gDAAgD;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AA+CD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,8DA4E5B,CAAC"}
+{"version":3,"file":"CanvasContextMenu.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasContextMenu.tsx"],"names":[],"mappings":"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"}

package/workflow/CanvasContextMenu.js

@@ -6,23 +6,14 @@ import { Separator } from "@base-ui/react/separator";
 import { cn } from "@stigmer/theme";
 import { useStigmerPortalContainer } from "../portal-container";
 import { TrashIcon, DuplicateIcon, PlusIcon } from "./canvas-icons";
-// ---------------------------------------------------------------------------
-// Platform detection & shortcut labels
-// ---------------------------------------------------------------------------
-const isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform);
-const MOD_LABEL = isMac ? "\u2318" : "Ctrl+";
-const SHORTCUT_LABELS = {
-    duplicate: `${MOD_LABEL}D`,
-    selectAll: `${MOD_LABEL}A`,
-    delete: isMac ? "\u232B" : "Del",
-    addTask: "N",
-};
+import { getShortcutHint } from "./shortcut-registry";
 // ---------------------------------------------------------------------------
 // Styling constants
 // ---------------------------------------------------------------------------
 const POPUP_CLASS = cn("stgm z-50 min-w-[160px] rounded-md border border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-popover,var(--stgm-background,#fff))] p-1 shadow-md", "outline-none");
 const ITEM_CLASS = cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-xs text-[var(--stgm-popover-foreground,var(--stgm-foreground,#1a1a2e))] outline-none", "data-[highlighted]:bg-[var(--stgm-accent,#e5e5e5)]");
 const DESTRUCTIVE_ITEM_CLASS = cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-xs text-[var(--stgm-destructive,#ef4444)] outline-none", "data-[highlighted]:bg-[var(--stgm-destructive,#ef4444)]/10");
+const DISABLED_ITEM_CLASS = cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-xs text-[var(--stgm-muted-foreground,#737373)] outline-none", "opacity-50");
 const SHORTCUT_HINT_CLASS = "ml-auto pl-4 text-[10px] tracking-wide text-[var(--stgm-muted-foreground,#737373)]";
 const SEPARATOR_CLASS = "my-1 h-px bg-[var(--stgm-border,#e5e5e5)]";
 // ---------------------------------------------------------------------------
@@ -42,7 +33,7 @@ const SEPARATOR_CLASS = "my-1 h-px bg-[var(--stgm-border,#e5e5e5)]";
  *
  * @since T05 (Context Menu + Duplicate)
  */
-export const CanvasContextMenu = memo(function CanvasContextMenu({ open, onOpenChange, target, position, onDeleteNode, onDuplicateNode, onAddTaskAfter, onDeleteEdge, onInsertTaskOnEdge, onAddTaskAtPosition, onSelectAll, onAutoLayout, className, }) {
+export const CanvasContextMenu = memo(function CanvasContextMenu({ open, onOpenChange, target, position, onDeleteNode, onDuplicateNode, onAddTaskAfter, onToggleDisabled, onWrapInTryCatch, onCopyNode, onRenameNode, onViewYaml, onDeleteEdge, onInsertTaskOnEdge, onAddTaskAtPosition, onSelectAll, onAutoLayout, onPaste, hasClipboard, onFitView, onCopySelection, onDuplicateSelection, onDisableSelection, onDeleteSelection, className, }) {
     const portalContainer = useStigmerPortalContainer();
     const virtualAnchor = useMemo(() => {
         if (!position)
@@ -66,13 +57,13 @@ export const CanvasContextMenu = memo(function CanvasContextMenu({ open, onOpenC
     }, [onOpenChange]);
     if (!target || !position)
         return null;
-    return (_jsx(Menu.Root, { open: open, onOpenChange: handleOpenChange, modal: false, children: _jsx(Menu.Portal, { container: portalContainer, children: _jsx(Menu.Positioner, { anchor: virtualAnchor, side: "bottom", align: "start", sideOffset: 0, children: _jsxs(Menu.Popup, { className: cn(POPUP_CLASS, className), children: [target.type === "node" && (_jsx(NodeMenuItems, { nodeId: target.id, taskName: target.taskName, onDelete: onDeleteNode, onDuplicate: onDuplicateNode, onAddTaskAfter: onAddTaskAfter })), target.type === "edge" && (_jsx(EdgeMenuItems, { edgeId: target.id, onDelete: onDeleteEdge, onInsertTask: onInsertTaskOnEdge })), target.type === "pane" && (_jsx(PaneMenuItems, { onAddTask: onAddTaskAtPosition, onSelectAll: onSelectAll, onAutoLayout: onAutoLayout }))] }) }) }) }));
+    return (_jsx(Menu.Root, { open: open, onOpenChange: handleOpenChange, modal: false, children: _jsx(Menu.Portal, { container: portalContainer, children: _jsx(Menu.Positioner, { anchor: virtualAnchor, side: "bottom", align: "start", sideOffset: 0, children: _jsxs(Menu.Popup, { className: cn(POPUP_CLASS, className), children: [target.type === "node" && (_jsx(NodeMenuItems, { nodeId: target.id, taskName: target.taskName, onDelete: onDeleteNode, onDuplicate: onDuplicateNode, onAddTaskAfter: onAddTaskAfter, onToggleDisabled: onToggleDisabled, onWrapInTryCatch: onWrapInTryCatch, onCopy: onCopyNode, onRename: onRenameNode, onViewYaml: onViewYaml })), target.type === "edge" && (_jsx(EdgeMenuItems, { edgeId: target.id, onDelete: onDeleteEdge, onInsertTask: onInsertTaskOnEdge })), target.type === "pane" && (_jsx(PaneMenuItems, { onAddTask: onAddTaskAtPosition, onSelectAll: onSelectAll, onAutoLayout: onAutoLayout, onPaste: onPaste, hasClipboard: hasClipboard, onFitView: onFitView })), target.type === "selection" && (_jsx(SelectionMenuItems, { count: target.count, onCopy: onCopySelection, onDuplicate: onDuplicateSelection, onDisable: onDisableSelection, onDelete: onDeleteSelection }))] }) }) }) }));
 });
 // ---------------------------------------------------------------------------
 // Node menu items
 // ---------------------------------------------------------------------------
-function NodeMenuItems({ nodeId, taskName, onDelete, onDuplicate, onAddTaskAfter, }) {
-    return (_jsxs(_Fragment, { children: [onDuplicate && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onDuplicate(nodeId), label: "Duplicate task", children: [_jsx(DuplicateIcon, {}), "Duplicate", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: SHORTCUT_LABELS.duplicate })] })), onAddTaskAfter && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onAddTaskAfter(nodeId), label: "Add task after", children: [_jsx(PlusIcon, {}), "Add task after\u2026"] })), (onDuplicate || onAddTaskAfter) && onDelete && (_jsx(Separator, { className: SEPARATOR_CLASS })), onDelete && (_jsxs(Menu.Item, { className: DESTRUCTIVE_ITEM_CLASS, onClick: () => onDelete(nodeId), "aria-label": `Delete task ${taskName}`, label: "Delete task", children: [_jsx(TrashIcon, {}), "Delete", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: SHORTCUT_LABELS.delete })] }))] }));
+function NodeMenuItems({ nodeId, taskName, onDelete, onDuplicate, onAddTaskAfter, onToggleDisabled, onWrapInTryCatch, onCopy, onRename, onViewYaml, }) {
+    return (_jsxs(_Fragment, { children: [onRename && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onRename(nodeId), label: "Rename task", children: [_jsx(RenameIcon, {}), "Rename"] })), onDuplicate && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onDuplicate(nodeId), label: "Duplicate task", children: [_jsx(DuplicateIcon, {}), "Duplicate", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("duplicate") })] })), onCopy && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onCopy(nodeId), label: "Copy task", children: [_jsx(CopyIcon, {}), "Copy", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("copy") })] })), onAddTaskAfter && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onAddTaskAfter(nodeId), label: "Add task after", children: [_jsx(PlusIcon, {}), "Add task after\u2026", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("addTaskAfter") })] })), _jsx(Separator, { className: SEPARATOR_CLASS }), onToggleDisabled && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onToggleDisabled(nodeId), label: "Toggle disabled", children: [_jsx(DisableIcon, {}), "Disable / Bypass"] })), onWrapInTryCatch && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onWrapInTryCatch(nodeId), label: "Wrap in try/catch", children: [_jsx(ShieldIcon, {}), "Wrap in Try/Catch"] })), onViewYaml && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onViewYaml(nodeId), label: "View YAML", children: [_jsx(CodeIcon, {}), "View YAML"] })), _jsx(Separator, { className: SEPARATOR_CLASS }), onDelete && (_jsxs(Menu.Item, { className: DESTRUCTIVE_ITEM_CLASS, onClick: () => onDelete(nodeId), "aria-label": `Delete task ${taskName}`, label: "Delete task", children: [_jsx(TrashIcon, {}), "Delete", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("delete") })] }))] }));
 }
 // ---------------------------------------------------------------------------
 // Edge menu items
@@ -83,8 +74,15 @@ function EdgeMenuItems({ edgeId, onDelete, onInsertTask, }) {
 // ---------------------------------------------------------------------------
 // Pane menu items
 // ---------------------------------------------------------------------------
-function PaneMenuItems({ onAddTask, onSelectAll, onAutoLayout, }) {
-    return (_jsxs(_Fragment, { children: [onAddTask && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onAddTask, label: "Add task", children: [_jsx(PlusIcon, {}), "Add task\u2026", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: SHORTCUT_LABELS.addTask })] })), onAddTask && (onSelectAll || onAutoLayout) && (_jsx(Separator, { className: SEPARATOR_CLASS })), onSelectAll && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onSelectAll, label: "Select all", children: [_jsx(SelectAllIcon, {}), "Select all", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: SHORTCUT_LABELS.selectAll })] })), onAutoLayout && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onAutoLayout, label: "Auto-layout", children: [_jsx(LayoutIcon, {}), "Auto-layout"] }))] }));
+function PaneMenuItems({ onAddTask, onSelectAll, onAutoLayout, onPaste, hasClipboard, onFitView, }) {
+    return (_jsxs(_Fragment, { children: [onAddTask && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onAddTask, label: "Add task", children: [_jsx(PlusIcon, {}), "Add task\u2026", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("addTaskAfter") })] })), onPaste && (_jsxs(Menu.Item, { className: hasClipboard ? ITEM_CLASS : DISABLED_ITEM_CLASS, onClick: hasClipboard ? onPaste : undefined, label: "Paste", "aria-disabled": !hasClipboard, children: [_jsx(PasteIcon, {}), "Paste", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("paste") })] })), _jsx(Separator, { className: SEPARATOR_CLASS }), onSelectAll && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onSelectAll, label: "Select all", children: [_jsx(SelectAllIcon, {}), "Select all", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("selectAll") })] })), onAutoLayout && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onAutoLayout, label: "Auto-layout", children: [_jsx(LayoutIcon, {}), "Auto-layout"] })), onFitView && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onFitView, label: "Zoom to fit", children: [_jsx(FitViewIcon, {}), "Zoom to fit"] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Selection menu items (multi-select right-click)
+// ---------------------------------------------------------------------------
+function SelectionMenuItems({ count, onCopy, onDuplicate, onDisable, onDelete, }) {
+    const label = `${count} task${count > 1 ? "s" : ""}`;
+    return (_jsxs(_Fragment, { children: [onCopy && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onCopy, label: `Copy ${label}`, children: [_jsx(CopyIcon, {}), "Copy ", label, _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("copy") })] })), onDuplicate && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onDuplicate, label: `Duplicate ${label}`, children: [_jsx(DuplicateIcon, {}), "Duplicate ", label, _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("duplicate") })] })), onDisable && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onDisable, label: `Disable ${label}`, children: [_jsx(DisableIcon, {}), "Disable ", label] })), (onCopy || onDuplicate || onDisable) && onDelete && (_jsx(Separator, { className: SEPARATOR_CLASS })), onDelete && (_jsxs(Menu.Item, { className: DESTRUCTIVE_ITEM_CLASS, onClick: onDelete, label: `Delete ${label}`, children: [_jsx(TrashIcon, {}), "Delete ", label, _jsx("span", { className: SHORTCUT_HINT_CLASS, children: getShortcutHint("delete") })] }))] }));
 }
 // ---------------------------------------------------------------------------
 // Icons (context-menu-specific; shared icons imported from canvas-icons.tsx)
@@ -95,4 +93,25 @@ function SelectAllIcon() {
 function LayoutIcon() {
     return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "4", y: "1.5", width: "6", height: "3", rx: "0.5" }), _jsx("rect", { x: "1", y: "9.5", width: "5", height: "3", rx: "0.5" }), _jsx("rect", { x: "8", y: "9.5", width: "5", height: "3", rx: "0.5" }), _jsx("path", { d: "M7 4.5V7M7 7H3.5M7 7h3.5M3.5 7v2.5M10.5 7v2.5" })] }));
 }
+function CopyIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "5", y: "5", width: "7", height: "7", rx: "1" }), _jsx("path", { d: "M9 5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2" })] }));
+}
+function PasteIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M5.5 2H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H8.5" }), _jsx("rect", { x: "5", y: "1", width: "4", height: "2.5", rx: "0.5" })] }));
+}
+function RenameIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M8.5 2.5l3 3M2 12l.7-2.8L9.6 2.3a1 1 0 0 1 1.4 0l1.7 1.7a1 1 0 0 1 0 1.4L5.8 12.3 3 13z" }) }));
+}
+function DisableIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "7", cy: "7", r: "5" }), _jsx("path", { d: "M3.5 10.5l7-7" })] }));
+}
+function ShieldIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M7 1.5L2 3.5v3c0 3.5 2.2 5.5 5 6.5 2.8-1 5-3 5-6.5v-3L7 1.5z" }) }));
+}
+function CodeIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M4.5 4L1.5 7l3 3M9.5 4l3 3-3 3M8 2l-2 10" }) }));
+}
+function FitViewIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M1.5 5V2.5a1 1 0 0 1 1-1H5M9 1.5h2.5a1 1 0 0 1 1 1V5M12.5 9v2.5a1 1 0 0 1-1 1H9M5 12.5H2.5a1 1 0 0 1-1-1V9" }), _jsx("rect", { x: "4", y: "4", width: "6", height: "6", rx: "0.5" })] }));
+}
 //# sourceMappingURL=CanvasContextMenu.js.map

package/workflow/CanvasContextMenu.js.map

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

package/workflow/CanvasTransitionEdge.d.ts

@@ -6,12 +6,15 @@ import type { CanvasTransitionEdgeData } from "./workflow-graph-conversions";
  * Optionally renders a label pill for named branches (switch_case cases,
  * human_input outcomes).
  *
- * Shows a "+" button at the midpoint on hover. Clicking the button inserts
- * a new task node between the source and target, splitting this edge.
+ * In execution mode, applies per-edge visual treatment based on
+ * `data.executionState` (T06): taken/not_taken/active/not_reached.
  *
- * @since T15 (Visual Canvas Editor)
+ * Shows a "+" button at the midpoint on hover in design mode. Clicking
+ * the button inserts a new task node between the source and target.
+ *
+ * @since T15 (Visual Canvas Editor), T06 (Branch Highlighting)
  */
-export declare const CanvasTransitionEdge: import("react").NamedExoticComponent<Pick<import("@xyflow/react").Edge<Record<string, unknown>, string | undefined>, "id" | "type" | "source" | "data" | "style" | "target" | "selected" | "selectable" | "deletable" | "animated"> & import("@xyflow/system").EdgePosition & import("@xyflow/react").EdgeLabelOptions & {
+export declare const CanvasTransitionEdge: import("react").NamedExoticComponent<Pick<import("@xyflow/react").Edge<Record<string, unknown>, string | undefined>, "id" | "source" | "data" | "type" | "style" | "target" | "selected" | "selectable" | "deletable" | "animated"> & import("@xyflow/system").EdgePosition & import("@xyflow/react").EdgeLabelOptions & {
     sourceHandleId?: string | null;
     targetHandleId?: string | null;
     markerStart?: string;

package/workflow/CanvasTransitionEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasTransitionEdge.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasTransitionEdge.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAI7E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;WAWT,wBAAwB;EAwF9C,CAAC"}
+{"version":3,"file":"CanvasTransitionEdge.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasTransitionEdge.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAgE7E;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;WAaT,wBAAwB;EA6I9C,CAAC"}

package/workflow/CanvasTransitionEdge.js

@@ -1,10 +1,54 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback, useContext, useRef, useState } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { BaseEdge, EdgeLabelRenderer, getSmoothStepPath } from "@xyflow/react";
 import { cn } from "@stigmer/theme";
 import { CanvasActionsContext } from "./CanvasActionsContext";
 import { TaskPickerPopover } from "./TaskPickerPopover";
+import { useWorkflowGraphMode } from "./WorkflowGraphModeContext";
+const EDGE_EXECUTION_STYLES = {
+    taken: {
+        strokeClass: "!stroke-[var(--stgm-success,#22c55e)]",
+        opacity: 1,
+        labelDimmed: false,
+    },
+    not_taken: {
+        strokeClass: "!stroke-[var(--stgm-muted-foreground,#737373)]",
+        opacity: 0.3,
+        dashArray: "5 5",
+        labelDimmed: true,
+    },
+    active: {
+        strokeClass: "!stroke-[var(--stgm-primary,#6366f1)]",
+        opacity: 1,
+        dashArray: "8 4",
+        animate: true,
+        labelDimmed: false,
+    },
+    not_reached: {
+        strokeClass: "!stroke-[var(--stgm-muted-foreground,#737373)]",
+        opacity: 0.25,
+        labelDimmed: true,
+    },
+};
+const EDGE_DIFF_STYLES = {
+    added: {
+        strokeClass: "!stroke-[var(--stgm-success,#22c55e)]",
+        opacity: 1,
+        labelDimmed: false,
+    },
+    removed: {
+        strokeClass: "!stroke-[var(--stgm-destructive,#ef4444)]",
+        opacity: 0.3,
+        dashArray: "5 5",
+        labelDimmed: true,
+    },
+    unchanged: {
+        strokeClass: "!stroke-[var(--stgm-muted-foreground,#737373)]",
+        opacity: 0.6,
+        labelDimmed: false,
+    },
+};
 /**
  * Custom React Flow edge rendering a directed transition between tasks.
  *
@@ -12,12 +56,16 @@ import { TaskPickerPopover } from "./TaskPickerPopover";
  * Optionally renders a label pill for named branches (switch_case cases,
  * human_input outcomes).
  *
- * Shows a "+" button at the midpoint on hover. Clicking the button inserts
- * a new task node between the source and target, splitting this edge.
+ * In execution mode, applies per-edge visual treatment based on
+ * `data.executionState` (T06): taken/not_taken/active/not_reached.
  *
- * @since T15 (Visual Canvas Editor)
+ * Shows a "+" button at the midpoint on hover in design mode. Clicking
+ * the button inserts a new task node between the source and target.
+ *
+ * @since T15 (Visual Canvas Editor), T06 (Branch Highlighting)
  */
-export const CanvasTransitionEdge = memo(function CanvasTransitionEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, selected, markerEnd, }) {
+export const CanvasTransitionEdge = memo(function CanvasTransitionEdge({ id, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, selected, markerEnd, }) {
+    const mode = useWorkflowGraphMode();
     const [edgePath, labelX, labelY] = getSmoothStepPath({
         sourceX,
         sourceY,
@@ -28,10 +76,15 @@ export const CanvasTransitionEdge = memo(function CanvasTransitionEdge({ id, sou
         borderRadius: 8,
     });
     const label = data?.label;
+    const execState = data?.executionState;
+    const diffState = data?.diffState;
     const actions = useContext(CanvasActionsContext);
     const [hovered, setHovered] = useState(false);
     const [pickerOpen, setPickerOpen] = useState(false);
     const insertBtnRef = useRef(null);
+    const isDesignMode = mode === "design";
+    const isExecutionMode = mode === "execution";
+    const isDiffMode = mode === "diff";
     const handleOpenPicker = useCallback(() => {
         setPickerOpen(true);
     }, []);
@@ -41,10 +94,37 @@ export const CanvasTransitionEdge = memo(function CanvasTransitionEdge({ id, sou
     const handleKindSelected = useCallback((kindString) => {
         actions?.insertTaskOnEdge(id, kindString);
     }, [actions, id]);
-    return (_jsxs(_Fragment, { children: [_jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, className: cn("!stroke-[var(--stgm-border-prominent,#a3a3a3)]", selected && "!stroke-[var(--stgm-ring,#3b82f6)]"), style: {
+    const insertionContext = useMemo(() => {
+        const graph = actions?.getGraphModel();
+        if (!graph)
+            return null;
+        const sourceNode = graph.nodes.find((n) => n.id === source);
+        const targetNode = graph.nodes.find((n) => n.id === target);
+        return {
+            mode: "edge-splice",
+            edgeId: id,
+            sourceNodeId: source,
+            sourceDisplayName: sourceNode?.taskName ?? source,
+            targetNodeId: target,
+            targetDisplayName: targetNode?.taskName ?? target,
+        };
+    }, [actions, id, source, target]);
+    // Resolve visual style: diff mode → diff styles, execution mode → execution styles, else defaults.
+    const execVisual = isDiffMode && diffState
+        ? EDGE_DIFF_STYLES[diffState]
+        : isExecutionMode && execState
+            ? EDGE_EXECUTION_STYLES[execState]
+            : null;
+    return (_jsxs(_Fragment, { children: [_jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, className: cn(execVisual
+                    ? execVisual.strokeClass
+                    : "!stroke-[var(--stgm-border-prominent,#a3a3a3)]", selected && "!stroke-[var(--stgm-ring,#3b82f6)]", !isDesignMode && !execVisual && "!opacity-60", execVisual?.animate && "stgm-edge-active"), style: {
                     strokeWidth: selected ? 2.5 : 2,
-                } }), _jsx(EdgeLabelRenderer, { children: _jsxs("div", { className: "pointer-events-auto absolute", style: {
+                    ...(execVisual && { opacity: execVisual.opacity }),
+                    ...(execVisual?.dashArray && { strokeDasharray: execVisual.dashArray }),
+                }, "data-edge-execution-state": execState }), _jsx(EdgeLabelRenderer, { children: _jsxs("div", { className: "pointer-events-auto absolute", style: {
                         transform: `translate(-50%, -50%) translate(${labelX}px, ${labelY}px)`,
-                    }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [label && (_jsx("div", { className: "stgm mb-1 rounded-full border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] px-2 py-0.5 text-center text-[10px] font-medium text-[var(--stgm-foreground,#1a1a2e)] shadow-sm", children: label })), _jsx("button", { ref: insertBtnRef, type: "button", onClick: handleOpenPicker, className: cn("flex h-5 w-5 items-center justify-center rounded-full border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] text-[var(--stgm-muted-foreground,#737373)] shadow-sm transition-all", "hover:border-[var(--stgm-primary,#6366f1)] hover:bg-[var(--stgm-primary,#6366f1)] hover:text-[var(--stgm-primary-foreground,#fff)]", hovered || selected || pickerOpen ? "scale-100 opacity-100" : "scale-75 opacity-0"), "aria-label": "Insert task here", title: "Insert task", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M5 2v6M2 5h6" }) }) }), _jsx(TaskPickerPopover, { open: pickerOpen, onOpenChange: handlePickerOpenChange, onSelectKind: handleKindSelected, anchorRef: insertBtnRef, side: "bottom" })] }) })] }));
+                    }, onMouseEnter: isDesignMode ? () => setHovered(true) : undefined, onMouseLeave: isDesignMode ? () => setHovered(false) : undefined, children: [label && (_jsx("div", { className: cn("stgm mb-1 rounded-full border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] px-2 py-0.5 text-center text-[10px] font-medium text-[var(--stgm-foreground,#1a1a2e)] shadow-sm", execVisual?.labelDimmed && "opacity-30"), "aria-label": execState
+                                ? `Branch ${label}, ${execState.replace(/_/g, " ")}`
+                                : `Branch ${label}`, children: label })), isDesignMode && (_jsxs(_Fragment, { children: [_jsx("button", { ref: insertBtnRef, type: "button", onClick: handleOpenPicker, className: cn("flex h-5 w-5 items-center justify-center rounded-full border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] text-[var(--stgm-muted-foreground,#737373)] shadow-sm transition-all", "hover:border-[var(--stgm-primary,#6366f1)] hover:bg-[var(--stgm-primary,#6366f1)] hover:text-[var(--stgm-primary-foreground,#fff)]", hovered || selected || pickerOpen ? "scale-100 opacity-100" : "scale-75 opacity-0"), "aria-label": "Insert task here", title: "Insert task", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M5 2v6M2 5h6" }) }) }), _jsx(TaskPickerPopover, { open: pickerOpen, onOpenChange: handlePickerOpenChange, onSelectKind: handleKindSelected, anchorRef: insertBtnRef, insertionContext: insertionContext, graph: actions?.getGraphModel() ?? null, side: "bottom" })] }))] }) })] }));
 });
 //# sourceMappingURL=CanvasTransitionEdge.js.map

package/workflow/CanvasTransitionEdge.js.map

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

package/workflow/ExecutionActiveTaskIndicator.d.ts

@@ -0,0 +1,32 @@
+import type { ActiveTaskInfo } from "./useActiveTaskName";
+/** Props for {@link ExecutionActiveTaskIndicator}. */
+export interface ExecutionActiveTaskIndicatorProps {
+    /** Current active task information. */
+    readonly activeTask: ActiveTaskInfo;
+    /** Whether follow-execution is currently active. */
+    readonly isFollowing: boolean;
+    /** Toggle follow on/off. */
+    readonly onFollowToggle: () => void;
+    /** Jump viewport to the active task. */
+    readonly onJumpToTask: () => void;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Compact overlay rendered above the execution graph showing the currently
+ * active task. Provides ambient status visibility at any zoom level without
+ * requiring the user to zoom into the graph to identify what's running.
+ *
+ * Features:
+ * - Task name (full, never truncated — this is the primary readability point)
+ * - Live elapsed time counter
+ * - Follow toggle (crosshair icon)
+ * - Aria-live announcements for screen readers
+ * - Handles waiting_approval state (amber styling + action label)
+ * - Handles concurrent tasks in fork (shows count)
+ *
+ * Designed as an SDK component (DD-001, DD-004) — works identically
+ * in the Console and embedded in third-party dashboards.
+ */
+export declare const ExecutionActiveTaskIndicator: import("react").NamedExoticComponent<ExecutionActiveTaskIndicatorProps>;
+//# sourceMappingURL=ExecutionActiveTaskIndicator.d.ts.map

package/workflow/ExecutionActiveTaskIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionActiveTaskIndicator.d.ts","sourceRoot":"","sources":["../../src/workflow/ExecutionActiveTaskIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,sDAAsD;AACtD,MAAM,WAAW,iCAAiC;IAChD,uCAAuC;IACvC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC;IACpC,oDAAoD;IACpD,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,wCAAwC;IACxC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,4BAA4B,yEAwHvC,CAAC"}

package/workflow/ExecutionActiveTaskIndicator.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { formatDuration } from "./format-utils";
+/**
+ * Compact overlay rendered above the execution graph showing the currently
+ * active task. Provides ambient status visibility at any zoom level without
+ * requiring the user to zoom into the graph to identify what's running.
+ *
+ * Features:
+ * - Task name (full, never truncated — this is the primary readability point)
+ * - Live elapsed time counter
+ * - Follow toggle (crosshair icon)
+ * - Aria-live announcements for screen readers
+ * - Handles waiting_approval state (amber styling + action label)
+ * - Handles concurrent tasks in fork (shows count)
+ *
+ * Designed as an SDK component (DD-001, DD-004) — works identically
+ * in the Console and embedded in third-party dashboards.
+ */
+export const ExecutionActiveTaskIndicator = memo(function ExecutionActiveTaskIndicator({ activeTask, isFollowing, onFollowToggle, onJumpToTask, className, }) {
+    const isApproval = activeTask.status === "waiting_approval";
+    const hasConcurrent = activeTask.concurrentCount > 1;
+    // Live elapsed time counter
+    const [elapsedMs, setElapsedMs] = useState(activeTask.durationMs);
+    const intervalRef = useRef(null);
+    useEffect(() => {
+        setElapsedMs(activeTask.durationMs);
+        if (activeTask.status === "running") {
+            intervalRef.current = setInterval(() => {
+                setElapsedMs((prev) => prev + 1000);
+            }, 1000);
+        }
+        return () => {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+                intervalRef.current = null;
+            }
+        };
+    }, [activeTask.taskName, activeTask.durationMs, activeTask.status]);
+    const statusLabel = isApproval
+        ? `Awaiting approval: ${activeTask.currentToolName || activeTask.taskName}`
+        : hasConcurrent
+            ? `Running: ${activeTask.taskName} (+${activeTask.concurrentCount - 1} parallel)`
+            : `Running: ${activeTask.taskName}`;
+    const announcementText = isApproval
+        ? `Approval required for ${activeTask.currentToolName || activeTask.taskName}`
+        : `Now running: ${activeTask.taskName}`;
+    return (_jsxs("div", { className: cn("absolute left-3 top-3 z-50 flex items-center gap-2", className), children: [_jsxs("button", { type: "button", onClick: onJumpToTask, className: cn("flex items-center gap-2 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm backdrop-blur-sm transition-colors", isApproval
+                    ? "border-[var(--stgm-warning,#f59e0b)]/40 bg-[var(--stgm-warning,#f59e0b)]/10 text-[var(--stgm-foreground,#1a1a2e)] hover:bg-[var(--stgm-warning,#f59e0b)]/20"
+                    : "border-[var(--stgm-primary,#6366f1)]/30 bg-[var(--stgm-card,#fff)]/90 text-[var(--stgm-foreground,#1a1a2e)] hover:bg-[var(--stgm-primary,#6366f1)]/10"), title: "Click to center on active task", children: [_jsx("span", { className: cn("inline-block h-2 w-2 rounded-full motion-safe:animate-pulse", isApproval
+                            ? "bg-[var(--stgm-warning,#f59e0b)]"
+                            : "bg-[var(--stgm-primary,#6366f1)]"), "aria-hidden": "true" }), _jsx("span", { children: statusLabel }), elapsedMs > 0 && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-[var(--stgm-muted-foreground,#737373)]", "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { className: "tabular-nums text-[var(--stgm-muted-foreground,#737373)]", children: formatDuration(elapsedMs) })] }))] }), _jsx("button", { type: "button", onClick: onFollowToggle, className: cn("flex h-7 w-7 items-center justify-center rounded-md border shadow-sm backdrop-blur-sm transition-colors", isFollowing
+                    ? "border-[var(--stgm-primary,#6366f1)]/40 bg-[var(--stgm-primary,#6366f1)]/10 text-[var(--stgm-primary,#6366f1)]"
+                    : "border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-card,#fff)]/90 text-[var(--stgm-muted-foreground,#737373)] hover:text-[var(--stgm-foreground,#1a1a2e)]"), title: isFollowing ? "Following active task (click to stop)" : "Follow active task", "aria-label": isFollowing ? "Stop following active task" : "Follow active task", "aria-pressed": isFollowing, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: isFollowing ? (
+                    // Crosshair icon (following)
+                    _jsxs(_Fragment, { children: [_jsx("circle", { cx: "7", cy: "7", r: "3", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M7 1v2M7 11v2M1 7h2M11 7h2", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] })) : (
+                    // Eye icon (not following)
+                    _jsxs(_Fragment, { children: [_jsx("path", { d: "M1.5 7s2.2-3.5 5.5-3.5S12.5 7 12.5 7s-2.2 3.5-5.5 3.5S1.5 7 1.5 7z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }), _jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: "currentColor", strokeWidth: "1.5" })] })) }) }), _jsx("span", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: announcementText })] }));
+});
+//# sourceMappingURL=ExecutionActiveTaskIndicator.js.map

package/workflow/ExecutionActiveTaskIndicator.js.map

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

package/workflow/ExecutionSummaryWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExecutionSummaryWidget.d.ts","sourceRoot":"","sources":["../../src/workflow/ExecutionSummaryWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAC;AAItG,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAoDD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,mEA0HjC,CAAC"}
+{"version":3,"file":"ExecutionSummaryWidget.d.ts","sourceRoot":"","sources":["../../src/workflow/ExecutionSummaryWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAC;AAKtG,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AA+CD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,mEA0HjC,CAAC"}

package/workflow/ExecutionSummaryWidget.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useMemo } from "react";
 import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/enum_pb";
 import { cn } from "@stigmer/theme";
+import { formatDurationSec } from "./format-utils";
 const PHASE_LABEL = new Map([
     [ExecutionPhase.EXECUTION_PENDING, "Pending"],
     [ExecutionPhase.EXECUTION_IN_PROGRESS, "Running"],
@@ -36,13 +37,6 @@ const STAT_CARDS = [
             : "$0.00",
     },
 ];
-function formatDuration(seconds) {
-    if (seconds < 60)
-        return `${Math.round(seconds)}s`;
-    if (seconds < 3600)
-        return `${Math.round(seconds / 60)}m`;
-    return `${(seconds / 3600).toFixed(1)}h`;
-}
 /**
  * Dashboard widget showing aggregate execution KPIs.
  *
@@ -86,7 +80,7 @@ export const ExecutionSummaryWidget = memo(function ExecutionSummaryWidget({ sum
     const avgSeconds = summary.avgDuration
         ? Number(summary.avgDuration.seconds)
         : 0;
-    return (_jsxs("div", { className: cn("space-y-4", className), children: [_jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: STAT_CARDS.map((card) => (_jsxs("div", { className: "rounded-lg border border-border bg-card px-4 py-3", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground", children: card.label }), _jsx("p", { className: cn("mt-1 text-2xl font-semibold", card.valueClass), children: card.getValue(summary) })] }, card.label))) }), (avgSeconds > 0 || totalExecutions > 0) && (_jsxs("div", { className: "flex items-center gap-6 text-xs text-muted-foreground", children: [avgSeconds > 0 && (_jsxs("span", { children: ["Avg duration:", " ", _jsx("span", { className: "font-medium text-foreground", children: formatDuration(avgSeconds) })] })), totalExecutions > 0 && (_jsxs("span", { children: ["Total:", " ", _jsx("span", { className: "font-medium text-foreground", children: totalExecutions }), " ", "executions"] }))] })), totalExecutions > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex h-2 overflow-hidden rounded-full bg-muted", role: "img", "aria-label": "Execution phase breakdown", children: phaseBreakdown.map((entry) => (_jsx("div", { className: cn("h-full", entry.colorClass), style: {
+    return (_jsxs("div", { className: cn("space-y-4", className), children: [_jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: STAT_CARDS.map((card) => (_jsxs("div", { className: "rounded-lg border border-border bg-card px-4 py-3", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground", children: card.label }), _jsx("p", { className: cn("mt-1 text-2xl font-semibold", card.valueClass), children: card.getValue(summary) })] }, card.label))) }), (avgSeconds > 0 || totalExecutions > 0) && (_jsxs("div", { className: "flex items-center gap-6 text-xs text-muted-foreground", children: [avgSeconds > 0 && (_jsxs("span", { children: ["Avg duration:", " ", _jsx("span", { className: "font-medium text-foreground", children: formatDurationSec(avgSeconds) })] })), totalExecutions > 0 && (_jsxs("span", { children: ["Total:", " ", _jsx("span", { className: "font-medium text-foreground", children: totalExecutions }), " ", "executions"] }))] })), totalExecutions > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex h-2 overflow-hidden rounded-full bg-muted", role: "img", "aria-label": "Execution phase breakdown", children: phaseBreakdown.map((entry) => (_jsx("div", { className: cn("h-full", entry.colorClass), style: {
                                 width: `${(entry.count / totalExecutions) * 100}%`,
                             } }, entry.label))) }), _jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1", children: phaseBreakdown.map((entry) => (_jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", entry.colorClass) }), entry.label, ": ", entry.count] }, entry.label))) })] }))] }));
 });