@stigmer/react 0.5.1 → 1.0.1

package/workflow/WorkflowInspectorPanel.js

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

package/workflow/WorkflowInspectorPanel.js.map

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

package/workflow/WorkflowRefinePanel.d.ts

@@ -0,0 +1,30 @@
+/** Props for {@link WorkflowRefinePanel}. */
+export interface WorkflowRefinePanelProps {
+    /** Organization slug for refinement context. */
+    readonly org: string;
+    /** Current workflow YAML from the editor. */
+    readonly currentYaml: string;
+    /** Called when the user accepts a refinement. Receives the updated YAML. */
+    readonly onAccept: (yaml: string) => void;
+    /** Called when the panel should close. */
+    readonly onClose: () => void;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Side panel for agent-powered iterative workflow refinement.
+ *
+ * Renders inside the editor's right pane (replacing the topology graph
+ * in code mode, or as a sidebar in visual mode). Layout:
+ *
+ * 1. **Header** — title + close button
+ * 2. **MessageThread** — streaming agent conversation (all turns)
+ * 3. **Result strip** — diff preview + accept/discard (when YAML extracted)
+ * 4. **Composer** — textarea + send button (pinned to bottom)
+ *
+ * Powered by the Workflow Architect system agent via
+ * {@link useRefineWorkflowFlow}. Styled via `--stgm-*` design tokens.
+ * Zero console dependencies (DD-004).
+ */
+export declare function WorkflowRefinePanel({ org, currentYaml, onAccept, onClose, className, }: WorkflowRefinePanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowRefinePanel.d.ts.map

package/workflow/WorkflowRefinePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRefinePanel.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowRefinePanel.tsx"],"names":[],"mappings":"AAQA,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,gDAAgD;IAChD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,0CAA0C;IAC1C,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AASD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,wBAAwB,2CA2L1B"}

package/workflow/WorkflowRefinePanel.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { useRefineWorkflowFlow } from "./useRefineWorkflowFlow";
+import { MessageThread } from "../execution/MessageThread";
+import { computeUnifiedDiff } from "./workflow-yaml-diff";
+const COMPOSER_ENABLED_PHASES = new Set([
+    "idle",
+    "ready",
+    "complete",
+    "error",
+]);
+/**
+ * Side panel for agent-powered iterative workflow refinement.
+ *
+ * Renders inside the editor's right pane (replacing the topology graph
+ * in code mode, or as a sidebar in visual mode). Layout:
+ *
+ * 1. **Header** — title + close button
+ * 2. **MessageThread** — streaming agent conversation (all turns)
+ * 3. **Result strip** — diff preview + accept/discard (when YAML extracted)
+ * 4. **Composer** — textarea + send button (pinned to bottom)
+ *
+ * Powered by the Workflow Architect system agent via
+ * {@link useRefineWorkflowFlow}. Styled via `--stgm-*` design tokens.
+ * Zero console dependencies (DD-004).
+ */
+export function WorkflowRefinePanel({ org, currentYaml, onAccept, onClose, className, }) {
+    const [instruction, setInstruction] = useState("");
+    const scrollRef = useRef(null);
+    const flow = useRefineWorkflowFlow({
+        org,
+        currentYaml,
+        onError: () => {
+            /* Error is displayed inline via flow.error */
+        },
+    });
+    const composerEnabled = COMPOSER_ENABLED_PHASES.has(flow.phase);
+    const hasConversation = flow.completedExecutions.length > 0 || flow.activeExecution !== null;
+    // -------------------------------------------------------------------------
+    // Handlers
+    // -------------------------------------------------------------------------
+    const handleSend = useCallback(async () => {
+        const trimmed = instruction.trim();
+        if (trimmed.length < 5)
+            return;
+        setInstruction("");
+        await flow.sendInstruction(trimmed);
+        requestAnimationFrame(() => {
+            scrollRef.current?.scrollTo({
+                top: scrollRef.current.scrollHeight,
+                behavior: "smooth",
+            });
+        });
+    }, [flow.sendInstruction, instruction]);
+    const handleAccept = useCallback(() => {
+        const yaml = flow.acceptResult();
+        if (yaml) {
+            onAccept(yaml);
+        }
+    }, [flow.acceptResult, onAccept]);
+    const handleDiscard = useCallback(() => {
+        flow.discardResult();
+    }, [flow.discardResult]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+            e.preventDefault();
+            handleSend();
+        }
+    }, [handleSend]);
+    // -------------------------------------------------------------------------
+    // Render
+    // -------------------------------------------------------------------------
+    return (_jsxs("div", { className: cn("flex h-full flex-col border-l border-border bg-background", className), role: "complementary", "aria-label": "Workflow refinement panel", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(SparklesIcon, {}), _jsx("h3", { className: "text-xs font-semibold text-foreground", children: "Refine with AI" }), flow.isStreaming && (_jsxs("span", { className: "inline-flex items-center gap-1 text-[0.65rem] text-muted-foreground", children: [_jsx(SpinnerIcon, { size: 10 }), "Working\u2026"] }))] }), _jsx("button", { type: "button", onClick: onClose, className: "rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground", "aria-label": "Close refinement panel", children: _jsx(CloseIcon, {}) })] }), _jsxs("div", { ref: scrollRef, className: "flex min-h-0 flex-1 flex-col overflow-y-auto", children: [!hasConversation && flow.phase === "idle" && (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-4 py-8 text-center", children: [_jsx(SparklesIcon, {}), _jsx("p", { className: "text-xs text-muted-foreground", children: "Describe the changes you want and the Workflow Architect agent will refine your workflow definition." })] })), flow.phase === "starting" && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-8", children: [_jsx(SpinnerIcon, {}), _jsx("p", { className: "text-xs text-muted-foreground", children: "Starting Workflow Architect\u2026" })] })), hasConversation && (_jsx(MessageThread, { executions: flow.completedExecutions, activeStreamExecution: flow.activeExecution, pendingUserMessage: flow.phase === "starting" ? instruction || undefined : undefined, className: "flex-1" })), flow.error && flow.phase === "error" && (_jsx("div", { className: "mx-3 mt-3 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", role: "alert", children: flow.error }))] }), flow.phase === "complete" && flow.extractedYaml && (_jsx(ResultStrip, { extractedYaml: flow.extractedYaml, explanation: flow.explanation, beforeYaml: currentYaml, onAccept: handleAccept, onDiscard: handleDiscard })), _jsxs("div", { className: "border-t border-border p-3", children: [_jsx("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value), onKeyDown: handleKeyDown, placeholder: "What would you like to change?", disabled: !composerEnabled, rows: 3, className: cn("w-full resize-none rounded-md border border-input bg-background px-2.5 py-1.5 text-sm text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50") }), _jsxs("div", { className: "mt-2 flex items-center justify-between", children: [_jsxs("p", { className: "text-[0.65rem] text-muted-foreground", children: ["\u2318", "+Enter to submit"] }), _jsx("button", { type: "button", onClick: handleSend, disabled: !composerEnabled || instruction.trim().length < 5, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary/90", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-40"), children: "Send" })] })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Result Strip — diff preview with accept/discard actions
+// ---------------------------------------------------------------------------
+function ResultStrip({ extractedYaml, explanation, beforeYaml, onAccept, onDiscard, }) {
+    const diffLines = computeUnifiedDiff(beforeYaml, extractedYaml);
+    const hasChanges = diffLines.some((l) => l.type !== "equal");
+    return (_jsxs("div", { className: "border-t border-border px-3 py-3", "aria-live": "polite", children: [explanation && (_jsxs("div", { className: "mb-3", children: [_jsx("h4", { className: "mb-1 text-[0.65rem] font-medium uppercase tracking-wider text-muted-foreground", children: "Changes" }), _jsx("p", { className: "text-xs leading-relaxed text-foreground", children: explanation })] })), hasChanges && (_jsxs("div", { className: "mb-3", children: [_jsx("h4", { className: "mb-1 text-[0.65rem] font-medium uppercase tracking-wider text-muted-foreground", children: "Diff" }), _jsx(DiffPreview, { lines: diffLines })] })), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: onAccept, className: cn("flex-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary/90", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Accept" }), _jsx("button", { type: "button", onClick: onDiscard, className: cn("flex-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Discard" })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Diff Preview
+// ---------------------------------------------------------------------------
+function DiffPreview({ lines }) {
+    const filteredLines = lines.filter((l) => l.type !== "equal" || l.content.trim() !== "");
+    if (filteredLines.length > 200) {
+        return (_jsx("p", { className: "text-[0.7rem] text-muted-foreground", children: "Diff is too large to display. Accept to see the updated YAML." }));
+    }
+    return (_jsx("pre", { className: "max-h-60 overflow-auto rounded-md border border-border text-[0.7rem] leading-relaxed", children: lines.map((line, i) => (_jsxs("div", { className: cn("px-2", line.type === "added" && "bg-success/10 text-success", line.type === "removed" && "bg-destructive/10 text-destructive", line.type === "equal" && "text-muted-foreground"), children: [_jsx("span", { className: "mr-2 inline-block w-3 select-none text-right opacity-60", children: line.type === "added" ? "+" : line.type === "removed" ? "-" : " " }), line.content] }, i))) }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function SparklesIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M8 2l1.5 4.5L14 8l-4.5 1.5L8 14l-1.5-4.5L2 8l4.5-1.5z" }) }));
+}
+function CloseIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) }));
+}
+function SpinnerIcon({ size = 14 }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=WorkflowRefinePanel.js.map

package/workflow/WorkflowRefinePanel.js.map

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

package/workflow/WorkflowRepairCard.d.ts

@@ -0,0 +1,35 @@
+/** Props for {@link WorkflowRepairCard}. */
+export interface WorkflowRepairCardProps {
+    /** ID of the failed workflow execution to diagnose. */
+    readonly executionId: string;
+    /** Organization slug for authorization and resource context. */
+    readonly org: string;
+    /** Current workflow YAML for diff computation (optional). */
+    readonly currentWorkflowYaml?: string;
+    /**
+     * Called when the user clicks "Apply Fix". Receives the suggested YAML.
+     * The host application handles navigation to the workflow editor (DD-004).
+     */
+    readonly onApplyFix?: (yaml: string) => void;
+    /** Called when the panel should close. */
+    readonly onClose?: () => void;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Panel component that displays agent-powered diagnosis of a failed workflow
+ * execution. Designed for the execution viewer's right panel (AD-B5-001).
+ *
+ * Layout:
+ * 1. Header — "AI Diagnosis" title with sparkles icon + close button
+ * 2. Message area — `MessageThread` showing the agent conversation
+ * 3. Result strip (conditional) — fix explanation, diff preview, Apply Fix / Discard
+ * 4. Follow-up composer (pinned to bottom) — text input for additional questions
+ *
+ * Auto-starts diagnosis on mount (AD-B5-002). Supports multi-turn
+ * follow-up questions within the same session (AD-B5-003).
+ *
+ * Styled via `--stgm-*` design tokens. Zero console dependencies (DD-004).
+ */
+export declare function WorkflowRepairCard({ executionId, org, currentWorkflowYaml, onApplyFix, onClose, className, }: WorkflowRepairCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowRepairCard.d.ts.map

package/workflow/WorkflowRepairCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRepairCard.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowRepairCard.tsx"],"names":[],"mappings":"AAQA,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,gEAAgE;IAChE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,0CAA0C;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAQD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,GAAG,EACH,mBAAmB,EACnB,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,uBAAuB,2CA2MzB"}

package/workflow/WorkflowRepairCard.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { useDiagnoseExecutionFlow } from "./useDiagnoseExecutionFlow";
+import { MessageThread } from "../execution/MessageThread";
+import { computeUnifiedDiff } from "./workflow-yaml-diff";
+const COMPOSER_ENABLED_PHASES = new Set([
+    "ready",
+    "complete",
+    "error",
+]);
+/**
+ * Panel component that displays agent-powered diagnosis of a failed workflow
+ * execution. Designed for the execution viewer's right panel (AD-B5-001).
+ *
+ * Layout:
+ * 1. Header — "AI Diagnosis" title with sparkles icon + close button
+ * 2. Message area — `MessageThread` showing the agent conversation
+ * 3. Result strip (conditional) — fix explanation, diff preview, Apply Fix / Discard
+ * 4. Follow-up composer (pinned to bottom) — text input for additional questions
+ *
+ * Auto-starts diagnosis on mount (AD-B5-002). Supports multi-turn
+ * follow-up questions within the same session (AD-B5-003).
+ *
+ * Styled via `--stgm-*` design tokens. Zero console dependencies (DD-004).
+ */
+export function WorkflowRepairCard({ executionId, org, currentWorkflowYaml, onApplyFix, onClose, className, }) {
+    const [followUp, setFollowUp] = useState("");
+    const scrollRef = useRef(null);
+    const flow = useDiagnoseExecutionFlow({
+        executionId,
+        org,
+        currentWorkflowYaml,
+        autoStart: true,
+        onError: () => {
+            /* Error is displayed inline via flow.error */
+        },
+    });
+    const composerEnabled = COMPOSER_ENABLED_PHASES.has(flow.phase);
+    const hasConversation = flow.completedExecutions.length > 0 || flow.activeExecution !== null;
+    // ---------------------------------------------------------------------------
+    // Handlers
+    // ---------------------------------------------------------------------------
+    const handleSendFollowUp = useCallback(async () => {
+        const trimmed = followUp.trim();
+        if (trimmed.length < 5)
+            return;
+        setFollowUp("");
+        await flow.sendFollowUp(trimmed);
+        requestAnimationFrame(() => {
+            scrollRef.current?.scrollTo({
+                top: scrollRef.current.scrollHeight,
+                behavior: "smooth",
+            });
+        });
+    }, [flow.sendFollowUp, followUp]);
+    const handleApplyFix = useCallback(() => {
+        const yaml = flow.acceptFix();
+        if (yaml && onApplyFix) {
+            onApplyFix(yaml);
+        }
+    }, [flow.acceptFix, onApplyFix]);
+    const handleDiscard = useCallback(() => {
+        flow.discardFix();
+    }, [flow.discardFix]);
+    const handleRetry = useCallback(() => {
+        flow.reset();
+    }, [flow.reset]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+            e.preventDefault();
+            handleSendFollowUp();
+        }
+    }, [handleSendFollowUp]);
+    // ---------------------------------------------------------------------------
+    // Render
+    // ---------------------------------------------------------------------------
+    return (_jsxs("div", { className: cn("flex h-full flex-col bg-background", className), role: "complementary", "aria-label": "Workflow diagnosis panel", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(SparklesIcon, {}), _jsx("h3", { className: "text-xs font-semibold text-foreground", children: "AI Diagnosis" }), flow.isStreaming && (_jsxs("span", { className: "inline-flex items-center gap-1 text-[0.65rem] text-muted-foreground", children: [_jsx(SpinnerIcon, { size: 10 }), "Analyzing\u2026"] }))] }), onClose && (_jsx("button", { type: "button", onClick: onClose, className: "rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground", "aria-label": "Close diagnosis panel", children: _jsx(CloseIcon, {}) }))] }), _jsxs("div", { ref: scrollRef, className: "flex min-h-0 flex-1 flex-col overflow-y-auto", children: [flow.phase === "starting" && !hasConversation && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-8", children: [_jsx(SpinnerIcon, {}), _jsx("p", { className: "text-xs text-muted-foreground", children: "Starting Workflow Architect\u2026" })] })), hasConversation && (_jsx(MessageThread, { executions: flow.completedExecutions, activeStreamExecution: flow.activeExecution, className: "flex-1" })), flow.error && flow.phase === "error" && (_jsxs("div", { className: "mx-3 mt-3 space-y-2", children: [_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", role: "alert", children: flow.error }), _jsx("button", { type: "button", onClick: handleRetry, className: cn("w-full rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground"), children: "Try Again" })] }))] }), flow.phase === "complete" && flow.extractedYaml && (_jsx(ResultStrip, { extractedYaml: flow.extractedYaml, explanation: flow.explanation, beforeYaml: currentWorkflowYaml, onApplyFix: onApplyFix ? handleApplyFix : undefined, onDiscard: handleDiscard })), flow.phase === "ready" && !flow.extractedYaml && flow.completedExecutions.length > 0 && (_jsx("div", { className: "border-t border-border px-3 py-2", children: _jsx("div", { className: "rounded-md border border-border bg-muted/50 px-2.5 py-2 text-[0.7rem] text-muted-foreground", children: "No workflow definition changes are needed. Check the analysis above for remediation steps." }) })), _jsxs("div", { className: "border-t border-border p-3", children: [_jsx("textarea", { value: followUp, onChange: (e) => setFollowUp(e.target.value), onKeyDown: handleKeyDown, placeholder: "Ask a follow-up question...", disabled: !composerEnabled, rows: 2, className: cn("w-full resize-none rounded-md border border-input bg-background px-2.5 py-1.5 text-sm text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50") }), _jsxs("div", { className: "mt-2 flex items-center justify-between", children: [_jsxs("p", { className: "text-[0.65rem] text-muted-foreground", children: ["\u2318", "+Enter to send"] }), _jsx("button", { type: "button", onClick: handleSendFollowUp, disabled: !composerEnabled || followUp.trim().length < 5, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary/90", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-40"), children: "Send" })] })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Result Strip — diff preview with apply/discard actions
+// ---------------------------------------------------------------------------
+function ResultStrip({ extractedYaml, explanation, beforeYaml, onApplyFix, onDiscard, }) {
+    const diffLines = beforeYaml
+        ? computeUnifiedDiff(beforeYaml, extractedYaml)
+        : null;
+    const hasChanges = diffLines?.some((l) => l.type !== "equal") ?? false;
+    return (_jsxs("div", { className: "border-t border-border px-3 py-3", "aria-live": "polite", children: [explanation && (_jsxs("div", { className: "mb-3", children: [_jsx("h4", { className: "mb-1 text-[0.65rem] font-medium uppercase tracking-wider text-muted-foreground", children: "Suggested Fix" }), _jsx("p", { className: "text-xs leading-relaxed text-foreground", children: explanation })] })), hasChanges && diffLines && (_jsxs("div", { className: "mb-3", children: [_jsx("h4", { className: "mb-1 text-[0.65rem] font-medium uppercase tracking-wider text-muted-foreground", children: "Diff" }), _jsx(DiffPreview, { lines: diffLines })] })), _jsxs("div", { className: "flex gap-2", children: [onApplyFix && (_jsx("button", { type: "button", onClick: onApplyFix, className: cn("flex-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary/90", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Apply Fix" })), _jsx("button", { type: "button", onClick: onDiscard, className: cn("flex-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Discard" })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Diff Preview
+// ---------------------------------------------------------------------------
+function DiffPreview({ lines }) {
+    const filteredLines = lines.filter((l) => l.type !== "equal" || l.content.trim() !== "");
+    if (filteredLines.length > 200) {
+        return (_jsx("p", { className: "text-[0.7rem] text-muted-foreground", children: "Diff is too large to display. Apply the fix to see the updated YAML." }));
+    }
+    return (_jsx("pre", { className: "max-h-60 overflow-auto rounded-md border border-border text-[0.7rem] leading-relaxed", children: lines.map((line, i) => (_jsxs("div", { className: cn("px-2", line.type === "added" && "bg-success/10 text-success", line.type === "removed" && "bg-destructive/10 text-destructive", line.type === "equal" && "text-muted-foreground"), children: [_jsx("span", { className: "mr-2 inline-block w-3 select-none text-right opacity-60", children: line.type === "added" ? "+" : line.type === "removed" ? "-" : " " }), line.content] }, i))) }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function SparklesIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M8 2l1.5 4.5L14 8l-4.5 1.5L8 14l-1.5-4.5L2 8l4.5-1.5z" }) }));
+}
+function CloseIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) }));
+}
+function SpinnerIcon({ size = 14 }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=WorkflowRepairCard.js.map

package/workflow/WorkflowRepairCard.js.map

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

package/workflow/WorkflowRunDialog.d.ts

@@ -0,0 +1,51 @@
+import type { Workflow } from "@stigmer/protos/ai/stigmer/agentic/workflow/v1/api_pb";
+import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
+/** Props for {@link WorkflowRunDialog}. */
+export interface WorkflowRunDialogProps {
+    /** Whether the dialog is open. */
+    readonly open: boolean;
+    /** Called when the dialog should close (cancel, backdrop click, Escape). */
+    readonly onOpenChange: (open: boolean) => void;
+    /** Organization slug that owns the workflow. */
+    readonly org: string;
+    /** The workflow blueprint to run. */
+    readonly workflow: Workflow;
+    /** Available workflow instances for the instance selector. */
+    readonly instances: readonly WorkflowInstance[];
+    /**
+     * Called after the execution is created successfully.
+     * Receives the execution ID — use for navigation.
+     */
+    readonly onSuccess: (executionId: string) => void;
+    /**
+     * Called when submission fails. Receives a human-readable message.
+     * Use for toast notifications.
+     */
+    readonly onError?: (message: string) => void;
+}
+/**
+ * Dialog for running a workflow execution.
+ *
+ * Composes {@link useRunWorkflowFlow} with {@link WorkflowRunForm}
+ * inside a native `<dialog>` element. Manages the full lifecycle:
+ * form fields, validation, submission, error display, and close.
+ *
+ * Uses the same `<dialog>` + `showModal()` pattern as
+ * {@link ConfirmDialog} — built-in focus trapping, Escape key
+ * handling, and backdrop. Styled via `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowRunDialog
+ *   open={showRunDialog}
+ *   onOpenChange={setShowRunDialog}
+ *   org="acme"
+ *   workflow={workflow}
+ *   instances={instances}
+ *   onSuccess={(id) => router.push(`/workflows/executions/${id}`)}
+ *   onError={(msg) => toast.error(msg)}
+ * />
+ * ```
+ */
+export declare function WorkflowRunDialog({ open, onOpenChange, org, workflow, instances, onSuccess, onError, }: WorkflowRunDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowRunDialog.d.ts.map

package/workflow/WorkflowRunDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRunDialog.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowRunDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uDAAuD,CAAC;AACtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAC;AAItG,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,kCAAkC;IAClC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,gDAAgD;IAChD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAChD;;;OAGG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,GAAG,EACH,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE,sBAAsB,2CAoIxB"}