@burdenoff/fluidgrids-fe-sdk 2026.1028.2 → 2026.1028.4

package/dist/{chunk-227PQY53.js → chunk-JH6YDVT5.js}

@@ -3,15 +3,15 @@ import { Input } from './chunk-IEVSFCFS.js';
 import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, DialogFooter } from './chunk-YXMFRQYV.js';
 import { Badge as Badge$1, Button } from './chunk-BQXVT32O.js';
 import { QuotaExhaustedDialog } from './chunk-P2NRMJ7Z.js';
-import { EntityTagPicker } from './chunk-MODO24HY.js';
-import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-63BP6O6E.js';
+import { EntityTagPicker, useWorkflowProposal, WorkflowProposalCard } from './chunk-JAKWVVVQ.js';
+import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-63BP6O6E.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
 import { NODE_CONFIGS, createConfiguredNode, resolveOutputHandles, resolveInputHandles, isNodeConfigsInitialized, useFlowStore, getNodeDetail, useSaveStatusStore, liveInternalOperations, resolveNodeOperation, readDisplayOptions, parseParameterValue, canAutosave, STICKY_NOTE_TYPE, isNodeTrigger, resolveUiSpec, RUNS_QUOTA_NAME, throwIfResultError, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, useIsValidConnection, refetchStoreNodes, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, fieldsFromValue, useFluidGridsAnalytics, useSaveWorkflow, workflowFingerprint, buildStickyNode, useNodeRegistryRevision, fieldsFromIO, isParamVisible, ConnectionSelector, structuredParameterType, nodeAccent, NodeTypeIcon, NODES_METADATA, useConnections, ConnectionFormDialog, SdkPermissionButton, FLUIDGRIDS_PERMISSIONS, saveIndicatorOf, inAppLeaveTarget, declaredOutputFields, subscribeWorkflowSaved, pathToExpression, ExpressionEditor, formatParameterValue, leaveNeedsConfirmation, buildOperationSeed, snapshotForSave, editStateOf, isImageIcon, NODES, synchronizeOperationUpdate, NodePropertyPanel, openRunQuotaUpgradePrompt, describeOperationError, isTriggerOperation, canRenderOperationPanel, resolveOperationName, AUTOSAVE_RETRY_DELAYS_MS, AUTOSAVE_DEBOUNCE_MS } from './chunk-5LKZ4PNK.js';
 import { cn } from './chunk-JL7CASN5.js';
 import { getGlobalStoreClient } from './chunk-PXIFUMLA.js';
 import { getFluidGridsConfig } from './chunk-CY6KX4RG.js';
 import { GetMyNodeInstallationsDocument, BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument, GetNodeInstallableVersionsDocument } from './chunk-WBH2XEWO.js';
-import { WorkspaceRunsQuotaDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, WorkflowGenerationTemplatesDocument, WorkflowGenerationDocument, GenerateWorkflowFromPromptDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, WorkflowAuthoringDocument, PreviewScheduleDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-JBLYBD2B.js';
+import { WorkspaceRunsQuotaDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, WorkflowGenerationTemplatesDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, WorkflowAuthoringDocument, PreviewScheduleDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-JBLYBD2B.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient, waitForFluidGridsClient, getFluidGridsClientSafe } from './chunk-NTWG3CJX.js';
 import { __export } from './chunk-62GWEYJ5.js';
@@ -54902,10 +54902,30 @@ function GitSyncPanel({
     }
   );
 }
+function useAiWorkflowTemplates(enabled) {
+  const [templates, setTemplates] = useState(
+    []
+  );
+  useEffect(() => {
+    if (!enabled) return;
+    let active = true;
+    getFluidGridsClient().query({
+      query: WorkflowGenerationTemplatesDocument,
+      fetchPolicy: "cache-first"
+    }).then((result) => {
+      if (active)
+        setTemplates(result.data?.workflowGenerationTemplates ?? []);
+    }).catch(() => {
+      if (active) setTemplates([]);
+    });
+    return () => {
+      active = false;
+    };
+  }, [enabled]);
+  return templates;
+}
 
 // src/builder/lib/ai-draft.ts
-var AI_DRAFT_POLL_INTERVAL_MS = 2500;
-var AI_DRAFT_MAX_WAIT_MS = 6 * 60 * 1e3;
 var AI_DRAFT_MAX_PROMPT_LENGTH = 4e3;
 function isRecord6(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -54978,168 +54998,28 @@ function enrichDraftNodes(nodes, seed) {
     };
   });
 }
-function summarizeDraftNodes(definitionJson) {
-  return draftToCanvas(definitionJson).nodes.map((node2) => {
-    const data = isRecord6(node2.data) ? node2.data : {};
-    const label = stringOr(
-      node2.label,
-      stringOr(data.label, node2.type ?? node2.id)
-    );
-    return { id: node2.id, type: node2.type ?? "", label };
-  });
-}
-function shortNodeType(type) {
-  const afterColon = type.includes(":") ? type.split(":").pop() : type;
-  const afterSlash = afterColon?.includes("/") ? afterColon.split("/").pop() : afterColon;
-  return afterSlash ?? type;
-}
-function shouldKeepPolling(status, startedAt, now = Date.now()) {
-  return status === "PROCESSING" && now - startedAt < AI_DRAFT_MAX_WAIT_MS;
-}
 function canvasHasWork(nodes) {
   return nodes.length > 1;
 }
-
-// src/builder/hooks/use-ai-workflow-draft.ts
-function messageOf3(error62) {
-  return error62 instanceof Error ? error62.message : String(error62);
-}
-function useAiWorkflowDraft() {
-  const [generation, setGeneration] = useState(
-    null
-  );
-  const [isGenerating, setIsGenerating] = useState(false);
-  const [error62, setError] = useState(null);
-  const [timedOut, setTimedOut] = useState(false);
-  const runRef = useRef(0);
-  const timerRef = useRef(null);
-  const clearTimer = useCallback(() => {
-    if (timerRef.current) clearTimeout(timerRef.current);
-    timerRef.current = null;
-  }, []);
-  const reset = useCallback(() => {
-    runRef.current++;
-    clearTimer();
-    setGeneration(null);
-    setIsGenerating(false);
-    setError(null);
-    setTimedOut(false);
-  }, [clearTimer]);
-  useEffect(
-    () => () => {
-      runRef.current++;
-      clearTimer();
-    },
-    [clearTimer]
-  );
-  const poll = useCallback(
-    async (run, id, startedAt) => {
-      if (run !== runRef.current) return;
-      try {
-        const result = throwIfResultError(
-          await getFluidGridsClient().query({
-            query: WorkflowGenerationDocument,
-            variables: { id },
-            fetchPolicy: "network-only"
-          })
-        );
-        if (run !== runRef.current) return;
-        const next = result.data?.workflowGeneration ?? null;
-        if (next) setGeneration(next);
-        const status = next ? String(next.status) : void 0;
-        if (shouldKeepPolling(status, startedAt)) {
-          timerRef.current = setTimeout(
-            () => void poll(run, id, startedAt),
-            AI_DRAFT_POLL_INTERVAL_MS
-          );
-          return;
-        }
-        if (status === "PROCESSING") setTimedOut(true);
-        setIsGenerating(false);
-      } catch (pollError) {
-        if (run !== runRef.current) return;
-        setError(messageOf3(pollError));
-        setIsGenerating(false);
-      }
-    },
-    []
-  );
-  const start = useCallback(
-    async (input2) => {
-      const run = ++runRef.current;
-      clearTimer();
-      setGeneration(null);
-      setError(null);
-      setTimedOut(false);
-      setIsGenerating(true);
-      try {
-        const result = throwIfResultError(
-          await getFluidGridsClient().mutate({
-            mutation: GenerateWorkflowFromPromptDocument,
-            variables: {
-              input: {
-                prompt: input2.prompt,
-                ...input2.template ? { template: input2.template } : {},
-                ...input2.baseDefinitionJson ? { baseDefinitionJson: input2.baseDefinitionJson } : {},
-                ...input2.workflowId ? { workflowId: input2.workflowId } : {}
-              }
-            }
-          })
-        );
-        const id = result.data?.generateWorkflowFromPrompt?.id;
-        if (!id) throw new Error("The generation did not start");
-        if (run !== runRef.current) return;
-        timerRef.current = setTimeout(
-          () => void poll(run, id, Date.now()),
-          AI_DRAFT_POLL_INTERVAL_MS
-        );
-      } catch (startError) {
-        if (run !== runRef.current) return;
-        setError(messageOf3(startError));
-        setIsGenerating(false);
-      }
-    },
-    [clearTimer, poll]
-  );
-  return { generation, isGenerating, error: error62, timedOut, start, reset };
-}
-function useAiWorkflowTemplates(enabled) {
-  const [templates, setTemplates] = useState(
-    []
-  );
-  useEffect(() => {
-    if (!enabled) return;
-    let active = true;
-    getFluidGridsClient().query({
-      query: WorkflowGenerationTemplatesDocument,
-      fetchPolicy: "cache-first"
-    }).then((result) => {
-      if (active)
-        setTemplates(result.data?.workflowGenerationTemplates ?? []);
-    }).catch(() => {
-      if (active) setTemplates([]);
-    });
-    return () => {
-      active = false;
-    };
-  }, [enabled]);
-  return templates;
-}
 var NO_TEMPLATE = "__none__";
 function AiDraftPanel({
   className,
   compact = false
 }) {
   const tr = useTr();
-  const { id: workflowKey } = useParams();
+  const params = useParams();
+  const workflowKey = params.id;
+  const openVersion = params.version;
+  const navigate = useGuardedNavigate();
   const { fitView } = useReactFlow();
   const [open2, setOpen] = useState(false);
   const [prompt, setPrompt] = useState("");
   const [template, setTemplate] = useState(NO_TEMPLATE);
-  const [refining, setRefining] = useState(false);
   const [confirmReplace, setConfirmReplace] = useState(false);
+  const [reverting, setReverting] = useState(false);
   const templates = useAiWorkflowTemplates(open2);
-  const { generation, isGenerating, error: error62, timedOut, start, reset } = useAiWorkflowDraft();
+  const proposal = useWorkflowProposal();
+  const { restoreVersion } = useRestoreWorkflowVersion();
   const [nodes, setNodes, setEdges] = useFlowStore(
     useShallow((s) => [
       s.workflow.nodes,
@@ -55147,35 +55027,100 @@ function AiDraftPanel({
       s.actions.edges.setEdges
     ])
   );
-  const status = generation ? String(generation.status) : void 0;
-  const draft = status === "COMPLETED" ? generation?.draft ?? null : null;
-  const failed = status === "FAILED";
-  const draftNodes = useMemo(
-    () => draft ? summarizeDraftNodes(draft.definitionJson) : [],
-    [draft]
-  );
+  const current = proposal.proposal;
+  const status = current ? String(current.status) : void 0;
   const trimmed = prompt.trim();
+  const unsavedEdits = Boolean(workflowKey) && open2 && leavingLosesChanges();
   const handleGenerate = useCallback(() => {
     if (!trimmed) return;
-    void start({
+    void proposal.start({
+      kind: "change",
       prompt: trimmed,
-      ...template !== NO_TEMPLATE ? { template } : {},
-      ...refining && draft ? { baseDefinitionJson: draft.definitionJson } : {},
-      ...workflowKey ? { workflowId: workflowKey } : {}
+      ...workflowKey ? { workflowKey } : {},
+      ...workflowKey && openVersion ? { baseVersion: openVersion } : {},
+      ...template !== NO_TEMPLATE ? { template } : {}
     });
-  }, [draft, refining, start, template, trimmed, workflowKey]);
-  const applyDraft = useCallback(() => {
-    if (!draft) return;
-    const canvas = draftToCanvas(draft.definitionJson);
-    const nodes2 = enrichDraftNodes(canvas.nodes, buildOperationSeed);
-    registerWorkflowNodeTypes(nodes2);
-    setNodes(nodes2, { historyKind: "ai-draft:apply" });
+  }, [openVersion, proposal, template, trimmed, workflowKey]);
+  const openWorkflow = useCallback(
+    (key, version2) => {
+      setOpen(false);
+      proposal.reset();
+      setPrompt("");
+      navigate(
+        `../workflow/${encodeURIComponent(key)}/${encodeURIComponent(version2)}`
+      );
+    },
+    [navigate, proposal]
+  );
+  const handleApply = useCallback(async () => {
+    const applied = await proposal.apply();
+    const appliedStatus = applied ? String(applied.status) : void 0;
+    if (appliedStatus === "APPLIED" && applied?.appliedWorkflowKey) {
+      toast.success(
+        tr(
+          "fluidgrids.builder.aiDraft.appliedVersionToast",
+          "Saved as draft {{version}}",
+          { version: applied.appliedVersion ?? "" }
+        ),
+        {
+          description: tr(
+            "fluidgrids.builder.aiDraft.appliedVersionDescription",
+            "Nothing is live yet. Review it, run a test, then activate it yourself."
+          )
+        }
+      );
+    } else if (appliedStatus === "STALE") {
+      toast.warning(
+        tr(
+          "fluidgrids.builder.aiDraft.staleToast",
+          "The workflow changed after this proposal was made. Ask again."
+        )
+      );
+    }
+  }, [proposal, tr]);
+  const handleRevert = useCallback(
+    async (key, version2) => {
+      setReverting(true);
+      try {
+        const result = await restoreVersion(key, version2);
+        if (!result?.success || !result.workflow) {
+          throw new Error(result?.message || "Failed to restore version");
+        }
+        toast.success(
+          tr(
+            "fluidgrids.builder.aiDraft.revertedToast",
+            "Restored {{version}} as {{newVersion}}",
+            { version: version2, newVersion: result.workflow.version }
+          )
+        );
+        openWorkflow(result.workflow.workflowKey, result.workflow.version);
+      } catch (error62) {
+        toast.error(
+          tr(
+            "fluidgrids.builder.aiDraft.revertFailed",
+            "Could not revert the change"
+          ),
+          {
+            description: error62 instanceof Error ? error62.message : String(error62)
+          }
+        );
+      } finally {
+        setReverting(false);
+      }
+    },
+    [openWorkflow, restoreVersion, tr]
+  );
+  const putOnCanvas = useCallback(() => {
+    if (!current?.definitionJson) return;
+    const canvas = draftToCanvas(current.definitionJson);
+    const canvasNodes = enrichDraftNodes(canvas.nodes, buildOperationSeed);
+    registerWorkflowNodeTypes(canvasNodes);
+    setNodes(canvasNodes, { historyKind: "ai-draft:apply" });
     setEdges(canvas.edges, { skipHistory: true });
     setConfirmReplace(false);
     setOpen(false);
-    reset();
+    proposal.reset();
     setPrompt("");
-    setRefining(false);
     setTimeout(() => void fitView({ padding: 0.2, duration: 300 }), 50);
     toast.success(
       tr(
@@ -55189,19 +55134,18 @@ function AiDraftPanel({
         )
       }
     );
-  }, [draft, fitView, reset, setEdges, setNodes, tr]);
-  const handleAccept = useCallback(() => {
+  }, [current, fitView, proposal, setEdges, setNodes, tr]);
+  const handlePutOnCanvas = useCallback(() => {
     if (canvasHasWork(nodes)) setConfirmReplace(true);
-    else applyDraft();
-  }, [applyDraft, nodes]);
-  const handleRefine = useCallback(() => {
-    setRefining(true);
-    setPrompt("");
-  }, []);
-  const handleReject = useCallback(() => {
-    reset();
-    setRefining(false);
-  }, [reset]);
+    else putOnCanvas();
+  }, [nodes, putOnCanvas]);
+  const handleReject = useCallback(async () => {
+    await proposal.reject();
+  }, [proposal]);
+  const startOver = useCallback(() => {
+    proposal.reset();
+  }, [proposal]);
+  const finished = status !== void 0 && status !== "PROCESSING" && status !== "PROPOSED";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Sheet, { open: open2, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -55234,16 +55178,19 @@ function AiDraftPanel({
           children: [
             /* @__PURE__ */ jsxs(SheetHeader, { children: [
               /* @__PURE__ */ jsx(SheetTitle, { children: tr("fluidgrids.builder.aiDraft.title", "Generate with AI") }),
-              /* @__PURE__ */ jsx(SheetDescription, { children: tr(
+              /* @__PURE__ */ jsx(SheetDescription, { children: workflowKey ? tr(
+                "fluidgrids.builder.aiDraft.changeDescription",
+                "Describe what should change. You review the proposed changes before a new draft version is saved."
+              ) : tr(
                 "fluidgrids.builder.aiDraft.description",
                 "Describe what the workflow should do. You review the draft before anything changes on the canvas."
               ) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 px-4", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "ai-draft-prompt", children: refining ? tr(
-                  "fluidgrids.builder.aiDraft.refineLabel",
-                  "What should change in this draft?"
+                /* @__PURE__ */ jsx(Label, { htmlFor: "ai-draft-prompt", children: workflowKey ? tr(
+                  "fluidgrids.builder.aiDraft.changeLabel",
+                  "What should change?"
                 ) : tr(
                   "fluidgrids.builder.aiDraft.promptLabel",
                   "Describe the workflow"
@@ -55256,7 +55203,7 @@ function AiDraftPanel({
                     rows: 5,
                     maxLength: AI_DRAFT_MAX_PROMPT_LENGTH,
                     value: prompt,
-                    disabled: isGenerating,
+                    disabled: proposal.isWorking,
                     placeholder: tr(
                       "fluidgrids.builder.aiDraft.promptPlaceholder",
                       "Every weekday at 9am, fetch new orders from our API, keep the ones over 500 and post a summary to a webhook. Log the rest."
@@ -55270,7 +55217,7 @@ function AiDraftPanel({
                   AI_DRAFT_MAX_PROMPT_LENGTH
                 ] })
               ] }),
-              !refining && templates.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              !workflowKey && templates.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
                 /* @__PURE__ */ jsx(Label, { htmlFor: "ai-draft-template", children: tr(
                   "fluidgrids.builder.aiDraft.templateLabel",
                   "Starting pattern (optional)"
@@ -55280,7 +55227,7 @@ function AiDraftPanel({
                   {
                     value: template,
                     onValueChange: setTemplate,
-                    disabled: isGenerating,
+                    disabled: proposal.isWorking,
                     children: [
                       /* @__PURE__ */ jsx(SelectTrigger, { id: "ai-draft-template", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
                       /* @__PURE__ */ jsxs(SelectContent, { className: "z-[130]", children: [
@@ -55294,137 +55241,80 @@ function AiDraftPanel({
                   }
                 )
               ] }),
+              unsavedEdits && /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "text-xs text-muted-foreground",
+                  "data-testid": "ai-draft-unsaved-note",
+                  children: tr(
+                    "fluidgrids.builder.aiDraft.unsavedNote",
+                    "The proposal is based on the saved version. Save first if it should include your latest edits."
+                  )
+                }
+              ),
               /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
                 /* @__PURE__ */ jsxs(
                   Button$1,
                   {
                     "data-testid": "ai-draft-generate",
                     onClick: handleGenerate,
-                    disabled: !trimmed || isGenerating,
+                    disabled: !trimmed || proposal.isWorking,
                     className: "flex gap-2",
                     children: [
-                      isGenerating ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Sparkles, { className: "size-4" }),
-                      refining ? tr(
-                        "fluidgrids.builder.aiDraft.refineButton",
-                        "Refine draft"
-                      ) : tr("fluidgrids.builder.aiDraft.generateButton", "Generate")
+                      proposal.isWorking ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Sparkles, { className: "size-4" }),
+                      tr("fluidgrids.builder.aiDraft.generateButton", "Generate")
                     ]
                   }
                 ),
-                refining && !isGenerating && /* @__PURE__ */ jsx(Button$1, { variant: "ghost", onClick: () => setRefining(false), children: tr("fluidgrids.builder.aiDraft.cancelRefine", "Cancel") })
+                finished && /* @__PURE__ */ jsx(
+                  Button$1,
+                  {
+                    variant: "ghost",
+                    "data-testid": "ai-draft-start-over",
+                    onClick: startOver,
+                    children: tr("fluidgrids.builder.aiDraft.startOver", "Start over")
+                  }
+                )
               ] }),
-              isGenerating && /* @__PURE__ */ jsx(
-                "p",
-                {
-                  className: "text-sm text-muted-foreground",
-                  "data-testid": "ai-draft-progress",
-                  children: tr(
-                    "fluidgrids.builder.aiDraft.generating",
-                    "Designing your workflow. This usually takes under a minute."
-                  )
-                }
-              ),
-              (error62 || timedOut) && /* @__PURE__ */ jsx(
+              (proposal.error || proposal.timedOut) && /* @__PURE__ */ jsx(
                 "div",
                 {
                   role: "alert",
                   className: "rounded-md border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] p-3 text-sm text-[var(--color-status-error-text)]",
-                  children: timedOut ? tr(
+                  children: proposal.timedOut ? tr(
                     "fluidgrids.builder.aiDraft.timedOut",
                     "The draft is taking longer than expected. Try again in a moment."
-                  ) : error62
-                }
-              ),
-              failed && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  role: "alert",
-                  "data-testid": "ai-draft-failed",
-                  className: "flex flex-col gap-2 rounded-md border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] p-3 text-sm text-[var(--color-status-error-text)]",
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: generation?.message ?? tr(
-                      "fluidgrids.builder.aiDraft.failed",
-                      "The workflow could not be generated."
-                    ) }),
-                    (generation?.validation?.errors ?? []).length > 0 && /* @__PURE__ */ jsx("ul", { className: "list-disc pl-4", children: generation?.validation?.errors.map((message) => /* @__PURE__ */ jsx("li", { children: message }, message)) }),
-                    /* @__PURE__ */ jsx("span", { children: tr(
-                      "fluidgrids.builder.aiDraft.failedHint",
-                      "Try describing the steps more concretely, then generate again."
-                    ) })
-                  ]
+                  ) : proposal.error
                 }
               ),
-              draft && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  "data-testid": "ai-draft-result",
-                  className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-3",
-                  children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                      /* @__PURE__ */ jsx("span", { className: "font-semibold text-card-foreground", children: draft.name }),
-                      draft.explanation && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: draft.explanation })
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      "ol",
-                      {
-                        className: "flex flex-col gap-1.5",
-                        "data-testid": "ai-draft-nodes",
-                        children: draftNodes.map((node2, index) => /* @__PURE__ */ jsxs(
-                          "li",
-                          {
-                            className: "flex items-center justify-between gap-2 text-sm",
-                            children: [
-                              /* @__PURE__ */ jsxs("span", { className: "truncate text-card-foreground", children: [
-                                index + 1,
-                                ". ",
-                                node2.label
-                              ] }),
-                              /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: shortNodeType(node2.type) })
-                            ]
-                          },
-                          node2.id
-                        ))
-                      }
-                    ),
-                    (generation?.validation?.warnings ?? []).length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg-subtle)] p-2 text-xs text-[var(--color-status-warning-text)]", children: [
-                      /* @__PURE__ */ jsx("span", { className: "font-medium", children: tr(
-                        "fluidgrids.builder.aiDraft.warningsTitle",
-                        "Still to configure:"
-                      ) }),
-                      /* @__PURE__ */ jsx("ul", { className: "list-disc pl-4", children: generation?.validation?.warnings.map((message) => /* @__PURE__ */ jsx("li", { children: message }, message)) })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-                      /* @__PURE__ */ jsx(
-                        Button$1,
-                        {
-                          "data-testid": "ai-draft-accept",
-                          onClick: handleAccept,
-                          className: "flex gap-2",
-                          children: tr("fluidgrids.builder.aiDraft.accept", "Add to canvas")
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        Button$1,
-                        {
-                          variant: "outline",
-                          "data-testid": "ai-draft-refine",
-                          onClick: handleRefine,
-                          children: tr("fluidgrids.builder.aiDraft.refine", "Refine")
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        Button$1,
-                        {
-                          variant: "ghost",
-                          "data-testid": "ai-draft-reject",
-                          onClick: handleReject,
-                          children: tr("fluidgrids.builder.aiDraft.reject", "Discard")
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              )
+              current && /* @__PURE__ */ jsxs("div", { "data-testid": "ai-draft-result", children: [
+                /* @__PURE__ */ jsx(
+                  WorkflowProposalCard,
+                  {
+                    proposal: current,
+                    isDeciding: proposal.isDeciding || reverting,
+                    onApply: () => void handleApply(),
+                    onReject: () => void handleReject(),
+                    onCancel: () => void proposal.cancel(),
+                    onOpenWorkflow: openWorkflow,
+                    onRevert: (key, version2) => void handleRevert(key, version2)
+                  }
+                ),
+                status === "PROPOSED" && !workflowKey && /* @__PURE__ */ jsx(
+                  Button$1,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "mt-2",
+                    "data-testid": "ai-draft-accept",
+                    onClick: handlePutOnCanvas,
+                    children: tr(
+                      "fluidgrids.builder.aiDraft.putOnCanvas",
+                      "Add to canvas without saving"
+                    )
+                  }
+                )
+              ] })
             ] })
           ]
         }
@@ -55447,7 +55337,7 @@ function AiDraftPanel({
           AlertDialogAction,
           {
             "data-testid": "ai-draft-replace-confirm",
-            onClick: applyDraft,
+            onClick: putOnCanvas,
             children: tr("fluidgrids.builder.aiDraft.replaceConfirm", "Replace")
           }
         )

package/dist/{chunk-JUAR3ALN.js → chunk-SRZITTB2.js}

@@ -1,5 +1,5 @@
 import { isGuidedTourIntent, pickGuidedTour, withoutGuidedTourIntent, isCreateIntent, CreateWorkflowRefusalDialog, decideMissingWorkflow } from './chunk-CSBKB5EX.js';
-import { useInstalledNodes, buildNodeCheck, FlowBuilderPage, buildRequiredNodeTypes } from './chunk-227PQY53.js';
+import { useInstalledNodes, buildNodeCheck, FlowBuilderPage, buildRequiredNodeTypes } from './chunk-JH6YDVT5.js';
 import { useLazyWorkflowDefinition, useCreateWorkflow } from './chunk-63BP6O6E.js';
 import { useFlowStore, refetchStoreNodes, BILLING_PLANS_PATH, mergeStickyNotes, blankWorkflowCreateInput, classifyCreateRefusal } from './chunk-5LKZ4PNK.js';
 import { useTr } from './chunk-UULVIT25.js';

package/dist/{chunk-I2AS4KDG.js → chunk-ZF55RVJ3.js}

@@ -1,4 +1,4 @@
-import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TemplateCard } from './chunk-227PQY53.js';
+import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TemplateCard } from './chunk-JH6YDVT5.js';
 import { QuotaExhaustedDialog } from './chunk-P2NRMJ7Z.js';
 import { useWorkflowDefinitions, useDuplicateWorkflow } from './chunk-63BP6O6E.js';
 import { templatesControls } from './chunk-D3UWK7GY.js';

package/dist/executions.js

@@ -1,10 +1,10 @@
 import './chunk-AD3BXTJS.js';
 export { ExecutionsListPage } from './chunk-H7CJXSMI.js';
-export { ExecutionDetailPage } from './chunk-ZWLEOEIP.js';
+export { ExecutionDetailPage } from './chunk-CPEIOFYR.js';
 import './chunk-SSJIK6WS.js';
 import './chunk-UUUDSVC7.js';
 import './chunk-5ERAJC2I.js';
-import './chunk-MODO24HY.js';
+import './chunk-JAKWVVVQ.js';
 import './chunk-QGXA2USP.js';
 import './chunk-63BP6O6E.js';
 import './chunk-D3UWK7GY.js';