@stigmer/react 1.0.4 → 2.0.1

package/workflow/node-shell/NodeContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeContent.js","sourceRoot":"","sources":["../../../src/workflow/node-shell/NodeContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAYpE;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,WAAW,CAAC,EACnD,WAAW,EACX,QAAQ,EACR,WAAW,EACX,aAAa,EACb,aAAa,GAAG,CAAC,EACjB,QAAQ,GACS;IACjB,MAAM,UAAU,GAAG,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAE7C,IAAI,WAAW,KAAK,eAAe,EAAE,CAAC;QACpC,OAAO,CACL,eAAM,SAAS,EAAC,2DAA2D,YACxE,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;IAED,IAAI,WAAW,KAAK,cAAc,EAAE,CAAC;QACnC,OAAO,CACL,eAAM,SAAS,EAAC,wEAAwE,YACrF,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;IAED,yDAAyD;IACzD,yEAAyE;IACzE,IAAI,UAAU,EAAE,CAAC;QACf,MAAM,YAAY,GAAG,eAAe,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,KAAK,CAAC;QACpE,OAAO,CACL,cACE,SAAS,EAAC,8DAA8D,EACxE,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,YAEjC,eAAM,SAAS,EAAC,kFAAkF,YAC/F,QAAQ,GACJ,GACH,CACP,CAAC;IACJ,CAAC;IAED,uCAAuC;IACvC,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,eAAM,SAAS,EAAC,oEAAoE,YACjF,QAAQ,GACJ,EACP,eAAK,SAAS,EAAC,2BAA2B,aACxC,eACE,SAAS,EAAC,uEAAuE,EACjF,KAAK,EAAE;4BACL,KAAK,EAAE,aAAa;4BACpB,eAAe,EAAE,sBAAsB,aAAa,oBAAoB;yBACzE,YAEA,WAAW,GACP,EACN,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,yDAAyD,yBAElE,CACR,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/workflow/node-shell/NodeHandles.d.ts

@@ -0,0 +1,21 @@
+import type { PortPattern } from "../task-type-visual-registry";
+import type { CanvasTaskNodeData } from "../workflow-graph-conversions";
+export interface NodeHandlesProps {
+    portPattern: PortPattern;
+    data: CanvasTaskNodeData;
+}
+/**
+ * Renders React Flow connection handles for a workflow node based
+ * on the visual registry's port pattern.
+ *
+ * Port patterns:
+ * - `standard`: single input (top) + single output (bottom)
+ * - `branch-per-case`: single input + one output per switch case
+ * - `branch-per-outcome`: single input + one output per human_input outcome
+ * - `branch-per-branch`: single input + single output (fork branches are edge-level)
+ * - `container`: single input + single output (for_each, try_catch)
+ * - `source-only`: output only (start sentinel)
+ * - `sink-only`: input only (end sentinel)
+ */
+export declare const NodeHandles: import("react").NamedExoticComponent<NodeHandlesProps>;
+//# sourceMappingURL=NodeHandles.d.ts.map

package/workflow/node-shell/NodeHandles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeHandles.d.ts","sourceRoot":"","sources":["../../../src/workflow/node-shell/NodeHandles.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAQD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,wDA0CtB,CAAC"}

package/workflow/node-shell/NodeHandles.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Handle, Position } from "@xyflow/react";
+const HANDLE_CLASS = "!h-2 !w-2 !rounded-full !border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-card,var(--stgm-background,#fff))]";
+const SENTINEL_HANDLE_CLASS = "!h-2 !w-2 !rounded-full !border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-muted,#f5f5f5)]";
+/**
+ * Renders React Flow connection handles for a workflow node based
+ * on the visual registry's port pattern.
+ *
+ * Port patterns:
+ * - `standard`: single input (top) + single output (bottom)
+ * - `branch-per-case`: single input + one output per switch case
+ * - `branch-per-outcome`: single input + one output per human_input outcome
+ * - `branch-per-branch`: single input + single output (fork branches are edge-level)
+ * - `container`: single input + single output (for_each, try_catch)
+ * - `source-only`: output only (start sentinel)
+ * - `sink-only`: input only (end sentinel)
+ */
+export const NodeHandles = memo(function NodeHandles({ portPattern, data, }) {
+    const handleClass = data.isSentinel ? SENTINEL_HANDLE_CLASS : HANDLE_CLASS;
+    switch (portPattern) {
+        case "source-only":
+            return _jsx(Handle, { type: "source", position: Position.Bottom, className: handleClass });
+        case "sink-only":
+            return _jsx(Handle, { type: "target", position: Position.Top, className: handleClass });
+        case "branch-per-case":
+            return (_jsx(BranchedHandles, { inputClass: handleClass, outputClass: handleClass, handles: extractSwitchCaseHandles(data) }));
+        case "branch-per-outcome":
+            return (_jsx(BranchedHandles, { inputClass: handleClass, outputClass: handleClass, handles: extractHumanInputHandles(data) }));
+        case "branch-per-branch":
+        case "container":
+        case "standard":
+        default:
+            return (_jsxs(_Fragment, { children: [_jsx(Handle, { type: "target", position: Position.Top, className: handleClass }), _jsx(Handle, { type: "source", position: Position.Bottom, className: handleClass })] }));
+    }
+});
+// ---------------------------------------------------------------------------
+// Branched handle rendering
+// ---------------------------------------------------------------------------
+const MAX_VISIBLE_HANDLES = 5;
+function BranchedHandles({ inputClass, outputClass, handles }) {
+    if (handles.length === 0) {
+        return (_jsxs(_Fragment, { children: [_jsx(Handle, { type: "target", position: Position.Top, className: inputClass }), _jsx(Handle, { type: "source", position: Position.Bottom, className: outputClass })] }));
+    }
+    const visibleHandles = handles.length <= MAX_VISIBLE_HANDLES
+        ? handles
+        : handles.slice(0, MAX_VISIBLE_HANDLES - 1);
+    const overflowCount = handles.length > MAX_VISIBLE_HANDLES
+        ? handles.length - (MAX_VISIBLE_HANDLES - 1)
+        : 0;
+    const totalSlots = visibleHandles.length + (overflowCount > 0 ? 1 : 0);
+    return (_jsxs(_Fragment, { children: [_jsx(Handle, { type: "target", position: Position.Top, className: inputClass }), visibleHandles.map((handle, idx) => {
+                const leftPct = ((idx + 1) / (totalSlots + 1)) * 100;
+                return (_jsxs("div", { children: [_jsx(Handle, { type: "source", position: Position.Bottom, id: handle.id, className: outputClass, style: { left: `${leftPct}%` } }), _jsx("span", { className: handle.isDefault
+                                ? "pointer-events-none absolute text-[8px] italic leading-none text-[var(--stgm-muted-foreground,#737373)] opacity-70"
+                                : "pointer-events-none absolute text-[8px] font-medium leading-none text-[var(--stgm-muted-foreground,#737373)]", style: {
+                                left: `${leftPct}%`,
+                                bottom: -14,
+                                transform: "translateX(-50%)",
+                                whiteSpace: "nowrap",
+                            }, children: handle.isDefault ? `${handle.label} ⊘` : handle.label })] }, handle.id));
+            }), overflowCount > 0 && (_jsxs("span", { className: "pointer-events-none absolute text-[8px] font-medium leading-none text-[var(--stgm-muted-foreground,#737373)]", style: {
+                    left: `${((totalSlots) / (totalSlots + 1)) * 100}%`,
+                    bottom: -14,
+                    transform: "translateX(-50%)",
+                    whiteSpace: "nowrap",
+                }, children: ["+", overflowCount] })), handles.slice(MAX_VISIBLE_HANDLES - 1).map((handle) => (_jsx(Handle, { type: "source", position: Position.Bottom, id: handle.id, className: outputClass, style: { left: "50%", opacity: 0, pointerEvents: "none" } }, handle.id)))] }));
+}
+// ---------------------------------------------------------------------------
+// Handle extraction from node config
+// ---------------------------------------------------------------------------
+function extractSwitchCaseHandles(data) {
+    const config = data.config;
+    if (!config)
+        return [];
+    const cases = config.cases;
+    if (!Array.isArray(cases))
+        return [];
+    return cases
+        .filter((c) => c != null && typeof c === "object" && typeof c.name === "string")
+        .map((c) => ({
+        id: `case_${c.name}`,
+        label: c.name,
+        isDefault: !c.when || (typeof c.when === "string" && c.when.trim() === ""),
+    }));
+}
+function extractHumanInputHandles(data) {
+    const config = data.config;
+    if (!config)
+        return [];
+    const outcomes = config.outcomes;
+    if (!Array.isArray(outcomes))
+        return [];
+    return outcomes
+        .filter((o) => o != null && typeof o === "object" && typeof o.name === "string")
+        .map((o) => ({
+        id: `outcome_${o.name}`,
+        label: o.name,
+        isDefault: false,
+    }));
+}
+//# sourceMappingURL=NodeHandles.js.map

package/workflow/node-shell/NodeHandles.js.map

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

package/workflow/node-shell/NodeShell.d.ts

@@ -0,0 +1,30 @@
+import type { VisualClass } from "../task-type-visual-registry";
+import type { NodeExecutionStatus } from "../workflow-graph-conversions";
+import type { NodeDiffStatus } from "../diff/types";
+export interface NodeShellProps {
+    visualClass: VisualClass;
+    width: number;
+    height: number;
+    /** Height reserved for the caption below the shape (0 for internal text shapes). */
+    captionHeight?: number;
+    categoryColor: string;
+    selected?: boolean;
+    errorCount?: number;
+    executionStatus?: NodeExecutionStatus;
+    diffStatus?: NodeDiffStatus;
+    children: React.ReactNode;
+}
+/**
+ * Visual boundary renderer for workflow nodes.
+ *
+ * Dispatches between two rendering strategies:
+ * - Rectangular shapes (task-card, subworkflow-card, container, terminal-pill):
+ *   Standard div with CSS borders, border-radius, and background.
+ * - Non-rectangular shapes (decision-diamond, gate-octagon, event-circle, parallel-bar):
+ *   SVG path background with HTML content overlay.
+ *
+ * The outer container is always a rectangular div for React Flow
+ * hit-testing compatibility.
+ */
+export declare const NodeShell: import("react").NamedExoticComponent<NodeShellProps>;
+//# sourceMappingURL=NodeShell.d.ts.map

package/workflow/node-shell/NodeShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeShell.d.ts","sourceRoot":"","sources":["../../../src/workflow/node-shell/NodeShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,sDA0CpB,CAAC"}

package/workflow/node-shell/NodeShell.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { cn } from "@stigmer/theme";
+import { getShapePath, SVG_SHAPE_CLASSES } from "./shape-paths";
+/**
+ * Visual boundary renderer for workflow nodes.
+ *
+ * Dispatches between two rendering strategies:
+ * - Rectangular shapes (task-card, subworkflow-card, container, terminal-pill):
+ *   Standard div with CSS borders, border-radius, and background.
+ * - Non-rectangular shapes (decision-diamond, gate-octagon, event-circle, parallel-bar):
+ *   SVG path background with HTML content overlay.
+ *
+ * The outer container is always a rectangular div for React Flow
+ * hit-testing compatibility.
+ */
+export const NodeShell = memo(function NodeShell({ visualClass, width, height, captionHeight = 0, categoryColor, selected, errorCount = 0, executionStatus, diffStatus, children, }) {
+    if (SVG_SHAPE_CLASSES.has(visualClass)) {
+        return (_jsx(SvgShell, { visualClass: visualClass, width: width, height: height, captionHeight: captionHeight, categoryColor: categoryColor, selected: selected, errorCount: errorCount, executionStatus: executionStatus, diffStatus: diffStatus, children: children }));
+    }
+    return (_jsx(CssShell, { visualClass: visualClass, categoryColor: categoryColor, selected: selected, errorCount: errorCount, executionStatus: executionStatus, diffStatus: diffStatus, children: children }));
+});
+// ---------------------------------------------------------------------------
+// CssShell — for rectangular visual classes
+// ---------------------------------------------------------------------------
+function CssShell({ visualClass, categoryColor, selected, errorCount = 0, executionStatus, diffStatus, children, }) {
+    const shellClass = CSS_VARIANTS[visualClass] ?? CSS_VARIANTS["task-card"];
+    return (_jsx("div", { className: cn("stgm group relative flex items-center transition-shadow", shellClass, selected && "ring-2 ring-[var(--stgm-ring,#3b82f6)]", diffStatus && DIFF_STATUS_CSS[diffStatus], !diffStatus && errorCount > 0 && "!border-[var(--stgm-destructive,#ef4444)]", !diffStatus && executionStatus && EXECUTION_STATUS_CSS[executionStatus]), style: visualClass === "task-card" || visualClass === "subworkflow-card"
+            ? { borderLeftWidth: 4, borderLeftColor: categoryColor }
+            : undefined, "data-execution-status": executionStatus, "data-diff-status": diffStatus, children: children }));
+}
+const CSS_VARIANTS = {
+    "task-card": cn("min-w-[200px] gap-2 rounded-md border border-[var(--stgm-border-prominent,#d4d4d8)]", "bg-[var(--stgm-card,var(--stgm-background,#fff))] px-3 py-2 shadow-sm"),
+    "subworkflow-card": cn("min-w-[200px] gap-2 rounded-md border-2 border-[var(--stgm-border-prominent,#d4d4d8)]", "bg-[var(--stgm-card,var(--stgm-background,#fff))] px-3 py-2 shadow-sm"),
+    "container": cn("min-w-[240px] gap-2 rounded-lg border-2 border-dashed border-[var(--stgm-border-prominent,#d4d4d8)]", "bg-[var(--stgm-card,var(--stgm-background,#fff))] px-3 py-2.5 shadow-sm"),
+    "terminal-pill": cn("items-center justify-center rounded-full border-2 px-4 py-1.5", "bg-[var(--stgm-muted,#f5f5f5)]"),
+};
+// ---------------------------------------------------------------------------
+// SvgShell — for non-rectangular visual classes
+// ---------------------------------------------------------------------------
+function SvgShell({ visualClass, width, height, captionHeight = 0, categoryColor, selected, errorCount = 0, executionStatus, diffStatus, children, }) {
+    const shapeHeight = height;
+    const totalHeight = height + captionHeight;
+    const pathD = getShapePath(visualClass, width, shapeHeight);
+    const strokeColor = diffStatus
+        ? svgStrokeForDiffStatus(diffStatus, categoryColor)
+        : executionStatus
+            ? svgStrokeForStatus(executionStatus, categoryColor)
+            : errorCount > 0
+                ? "var(--stgm-destructive, #ef4444)"
+                : categoryColor;
+    return (_jsx("div", { className: cn("stgm group relative flex flex-col items-center transition-shadow", selected && "ring-2 ring-[var(--stgm-ring,#3b82f6)]", visualClass === "decision-diamond" && "rounded-sm", visualClass === "event-circle" && "rounded-full", visualClass === "gate-octagon" && "rounded", diffStatus && DIFF_STATUS_CSS[diffStatus], !diffStatus && executionStatus && EXECUTION_STATUS_CSS[executionStatus]), style: { width, height: totalHeight }, "data-execution-status": executionStatus, "data-diff-status": diffStatus, children: _jsxs("div", { className: "relative flex items-center justify-center", style: { width, height: shapeHeight }, children: [_jsx("svg", { className: "pointer-events-none absolute inset-0", width: width, height: shapeHeight, viewBox: `0 0 ${width} ${shapeHeight}`, "aria-hidden": "true", children: _jsx("path", { d: pathD ?? "", fill: "var(--stgm-card, var(--stgm-background, #fff))", stroke: strokeColor, strokeWidth: "2", strokeDasharray: diffStatus === "removed" ? "6 4" : undefined }) }), _jsx("div", { className: "relative z-10 flex items-center justify-center overflow-hidden", children: children })] }) }));
+}
+// ---------------------------------------------------------------------------
+// Execution status styling (T04)
+// ---------------------------------------------------------------------------
+/**
+ * CSS class overrides per execution status. Applied to both CssShell and
+ * SvgShell outer containers. Uses opacity and border-color tokens.
+ * Never uses color alone — badges provide text/icon differentiation.
+ */
+const EXECUTION_STATUS_CSS = {
+    not_reached: "opacity-40",
+    pending: "",
+    running: "stgm-exec-running border-[var(--stgm-primary,#6366f1)]",
+    completed: "border-[var(--stgm-success,#22c55e)]",
+    failed: "!border-[var(--stgm-destructive,#ef4444)]",
+    skipped: "opacity-50",
+    retrying: "",
+    waiting_approval: "border-[var(--stgm-warning,#f59e0b)]",
+};
+function svgStrokeForStatus(status, fallback) {
+    switch (status) {
+        case "running":
+            return "var(--stgm-primary, #6366f1)";
+        case "completed":
+            return "var(--stgm-success, #22c55e)";
+        case "failed":
+            return "var(--stgm-destructive, #ef4444)";
+        case "waiting_approval":
+            return "var(--stgm-warning, #f59e0b)";
+        default:
+            return fallback;
+    }
+}
+// ---------------------------------------------------------------------------
+// Diff status styling (T14)
+// ---------------------------------------------------------------------------
+/**
+ * CSS class overrides per diff status. Priority over execution and error
+ * styling — diffStatus > executionStatus > errorCount > categoryColor.
+ */
+const DIFF_STATUS_CSS = {
+    added: "border-[var(--stgm-success,#22c55e)] bg-[var(--stgm-success,#22c55e)]/5",
+    removed: "opacity-50 border-dashed border-[var(--stgm-destructive,#ef4444)]",
+    modified: "border-[var(--stgm-warning,#f59e0b)]",
+    unchanged: "",
+};
+function svgStrokeForDiffStatus(status, fallback) {
+    switch (status) {
+        case "added":
+            return "var(--stgm-success, #22c55e)";
+        case "removed":
+            return "var(--stgm-destructive, #ef4444)";
+        case "modified":
+            return "var(--stgm-warning, #f59e0b)";
+        default:
+            return fallback;
+    }
+}
+//# sourceMappingURL=NodeShell.js.map

package/workflow/node-shell/NodeShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeShell.js","sourceRoot":"","sources":["../../../src/workflow/node-shell/NodeShell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAIpC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAgBhE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,EAC/C,WAAW,EACX,KAAK,EACL,MAAM,EACN,aAAa,GAAG,CAAC,EACjB,aAAa,EACb,QAAQ,EACR,UAAU,GAAG,CAAC,EACd,eAAe,EACf,UAAU,EACV,QAAQ,GACO;IACf,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;QACvC,OAAO,CACL,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,YAErB,QAAQ,GACA,CACZ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,YAErB,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,8EAA8E;AAC9E,4CAA4C;AAC5C,8EAA8E;AAE9E,SAAS,QAAQ,CAAC,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,UAAU,GAAG,CAAC,EACd,eAAe,EACf,UAAU,EACV,QAAQ,GACiC;IACzC,MAAM,UAAU,GAAG,YAAY,CAAC,WAAW,CAAC,IAAI,YAAY,CAAC,WAAW,CAAC,CAAC;IAE1E,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,UAAU,EACV,QAAQ,IAAI,wCAAwC,EACpD,UAAU,IAAI,eAAe,CAAC,UAAU,CAAC,EACzC,CAAC,UAAU,IAAI,UAAU,GAAG,CAAC,IAAI,2CAA2C,EAC5E,CAAC,UAAU,IAAI,eAAe,IAAI,oBAAoB,CAAC,eAAe,CAAC,CACxE,EACD,KAAK,EACH,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,kBAAkB;YAC/D,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE;YACxD,CAAC,CAAC,SAAS,2BAEQ,eAAe,sBACpB,UAAU,YAE3B,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAyC;IACzD,WAAW,EAAE,EAAE,CACb,qFAAqF,EACrF,uEAAuE,CACxE;IACD,kBAAkB,EAAE,EAAE,CACpB,uFAAuF,EACvF,uEAAuE,CACxE;IACD,WAAW,EAAE,EAAE,CACb,qGAAqG,EACrG,yEAAyE,CAC1E;IACD,eAAe,EAAE,EAAE,CACjB,+DAA+D,EAC/D,gCAAgC,CACjC;CACF,CAAC;AAEF,8EAA8E;AAC9E,gDAAgD;AAChD,8EAA8E;AAE9E,SAAS,QAAQ,CAAC,EAChB,WAAW,EACX,KAAK,EACL,MAAM,EACN,aAAa,GAAG,CAAC,EACjB,aAAa,EACb,QAAQ,EACR,UAAU,GAAG,CAAC,EACd,eAAe,EACf,UAAU,EACV,QAAQ,GACO;IACf,MAAM,WAAW,GAAG,MAAM,CAAC;IAC3B,MAAM,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC;IAC3C,MAAM,KAAK,GAAG,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,UAAU;QAC5B,CAAC,CAAC,sBAAsB,CAAC,UAAU,EAAE,aAAa,CAAC;QACnD,CAAC,CAAC,eAAe;YACf,CAAC,CAAC,kBAAkB,CAAC,eAAe,EAAE,aAAa,CAAC;YACpD,CAAC,CAAC,UAAU,GAAG,CAAC;gBACd,CAAC,CAAC,kCAAkC;gBACpC,CAAC,CAAC,aAAa,CAAC;IAEtB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,QAAQ,IAAI,wCAAwC,EACpD,WAAW,KAAK,kBAAkB,IAAI,YAAY,EAClD,WAAW,KAAK,cAAc,IAAI,cAAc,EAChD,WAAW,KAAK,cAAc,IAAI,SAAS,EAC3C,UAAU,IAAI,eAAe,CAAC,UAAU,CAAC,EACzC,CAAC,UAAU,IAAI,eAAe,IAAI,oBAAoB,CAAC,eAAe,CAAC,CACxE,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,2BACd,eAAe,sBACpB,UAAU,YAG5B,eAAK,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,aAC9F,cACE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,KAAK,IAAI,WAAW,EAAE,iBAC1B,MAAM,YAElB,eACE,CAAC,EAAE,KAAK,IAAI,EAAE,EACd,IAAI,EAAC,gDAAgD,EACrD,MAAM,EAAE,WAAW,EACnB,WAAW,EAAC,GAAG,EACf,eAAe,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAC7D,GACE,EACN,cAAK,SAAS,EAAC,gEAAgE,YAC5E,QAAQ,GACL,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,iCAAiC;AACjC,8EAA8E;AAE9E;;;;GAIG;AACH,MAAM,oBAAoB,GAAwC;IAChE,WAAW,EAAE,YAAY;IACzB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,wDAAwD;IACjE,SAAS,EAAE,sCAAsC;IACjD,MAAM,EAAE,2CAA2C;IACnD,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,EAAE;IACZ,gBAAgB,EAAE,sCAAsC;CACzD,CAAC;AAEF,SAAS,kBAAkB,CAAC,MAA2B,EAAE,QAAgB;IACvE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,8BAA8B,CAAC;QACxC,KAAK,WAAW;YACd,OAAO,8BAA8B,CAAC;QACxC,KAAK,QAAQ;YACX,OAAO,kCAAkC,CAAC;QAC5C,KAAK,kBAAkB;YACrB,OAAO,8BAA8B,CAAC;QACxC;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,8EAA8E;AAC9E,4BAA4B;AAC5B,8EAA8E;AAE9E;;;GAGG;AACH,MAAM,eAAe,GAAmC;IACtD,KAAK,EAAE,yEAAyE;IAChF,OAAO,EAAE,mEAAmE;IAC5E,QAAQ,EAAE,sCAAsC;IAChD,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,SAAS,sBAAsB,CAAC,MAAsB,EAAE,QAAgB;IACtE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,OAAO;YACV,OAAO,8BAA8B,CAAC;QACxC,KAAK,SAAS;YACZ,OAAO,kCAAkC,CAAC;QAC5C,KAAK,UAAU;YACb,OAAO,8BAA8B,CAAC;QACxC;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC"}

package/workflow/node-shell/index.d.ts

@@ -0,0 +1,9 @@
+export { NodeShell, type NodeShellProps } from "./NodeShell";
+export { NodeContent, type NodeContentProps } from "./NodeContent";
+export { NodeHandles, type NodeHandlesProps } from "./NodeHandles";
+export { NodeActions, type NodeActionsProps } from "./NodeActions";
+export { ExecutionBadge, type ExecutionBadgeProps, type AgentActivityInfo, type ForkProgressInfo } from "./ExecutionBadge";
+export { DiffBadge, type DiffBadgeProps } from "./DiffBadge";
+export { BranchBadge, type BranchBadgeProps } from "./BranchBadge";
+export { getShapePath, getContentInsets, diamondPath, octagonPath, circlePath, parallelBarPath, SVG_SHAPE_CLASSES, type ContentInsets, } from "./shape-paths";
+//# sourceMappingURL=index.d.ts.map

package/workflow/node-shell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/workflow/node-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC3H,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,KAAK,aAAa,GACnB,MAAM,eAAe,CAAC"}

package/workflow/node-shell/index.js

@@ -0,0 +1,9 @@
+export { NodeShell } from "./NodeShell";
+export { NodeContent } from "./NodeContent";
+export { NodeHandles } from "./NodeHandles";
+export { NodeActions } from "./NodeActions";
+export { ExecutionBadge } from "./ExecutionBadge";
+export { DiffBadge } from "./DiffBadge";
+export { BranchBadge } from "./BranchBadge";
+export { getShapePath, getContentInsets, diamondPath, octagonPath, circlePath, parallelBarPath, SVG_SHAPE_CLASSES, } from "./shape-paths";
+//# sourceMappingURL=index.js.map

package/workflow/node-shell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/workflow/node-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAA2E,MAAM,kBAAkB,CAAC;AAC3H,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,iBAAiB,GAElB,MAAM,eAAe,CAAC"}

package/workflow/node-shell/shape-paths.d.ts

@@ -0,0 +1,51 @@
+import type { VisualClass } from "../task-type-visual-registry";
+/**
+ * Inset rectangle defining the safe content area within a node shape.
+ * All values are in pixels from the respective edge of the bounding box.
+ */
+export interface ContentInsets {
+    readonly top: number;
+    readonly right: number;
+    readonly bottom: number;
+    readonly left: number;
+}
+/**
+ * Returns an SVG path `d` string for a diamond (rotated square)
+ * inscribed within the given bounding box.
+ *
+ * Vertices at midpoints of each edge: top-center, right-center,
+ * bottom-center, left-center.
+ */
+export declare function diamondPath(width: number, height: number): string;
+/**
+ * Returns an SVG path `d` string for a regular octagon inscribed
+ * within the given bounding box. The cut fraction controls how much
+ * of each corner is removed.
+ */
+export declare function octagonPath(width: number, height: number): string;
+/**
+ * Returns an SVG path `d` string for a circle (or ellipse when w != h)
+ * centered within the bounding box. Uses two arc commands.
+ */
+export declare function circlePath(width: number, height: number): string;
+/**
+ * Returns an SVG path `d` string for a parallel bar — a wide,
+ * low-height rounded rectangle. Corner radius is half the height
+ * to produce fully rounded ends.
+ */
+export declare function parallelBarPath(width: number, height: number): string;
+/**
+ * Returns the content insets for a given visual class.
+ * Falls back to task-card insets for unknown values.
+ */
+export declare function getContentInsets(visualClass: VisualClass): ContentInsets;
+/**
+ * Returns the SVG path `d` string for a non-rectangular visual class.
+ * Returns `null` for rectangular visual classes (which use CSS rendering).
+ */
+export declare function getShapePath(visualClass: VisualClass, width: number, height: number): string | null;
+/**
+ * Visual classes that use SVG path rendering instead of CSS borders.
+ */
+export declare const SVG_SHAPE_CLASSES: ReadonlySet<VisualClass>;
+//# sourceMappingURL=shape-paths.d.ts.map

package/workflow/node-shell/shape-paths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape-paths.d.ts","sourceRoot":"","sources":["../../../src/workflow/node-shell/shape-paths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAIjE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAejE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAShE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAcrE;AAkBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,WAAW,GAAG,aAAa,CAExE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,MAAM,GAAG,IAAI,CAaf;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,WAAW,CAKrD,CAAC"}

package/workflow/node-shell/shape-paths.js

@@ -0,0 +1,117 @@
+/**
+ * Returns an SVG path `d` string for a diamond (rotated square)
+ * inscribed within the given bounding box.
+ *
+ * Vertices at midpoints of each edge: top-center, right-center,
+ * bottom-center, left-center.
+ */
+export function diamondPath(width, height) {
+    const mx = width / 2;
+    const my = height / 2;
+    return `M ${mx} 0 L ${width} ${my} L ${mx} ${height} L 0 ${my} Z`;
+}
+/**
+ * Returns an SVG path `d` string for a regular octagon inscribed
+ * within the given bounding box. The cut fraction controls how much
+ * of each corner is removed.
+ */
+export function octagonPath(width, height) {
+    const cut = Math.min(width, height) * 0.29;
+    const r = width;
+    const b = height;
+    return [
+        `M ${cut} 0`,
+        `L ${r - cut} 0`,
+        `L ${r} ${cut}`,
+        `L ${r} ${b - cut}`,
+        `L ${r - cut} ${b}`,
+        `L ${cut} ${b}`,
+        `L 0 ${b - cut}`,
+        `L 0 ${cut}`,
+        `Z`,
+    ].join(" ");
+}
+/**
+ * Returns an SVG path `d` string for a circle (or ellipse when w != h)
+ * centered within the bounding box. Uses two arc commands.
+ */
+export function circlePath(width, height) {
+    const rx = width / 2;
+    const ry = height / 2;
+    return [
+        `M ${rx} 0`,
+        `A ${rx} ${ry} 0 1 1 ${rx} ${height}`,
+        `A ${rx} ${ry} 0 1 1 ${rx} 0`,
+        `Z`,
+    ].join(" ");
+}
+/**
+ * Returns an SVG path `d` string for a parallel bar — a wide,
+ * low-height rounded rectangle. Corner radius is half the height
+ * to produce fully rounded ends.
+ */
+export function parallelBarPath(width, height) {
+    const r = Math.min(height / 2, 8);
+    return [
+        `M ${r} 0`,
+        `L ${width - r} 0`,
+        `A ${r} ${r} 0 0 1 ${width} ${r}`,
+        `L ${width} ${height - r}`,
+        `A ${r} ${r} 0 0 1 ${width - r} ${height}`,
+        `L ${r} ${height}`,
+        `A ${r} ${r} 0 0 1 0 ${height - r}`,
+        `L 0 ${r}`,
+        `A ${r} ${r} 0 0 1 ${r} 0`,
+        `Z`,
+    ].join(" ");
+}
+/**
+ * Content insets per visual class. Defines the largest rectangle
+ * within the shape where text/badges can safely render without
+ * being clipped by the shape boundary.
+ */
+const CONTENT_INSETS = {
+    "task-card": { top: 8, right: 12, bottom: 8, left: 12 },
+    "subworkflow-card": { top: 8, right: 12, bottom: 8, left: 12 },
+    "container": { top: 10, right: 12, bottom: 10, left: 12 },
+    "terminal-pill": { top: 6, right: 16, bottom: 6, left: 16 },
+    "decision-diamond": { top: 35, right: 35, bottom: 35, left: 35 },
+    "gate-octagon": { top: 32, right: 32, bottom: 32, left: 32 },
+    "event-circle": { top: 20, right: 20, bottom: 20, left: 20 },
+    "parallel-bar": { top: 4, right: 16, bottom: 4, left: 16 },
+};
+/**
+ * Returns the content insets for a given visual class.
+ * Falls back to task-card insets for unknown values.
+ */
+export function getContentInsets(visualClass) {
+    return CONTENT_INSETS[visualClass] ?? CONTENT_INSETS["task-card"];
+}
+/**
+ * Returns the SVG path `d` string for a non-rectangular visual class.
+ * Returns `null` for rectangular visual classes (which use CSS rendering).
+ */
+export function getShapePath(visualClass, width, height) {
+    switch (visualClass) {
+        case "decision-diamond":
+            return diamondPath(width, height);
+        case "gate-octagon":
+            return octagonPath(width, height);
+        case "event-circle":
+            return circlePath(width, height);
+        case "parallel-bar":
+            return parallelBarPath(width, height);
+        default:
+            return null;
+    }
+}
+/**
+ * Visual classes that use SVG path rendering instead of CSS borders.
+ */
+export const SVG_SHAPE_CLASSES = new Set([
+    "decision-diamond",
+    "gate-octagon",
+    "event-circle",
+    "parallel-bar",
+]);
+//# sourceMappingURL=shape-paths.js.map

package/workflow/node-shell/shape-paths.js.map

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

package/workflow/picker/BranchAddPopover.d.ts

@@ -0,0 +1,33 @@
+/** The type of branch being added. */
+export type BranchAddMode = "switch-case" | "fork-branch" | "catch-handler";
+export interface BranchAddResult {
+    /** The name/identifier for the new branch. */
+    readonly name: string;
+    /** For switch cases: the condition expression. */
+    readonly condition?: string;
+    /** For catch handlers: the error type filter. */
+    readonly errorType?: string;
+}
+export interface BranchAddPopoverProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly onSubmit: (result: BranchAddResult) => void;
+    readonly anchorRef: React.RefObject<HTMLElement | null>;
+    readonly mode: BranchAddMode;
+    /** Existing branch names to prevent duplicates. */
+    readonly existingNames?: ReadonlySet<string>;
+    readonly side?: "top" | "bottom" | "right" | "left";
+    readonly align?: "start" | "center" | "end";
+}
+/**
+ * Inline popover for adding a branch to a switch_case, fork, or try_catch node.
+ *
+ * Renders a minimal form with contextual fields based on `mode`:
+ * - switch-case: name + condition expression
+ * - fork-branch: name only
+ * - catch-handler: name + error type filter
+ *
+ * @since T08 (Contextual Task Picker)
+ */
+export declare const BranchAddPopover: import("react").NamedExoticComponent<BranchAddPopoverProps>;
+//# sourceMappingURL=BranchAddPopover.d.ts.map

package/workflow/picker/BranchAddPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchAddPopover.d.ts","sourceRoot":"","sources":["../../../src/workflow/picker/BranchAddPopover.tsx"],"names":[],"mappings":"AAOA,sCAAsC;AACtC,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,eAAe,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACxD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CAC7C;AA6BD;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,6DA0K3B,CAAC"}