@xyne/workflow-ui 0.3.0 → 0.4.1

package/dist/components/builder/v3/AiBuilderPanel.d.ts

@@ -0,0 +1,12 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+import type { AiBuilderClient } from '@xyne/workflow-sdk/ai-builder';
+export interface AiBuilderPanelProps {
+    isOpen: boolean;
+    currentConfig: WorkflowConfig;
+    client: AiBuilderClient;
+    onApplyConfig: (config: WorkflowConfig) => void;
+    onSave?: (config: WorkflowConfig, summary: string | null) => Promise<void>;
+    onClose: () => void;
+}
+export declare function AiBuilderPanel({ isOpen, currentConfig, client, onApplyConfig, onSave, onClose, }: AiBuilderPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=AiBuilderPanel.d.ts.map

package/dist/components/builder/v3/AiBuilderPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiBuilderPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/AiBuilderPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIrE,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,cAAc,CAAC;IAC9B,MAAM,EAAE,eAAe,CAAC;IACxB,aAAa,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,MAAM,EACN,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,+BAwUrB"}

package/dist/components/builder/v3/AiBuilderPanel.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useAiBuilder } from '../../../hooks/use-ai-builder.js';
+import { cn } from '../../shared/cn.js';
+export function AiBuilderPanel({ isOpen, currentConfig, client, onApplyConfig, onSave, onClose, }) {
+    const { messages, pendingPatch, isLoading, error, send, clearPatch, reset } = useAiBuilder(client);
+    const [draft, setDraft] = useState('');
+    const [isSaving, setIsSaving] = useState(false);
+    const [isUploading, setIsUploading] = useState(false);
+    const [attachedFile, setAttachedFile] = useState(null);
+    const messagesEndRef = useRef(null);
+    const textareaRef = useRef(null);
+    const fileInputRef = useRef(null);
+    // Auto-apply and save as soon as the AI returns a patch
+    useEffect(() => {
+        if (!pendingPatch)
+            return;
+        const patch = pendingPatch;
+        clearPatch(); // clear first so effect doesn't re-fire
+        onApplyConfig(patch);
+        if (onSave) {
+            setIsSaving(true);
+            void onSave(patch, null).catch((err) => {
+                console.warn('[AiBuilderPanel] save failed (canvas still updated):', err);
+            }).finally(() => setIsSaving(false));
+        }
+    }, [pendingPatch, onApplyConfig, onSave, clearPatch]);
+    // Auto-scroll to latest message
+    useEffect(() => {
+        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+    }, [messages]);
+    // Focus textarea when panel opens
+    useEffect(() => {
+        if (isOpen) {
+            setTimeout(() => textareaRef.current?.focus(), 180);
+        }
+    }, [isOpen]);
+    const handleSend = useCallback(async () => {
+        const userText = draft.trim();
+        if (!userText && !attachedFile)
+            return;
+        if (isLoading)
+            return;
+        let messageText = userText;
+        if (attachedFile) {
+            const intro = userText || 'Generate a workflow from this document.';
+            messageText = `${intro}\n\n<document name="${attachedFile.name}">\n${attachedFile.text}\n</document>`;
+        }
+        setDraft('');
+        setAttachedFile(null);
+        await send(messageText, currentConfig);
+    }, [draft, attachedFile, isLoading, send, currentConfig]);
+    const handleFileSelect = useCallback(async (e) => {
+        const file = e.target.files?.[0];
+        if (!file)
+            return;
+        e.target.value = '';
+        setIsUploading(true);
+        try {
+            let text;
+            if (file.name.endsWith('.md') || file.name.endsWith('.json') || file.name.endsWith('.txt') || file.type === 'text/markdown' || file.type === 'text/plain' || file.type === 'application/json') {
+                text = await file.text();
+            }
+            else {
+                const form = new FormData();
+                form.append('file', file);
+                const res = await fetch(`${client.baseUrl}/api/parse-file`, {
+                    method: 'POST',
+                    body: form,
+                });
+                if (!res.ok)
+                    throw new Error((await res.json()).error);
+                text = (await res.json()).text;
+            }
+            setAttachedFile({ name: file.name, text });
+            setTimeout(() => textareaRef.current?.focus(), 50);
+        }
+        catch (err) {
+            setAttachedFile({ name: file.name, text: `[Parse error: ${err instanceof Error ? err.message : String(err)}]` });
+        }
+        finally {
+            setIsUploading(false);
+        }
+    }, [client.baseUrl]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            void handleSend();
+        }
+    }, [handleSend]);
+    return (_jsx("div", { className: cn('relative flex h-full flex-col border-l border-slate-200/80 bg-white transition-[flex,opacity] duration-200 overflow-hidden', isOpen ? 'opacity-100' : 'opacity-0 border-l-0'), style: { flex: isOpen ? '0 0 380px' : '0 0 0px' }, children: isOpen && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between border-b border-slate-100 px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-indigo-100 text-indigo-600", children: _jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 2a10 10 0 0 1 10 10c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2z" }), _jsx("path", { d: "M8 12h8M12 8v8" })] }) }), _jsx("span", { className: "text-sm font-semibold text-slate-700", children: "Ask AI" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [messages.length > 0 && (_jsx("button", { onClick: reset, title: "Clear conversation", className: "flex h-6 w-6 items-center justify-center rounded-md text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors", children: _jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: _jsx("path", { d: "M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }) }) })), _jsx("button", { onClick: onClose, title: "Close", className: "flex h-6 w-6 items-center justify-center rounded-md text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors", children: _jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) })] })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-3 space-y-3", children: [messages.length === 0 && (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-center py-8", children: [_jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-indigo-50 text-indigo-400", children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) }), _jsx("p", { className: "text-sm text-slate-500 max-w-[240px]", children: "Describe what you want to build and I'll help you create or modify the workflow." }), _jsx("div", { className: "flex flex-col gap-1.5 w-full", children: [
+                                        'Add an HTTP request step',
+                                        'Make this run on a schedule',
+                                        'Add error handling with a conditional',
+                                    ].map((suggestion) => (_jsx("button", { onClick: () => setDraft(suggestion), className: "text-left text-xs text-slate-600 bg-slate-50 hover:bg-indigo-50 hover:text-indigo-700 rounded-lg px-3 py-2 border border-slate-200 hover:border-indigo-200 transition-colors", children: suggestion }, suggestion))) })] })), messages.map((msg, i) => {
+                            // Extract attached document names and the visible prompt text
+                            const docNames = [];
+                            const visibleText = msg.content
+                                .replace(/<document name="([^"]+)">[\s\S]*?<\/document>/g, (_, name) => {
+                                docNames.push(name);
+                                return '';
+                            })
+                                .trim();
+                            return (_jsx("div", { className: cn('flex', msg.role === 'user' ? 'justify-end' : 'justify-start'), children: _jsxs("div", { className: cn('max-w-[85%] rounded-2xl px-3 py-2 text-sm leading-relaxed space-y-1.5', msg.role === 'user'
+                                        ? 'bg-indigo-600 text-white rounded-br-sm'
+                                        : 'bg-slate-100 text-slate-700 rounded-bl-sm'), children: [docNames.map((name) => (_jsxs("div", { className: "flex items-center gap-1.5 rounded-lg bg-white/20 px-2 py-1", children: [_jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [_jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), _jsx("polyline", { points: "14 2 14 8 20 8" })] }), _jsx("span", { className: "text-xs font-medium truncate", children: name })] }, name))), visibleText && _jsx("p", { className: "whitespace-pre-wrap", children: visibleText })] }) }, i));
+                        }), isLoading && (_jsx("div", { className: "flex justify-start", children: _jsx("div", { className: "bg-slate-100 rounded-2xl rounded-bl-sm px-3 py-2", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-slate-400 animate-bounce [animation-delay:0ms]" }), _jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-slate-400 animate-bounce [animation-delay:150ms]" }), _jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-slate-400 animate-bounce [animation-delay:300ms]" })] }) }) })), error && (_jsx("div", { className: "rounded-lg bg-red-50 border border-red-100 px-3 py-2 text-xs text-red-600", children: error })), isSaving && (_jsxs("div", { className: "rounded-xl border border-indigo-200 bg-indigo-50 px-3 py-2 text-xs text-indigo-600 italic flex items-center gap-1.5", children: [_jsx("svg", { className: "animate-spin shrink-0", width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }), "Applying and saving\u2026"] })), _jsx("div", { ref: messagesEndRef })] }), _jsxs("div", { className: "border-t border-slate-100 p-3 space-y-2", children: [attachedFile && (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-indigo-200 bg-indigo-50 px-2.5 py-1.5", children: [_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 text-indigo-500", children: [_jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), _jsx("polyline", { points: "14 2 14 8 20 8" })] }), _jsx("span", { className: "flex-1 truncate text-xs font-medium text-indigo-700", children: attachedFile.name }), _jsx("button", { onClick: () => setAttachedFile(null), className: "shrink-0 text-indigo-400 hover:text-indigo-600 transition-colors", children: _jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) })] })), _jsxs("div", { className: "flex items-end gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 focus-within:border-indigo-300 focus-within:bg-white transition-colors", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".md,.json,.txt,.pdf,text/markdown,text/plain,application/json,application/pdf", className: "hidden", onChange: (e) => void handleFileSelect(e) }), _jsx("button", { title: "Attach .md or .pdf", disabled: isLoading || isUploading, onClick: () => fileInputRef.current?.click(), className: cn('flex h-7 w-7 flex-shrink-0 self-end items-center justify-center rounded-lg transition-all', isLoading || isUploading
+                                        ? 'text-slate-300 cursor-not-allowed'
+                                        : attachedFile
+                                            ? 'text-indigo-500 hover:bg-indigo-50'
+                                            : 'text-slate-400 hover:bg-slate-200 hover:text-slate-600 active:scale-95'), children: isUploading ? (_jsx("svg", { className: "animate-spin", width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) })) : (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) })) }), _jsx("textarea", { ref: textareaRef, value: draft, onChange: (e) => {
+                                        setDraft(e.target.value);
+                                        e.target.style.height = 'auto';
+                                        e.target.style.height = `${Math.min(e.target.scrollHeight, 96)}px`;
+                                    }, onKeyDown: handleKeyDown, placeholder: attachedFile ? 'Add a prompt or send as-is…' : 'Ask anything about your workflow…', rows: 1, className: "flex-1 resize-none bg-transparent text-sm text-slate-700 placeholder-slate-400 outline-none", style: { minHeight: '22px', maxHeight: '96px' } }), _jsx("button", { onClick: () => void handleSend(), disabled: (!draft.trim() && !attachedFile) || isLoading, className: cn('flex h-7 w-7 flex-shrink-0 self-end items-center justify-center rounded-lg transition-all', (draft.trim() || attachedFile) && !isLoading
+                                        ? 'bg-indigo-600 text-white hover:bg-indigo-700 active:scale-95'
+                                        : 'bg-slate-200 text-slate-400 cursor-not-allowed'), children: _jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M22 2 11 13M22 2 15 22l-4-9-9-4 20-7z" }) }) })] }), _jsx("p", { className: "text-center text-[10px] text-slate-400", children: "Enter to send \u00B7 Shift+Enter for newline" })] })] })) }));
+}
+//# sourceMappingURL=AiBuilderPanel.js.map

package/dist/components/builder/v3/AiBuilderPanel.js.map

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

package/dist/components/builder/v3/BranchContainer.d.ts

@@ -4,6 +4,8 @@ interface BranchContainerProps {
     stepId: string;
     branches: Record<string, DetectedBranch>;
     category?: string | undefined;
+    /** Box header label (the step's name, e.g. "Parallel" / "Conditional" / "Switch"). */
+    label?: string | undefined;
     /** For dynamic branch containers (PARALLEL) — the config key holding the record */
     dynamicContainer?: string | undefined;
     readOnly: boolean;
@@ -12,6 +14,6 @@ interface BranchContainerProps {
     /** Render function for branch content — provided by WorkflowTree */
     renderBranch: (branchKey: string, steps: WorkflowStepConfig[]) => React.ReactNode;
 }
-export declare function BranchContainer({ branches, category, dynamicContainer, readOnly, onAddBranch, onRenameBranch, renderBranch, }: BranchContainerProps): import("react").JSX.Element;
+export declare function BranchContainer({ branches, category, label, dynamicContainer, readOnly, onAddBranch, onRenameBranch, renderBranch, }: BranchContainerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=BranchContainer.d.ts.map

package/dist/components/builder/v3/BranchContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BranchContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/BranchContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIzE,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,oEAAoE;IACpE,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACnF;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,GACb,EAAE,oBAAoB,+BAkLtB"}
+{"version":3,"file":"BranchContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/BranchContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIzE,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,oEAAoE;IACpE,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACnF;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,GACb,EAAE,oBAAoB,+BAqMtB"}

package/dist/components/builder/v3/BranchContainer.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from 'react';
 import { cn } from '../../shared/cn.js';
 import { getCategoryTheme } from '../theme.js';
-export function BranchContainer({ branches, category, dynamicContainer, readOnly, onAddBranch, onRenameBranch, renderBranch, }) {
+export function BranchContainer({ branches, category, label, dynamicContainer, readOnly, onAddBranch, onRenameBranch, renderBranch, }) {
     const theme = getCategoryTheme(category);
     const entries = Object.entries(branches);
     const [showInput, setShowInput] = useState(false);
@@ -17,48 +17,46 @@ export function BranchContainer({ branches, category, dynamicContainer, readOnly
             setShowInput(false);
         }
     }, [branchName, onAddBranch]);
-    return (_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "flex items-center gap-0", children: entries.map((_, i) => (_jsx("div", { className: "flex flex-col items-center", style: { width: 0 }, children: i === 0 && _jsx("div", { className: "h-4 w-px bg-slate-300" }) }, i))) }), _jsx("div", { className: "h-px rounded-full", style: {
-                    backgroundColor: theme.edgeColor,
-                    opacity: 0.4,
-                    width: `calc(100% - 48px)`,
-                    minWidth: `${entries.length * 200}px`,
-                    maxWidth: '100%',
-                } }), _jsxs("div", { className: "flex items-start gap-4", children: [entries.map(([branchKey, branch]) => (_jsxs("div", { className: "flex flex-col items-center", style: { minWidth: '200px' }, children: [editingKey === branchKey ? (_jsx("input", { type: "text", value: editValue, onChange: (e) => setEditValue(e.target.value), onKeyDown: (e) => {
-                                    e.stopPropagation();
-                                    if (e.key === 'Enter') {
-                                        const name = editValue.trim();
-                                        if (name && name !== branchKey && onRenameBranch) {
-                                            onRenameBranch(branchKey, name);
-                                        }
-                                        setEditingKey(null);
-                                    }
-                                    if (e.key === 'Escape')
-                                        setEditingKey(null);
-                                }, onBlur: () => {
-                                    const name = editValue.trim();
-                                    if (name && name !== branchKey && onRenameBranch) {
-                                        onRenameBranch(branchKey, name);
-                                    }
-                                    setEditingKey(null);
-                                }, onClick: (e) => e.stopPropagation(), autoFocus: true, className: cn('mb-2 mt-1 w-24 rounded-full px-3 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-center outline-none', 'border border-indigo-300 ring-1 ring-indigo-100', theme.lightBg, theme.iconText) })) : (_jsx("div", { className: cn('mb-2 mt-1 rounded-full px-3 py-0.5 text-[10px] font-semibold uppercase tracking-wider', theme.lightBg, theme.iconText, dynamicContainer && !readOnly && 'cursor-pointer hover:ring-1 hover:ring-indigo-200 transition-all'), onDoubleClick: () => {
-                                    if (dynamicContainer && !readOnly) {
-                                        setEditingKey(branchKey);
-                                        setEditValue(branchKey);
-                                    }
-                                }, title: dynamicContainer && !readOnly ? 'Double-click to rename' : undefined, children: branch.label })), _jsx("div", { className: "h-4 w-px bg-slate-300" }), _jsx("div", { className: "flex flex-col items-center", children: renderBranch(branchKey, branch.steps) }), _jsx("div", { className: "h-4 w-px bg-slate-300" })] }, branchKey))), dynamicContainer && !readOnly && !showInput && (_jsx("div", { className: "flex flex-col items-center justify-start pt-1", children: _jsxs("button", { onClick: (e) => { e.stopPropagation(); setShowInput(true); }, className: cn('flex h-8 items-center gap-1.5 rounded-full border border-dashed px-3', 'border-slate-300 text-slate-400 text-[11px] font-medium', 'hover:border-indigo-400 hover:text-indigo-500 transition-all'), children: [_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }), "Branch"] }) })), showInput && (_jsx("div", { className: "flex flex-col items-center justify-start pt-1", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { type: "text", value: branchName, onChange: (e) => setBranchName(e.target.value), onKeyDown: (e) => {
-                                        e.stopPropagation();
-                                        if (e.key === 'Enter')
-                                            handleAdd();
-                                        if (e.key === 'Escape') {
-                                            setShowInput(false);
-                                            setBranchName('');
-                                        }
-                                    }, onClick: (e) => e.stopPropagation(), placeholder: "Branch name...", autoFocus: true, className: "w-28 rounded border border-slate-200 bg-slate-50 px-2 py-1 text-[11px] text-slate-700 outline-none focus:border-indigo-300 focus:ring-1 focus:ring-indigo-100" }), _jsx("button", { onClick: (e) => { e.stopPropagation(); handleAdd(); }, className: "flex h-6 w-6 items-center justify-center rounded bg-indigo-500 text-white hover:bg-indigo-600 transition-colors", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) }) })] }) }))] }), _jsx("div", { className: "h-px rounded-full", style: {
-                    backgroundColor: theme.edgeColor,
-                    opacity: 0.4,
-                    width: `calc(100% - 48px)`,
-                    minWidth: `${entries.length * 200}px`,
-                    maxWidth: '100%',
-                } }), _jsx("div", { className: "h-4 w-px bg-slate-300" })] }));
+    return (_jsxs("div", { className: "flex flex-col items-center", children: [_jsxs("div", { className: cn('relative rounded-xl border-2 border-dashed px-6', 'bg-gradient-to-b from-slate-50/80 to-white'), style: { borderColor: `${theme.edgeColor}40` }, children: [_jsxs("div", { className: cn('absolute -top-3 left-4 flex items-center gap-1.5 rounded-full px-2.5 py-0.5', 'text-[10px] font-semibold uppercase tracking-wider', theme.iconBg, theme.iconText), children: [_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "6", x2: "6", y1: "3", y2: "15" }), _jsx("circle", { cx: "18", cy: "6", r: "3" }), _jsx("circle", { cx: "6", cy: "18", r: "3" }), _jsx("path", { d: "M18 9a9 9 0 0 1-9 9" })] }), label ?? 'Branches'] }), _jsx("div", { className: "mx-auto h-4 w-px bg-slate-300" }), _jsx("div", { className: "h-px rounded-full", style: {
+                            backgroundColor: theme.edgeColor,
+                            opacity: 0.4,
+                            width: '100%',
+                            minWidth: `${entries.length * 200}px`,
+                        } }), _jsxs("div", { className: "flex items-stretch gap-4", children: [entries.map(([branchKey, branch]) => (_jsxs("div", { className: "flex flex-col items-center", style: { minWidth: '200px' }, children: [editingKey === branchKey ? (_jsx("input", { type: "text", value: editValue, onChange: (e) => setEditValue(e.target.value), onKeyDown: (e) => {
+                                            e.stopPropagation();
+                                            if (e.key === 'Enter') {
+                                                const name = editValue.trim();
+                                                if (name && name !== branchKey && onRenameBranch) {
+                                                    onRenameBranch(branchKey, name);
+                                                }
+                                                setEditingKey(null);
+                                            }
+                                            if (e.key === 'Escape')
+                                                setEditingKey(null);
+                                        }, onBlur: () => {
+                                            const name = editValue.trim();
+                                            if (name && name !== branchKey && onRenameBranch) {
+                                                onRenameBranch(branchKey, name);
+                                            }
+                                            setEditingKey(null);
+                                        }, onClick: (e) => e.stopPropagation(), autoFocus: true, className: cn('mb-2 mt-1 w-24 rounded-full px-3 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-center outline-none', 'border border-indigo-300 ring-1 ring-indigo-100', theme.lightBg, theme.iconText) })) : (_jsx("div", { className: cn('mb-2 mt-1 rounded-full px-3 py-0.5 text-[10px] font-semibold uppercase tracking-wider', theme.lightBg, theme.iconText, dynamicContainer && !readOnly && 'cursor-pointer hover:ring-1 hover:ring-indigo-200 transition-all'), onDoubleClick: () => {
+                                            if (dynamicContainer && !readOnly) {
+                                                setEditingKey(branchKey);
+                                                setEditValue(branchKey);
+                                            }
+                                        }, title: dynamicContainer && !readOnly ? 'Double-click to rename' : undefined, children: branch.label })), _jsx("div", { className: "h-4 w-px bg-slate-300" }), _jsx("div", { className: "flex flex-col items-center", children: renderBranch(branchKey, branch.steps) }), _jsx("div", { className: "min-h-[16px] w-px flex-1 bg-slate-300" })] }, branchKey))), dynamicContainer && !readOnly && !showInput && (_jsx("div", { className: "flex flex-col items-center justify-start pt-1", children: _jsxs("button", { onClick: (e) => { e.stopPropagation(); setShowInput(true); }, className: cn('flex h-8 items-center gap-1.5 rounded-full border border-dashed px-3', 'border-slate-300 text-slate-400 text-[11px] font-medium', 'hover:border-indigo-400 hover:text-indigo-500 transition-all'), children: [_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }), "Branch"] }) })), showInput && (_jsx("div", { className: "flex flex-col items-center justify-start pt-1", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { type: "text", value: branchName, onChange: (e) => setBranchName(e.target.value), onKeyDown: (e) => {
+                                                e.stopPropagation();
+                                                if (e.key === 'Enter')
+                                                    handleAdd();
+                                                if (e.key === 'Escape') {
+                                                    setShowInput(false);
+                                                    setBranchName('');
+                                                }
+                                            }, onClick: (e) => e.stopPropagation(), placeholder: "Branch name...", autoFocus: true, className: "w-28 rounded border border-slate-200 bg-slate-50 px-2 py-1 text-[11px] text-slate-700 outline-none focus:border-indigo-300 focus:ring-1 focus:ring-indigo-100" }), _jsx("button", { onClick: (e) => { e.stopPropagation(); handleAdd(); }, className: "flex h-6 w-6 items-center justify-center rounded bg-indigo-500 text-white hover:bg-indigo-600 transition-colors", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) }) })] }) }))] }), _jsx("div", { className: "h-px rounded-full", style: {
+                            backgroundColor: theme.edgeColor,
+                            opacity: 0.4,
+                            width: '100%',
+                            minWidth: `${entries.length * 200}px`,
+                        } }), _jsx("div", { className: "mx-auto h-4 w-px bg-slate-300" })] }), _jsx("div", { className: "h-4 w-px bg-slate-300" })] }));
 }
 //# sourceMappingURL=BranchContainer.js.map

package/dist/components/builder/v3/BranchContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BranchContainer.js","sourceRoot":"","sources":["../../../../src/components/builder/v3/BranchContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAe/C,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,GACS;IACrB,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;QAC/B,IAAI,IAAI,IAAI,WAAW,EAAE,CAAC;YACxB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aAEzC,cAAK,SAAS,EAAC,yBAAyB,YACrC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,cAAa,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,YACpE,CAAC,KAAK,CAAC,IAAI,cAAK,SAAS,EAAC,uBAAuB,GAAG,IAD7C,CAAC,CAEL,CACP,CAAC,GACE,EAGN,cACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE;oBACL,eAAe,EAAE,KAAK,CAAC,SAAS;oBAChC,OAAO,EAAE,GAAG;oBACZ,KAAK,EAAE,mBAAmB;oBAC1B,QAAQ,EAAE,GAAG,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI;oBACrC,QAAQ,EAAE,MAAM;iBACjB,GACD,EAGF,eAAK,SAAS,EAAC,wBAAwB,aACpC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CACpC,eAEE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,aAG3B,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oCACf,CAAC,CAAC,eAAe,EAAE,CAAC;oCACpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wCACtB,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;wCAC9B,IAAI,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,cAAc,EAAE,CAAC;4CACjD,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;wCAClC,CAAC;wCACD,aAAa,CAAC,IAAI,CAAC,CAAC;oCACtB,CAAC;oCACD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;wCAAE,aAAa,CAAC,IAAI,CAAC,CAAC;gCAC9C,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;oCACX,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;oCAC9B,IAAI,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,cAAc,EAAE,CAAC;wCACjD,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;oCAClC,CAAC;oCACD,aAAa,CAAC,IAAI,CAAC,CAAC;gCACtB,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,SAAS,QACT,SAAS,EAAE,EAAE,CACX,qHAAqH,EACrH,iDAAiD,EACjD,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAC9B,GACD,CACH,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAC7B,gBAAgB,IAAI,CAAC,QAAQ,IAAI,kEAAkE,CACpG,EACD,aAAa,EAAE,GAAG,EAAE;oCAClB,IAAI,gBAAgB,IAAI,CAAC,QAAQ,EAAE,CAAC;wCAClC,aAAa,CAAC,SAAS,CAAC,CAAC;wCACzB,YAAY,CAAC,SAAS,CAAC,CAAC;oCAC1B,CAAC;gCACH,CAAC,EACD,KAAK,EAAE,gBAAgB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS,YAE1E,MAAM,CAAC,KAAK,GACT,CACP,EAGD,cAAK,SAAS,EAAC,uBAAuB,GAAG,EAGzC,cAAK,SAAS,EAAC,4BAA4B,YACxC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,GAClC,EAGN,cAAK,SAAS,EAAC,uBAAuB,GAAG,KAhEpC,SAAS,CAiEV,CACP,CAAC,EAGD,gBAAgB,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAC9C,cAAK,SAAS,EAAC,+CAA+C,YAC5D,kBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAC5D,SAAS,EAAE,EAAE,CACX,sEAAsE,EACtE,yDAAyD,EACzD,8DAA8D,CAC/D,aAED,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,aACvH,eAAM,CAAC,EAAC,UAAU,GAAG,EAAA,eAAM,CAAC,EAAC,UAAU,GAAG,IACtC,cAEC,GACL,CACP,EAGA,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,+CAA+C,YAC5D,eAAK,SAAS,EAAC,2BAA2B,aACxC,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wCACf,CAAC,CAAC,eAAe,EAAE,CAAC;wCACpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;4CAAE,SAAS,EAAE,CAAC;wCACnC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;4CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;4CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;wCAAC,CAAC;oCACrE,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,WAAW,EAAC,gBAAgB,EAC5B,SAAS,QACT,SAAS,EAAC,+JAA+J,GACzK,EACF,iBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EACrD,SAAS,EAAC,iHAAiH,YAE3H,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,YACrH,eAAM,CAAC,EAAC,iBAAiB,GAAG,GACxB,GACC,IACL,GACF,CACP,IACG,EAGN,cACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE;oBACL,eAAe,EAAE,KAAK,CAAC,SAAS;oBAChC,OAAO,EAAE,GAAG;oBACZ,KAAK,EAAE,mBAAmB;oBAC1B,QAAQ,EAAE,GAAG,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI;oBACrC,QAAQ,EAAE,MAAM;iBACjB,GACD,EAGF,cAAK,SAAS,EAAC,uBAAuB,GAAG,IACrC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"BranchContainer.js","sourceRoot":"","sources":["../../../../src/components/builder/v3/BranchContainer.tsx"],"names":[],"mappings":"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"}

package/dist/components/builder/v3/BuilderToolbar.d.ts

@@ -6,6 +6,8 @@ export interface BuilderToolbarProps {
     onZoomIn: () => void;
     onZoomOut: () => void;
     onFitView: () => void;
+    showAiPanel?: boolean;
+    onToggleAiPanel?: () => void;
 }
-export declare function BuilderToolbar({ canUndo, canRedo, onUndo, onRedo, onZoomIn, onZoomOut, onFitView, }: BuilderToolbarProps): import("react").JSX.Element;
+export declare function BuilderToolbar({ canUndo, canRedo, onUndo, onRedo, onZoomIn, onZoomOut, onFitView, showAiPanel, onToggleAiPanel, }: BuilderToolbarProps): import("react").JSX.Element;
 //# sourceMappingURL=BuilderToolbar.d.ts.map

package/dist/components/builder/v3/BuilderToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BuilderToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/BuilderToolbar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAkCD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,+BAyCrB"}
+{"version":3,"file":"BuilderToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/BuilderToolbar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAkCD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,eAAe,GAChB,EAAE,mBAAmB,+BA8DrB"}

package/dist/components/builder/v3/BuilderToolbar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { cn } from '../../shared/cn.js';
 function ToolbarButton({ title, disabled, onClick, children, }) {
     return (_jsx("button", { title: title, disabled: disabled, onClick: onClick, className: cn('flex h-8 w-8 items-center justify-center rounded-lg transition-all', disabled
@@ -8,7 +8,9 @@ function ToolbarButton({ title, disabled, onClick, children, }) {
 function Divider() {
     return _jsx("div", { className: "mx-0.5 h-5 w-px bg-slate-200" });
 }
-export function BuilderToolbar({ canUndo, canRedo, onUndo, onRedo, onZoomIn, onZoomOut, onFitView, }) {
-    return (_jsxs("div", { className: cn('absolute bottom-4 left-1/2 z-20 -translate-x-1/2', 'flex items-center gap-0.5 rounded-xl border border-slate-200/80 bg-white/95 px-1.5 py-1 shadow-lg backdrop-blur-sm', 'animate-[wui-fade-in_200ms_ease-out]'), children: [_jsx(ToolbarButton, { title: "Undo (Ctrl+Z)", disabled: !canUndo, onClick: onUndo, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 7v6h6" }), _jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6.69 3L3 13" })] }) }), _jsx(ToolbarButton, { title: "Redo (Ctrl+Shift+Z)", disabled: !canRedo, onClick: onRedo, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M21 7v6h-6" }), _jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6.69 3L21 13" })] }) }), _jsx(Divider, {}), _jsx(ToolbarButton, { title: "Zoom out", onClick: onZoomOut, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" }), _jsx("path", { d: "M8 11h6" })] }) }), _jsx(ToolbarButton, { title: "Fit view", onClick: onFitView, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }), _jsx("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }), _jsx("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }), _jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })] }) }), _jsx(ToolbarButton, { title: "Zoom in", onClick: onZoomIn, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" }), _jsx("path", { d: "M11 8v6" }), _jsx("path", { d: "M8 11h6" })] }) })] }));
+export function BuilderToolbar({ canUndo, canRedo, onUndo, onRedo, onZoomIn, onZoomOut, onFitView, showAiPanel, onToggleAiPanel, }) {
+    return (_jsxs("div", { className: cn('absolute bottom-4 left-1/2 z-20 -translate-x-1/2', 'flex items-center gap-0.5 rounded-xl border border-slate-200/80 bg-white/95 px-1.5 py-1 shadow-lg backdrop-blur-sm', 'animate-[wui-fade-in_200ms_ease-out]'), children: [_jsx(ToolbarButton, { title: "Undo (Ctrl+Z)", disabled: !canUndo, onClick: onUndo, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 7v6h6" }), _jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6.69 3L3 13" })] }) }), _jsx(ToolbarButton, { title: "Redo (Ctrl+Shift+Z)", disabled: !canRedo, onClick: onRedo, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M21 7v6h-6" }), _jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6.69 3L21 13" })] }) }), _jsx(Divider, {}), _jsx(ToolbarButton, { title: "Zoom out", onClick: onZoomOut, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" }), _jsx("path", { d: "M8 11h6" })] }) }), _jsx(ToolbarButton, { title: "Fit view", onClick: onFitView, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }), _jsx("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }), _jsx("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }), _jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })] }) }), _jsx(ToolbarButton, { title: "Zoom in", onClick: onZoomIn, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" }), _jsx("path", { d: "M11 8v6" }), _jsx("path", { d: "M8 11h6" })] }) }), onToggleAiPanel && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsxs("button", { title: showAiPanel ? 'Close AI assistant' : 'Ask AI', onClick: onToggleAiPanel, className: cn('flex h-8 items-center gap-1.5 rounded-lg px-2.5 text-xs font-medium transition-all active:scale-95', showAiPanel
+                            ? 'bg-indigo-600 text-white hover:bg-indigo-700'
+                            : 'text-indigo-600 hover:bg-indigo-50'), children: [_jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }), "Ask AI"] })] }))] }));
 }
 //# sourceMappingURL=BuilderToolbar.js.map

package/dist/components/builder/v3/BuilderToolbar.js.map

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

package/dist/components/builder/v3/DeleteStepDialog.d.ts

@@ -0,0 +1,14 @@
+export interface DeleteStepDialogProps {
+    /** Label of the step being deleted. */
+    stepLabel: string;
+    /** Labels of steps that reference the one being deleted. */
+    referencingLabels: string[];
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+/**
+ * Warns before deleting a step that other steps reference via `{{…}}`. After
+ * deletion those steps' references break — they'll be flagged by validation.
+ */
+export declare function DeleteStepDialog({ stepLabel, referencingLabels, onCancel, onConfirm, }: DeleteStepDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=DeleteStepDialog.d.ts.map

package/dist/components/builder/v3/DeleteStepDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteStepDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/DeleteStepDialog.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,+BAwDvB"}

package/dist/components/builder/v3/DeleteStepDialog.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../shared/cn.js';
+/**
+ * Warns before deleting a step that other steps reference via `{{…}}`. After
+ * deletion those steps' references break — they'll be flagged by validation.
+ */
+export function DeleteStepDialog({ stepLabel, referencingLabels, onCancel, onConfirm, }) {
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", "data-testid": "delete-step-dialog", children: [_jsx("div", { className: "absolute inset-0 bg-black/30", onClick: onCancel }), _jsxs("div", { className: cn('relative z-10 w-full max-w-md rounded-xl border border-slate-200 bg-white shadow-xl', 'animate-[wui-fade-in_150ms_ease-out]'), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-slate-200/80 px-5 py-3.5", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-amber-100 text-amber-600", children: _jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }), _jsx("path", { d: "M12 9v4" }), _jsx("path", { d: "M12 17h.01" })] }) }), _jsxs("h3", { className: "text-sm font-semibold text-slate-800", children: ["Delete \u201C", stepLabel, "\u201D?"] })] }), _jsxs("div", { className: "px-5 py-4 text-[13px] text-slate-600", children: [_jsxs("p", { className: "mb-2", children: [referencingLabels.length, " ", referencingLabels.length === 1 ? 'step references' : 'steps reference', " this step's output. Deleting it will break ", referencingLabels.length === 1 ? 'that reference' : 'those references', ":"] }), _jsx("ul", { className: "space-y-1 rounded-lg border border-slate-200 bg-slate-50 px-3 py-2", children: referencingLabels.map((label, i) => (_jsxs("li", { className: "flex items-center gap-1.5 text-slate-700", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-400" }), label] }, i))) })] }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-slate-200/80 px-5 py-3", children: [_jsx("button", { type: "button", onClick: onCancel, className: "rounded-md px-3.5 py-1.5 text-[13px] font-semibold text-slate-500 hover:bg-slate-100", children: "Cancel" }), _jsx("button", { type: "button", "data-testid": "delete-anyway", onClick: onConfirm, className: "rounded-md bg-red-500 px-3.5 py-1.5 text-[13px] font-semibold text-white shadow-sm hover:bg-red-600", children: "Delete anyway" })] })] })] }));
+}
+//# sourceMappingURL=DeleteStepDialog.js.map

package/dist/components/builder/v3/DeleteStepDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteStepDialog.js","sourceRoot":"","sources":["../../../../src/components/builder/v3/DeleteStepDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAWxC;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAS,GACa;IACtB,OAAO,CACL,eAAK,SAAS,EAAC,qDAAqD,iBAAa,oBAAoB,aACnG,cAAK,SAAS,EAAC,8BAA8B,EAAC,OAAO,EAAE,QAAQ,GAAI,EAEnE,eAAK,SAAS,EAAE,EAAE,CAChB,qFAAqF,EACrF,sCAAsC,CACvC,aAEC,eAAK,SAAS,EAAC,kEAAkE,aAC/E,eAAM,SAAS,EAAC,mFAAmF,YACjG,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC9I,eAAM,CAAC,EAAC,2EAA2E,GAAG,EAAA,eAAM,CAAC,EAAC,SAAS,GAAG,EAAA,eAAM,CAAC,EAAC,YAAY,GAAG,IAC7H,GACD,EACP,cAAI,SAAS,EAAC,sCAAsC,8BAAU,SAAS,eAAQ,IAC3E,EAGN,eAAK,SAAS,EAAC,sCAAsC,aACnD,aAAG,SAAS,EAAC,MAAM,aAChB,iBAAiB,CAAC,MAAM,OAAG,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,kDAC1E,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,SAC5F,EACJ,aAAI,SAAS,EAAC,oEAAoE,YAC/E,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,cAAY,SAAS,EAAC,0CAA0C,aAC9D,eAAM,SAAS,EAAC,uCAAuC,GAAG,EACzD,KAAK,KAFC,CAAC,CAGL,CACN,CAAC,GACC,IACD,EAGN,eAAK,SAAS,EAAC,4EAA4E,aACzF,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,sFAAsF,uBAGzF,EACT,iBACE,IAAI,EAAC,QAAQ,iBACD,eAAe,EAC3B,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,qGAAqG,8BAGxG,IACL,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/builder/v3/EnhancedSchemaFormRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedSchemaFormRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/EnhancedSchemaFormRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAYzE,MAAM,WAAW,+BAA+B;IAC9C,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAaD,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,+BAA+B,+BAiBjC"}
+{"version":3,"file":"EnhancedSchemaFormRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/EnhancedSchemaFormRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAYzE,MAAM,WAAW,+BAA+B;IAC9C,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAqBD,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,+BAA+B,+BAiBjC"}

package/dist/components/builder/v3/EnhancedSchemaFormRenderer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { useMemo, useState } from 'react';
 import { itemSchemaToFields, detectItemDiscriminatedUnion } from '../../../hooks/use-schema-form.js';
 import { VariableRefInput } from './VariableRefInput.js';
 import { KeyValueEditor } from './KeyValueEditor.js';
@@ -10,6 +10,12 @@ import { StringArrayInput } from './StringArrayInput.js';
 import { MultiSelectCheckboxes } from './MultiSelectCheckboxes.js';
 import { InputSchemaBuilder } from './InputSchemaBuilder.js';
 import { cn } from '../../shared/cn.js';
+/** Field types where a typed editor exists but the whole field can also bind to a `{{ref}}`. */
+const VAR_BINDABLE_TYPES = new Set(['boolean', 'number', 'integer', 'array', 'object']);
+/** True if the value is exactly one `{{...}}` reference (no surrounding text). */
+function isPureRefValue(v) {
+    return typeof v === 'string' && /^\{\{[^}]+\}\}$/.test(v.trim());
+}
 function getNestedValue(obj, path) {
     if (path === '')
         return obj;
@@ -26,6 +32,12 @@ export function EnhancedSchemaFormRenderer({ fields, values, errors, onChange, c
     return (_jsx("div", { className: "space-y-4", children: fields.map((field) => (_jsx(EnhancedFieldRenderer, { field: field, value: getNestedValue(values, field.path), error: errors[field.path], onChange: (val) => onChange(field.path, val), config: config, atStepId: atStepId, readOnly: readOnly }, field.path))) }));
 }
 function EnhancedFieldRenderer({ field, value, error, onChange, config, atStepId, readOnly, }) {
+    // "Use a variable" binding for fields that have a typed editor (the default
+    // string field already embeds the picker). Bound when toggled on or the
+    // current value is already a pure ref.
+    const supportsVarBinding = VAR_BINDABLE_TYPES.has(field.type) && field.format !== 'json-schema' && field.format !== 'output-fields';
+    const [useVar, setUseVar] = useState(false);
+    const boundToVar = supportsVarBinding && (useVar || isPureRefValue(value));
     const inputClasses = cn('w-full rounded-lg border px-3 py-2 text-sm', 'bg-white text-[var(--wui-fg)]', 'outline-none transition-all', error
         ? 'border-red-300 focus:border-red-400 focus:ring-2 focus:ring-red-100'
         : 'border-[var(--wui-border)] focus:border-[var(--wui-primary)] focus:ring-2 focus:ring-[var(--wui-primary)]/10', readOnly && 'opacity-60 cursor-not-allowed bg-[var(--wui-bg-subtle)]');
@@ -33,6 +45,10 @@ function EnhancedFieldRenderer({ field, value, error, onChange, config, atStepId
         if (field.enumValues) {
             return (_jsxs("select", { value: String(value ?? ''), onChange: (e) => onChange(e.target.value), disabled: readOnly, className: inputClasses, children: [_jsx("option", { value: "", children: "Select..." }), field.enumValues.map((v) => (_jsx("option", { value: v, children: v }, v)))] }));
         }
+        // Whole-field bound to a variable ref (type-filtered picker).
+        if (boundToVar) {
+            return (_jsx(VariableRefInput, { value: value, onChange: onChange, config: config, atStepId: atStepId, placeholder: "{{ variable }}", disabled: readOnly, filterType: field.type }));
+        }
         switch (field.type) {
             case 'boolean': {
                 // Tri-state dropdown: True / False / (Unset for optional fields).
@@ -107,10 +123,17 @@ function EnhancedFieldRenderer({ field, value, error, onChange, config, atStepId
                     return (_jsx(CodeEditor, { value: String(value ?? ''), onChange: onChange, config: config, atStepId: atStepId, readOnly: readOnly }));
                 }
                 // All other string fields get the variable ref input with {{ }} picker
-                return (_jsx(VariableRefInput, { value: value, onChange: onChange, config: config, atStepId: atStepId, placeholder: field.placeholder ?? field.description, disabled: readOnly }));
+                return (_jsx(VariableRefInput, { value: value, onChange: onChange, config: config, atStepId: atStepId, placeholder: field.placeholder ?? field.description, disabled: readOnly, filterType: field.type }));
         }
     };
-    return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("label", { className: "flex items-center gap-1 text-xs font-medium text-[var(--wui-fg)]", children: [field.label, field.required && _jsx("span", { className: "text-red-400", children: "*" }), field.acceptsVariableRef && (_jsx("span", { className: "ml-auto rounded bg-indigo-50 px-1 py-0.5 text-[9px] font-semibold text-indigo-500", children: '{{var}}' }))] }), renderInput(), field.description && (_jsx("p", { className: "text-[11px] leading-relaxed text-[var(--wui-fg-muted)]", children: field.description })), error && (_jsxs("p", { className: "flex items-center gap-1 text-[11px] text-red-500", children: [_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 8v4" }), _jsx("path", { d: "M12 16h.01" })] }), error] }))] }));
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("label", { className: "flex items-center gap-1 text-xs font-medium text-[var(--wui-fg)]", children: [field.label, field.required && _jsx("span", { className: "text-red-400", children: "*" }), field.acceptsVariableRef && (_jsx("span", { className: "ml-auto rounded bg-indigo-50 px-1 py-0.5 text-[9px] font-semibold text-indigo-500", children: '{{var}}' }))] }), renderInput(), !readOnly && supportsVarBinding && (_jsx("button", { type: "button", onClick: () => {
+                    if (boundToVar) {
+                        setUseVar(false);
+                        onChange(undefined);
+                    }
+                    else
+                        setUseVar(true);
+                }, className: "text-[10px] font-medium text-indigo-500 hover:underline", children: boundToVar ? 'Use a literal value' : 'Use a variable' })), field.description && (_jsx("p", { className: "text-[11px] leading-relaxed text-[var(--wui-fg-muted)]", children: field.description })), error && (_jsxs("p", { className: "flex items-center gap-1 text-[11px] text-red-500", children: [_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 8v4" }), _jsx("path", { d: "M12 16h.01" })] }), error] }))] }));
 }
 // ─── Array of objects editor ───
 const DISC_PILL_COLORS = {
@@ -223,7 +246,7 @@ function ArrayItemField({ field, value, config, atStepId, readOnly, onChange, })
                         catch { /* invalid JSON */ }
                     }, disabled: readOnly, rows: 3, className: cn(inputClasses, 'font-mono text-[11px]'), placeholder: "[]" }));
             default:
-                return (_jsx(VariableRefInput, { value: value, onChange: onChange, config: config, atStepId: atStepId, placeholder: field.placeholder ?? field.description, disabled: readOnly, compact: true }));
+                return (_jsx(VariableRefInput, { value: value, onChange: onChange, config: config, atStepId: atStepId, placeholder: field.placeholder ?? field.description, disabled: readOnly, compact: true, filterType: field.type }));
         }
     };
     return (_jsxs("div", { className: "space-y-1", children: [_jsxs("label", { className: "flex items-center gap-1 text-[11px] font-medium text-slate-600", children: [field.label, field.required && _jsx("span", { className: "text-red-400 text-[10px]", children: "*" }), field.description && (_jsx("span", { className: "ml-auto text-[10px] font-normal text-slate-400 truncate max-w-[50%]", title: field.description, children: field.description }))] }), renderInput()] }));