@stigmer/react 1.0.4 → 2.0.1

package/workflow/WorkflowDetailView.js

@@ -1,30 +1,45 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { cn } from "@stigmer/theme";
 import { timestampDate } from "@bufbuild/protobuf/wkt";
+import { ApiResourceVisibility } from "@stigmer/protos/ai/stigmer/commons/apiresource/enum_pb";
 import { ValidationState } from "@stigmer/protos/ai/stigmer/agentic/workflow/v1/serverless/validation_pb";
 import { useWorkflow } from "./useWorkflow";
-import { useWorkflowInstances } from "./useWorkflowInstances";
+import { useUpdateWorkflow } from "./useUpdateWorkflow";
+import { workflowToInput } from "./internal/workflowToInput";
 import { useWorkflowExecutionList } from "./useWorkflowExecutionList";
-import { WorkflowTaskList } from "./WorkflowTaskList";
-import { WorkflowExecutionPhaseBadge } from "./WorkflowExecutionPhaseBadge";
+import { useWorkflowDashboardSummary } from "./useWorkflowDashboardSummary";
+import { WorkflowOverviewGraph } from "./WorkflowOverviewGraph";
+import { WorkflowGraphFullscreenDialog } from "./WorkflowGraphFullscreenDialog";
+import { WorkflowOverviewSummary } from "./WorkflowOverviewSummary";
+import { WorkflowExplainDialog } from "./WorkflowExplainDialog";
+import { serializeWorkflowYaml } from "./serialize-workflow-yaml";
+import { WorkflowExecutionHistory } from "./execution-history/WorkflowExecutionHistory";
+import { WorkflowInstanceList } from "./instance/WorkflowInstanceList";
+import { WorkflowVersionsTab } from "./WorkflowVersionsTab";
+import { useWorkflowVersions } from "./useWorkflowVersions";
 import { ErrorMessage } from "../error/ErrorMessage";
+import { VisibilityToggle } from "../library/VisibilityToggle";
+import { formatDurationSec } from "./format-utils";
+import { PermissionGate } from "../iam-policy/PermissionGate";
 import { ResourceDetailShell } from "../resource-detail/ResourceDetailShell";
 import { Section } from "../resource-detail/Section";
 import { useDetailTabs } from "../resource-detail/useDetailTabs";
+import { InlineEditTextarea } from "../inline-edit/InlineEditTextarea";
+import { InlineEditKeyValue } from "../inline-edit/InlineEditKeyValue";
 const OVERVIEW_TAB = { id: "overview", label: "Overview" };
-const TASKS_TAB = { id: "tasks", label: "Tasks" };
 const INSTANCES_TAB = { id: "instances", label: "Instances" };
 const EXECUTIONS_TAB = { id: "executions", label: "Executions" };
+const VERSIONS_TAB = { id: "versions", label: "Versions" };
+const DESCRIPTION_COLLAPSED_HEIGHT = "8rem";
 /**
  * Operational detail hub for a Workflow blueprint.
  *
  * Fetches the workflow via {@link useWorkflow} internally and renders
  * its full specification inside a {@link ResourceDetailShell}:
  *
- * - **Overview**: Description, document metadata, budget summary, env vars
- * - **Tasks**: Task list with kind icons and sequential flow
+ * - **Overview**: Description, budget, env vars, task flow DAG, document metadata
  * - **Instances**: Environment-bound deployments (embedded, not standalone)
  * - **Executions**: Recent executions with phase badges and timing
  *
@@ -37,9 +52,35 @@ const EXECUTIONS_TAB = { id: "executions", label: "Executions" };
  * <WorkflowDetailView org="acme" slug="onboard-user" />
  * ```
  */
-export function WorkflowDetailView({ org, slug, onResourceLoad, primaryAction, actions, additionalTabs, activeTab, onTabChange, defaultTab, onExecutionClick, className, }) {
+export function WorkflowDetailView({ org, slug, onResourceLoad, onVisibilityChange, isVisibilityPending, primaryAction, actions, additionalTabs, activeTab, onTabChange, defaultTab, onExecutionClick, onCreateInstanceClick, onInstanceClick, onInstanceRunClick, onInstanceDeleteClick, instancesRefreshKey, editable = false, onResourceUpdated, onOpenInEditor, onViewLatestRun, className, }) {
     const { workflow, isLoading, error, refetch } = useWorkflow(org, slug);
-    const builtInTabs = useMemo(() => [OVERVIEW_TAB, TASKS_TAB, INSTANCES_TAB, EXECUTIONS_TAB], []);
+    const { update, isUpdating } = useUpdateWorkflow();
+    const { versions } = useWorkflowVersions(isLoading ? null : org, isLoading ? null : slug);
+    const saveField = useCallback(async (field, value) => {
+        if (!workflow)
+            return false;
+        const input = workflowToInput(workflow);
+        input[field] = value;
+        try {
+            const updated = await update(input);
+            onResourceUpdated?.(updated);
+            refetch();
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }, [workflow, update, onResourceUpdated, refetch]);
+    const versionCount = versions.length;
+    const builtInTabs = useMemo(() => [
+        OVERVIEW_TAB,
+        INSTANCES_TAB,
+        EXECUTIONS_TAB,
+        {
+            ...VERSIONS_TAB,
+            ...(versionCount > 0 && { badge: versionCount }),
+        },
+    ], [versionCount]);
     const { effectiveTabs, effectiveActiveTab, effectiveOnTabChange, activeAdditionalTab, } = useDetailTabs({
         builtInTabs,
         additionalTabs,
@@ -71,83 +112,114 @@ export function WorkflowDetailView({ org, slug, onResourceLoad, primaryAction, a
         id: meta?.id || "",
         org: meta?.org,
         slug: meta?.slug,
-        description: spec?.description,
+        description: undefined,
+        icon: _jsx(WorkflowIcon, { className: "size-6 text-muted-foreground" }),
         createdAt: specAudit?.createdAt ? timestampDate(specAudit.createdAt) : null,
         updatedAt: specAudit?.updatedAt ? timestampDate(specAudit.updatedAt) : null,
     };
     const validationState = workflow.status?.serverlessWorkflowValidation?.state;
     const headerMetaExtra = validationState ? (_jsx(ValidationIndicator, { state: validationState })) : undefined;
+    const visibilityBadge = meta?.visibility === ApiResourceVisibility.visibility_public ? (_jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: "Public" })) : undefined;
+    const visibilityControl = onVisibilityChange && meta ? (_jsx(PermissionGate, { resource: { kind: "workflow", id: meta.id }, relation: "can_edit", fallback: visibilityBadge, children: _jsx(VisibilityToggle, { visibility: meta.visibility, onVisibilityChange: onVisibilityChange, isPending: isVisibilityPending }) })) : visibilityBadge;
     let tabContent;
     if (activeAdditionalTab) {
         tabContent = activeAdditionalTab.content;
     }
-    else if (effectiveActiveTab === "tasks") {
-        tabContent = _jsx(TasksTab, { tasks: spec?.tasks ?? [] });
-    }
     else if (effectiveActiveTab === "instances") {
-        tabContent = _jsx(InstancesTab, { workflowId: meta?.id });
+        tabContent = (_jsx(WorkflowInstanceList, { workflowId: meta?.id ?? "", defaultInstanceId: workflow?.status?.defaultInstanceId, org: org, onCreateClick: onCreateInstanceClick, onInstanceClick: onInstanceClick, onRunClick: onInstanceRunClick, onDeleteClick: onInstanceDeleteClick, refreshKey: instancesRefreshKey }));
     }
     else if (effectiveActiveTab === "executions") {
-        tabContent = _jsx(ExecutionsTab, { workflowId: meta?.id, onExecutionClick: onExecutionClick });
+        tabContent = (_jsx(WorkflowExecutionHistory, { org: org, workflowId: meta?.id, onExecutionClick: onExecutionClick }));
+    }
+    else if (effectiveActiveTab === "versions") {
+        tabContent = _jsx(WorkflowVersionsTab, { workflow: workflow });
     }
     else {
-        tabContent = _jsx(OverviewTab, { workflow: workflow });
+        tabContent = (_jsx(OverviewTab, { workflow: workflow, org: org, editable: editable, isSaving: isUpdating, saveField: saveField, onOpenInEditor: onOpenInEditor, onViewLatestRun: onViewLatestRun, onExecutionClick: onExecutionClick }));
     }
-    return (_jsx(ResourceDetailShell, { header: headerMeta, headerMetaExtra: headerMetaExtra, primaryAction: primaryAction, actions: actions, tabs: effectiveTabs, activeTab: effectiveActiveTab, onTabChange: effectiveOnTabChange, tabsAriaLabel: "Workflow detail tabs", className: className, children: tabContent }));
+    return (_jsx(ResourceDetailShell, { header: headerMeta, visibilityControl: visibilityControl, headerMetaExtra: headerMetaExtra, primaryAction: primaryAction, actions: actions, tabs: effectiveTabs, activeTab: effectiveActiveTab, onTabChange: effectiveOnTabChange, tabsAriaLabel: "Workflow detail tabs", className: className, children: tabContent }));
 }
 // ---------------------------------------------------------------------------
 // Tab content components
 // ---------------------------------------------------------------------------
-function OverviewTab({ workflow }) {
+function OverviewTab({ workflow, org, editable, isSaving, saveField, onOpenInEditor, onViewLatestRun, onExecutionClick, }) {
     const spec = workflow.spec;
     const doc = spec?.document;
     const budget = spec?.budget;
     const envEntries = spec?.env ? Object.entries(spec.env) : [];
-    return (_jsxs("div", { className: "flex flex-col gap-6", children: [doc && (_jsx(Section, { title: "Document", children: _jsxs("div", { className: "divide-y divide-border", children: [_jsx(MetadataRow, { label: "DSL Version", value: doc.dsl }), _jsx(MetadataRow, { label: "Namespace", value: doc.namespace }), _jsx(MetadataRow, { label: "Name", value: doc.name }), _jsx(MetadataRow, { label: "Version", value: doc.version }), doc.description && (_jsx(MetadataRow, { label: "Description", value: doc.description }))] }) })), budget && hasBudget(budget) && (_jsx(Section, { title: "Budget", children: _jsxs("div", { className: "divide-y divide-border", children: [budget.maxCostMicros > 0 && (_jsx(MetadataRow, { label: "Max Cost", value: `$${(Number(budget.maxCostMicros) / 1_000_000).toFixed(2)}` })), budget.maxTotalTokens > 0 && (_jsx(MetadataRow, { label: "Max Tokens", value: Number(budget.maxTotalTokens).toLocaleString() })), budget.maxDurationSeconds > 0 && (_jsx(MetadataRow, { label: "Max Duration", value: formatDuration(budget.maxDurationSeconds) }))] }) })), envEntries.length > 0 && (_jsx(Section, { title: "Environment Variables", count: envEntries.length, children: _jsx("div", { className: "divide-y divide-border", children: envEntries.map(([key, decl]) => (_jsxs("div", { className: "flex items-center gap-3 px-4 py-2.5", children: [_jsx("code", { className: "shrink-0 text-xs font-medium text-foreground", children: key }), !decl.optional && (_jsx("span", { className: "shrink-0 rounded bg-destructive/10 px-1 py-0.5 text-[10px] font-medium text-destructive", children: "required" })), decl.description && (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: decl.description }))] }, key))) }) })), _jsx(Section, { title: "Tasks", count: spec?.tasks?.length, children: _jsx("div", { className: "p-4", children: _jsx(WorkflowTaskList, { tasks: spec?.tasks ?? [] }) }) })] }));
+    const showDescription = editable || !!spec?.description;
+    const showEnv = editable || envEntries.length > 0;
+    const [envEditing, setEnvEditing] = useState(false);
+    const [showExplain, setShowExplain] = useState(false);
+    const [graphExpanded, setGraphExpanded] = useState(false);
+    const workflowYaml = useMemo(() => {
+        try {
+            return serializeWorkflowYaml(workflow);
+        }
+        catch {
+            return "";
+        }
+    }, [workflow]);
+    const workflowId = workflow.metadata?.id;
+    const { summary, isLoading: summaryLoading } = useWorkflowDashboardSummary({
+        org,
+        workflowId: workflowId || undefined,
+    });
+    const { executions } = useWorkflowExecutionList({
+        workflowId,
+        pageSize: 1,
+    });
+    const latestExecId = executions[0]?.metadata?.id;
+    const handleEnvSave = useCallback(async (rows) => {
+        const env = {};
+        for (const row of rows) {
+            if (row.key.trim()) {
+                env[row.key.trim()] = {
+                    isSecret: row.isSecret || undefined,
+                    description: row.description || undefined,
+                    optional: row.optional || undefined,
+                };
+            }
+        }
+        return saveField?.("env", Object.keys(env).length > 0 ? env : undefined) ?? false;
+    }, [saveField]);
+    const envRows = useMemo(() => Object.entries(spec?.env ?? {})
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([key, decl]) => ({
+        key,
+        value: "",
+        isSecret: decl.isSecret,
+        description: decl.description,
+        optional: decl.optional,
+    })), [spec?.env]);
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(WorkflowOverviewSummary, { summary: summary, isLoading: summaryLoading }), (spec?.tasks?.length ?? 0) > 0 && (_jsxs(_Fragment, { children: [_jsx(Section, { title: "Task Flow", count: spec?.tasks?.length, headerActions: _jsx(ExpandButton, { onClick: () => setGraphExpanded(true) }), children: _jsx("div", { className: "h-[28rem]", children: _jsx(WorkflowOverviewGraph, { workflow: workflow, onOpenInEditor: onOpenInEditor, className: "h-full w-full rounded-sm bg-[var(--stgm-muted-subtle,#fafafa)]" }) }) }), _jsx(WorkflowGraphFullscreenDialog, { workflow: workflow, open: graphExpanded, onClose: () => setGraphExpanded(false), onOpenInEditor: onOpenInEditor })] })), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [onOpenInEditor && (_jsx(QuickActionButton, { label: "Edit workflow", onClick: () => onOpenInEditor(""), icon: _jsx(EditIcon, {}) })), latestExecId && onViewLatestRun && (_jsx(QuickActionButton, { label: "View latest run", onClick: () => onViewLatestRun(latestExecId), icon: _jsx(PlayIcon, {}) })), latestExecId && !onViewLatestRun && onExecutionClick && (_jsx(QuickActionButton, { label: "View latest run", onClick: () => onExecutionClick(latestExecId), icon: _jsx(PlayIcon, {}) })), workflowYaml && (_jsx(QuickActionButton, { label: "What does this workflow do?", onClick: () => setShowExplain(true), icon: _jsx(ExplainQuestionIcon, {}) }))] }), workflowYaml && (_jsx(WorkflowExplainDialog, { open: showExplain, onOpenChange: setShowExplain, org: org, currentYaml: workflowYaml })), showDescription && (_jsx(Section, { title: "Description", children: editable ? (_jsx("div", { className: "max-h-20 overflow-y-auto p-3", children: _jsx(InlineEditTextarea, { value: spec?.description || "", onSave: (v) => saveField?.("description", v || undefined) ?? Promise.resolve(false), isSaving: isSaving, placeholder: "Add a description", minRows: 2 }) })) : (_jsx(DescriptionContent, { text: spec?.description ?? "" })) })), budget && hasBudget(budget) && (_jsx(Section, { title: "Budget", children: _jsxs("div", { className: "divide-y divide-border", children: [budget.maxCostMicros > 0 && (_jsx(MetadataRow, { label: "Max Cost", value: `$${(Number(budget.maxCostMicros) / 1_000_000).toFixed(2)}` })), budget.maxTotalTokens > 0 && (_jsx(MetadataRow, { label: "Max Tokens", value: Number(budget.maxTotalTokens).toLocaleString() })), budget.maxDurationSeconds > 0 && (_jsx(MetadataRow, { label: "Max Duration", value: formatDurationSec(budget.maxDurationSeconds) }))] }) })), showEnv && (_jsx(Section, { title: "Environment Variables", count: envEntries.length, onEdit: editable ? () => setEnvEditing((v) => !v) : undefined, children: editable ? (_jsx(InlineEditKeyValue, { value: envRows, onSave: handleEnvSave, isSaving: isSaving, editing: envEditing, onEditingChange: setEnvEditing, showSecretToggle: true, showOptionalToggle: true, showDescription: true, keyLabel: "Variable name" })) : (_jsx("div", { className: "divide-y divide-border", children: envEntries.map(([key, decl]) => (_jsxs("div", { className: "flex items-center gap-3 px-4 py-2.5", children: [_jsx("code", { className: "shrink-0 text-xs font-medium text-foreground", children: key }), !decl.optional && (_jsx("span", { className: "shrink-0 rounded bg-destructive/10 px-1 py-0.5 text-[10px] font-medium text-destructive", children: "required" })), decl.description && (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: decl.description }))] }, key))) })) })), doc && (_jsx(Section, { title: "Document", children: _jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-1 px-4 py-2.5 text-xs text-muted-foreground", children: [_jsxs("span", { children: ["DSL ", doc.dsl] }), _jsx("span", { children: doc.namespace }), _jsxs("span", { children: ["v", doc.version] })] }) }))] }));
 }
-function TasksTab({ tasks, }) {
-    return (_jsx("div", { className: "rounded-lg border border-border p-4", children: _jsx(WorkflowTaskList, { tasks: tasks }) }));
+function QuickActionButton({ label, onClick, icon, }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium", "border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)]", "text-[var(--stgm-foreground,#1a1a2e)]", "hover:bg-[var(--stgm-accent,#f5f5f5)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--stgm-ring,#6366f1)]", "transition-colors"), children: [icon, label] }));
 }
-function InstancesTab({ workflowId }) {
-    const { instances, isLoading, error } = useWorkflowInstances(workflowId);
-    if (isLoading) {
-        return _jsx(TabLoadingSkeleton, {});
-    }
-    if (error) {
-        return (_jsx("div", { className: "py-8 text-center text-sm text-destructive", children: "Failed to load instances" }));
-    }
-    if (instances.length === 0) {
-        return (_jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: "No instances found. A default instance is created automatically with each workflow." }));
-    }
-    return (_jsx("div", { className: "overflow-hidden rounded-lg border border-border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border bg-muted/50", children: [_jsx("th", { className: "px-4 py-2 text-left font-medium text-muted-foreground", children: "Name" }), _jsx("th", { className: "px-4 py-2 text-left font-medium text-muted-foreground", children: "ID" })] }) }), _jsx("tbody", { className: "divide-y divide-border", children: instances.map((inst) => (_jsxs("tr", { className: "hover:bg-muted/30 transition-colors", children: [_jsx("td", { className: "px-4 py-2.5 font-medium text-foreground", children: inst.metadata?.name || inst.metadata?.slug || "—" }), _jsx("td", { className: "px-4 py-2.5", children: _jsx("code", { className: "text-xs text-muted-foreground", children: inst.metadata?.id || "—" }) })] }, inst.metadata?.id))) })] }) }));
+function EditIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M11.5 1.5l3 3L5 14H2v-3L11.5 1.5z" }) }));
 }
-function ExecutionsTab({ workflowId, onExecutionClick, }) {
-    const { executions, isLoading, error } = useWorkflowExecutionList({
-        workflowId,
-        pageSize: 10,
-    });
-    if (isLoading) {
-        return _jsx(TabLoadingSkeleton, {});
-    }
-    if (error) {
-        return (_jsx("div", { className: "py-8 text-center text-sm text-destructive", children: "Failed to load executions" }));
-    }
-    if (executions.length === 0) {
-        return (_jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: "No executions yet" }));
-    }
-    return (_jsx("div", { className: "overflow-hidden rounded-lg border border-border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border bg-muted/50", children: [_jsx("th", { className: "px-4 py-2 text-left font-medium text-muted-foreground", children: "Name" }), _jsx("th", { className: "px-4 py-2 text-left font-medium text-muted-foreground", children: "Phase" }), _jsx("th", { className: "px-4 py-2 text-left font-medium text-muted-foreground", children: "Started" })] }) }), _jsx("tbody", { className: "divide-y divide-border", children: executions.map((exec) => {
-                        const execId = exec.metadata?.id;
-                        const startedAt = exec.status?.audit?.specAudit?.createdAt;
-                        const clickable = !!onExecutionClick && !!execId;
-                        return (_jsxs("tr", { onClick: clickable ? () => onExecutionClick(execId) : undefined, role: clickable ? "link" : undefined, tabIndex: clickable ? 0 : undefined, onKeyDown: clickable
-                                ? (e) => {
-                                    if (e.key === "Enter" || e.key === " ") {
-                                        e.preventDefault();
-                                        onExecutionClick(execId);
-                                    }
-                                }
-                                : undefined, className: cn("transition-colors hover:bg-muted/30", clickable && "cursor-pointer"), children: [_jsx("td", { className: "px-4 py-2.5 font-medium text-foreground", children: exec.metadata?.name || exec.metadata?.slug || "—" }), _jsx("td", { className: "px-4 py-2.5", children: exec.status?.phase != null ? (_jsx(WorkflowExecutionPhaseBadge, { phase: exec.status.phase })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })) }), _jsx("td", { className: "px-4 py-2.5 text-xs text-muted-foreground", children: startedAt ? timestampDate(startedAt).toLocaleString() : "—" })] }, execId));
-                    }) })] }) }));
+function PlayIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("polygon", { points: "5,3 13,8 5,13" }) }));
+}
+function ExplainQuestionIcon() {
+    return (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "8", r: "6.5" }), _jsx("path", { d: "M6.5 6a1.5 1.5 0 1 1 1.5 1.5V9" }), _jsx("circle", { cx: "8", cy: "11.5", r: "0.5", fill: "currentColor" })] }));
+}
+function ExpandButton({ onClick }) {
+    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": "Expand task flow", className: cn("inline-flex size-6 items-center justify-center rounded-md text-muted-foreground", "hover:bg-accent-hover hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "transition-colors"), children: _jsxs("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("polyline", { points: "10,2 14,2 14,6" }), _jsx("polyline", { points: "6,14 2,14 2,10" }), _jsx("line", { x1: "14", y1: "2", x2: "9.5", y2: "6.5" }), _jsx("line", { x1: "2", y1: "14", x2: "6.5", y2: "9.5" })] }) }));
+}
+function DescriptionContent({ text }) {
+    const [expanded, setExpanded] = useState(false);
+    const contentRef = useRef(null);
+    const [overflows, setOverflows] = useState(false);
+    useEffect(() => {
+        const el = contentRef.current;
+        if (!el)
+            return;
+        setOverflows(el.scrollHeight > el.clientHeight);
+    }, [text]);
+    return (_jsxs("div", { className: "relative p-3", children: [_jsx("pre", { ref: contentRef, className: cn("whitespace-pre-wrap break-words text-sm text-foreground font-sans overflow-y-auto transition-[max-height] duration-200", !expanded && "overflow-hidden"), style: { maxHeight: expanded ? "none" : DESCRIPTION_COLLAPSED_HEIGHT }, children: text }), !expanded && overflows && (_jsx("div", { className: "pointer-events-none absolute inset-x-3 bottom-10 h-8 bg-gradient-to-t from-background to-transparent" })), overflows && (_jsx("button", { type: "button", onClick: () => setExpanded((v) => !v), className: "mt-2 text-xs font-medium text-primary transition-colors hover:text-primary-muted", children: expanded ? "Show less" : "Show more" }))] }));
 }
 // ---------------------------------------------------------------------------
 // Validation indicator
@@ -178,15 +250,6 @@ function hasBudget(budget) {
         Number(budget.maxTotalTokens ?? 0) > 0 ||
         (budget.maxDurationSeconds ?? 0) > 0);
 }
-function formatDuration(seconds) {
-    if (seconds < 60)
-        return `${seconds}s`;
-    if (seconds < 3600)
-        return `${Math.floor(seconds / 60)}m`;
-    const hours = Math.floor(seconds / 3600);
-    const mins = Math.floor((seconds % 3600) / 60);
-    return mins > 0 ? `${hours}h ${mins}m` : `${hours}h`;
-}
 // ---------------------------------------------------------------------------
 // Loading & empty states
 // ---------------------------------------------------------------------------
@@ -197,6 +260,12 @@ function TabLoadingSkeleton() {
     return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "h-8 w-full animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-8 w-full animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-8 w-3/4 animate-pulse rounded bg-muted" })] }));
 }
 function NotFoundState({ className }) {
-    return (_jsx("div", { className: cn("flex flex-col items-center justify-center py-16", className), children: _jsx("p", { className: "text-sm text-muted-foreground", children: "Workflow not found" }) }));
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center py-16", className), children: [_jsx(WorkflowIcon, { className: "size-10 text-muted-foreground-faint" }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Workflow not found" }), _jsx("p", { className: "text-xs text-muted-foreground-subtle", children: "This workflow doesn't exist or you don't have access to it." })] }));
+}
+// ---------------------------------------------------------------------------
+// Icons — inline SVGs following the SDK pattern (no icon library dependency)
+// ---------------------------------------------------------------------------
+function WorkflowIcon({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M3 3h4v4H3zM9 9h4v4H9z" }), _jsx("path", { d: "M7 5h2M5 7v2M11 7V5h-2" })] }));
 }
 //# sourceMappingURL=WorkflowDetailView.js.map

package/workflow/WorkflowDetailView.js.map

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

package/workflow/WorkflowDiffGraph.d.ts

@@ -0,0 +1,26 @@
+import type { NodeDiffEntry } from "./diff";
+/** Props for {@link WorkflowDiffGraph}. */
+export interface WorkflowDiffGraphProps {
+    /** YAML content of the original (before) workflow. Empty string for generate scenarios. */
+    readonly beforeYaml: string;
+    /** YAML content of the updated (after) workflow. */
+    readonly afterYaml: string;
+    /** Callback when a task node is clicked. */
+    readonly onTaskClick?: (taskName: string, entry: NodeDiffEntry) => void;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Read-only visual diff graph canvas for comparing two workflow versions.
+ *
+ * Reuses the same `WorkflowNode` / `NodeShell` rendering system from the
+ * visual editor, wrapped in diff mode context to show change badges and
+ * status highlighting instead of editing affordances.
+ *
+ * Follows the `WorkflowExecutionGraph` outer/inner pattern with
+ * `ReactFlowProvider`.
+ *
+ * @since T14 (AI-Assisted Workflow Creation)
+ */
+export declare const WorkflowDiffGraph: import("react").NamedExoticComponent<WorkflowDiffGraphProps>;
+//# sourceMappingURL=WorkflowDiffGraph.d.ts.map

package/workflow/WorkflowDiffGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowDiffGraph.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowDiffGraph.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,2FAA2F;IAC3F,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACxE,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAcD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB,8DAQ5B,CAAC"}

package/workflow/WorkflowDiffGraph.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useRef } from "react";
+import { ReactFlow, Controls, Background, BackgroundVariant, MarkerType, useReactFlow, ReactFlowProvider, } from "@xyflow/react";
+import { cn } from "@stigmer/theme";
+import { WorkflowNode } from "./WorkflowNode";
+import { CanvasTransitionEdge } from "./CanvasTransitionEdge";
+import { CANVAS_TASK_NODE_TYPE, CANVAS_TRANSITION_EDGE_TYPE } from "./workflow-graph-conversions";
+import { WorkflowGraphModeProvider } from "./WorkflowGraphModeContext";
+import { useWorkflowDiffGraph } from "./useWorkflowDiffGraph";
+import { DiffSummaryBar } from "./diff";
+const nodeTypes = {
+    [CANVAS_TASK_NODE_TYPE]: WorkflowNode,
+};
+const edgeTypes = {
+    [CANVAS_TRANSITION_EDGE_TYPE]: CanvasTransitionEdge,
+};
+const defaultEdgeOptions = {
+    markerEnd: { type: MarkerType.ArrowClosed, width: 16, height: 16 },
+};
+/**
+ * Read-only visual diff graph canvas for comparing two workflow versions.
+ *
+ * Reuses the same `WorkflowNode` / `NodeShell` rendering system from the
+ * visual editor, wrapped in diff mode context to show change badges and
+ * status highlighting instead of editing affordances.
+ *
+ * Follows the `WorkflowExecutionGraph` outer/inner pattern with
+ * `ReactFlowProvider`.
+ *
+ * @since T14 (AI-Assisted Workflow Creation)
+ */
+export const WorkflowDiffGraph = memo(function WorkflowDiffGraph(props) {
+    return (_jsx(ReactFlowProvider, { children: _jsx(WorkflowDiffGraphInner, { ...props }) }));
+});
+function WorkflowDiffGraphInner({ beforeYaml, afterYaml, onTaskClick, className, }) {
+    const { nodes, edges, diff, error, selectedTaskName, setSelectedTaskName, } = useWorkflowDiffGraph({ beforeYaml, afterYaml });
+    const { fitView } = useReactFlow();
+    const didFitRef = useRef(false);
+    useEffect(() => {
+        if (nodes.length > 0 && !didFitRef.current) {
+            didFitRef.current = true;
+            setTimeout(() => fitView({ padding: 0.15, duration: 300 }), 50);
+        }
+    }, [nodes.length, fitView]);
+    const handleNodeClick = useCallback((_event, node) => {
+        const data = node.data;
+        if (data.isSentinel)
+            return;
+        const name = data.taskName;
+        const next = name === selectedTaskName ? null : name;
+        setSelectedTaskName(next);
+        if (next && onTaskClick && diff) {
+            const entry = diff.nodes.get(node.id);
+            if (entry)
+                onTaskClick(next, entry);
+        }
+    }, [selectedTaskName, setSelectedTaskName, onTaskClick, diff]);
+    const handlePaneClick = useCallback(() => {
+        setSelectedTaskName(null);
+    }, [setSelectedTaskName]);
+    const nodesWithSelection = useMemo(() => nodes.map((n) => ({
+        ...n,
+        selected: n.data.taskName === selectedTaskName,
+    })), [nodes, selectedTaskName]);
+    if (error) {
+        return (_jsx("div", { className: cn("flex h-full flex-col items-center justify-center gap-2 px-6 text-center", className), children: _jsx("p", { className: "text-sm text-[var(--stgm-muted-foreground,#737373)]", children: error }) }));
+    }
+    if (nodes.length === 0) {
+        return (_jsx("div", { className: cn("flex h-full items-center justify-center text-sm text-[var(--stgm-muted-foreground,#737373)]", className), children: "No changes to display" }));
+    }
+    return (_jsx(WorkflowGraphModeProvider, { mode: "diff", children: _jsxs("div", { className: cn("relative h-full w-full", className), children: [diff && (_jsx("div", { className: "absolute left-3 top-3 z-50", children: _jsx(DiffSummaryBar, { diff: diff }) })), _jsxs(ReactFlow, { nodes: nodesWithSelection, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, defaultEdgeOptions: defaultEdgeOptions, onNodeClick: handleNodeClick, onPaneClick: handlePaneClick, nodesDraggable: false, nodesConnectable: false, elementsSelectable: true, panOnDrag: true, zoomOnScroll: true, fitView: false, minZoom: 0.2, maxZoom: 2, proOptions: { hideAttribution: true }, children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 16, size: 1 }), _jsx(Controls, { showInteractive: false })] })] }) }));
+}
+//# sourceMappingURL=WorkflowDiffGraph.js.map

package/workflow/WorkflowDiffGraph.js.map

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

package/workflow/WorkflowEditorView.d.ts

@@ -1,3 +1,4 @@
+import type { LayoutEngine } from "./layout";
 /** Props for {@link WorkflowEditorView}. */
 export interface WorkflowEditorViewProps {
     /** The initial YAML content to load into the editor. */
@@ -12,6 +13,12 @@ export interface WorkflowEditorViewProps {
     readonly defaultMode?: WorkflowEditorMode;
     /** Additional CSS class names for the root container. */
     readonly className?: string;
+    /**
+     * Layout engine for the visual canvas "Auto Layout" action.
+     * Pass the result of {@link useElkLayoutEngine} for ELK-powered layout.
+     * When omitted, dagre is used as the default.
+     */
+    readonly layoutEngine?: LayoutEngine | null;
 }
 /**
  * Composed workflow YAML editor with live topology graph preview.

package/workflow/WorkflowEditorView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowEditorView.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowEditorView.tsx"],"names":[],"mappings":"AAWA,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gCAAgC;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9C,iDAAiD;IACjD,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAC1C,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,4CAA4C;AAC5C,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,eAAO,MAAM,kBAAkB,+DA2R7B,CAAC"}
+{"version":3,"file":"WorkflowEditorView.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowEditorView.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAK7C,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gCAAgC;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9C,iDAAiD;IACjD,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAC1C,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,4CAA4C;AAC5C,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,eAAO,MAAM,kBAAkB,+DAoW7B,CAAC"}