@stigmer/react 1.0.4 → 2.0.1

package/workflow/inspector/InspectorHeader.d.ts

@@ -0,0 +1,25 @@
+import type { WorkflowGraphModel } from "../workflow-graph-model";
+import type { InspectorNodeIdentity, InspectorMutations } from "./types";
+/** Props for {@link InspectorHeader}. */
+export interface InspectorHeaderProps {
+    /** Resolved node identity for the selected task. */
+    readonly identity: InspectorNodeIdentity;
+    /** Graph model for name uniqueness validation. */
+    readonly graph: WorkflowGraphModel;
+    /** Mutation callbacks for node actions. */
+    readonly mutations: InspectorMutations;
+    /** Called to open the View YAML dialog for this node. */
+    readonly onViewYaml?: (nodeId: string) => void;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Inspector panel header showing node identity and an actions overflow menu.
+ *
+ * Displays the task name (click-to-rename), kind badge with category color,
+ * and a `...` overflow menu for structural actions (Duplicate, Delete, etc.).
+ *
+ * @since T10 (Inspector Panel Refactor)
+ */
+export declare const InspectorHeader: import("react").NamedExoticComponent<InspectorHeaderProps>;
+//# sourceMappingURL=InspectorHeader.d.ts.map

package/workflow/inspector/InspectorHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorHeader.d.ts","sourceRoot":"","sources":["../../../src/workflow/inspector/InspectorHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzE,yCAAyC;AACzC,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IACzC,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC;IACnC,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAC;IACvC,yDAAyD;IACzD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,4DAsI1B,CAAC"}

package/workflow/inspector/InspectorHeader.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useState, useCallback } from "react";
+import { cn } from "@stigmer/theme";
+import { TASK_NAME_PATTERN, TASK_NAME_PATTERN_ERROR } from "../canvas-constants";
+/**
+ * Inspector panel header showing node identity and an actions overflow menu.
+ *
+ * Displays the task name (click-to-rename), kind badge with category color,
+ * and a `...` overflow menu for structural actions (Duplicate, Delete, etc.).
+ *
+ * @since T10 (Inspector Panel Refactor)
+ */
+export const InspectorHeader = memo(function InspectorHeader({ identity, graph, mutations, onViewYaml, className, }) {
+    const [editingName, setEditingName] = useState(false);
+    const [nameValue, setNameValue] = useState(identity.taskName);
+    const [nameError, setNameError] = useState(null);
+    const [menuOpen, setMenuOpen] = useState(false);
+    const existingNames = new Set(graph.nodes.filter((n) => n.id !== identity.nodeId).map((n) => n.taskName));
+    const startEditing = useCallback(() => {
+        setEditingName(true);
+        setNameValue(identity.taskName);
+        setNameError(null);
+        setMenuOpen(false);
+    }, [identity.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 !== identity.taskName) {
+            mutations.onRenameNode(identity.nodeId, trimmed);
+        }
+    }, [nameValue, existingNames, identity.nodeId, identity.taskName, mutations.onRenameNode]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter")
+            commitName();
+        if (e.key === "Escape") {
+            setEditingName(false);
+            setNameError(null);
+        }
+    }, [commitName]);
+    const toggleMenu = useCallback(() => setMenuOpen((prev) => !prev), []);
+    const closeMenu = useCallback(() => setMenuOpen(false), []);
+    return (_jsxs("div", { className: cn("flex flex-col gap-1.5 border-b border-[var(--stgm-border,#e5e5e5)] px-3 py-2.5", className), children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "min-w-0 flex-1", 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: "w-full rounded-md border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)] px-2 py-1 text-sm font-semibold 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 max-w-full truncate text-left text-sm font-semibold text-[var(--stgm-foreground,#1a1a2e)] hover:underline", title: "Click to rename", children: identity.taskName })) }), _jsxs("div", { className: "relative shrink-0", children: [_jsx("button", { type: "button", onClick: toggleMenu, className: "flex h-6 w-6 items-center justify-center rounded text-[var(--stgm-muted-foreground,#737373)] hover:bg-[var(--stgm-muted,#f5f5f5)] hover:text-[var(--stgm-foreground,#1a1a2e)]", "aria-label": "Node actions", "aria-expanded": menuOpen, "aria-haspopup": "true", children: _jsx(MoreIcon, {}) }), menuOpen && (_jsx(ActionsMenu, { nodeId: identity.nodeId, mutations: mutations, onRename: startEditing, onViewYaml: onViewYaml, onClose: closeMenu }))] })] }), _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: identity.categoryColor,
+                            backgroundColor: `color-mix(in srgb, ${identity.categoryColor} 12%, transparent)`,
+                        }, children: identity.kindString.replace(/_/g, " ") }), identity.description && (_jsx("span", { className: "truncate text-[10px] text-[var(--stgm-muted-foreground,#737373)]", title: identity.description, children: identity.description }))] })] }));
+});
+// ---------------------------------------------------------------------------
+// Actions menu
+// ---------------------------------------------------------------------------
+function ActionsMenu({ nodeId, mutations, onRename, onViewYaml, onClose, }) {
+    const handleAction = useCallback((action) => {
+        onClose();
+        action();
+    }, [onClose]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40", onClick: onClose, "aria-hidden": "true" }), _jsxs("div", { role: "menu", className: "absolute right-0 top-full z-50 mt-1 min-w-[160px] rounded-md border border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-popover,var(--stgm-background,#fff))] py-1 shadow-md", children: [_jsx(MenuItem, { label: "Rename", onClick: () => handleAction(onRename) }), mutations.onDuplicateNode && (_jsx(MenuItem, { label: "Duplicate", onClick: () => handleAction(() => mutations.onDuplicateNode(nodeId)) })), mutations.onToggleDisabled && (_jsx(MenuItem, { label: "Disable / Bypass", onClick: () => handleAction(() => mutations.onToggleDisabled(nodeId)) })), mutations.onWrapInTryCatch && (_jsx(MenuItem, { label: "Wrap in Try/Catch", onClick: () => handleAction(() => mutations.onWrapInTryCatch(nodeId)) })), onViewYaml && (_jsx(MenuItem, { label: "View YAML", onClick: () => handleAction(() => onViewYaml(nodeId)) })), _jsx(MenuDivider, {}), mutations.onDeleteNode && (_jsx(MenuItem, { label: "Delete task", destructive: true, onClick: () => handleAction(() => mutations.onDeleteNode(nodeId)) }))] })] }));
+}
+function MenuItem({ label, onClick, destructive, }) {
+    return (_jsx("button", { type: "button", role: "menuitem", onClick: onClick, className: cn("flex w-full items-center px-3 py-1.5 text-left text-xs transition-colors", destructive
+            ? "text-[var(--stgm-destructive,#ef4444)] hover:bg-[var(--stgm-destructive,#ef4444)]/10"
+            : "text-[var(--stgm-foreground,#1a1a2e)] hover:bg-[var(--stgm-muted,#f5f5f5)]"), children: label }));
+}
+function MenuDivider() {
+    return _jsx("div", { className: "my-1 border-t border-[var(--stgm-border,#e5e5e5)]" });
+}
+function MoreIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "3", r: "1.5" }), _jsx("circle", { cx: "8", cy: "8", r: "1.5" }), _jsx("circle", { cx: "8", cy: "13", r: "1.5" })] }));
+}
+//# sourceMappingURL=InspectorHeader.js.map

package/workflow/inspector/InspectorHeader.js.map

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

package/workflow/inspector/InspectorShell.d.ts

@@ -0,0 +1,35 @@
+import type { WorkflowGraphModel } from "../workflow-graph-model";
+import type { CanvasSelection } from "../useWorkflowCanvas";
+import type { TaskKindDescriptor } from "../types";
+import type { InspectorMutations } from "./types";
+/** Props for {@link InspectorShell}. */
+export interface InspectorShellProps {
+    /** Currently selected element on the canvas. */
+    readonly selection: CanvasSelection | null;
+    /** The current graph model for node/edge lookups. */
+    readonly graph: WorkflowGraphModel | null;
+    /** Descriptor for the selected node's task kind. */
+    readonly descriptor: TaskKindDescriptor | undefined;
+    /** Mutation callbacks for design-mode editing. */
+    readonly mutations: InspectorMutations;
+    /** Validation errors keyed by node ID. */
+    readonly validationErrors?: ReadonlyMap<string, readonly string[]>;
+    /** Content to render when nothing is selected. */
+    readonly emptyState?: React.ReactNode;
+    /** Called to open the View YAML dialog for a node. */
+    readonly onViewYaml?: (nodeId: string) => void;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Shared inspector shell that renders a consistent header, tab bar, and
+ * scrollable content area. Routes to the appropriate sub-inspector based
+ * on the current selection.
+ *
+ * In design mode, renders tabbed configuration forms. Sentinel and edge
+ * selections render dedicated lightweight inspectors.
+ *
+ * @since T10 (Inspector Panel Refactor)
+ */
+export declare const InspectorShell: import("react").NamedExoticComponent<InspectorShellProps>;
+//# sourceMappingURL=InspectorShell.d.ts.map

package/workflow/inspector/InspectorShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorShell.d.ts","sourceRoot":"","sources":["../../../src/workflow/inspector/InspectorShell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAwC,MAAM,yBAAyB,CAAC;AAExG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAgBnD,OAAO,KAAK,EAAE,kBAAkB,EAAsC,MAAM,SAAS,CAAC;AAEtF,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,QAAQ,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAC3C,qDAAqD;IACrD,QAAQ,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC1C,oDAAoD;IACpD,QAAQ,CAAC,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACpD,kDAAkD;IAClD,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAC;IACvC,0CAA0C;IAC1C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC;IACnE,kDAAkD;IAClD,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,sDAAsD;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,2DAuDzB,CAAC"}

package/workflow/inspector/InspectorShell.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo, useCallback } from "react";
+import { cn } from "@stigmer/theme";
+import { START_NODE_ID, END_NODE_ID } from "../workflow-graph-model";
+import { Tabs } from "../../tabs/Tabs";
+import { CATEGORY_COLORS } from "../canvas-constants";
+import { taskKindToString } from "../workflow-graph-conversions";
+import { InspectorHeader } from "./InspectorHeader";
+import { useInspectorTabs } from "./useInspectorTabs";
+import { ConfigureTab } from "./tabs/ConfigureTab";
+import { BranchesTab } from "./tabs/BranchesTab";
+import { CatchTab } from "./tabs/CatchTab";
+import { IterationTab } from "./tabs/IterationTab";
+import { DataTab } from "./tabs/DataTab";
+import { RuntimeTab } from "./tabs/RuntimeTab";
+import { AdvancedTab } from "./tabs/AdvancedTab";
+import { DocsTab } from "./tabs/DocsTab";
+import { EdgeInspector } from "./EdgeInspector";
+import { SentinelInspector } from "./SentinelInspector";
+/**
+ * Shared inspector shell that renders a consistent header, tab bar, and
+ * scrollable content area. Routes to the appropriate sub-inspector based
+ * on the current selection.
+ *
+ * In design mode, renders tabbed configuration forms. Sentinel and edge
+ * selections render dedicated lightweight inspectors.
+ *
+ * @since T10 (Inspector Panel Refactor)
+ */
+export const InspectorShell = memo(function InspectorShell({ selection, graph, descriptor, mutations, validationErrors, emptyState, onViewYaml, className, }) {
+    if (!selection || !graph) {
+        return (_jsx("div", { className: cn("flex h-full flex-col", className), children: emptyState ?? (_jsx("div", { className: "flex flex-1 items-center justify-center p-4", 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: mutations.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(NodeInspectorShell, { node: node, graph: graph, descriptor: descriptor, mutations: mutations, validationErrors: validationErrors, onViewYaml: onViewYaml, className: className }));
+});
+// ---------------------------------------------------------------------------
+// NodeInspectorShell — tabbed design-mode inspector
+// ---------------------------------------------------------------------------
+function NodeInspectorShell({ node, graph, descriptor, mutations, validationErrors, onViewYaml, className, }) {
+    const kindStr = taskKindToString(node.kind);
+    const identity = useMemo(() => ({
+        nodeId: node.id,
+        taskName: node.taskName,
+        kindString: kindStr,
+        category: node.category,
+        categoryColor: CATEGORY_COLORS[node.category],
+        displayName: descriptor?.displayName ?? kindStr.replace(/_/g, " "),
+        description: descriptor?.description,
+        icon: descriptor?.icon,
+    }), [node.id, node.taskName, node.category, kindStr, descriptor]);
+    const { tabs, activeTab, setActiveTab } = useInspectorTabs({
+        kindString: kindStr,
+        descriptor,
+        mode: "design",
+        nodeId: node.id,
+    });
+    const handleTabChange = useCallback((tabId) => setActiveTab(tabId), [setActiveTab]);
+    const handleFieldChange = useCallback((fieldPath, value) => {
+        mutations.onUpdateField(node.id, fieldPath, value);
+    }, [node.id, mutations.onUpdateField]);
+    const otherTaskNames = useMemo(() => graph.nodes
+        .filter((n) => n.id !== node.id && n.id !== START_NODE_ID && n.id !== END_NODE_ID)
+        .map((n) => n.taskName), [graph.nodes, node.id]);
+    const nodeErrors = validationErrors?.get(node.id);
+    return (_jsxs("div", { className: cn("flex h-full flex-col", className), children: [_jsx(InspectorHeader, { identity: identity, graph: graph, mutations: mutations, onViewYaml: onViewYaml }), _jsx(Tabs, { tabs: tabs.map((t) => ({ id: t.id, label: t.label, badge: t.badge, icon: t.icon })), activeTab: activeTab, onTabChange: handleTabChange, "aria-label": "Task configuration", className: "min-h-0 flex-1", children: _jsxs("div", { className: "overflow-y-auto", children: [activeTab === "configure" && (_jsx(ConfigureTab, { node: node, graph: graph, descriptor: descriptor, kindString: kindStr, otherTaskNames: otherTaskNames, onFieldChange: handleFieldChange, mutations: mutations })), activeTab === "branches" && (_jsx(BranchesTab, { node: node, graph: graph, mutations: mutations, kindString: kindStr })), activeTab === "catch" && (_jsx(CatchTab, { node: node, mutations: mutations })), activeTab === "iteration" && (_jsx(IterationTab, { node: node, mutations: mutations })), activeTab === "data" && (_jsx(DataTab, { node: node, onUpdateExport: mutations.onUpdateExport })), activeTab === "runtime" && (_jsx(RuntimeTab, { node: node, kindString: kindStr, descriptor: descriptor, onFieldChange: handleFieldChange })), activeTab === "advanced" && (_jsx(AdvancedTab, { node: node, otherTaskNames: otherTaskNames, kindString: kindStr, onUpdateFlow: mutations.onUpdateFlow })), activeTab === "docs" && descriptor && (_jsx(DocsTab, { descriptor: descriptor }))] }) })] }));
+}
+//# sourceMappingURL=InspectorShell.js.map

package/workflow/inspector/InspectorShell.js.map

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

package/workflow/inspector/NestedTaskList.d.ts

@@ -0,0 +1,32 @@
+/** A nested task entry for display in the inspector. */
+export interface NestedTaskEntry {
+    readonly name: string;
+    readonly kind: string;
+    readonly index: number;
+}
+export interface NestedTaskListProps {
+    /** Ordered list of nested tasks to display. */
+    readonly tasks: readonly NestedTaskEntry[];
+    /** Whether reordering and removal are enabled. */
+    readonly editable?: boolean;
+    /** Called when a task should be moved (from → to index). */
+    readonly onReorder?: (fromIndex: number, toIndex: number) => void;
+    /** Called when a task should be removed. */
+    readonly onRemove?: (index: number) => void;
+    /** Called when a task is clicked (drill-down). */
+    readonly onSelect?: (index: number) => void;
+    /** Label for the empty state. */
+    readonly emptyLabel?: string;
+    /** Use dashed borders for catch/error context styling. */
+    readonly dashed?: boolean;
+}
+/**
+ * Shared inspector sub-component for displaying and managing nested task arrays.
+ *
+ * Used by Fork branches, TryCatch try/catch blocks, and ForEach do blocks.
+ * Supports reorder, removal, and click-to-drill-down.
+ *
+ * @since T09 (Branch Management UX)
+ */
+export declare const NestedTaskList: import("react").NamedExoticComponent<NestedTaskListProps>;
+//# sourceMappingURL=NestedTaskList.d.ts.map

package/workflow/inspector/NestedTaskList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTaskList.d.ts","sourceRoot":"","sources":["../../../src/workflow/inspector/NestedTaskList.tsx"],"names":[],"mappings":"AAKA,wDAAwD;AACxD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAC3C,kDAAkD;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,4DAA4D;IAC5D,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,4CAA4C;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,kDAAkD;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,0DAA0D;IAC1D,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,2DAmGzB,CAAC"}

package/workflow/inspector/NestedTaskList.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Shared inspector sub-component for displaying and managing nested task arrays.
+ *
+ * Used by Fork branches, TryCatch try/catch blocks, and ForEach do blocks.
+ * Supports reorder, removal, and click-to-drill-down.
+ *
+ * @since T09 (Branch Management UX)
+ */
+export const NestedTaskList = memo(function NestedTaskList({ tasks, editable = false, onReorder, onRemove, onSelect, emptyLabel = "No tasks", dashed = false, }) {
+    const handleMoveUp = useCallback((index) => {
+        if (index > 0)
+            onReorder?.(index, index - 1);
+    }, [onReorder]);
+    const handleMoveDown = useCallback((index) => {
+        if (index < tasks.length - 1)
+            onReorder?.(index, index + 1);
+    }, [onReorder, tasks.length]);
+    if (tasks.length === 0) {
+        return (_jsx("p", { className: "text-[11px] text-[var(--stgm-muted-foreground,#737373)] italic", children: emptyLabel }));
+    }
+    return (_jsx("div", { className: "flex flex-col gap-1", role: "list", "aria-label": "Nested tasks", children: tasks.map((task, idx) => (_jsxs("div", { role: "listitem", className: cn("group/task flex items-center gap-2 rounded px-2 py-1 transition-colors", dashed ? "border border-dashed border-[var(--stgm-border,#e5e5e5)]" : "border border-[var(--stgm-border,#e5e5e5)]", onSelect && "cursor-pointer hover:bg-[var(--stgm-accent,#f5f5f5)]"), onClick: onSelect ? () => onSelect(idx) : undefined, "aria-label": `${task.kind} task: ${task.name}`, children: [editable && onReorder && (_jsxs("div", { className: "flex flex-col gap-0.5 opacity-0 group-hover/task:opacity-100 transition-opacity", children: [_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); handleMoveUp(idx); }, disabled: idx === 0, className: "text-[var(--stgm-muted-foreground,#737373)] disabled:opacity-30 hover:text-[var(--stgm-foreground,#1a1a2e)]", "aria-label": `Move ${task.name} up`, children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M4 1L1 5h6L4 1z" }) }) }), _jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); handleMoveDown(idx); }, disabled: idx === tasks.length - 1, className: "text-[var(--stgm-muted-foreground,#737373)] disabled:opacity-30 hover:text-[var(--stgm-foreground,#1a1a2e)]", "aria-label": `Move ${task.name} down`, children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M4 7L1 3h6L4 7z" }) }) })] })), _jsx("span", { className: "shrink-0 rounded bg-[var(--stgm-muted,#f5f5f5)] px-1 py-px text-[9px] font-mono text-[var(--stgm-muted-foreground,#737373)]", children: task.kind }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[11px] text-[var(--stgm-foreground,#1a1a2e)]", children: task.name }), editable && onRemove && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); onRemove(idx); }, className: "shrink-0 opacity-0 group-hover/task:opacity-100 transition-opacity text-[var(--stgm-muted-foreground,#737373)] hover:text-[var(--stgm-destructive,#ef4444)]", "aria-label": `Remove task ${task.name}`, title: "Remove", 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: "M2.5 2.5l5 5M7.5 2.5l-5 5" }) }) }))] }, `${task.name}-${idx}`))) }));
+});
+//# sourceMappingURL=NestedTaskList.js.map

package/workflow/inspector/NestedTaskList.js.map

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

package/workflow/inspector/SentinelInspector.d.ts

@@ -0,0 +1,15 @@
+import type { WorkflowGraphNode } from "../workflow-graph-model";
+/** Props for {@link SentinelInspector}. */
+export interface SentinelInspectorProps {
+    readonly node: WorkflowGraphNode;
+    readonly className?: string;
+}
+/**
+ * Inspector for sentinel nodes (Start / End).
+ *
+ * Shows a brief description of the sentinel's role in the workflow.
+ *
+ * @since T10 (Inspector Panel Refactor) — extracted from WorkflowInspectorPanel
+ */
+export declare function SentinelInspector({ node, className }: SentinelInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SentinelInspector.d.ts.map

package/workflow/inspector/SentinelInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SentinelInspector.d.ts","sourceRoot":"","sources":["../../../src/workflow/inspector/SentinelInspector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAe5E"}

package/workflow/inspector/SentinelInspector.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { START_NODE_ID } from "../workflow-graph-model";
+/**
+ * Inspector for sentinel nodes (Start / End).
+ *
+ * Shows a brief description of the sentinel's role in the workflow.
+ *
+ * @since T10 (Inspector Panel Refactor) — extracted from WorkflowInspectorPanel
+ */
+export 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("h3", { className: "text-[11px] font-semibold uppercase tracking-wide text-[var(--stgm-muted-foreground,#737373)]", children: 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." })] }));
+}
+//# sourceMappingURL=SentinelInspector.js.map

package/workflow/inspector/SentinelInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SentinelInspector.js","sourceRoot":"","sources":["../../../src/workflow/inspector/SentinelInspector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAQxD;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAA0B;IAC3E,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,aAC7D,aAAI,SAAS,EAAC,+FAA+F,YAC1G,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GACvB,EACL,YAAG,SAAS,EAAC,qDAAqD,YAC/D,OAAO;oBACN,CAAC,CAAC,yEAAyE;oBAC3E,CAAC,CAAC,gEAAgE,GAClE,IACA,CACP,CAAC;AACJ,CAAC"}

package/workflow/inspector/WorkflowSummaryPanel.d.ts

@@ -0,0 +1,20 @@
+import type { WorkflowGraphModel } from "../workflow-graph-model";
+/** Props for {@link WorkflowSummaryPanel}. */
+export interface WorkflowSummaryPanelProps {
+    /** The current workflow graph model. */
+    readonly graph: WorkflowGraphModel;
+    /** Validation errors keyed by node ID. */
+    readonly validationErrors?: ReadonlyMap<string, readonly string[]>;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Workflow-level summary shown when no task or edge is selected.
+ *
+ * Displays workflow identity, environment variables, budget settings,
+ * validation issues, and task distribution statistics.
+ *
+ * @since T10 (Inspector Panel Refactor)
+ */
+export declare const WorkflowSummaryPanel: import("react").NamedExoticComponent<WorkflowSummaryPanelProps>;
+//# sourceMappingURL=WorkflowSummaryPanel.d.ts.map

package/workflow/inspector/WorkflowSummaryPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowSummaryPanel.d.ts","sourceRoot":"","sources":["../../../src/workflow/inspector/WorkflowSummaryPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAA4C,MAAM,yBAAyB,CAAC;AAK5G,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC;IACnC,0CAA0C;IAC1C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC;IACnE,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,iEAgG/B,CAAC"}

package/workflow/inspector/WorkflowSummaryPanel.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo, useState, useCallback } from "react";
+import { cn } from "@stigmer/theme";
+import { START_NODE_ID, END_NODE_ID } from "../workflow-graph-model";
+import { CATEGORY_DISPLAY_NAMES } from "../canvas-constants";
+/**
+ * Workflow-level summary shown when no task or edge is selected.
+ *
+ * Displays workflow identity, environment variables, budget settings,
+ * validation issues, and task distribution statistics.
+ *
+ * @since T10 (Inspector Panel Refactor)
+ */
+export const WorkflowSummaryPanel = memo(function WorkflowSummaryPanel({ graph, validationErrors, className, }) {
+    const { doc } = useMemo(() => ({ doc: graph.document }), [graph.document]);
+    const stats = useMemo(() => {
+        const tasks = graph.nodes.filter((n) => n.id !== START_NODE_ID && n.id !== END_NODE_ID);
+        const byCategory = new Map();
+        for (const node of tasks) {
+            byCategory.set(node.category, (byCategory.get(node.category) ?? 0) + 1);
+        }
+        return { taskCount: tasks.length, byCategory };
+    }, [graph.nodes]);
+    const envEntries = useMemo(() => (graph.env ? Object.entries(graph.env) : []), [graph.env]);
+    const totalErrors = useMemo(() => {
+        if (!validationErrors)
+            return 0;
+        let count = 0;
+        for (const errors of validationErrors.values())
+            count += errors.length;
+        return count;
+    }, [validationErrors]);
+    return (_jsxs("div", { className: cn("flex h-full flex-col overflow-y-auto", className), children: [_jsxs("section", { className: "flex flex-col gap-1.5 px-3 py-3", children: [_jsx(SectionHeader, { children: "Workflow" }), _jsx("h3", { className: "text-sm font-semibold text-[var(--stgm-foreground,#1a1a2e)]", children: doc.name }), _jsxs("div", { className: "flex flex-wrap gap-1.5 text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: [_jsx("span", { children: doc.namespace }), _jsx("span", { children: "\u00B7" }), _jsxs("span", { children: ["v", doc.version] }), _jsx("span", { children: "\u00B7" }), _jsxs("span", { children: ["DSL ", doc.dsl] })] }), doc.description && (_jsx("p", { className: "text-xs leading-relaxed text-[var(--stgm-muted-foreground,#737373)]", children: doc.description }))] }), totalErrors > 0 && validationErrors && (_jsx("section", { className: "border-t border-[var(--stgm-border,#e5e5e5)] px-3 py-3", children: _jsx(ValidationSection, { errors: validationErrors, totalCount: totalErrors }) })), _jsxs("section", { className: "border-t border-[var(--stgm-border,#e5e5e5)] px-3 py-3", children: [_jsx(SectionHeader, { children: "Tasks" }), _jsxs("div", { className: "mt-1 flex flex-col gap-1", children: [_jsxs("span", { className: "text-xs text-[var(--stgm-foreground,#1a1a2e)]", children: [stats.taskCount, " task", stats.taskCount !== 1 ? "s" : ""] }), stats.byCategory.size > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: Array.from(stats.byCategory.entries()).map(([cat, count]) => (_jsxs("span", { className: "rounded bg-[var(--stgm-muted,#f5f5f5)] px-1.5 py-0.5 text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: [CATEGORY_DISPLAY_NAMES[cat] ?? cat, " (", count, ")"] }, cat))) }))] })] }), envEntries.length > 0 && (_jsx("section", { className: "border-t border-[var(--stgm-border,#e5e5e5)] px-3 py-3", children: _jsx(EnvVarsSection, { entries: envEntries }) })), graph.budget && (_jsx("section", { className: "border-t border-[var(--stgm-border,#e5e5e5)] px-3 py-3", children: _jsx(BudgetSection, { budget: graph.budget }) }))] }));
+});
+// ---------------------------------------------------------------------------
+// Validation
+// ---------------------------------------------------------------------------
+function ValidationSection({ errors, totalCount, }) {
+    const [expanded, setExpanded] = useState(false);
+    const toggle = useCallback(() => setExpanded((v) => !v), []);
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("button", { type: "button", onClick: toggle, className: "flex items-center gap-1.5 text-left", "aria-expanded": expanded, children: [_jsx(SectionHeader, { children: "Validation" }), _jsxs("span", { className: "rounded-full bg-[var(--stgm-destructive,#ef4444)]/10 px-1.5 py-0.5 text-[10px] font-medium text-[var(--stgm-destructive,#ef4444)]", children: [totalCount, " issue", totalCount !== 1 ? "s" : ""] })] }), expanded && (_jsx("ul", { className: "flex flex-col gap-1", role: "list", children: Array.from(errors.entries()).map(([nodeId, nodeErrors]) => nodeErrors.map((error, i) => (_jsxs("li", { className: "flex items-start gap-1.5 text-[11px]", children: [_jsxs("span", { className: "shrink-0 font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: [nodeId, ":"] }), _jsx("span", { className: "text-[var(--stgm-destructive,#ef4444)]", children: error })] }, `${nodeId}-${i}`)))) }))] }));
+}
+// ---------------------------------------------------------------------------
+// Environment variables
+// ---------------------------------------------------------------------------
+function EnvVarsSection({ entries, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(SectionHeader, { children: "Environment variables" }), _jsx("div", { className: "flex flex-col gap-1", children: entries.map(([name, env]) => (_jsxs("div", { className: "flex items-baseline gap-2 text-[11px]", children: [_jsx("span", { className: "shrink-0 font-mono font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: name }), env.isSecret && (_jsx("span", { className: "rounded bg-[var(--stgm-warning,#f59e0b)]/10 px-1 text-[9px] font-medium text-[var(--stgm-warning,#f59e0b)]", children: "secret" })), env.optional && (_jsx("span", { className: "text-[var(--stgm-muted-foreground,#737373)]", children: "optional" })), env.description && (_jsx("span", { className: "truncate text-[var(--stgm-muted-foreground,#737373)]", title: env.description, children: env.description }))] }, name))) })] }));
+}
+// ---------------------------------------------------------------------------
+// Budget
+// ---------------------------------------------------------------------------
+function BudgetSection({ budget }) {
+    const items = [];
+    if (budget.maxCostMicros) {
+        items.push({ label: "Max cost", value: `$${(budget.maxCostMicros / 1_000_000).toFixed(2)}` });
+    }
+    if (budget.maxTotalTokens) {
+        items.push({ label: "Max tokens", value: budget.maxTotalTokens.toLocaleString() });
+    }
+    if (budget.maxDurationSeconds) {
+        const mins = Math.floor(budget.maxDurationSeconds / 60);
+        const secs = budget.maxDurationSeconds % 60;
+        items.push({ label: "Max duration", value: mins > 0 ? `${mins}m ${secs}s` : `${secs}s` });
+    }
+    if (budget.onExceeded) {
+        items.push({ label: "On exceeded", value: budget.onExceeded.replace(/_/g, " ") });
+    }
+    if (items.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(SectionHeader, { children: "Budget" }), _jsx("div", { className: "flex flex-col gap-1", children: items.map((item) => (_jsxs("div", { className: "flex items-baseline gap-2 text-[11px]", children: [_jsxs("span", { className: "shrink-0 text-[var(--stgm-muted-foreground,#737373)]", children: [item.label, ":"] }), _jsx("span", { className: "font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: item.value })] }, item.label))) })] }));
+}
+// ---------------------------------------------------------------------------
+// Shared
+// ---------------------------------------------------------------------------
+function SectionHeader({ children }) {
+    return (_jsx("h4", { className: "text-[11px] font-semibold uppercase tracking-wide text-[var(--stgm-muted-foreground,#737373)]", children: children }));
+}
+//# sourceMappingURL=WorkflowSummaryPanel.js.map

package/workflow/inspector/WorkflowSummaryPanel.js.map

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

package/workflow/inspector/forms/AgentCallForm.d.ts

@@ -0,0 +1,21 @@
+import type { WorkflowGraphNode } from "../../workflow-graph-model";
+/** Props for {@link AgentCallForm}. */
+export interface AgentCallFormProps {
+    readonly node: WorkflowGraphNode;
+    readonly onFieldChange: (fieldPath: string, value: unknown) => void;
+}
+/**
+ * Specialized configuration form for `agent_call` tasks.
+ *
+ * Organizes agent-specific fields into semantic sections: Agent identity,
+ * harness selection, message prompt, environment variables, execution
+ * config (model, timeout, temperature, cost cap), and structured output.
+ *
+ * Composes primitive field controls rather than rendering a generic
+ * schema form — following the research report guidance that "the forms
+ * should educate the user about the semantics of each step."
+ *
+ * @since T10 (Inspector Panel Refactor)
+ */
+export declare const AgentCallForm: import("react").NamedExoticComponent<AgentCallFormProps>;
+//# sourceMappingURL=AgentCallForm.d.ts.map

package/workflow/inspector/forms/AgentCallForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentCallForm.d.ts","sourceRoot":"","sources":["../../../../src/workflow/inspector/forms/AgentCallForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IACjC,QAAQ,CAAC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrE;AAKD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,0DA0PxB,CAAC"}