@arbidocs/blocks 0.4.82 → 0.4.83

package/dist/workflow-canvas/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { useConnection } from '../chunk-OYMWV45N.js';
-import { workflowWhen, isoToLocalInput, describeRRule, RecurrenceBuilder, AgentSelect, useWorkflowPreview, localInputToIso } from '../chunk-IRG5LPDP.js';
+import { workflowWhen, isoToLocalInput, describeRRule, RecurrenceBuilder, AgentSelect, useWorkflowPreview, localInputToIso } from '../chunk-RX35SMPR.js';
 import '../chunk-CKB64Z4R.js';
 import '../chunk-P6GHJSLR.js';
-import { workflowSteps, dependsOn, stepLevels, isIncompleteSignal, runFields, upstreamSteps, stepDependencies, canAssign, fromPlanSteps, layoutFromPlanSteps, validateWorkflowGraph, stepConfigProblems, WorkflowRunner, skillToWorkflow, assigneeName, orderSteps, toPlanSteps } from '../chunk-THCFZKTM.js';
+import { workflowSteps, dependsOn, stepLevels, isIncompleteSignal, runFields, upstreamSteps, stepDependencies, canAssign, fromPlanSteps, layoutFromPlanSteps, validateWorkflowGraph, stepConfigProblems, WorkflowRunner, skillToWorkflow, assigneeName, orderSteps, toPlanSteps } from '../chunk-CONIA2ZA.js';
 import '../chunk-4WWM3GQ5.js';
 import '../chunk-RFXJYIDV.js';
 import '../chunk-DPLRHEJZ.js';
@@ -14,19 +14,19 @@ import '../chunk-ZPLG7QYF.js';
 import '../chunk-DDF5GPIJ.js';
 import '../chunk-XD2M6LIG.js';
 import '../chunk-S7PSMMRG.js';
-import '../chunk-76JDDMSP.js';
-import '../chunk-TX2ZICS7.js';
 import '../chunk-HOXKR26S.js';
 import '../chunk-AA3PT6KR.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';
+import '../chunk-76JDDMSP.js';
 import '../chunk-OXF2IFXG.js';
+import '../chunk-TX2ZICS7.js';
 import '../chunk-7F6CBP3Z.js';
 import '../chunk-VUNV25KB.js';
 import { useMemo, useState, useEffect, useCallback, useRef } from 'react';
 import { useWorkspaceUsers, useTags, useDocuments, useWorkflows, useSkills, useAgents, useConversations, useCreateWorkflow, useUpdateWorkflow, useRunWorkflow } from '@arbidocs/react';
 import { Label, Input, cn, Button, Textarea, Checkbox, Popover, PopoverTrigger, PopoverContent } from '@arbidocs/react/ui';
-import { X, Plus, Trash2, Maximize, Table2, Mail, PenLine, ClipboardCheck, Bot, Upload, FileInput, PencilRuler, Eye, LayoutGrid, Settings2, Play, Loader2, Save, Zap, GitBranch, FilePenLine, UserRound, Hourglass, Check, AlertTriangle, MinusCircle } from 'lucide-react';
+import { X, Plus, Trash2, Maximize, Table2, Mail, PenLine, ClipboardCheck, Bot, Upload, FileInput, PencilRuler, Eye, LayoutGrid, Settings2, Loader2, Play, Save, Zap, GitBranch, FilePenLine, UserRound, Hourglass, Check, AlertTriangle, MinusCircle } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { MarkerType, applyNodeChanges, ReactFlow, Background, BackgroundVariant, Controls, ControlButton, MiniMap, Handle, Position } from '@xyflow/react';
 
@@ -2604,7 +2604,9 @@ var DEFAULT_CONNECTED_WORKFLOW_BUILDER_LABELS = {
   saving: "Saving\u2026",
   runNow: "Run now",
   saved: "Saved.",
-  needTrigger: "Finish setting when it starts."
+  needTrigger: "Finish setting when it starts.",
+  running: "Starting\u2026",
+  failed: "Something went wrong."
 };
 var DEFAULT_WORKFLOW_EVENT_KINDS = [
   { value: "conversation_done", label: "A task is marked done" },
@@ -2654,6 +2656,8 @@ function ConnectedWorkflowBuilder({
   const [id, setId] = useState(workflowId);
   const [value, setValue] = useState(initial);
   const [message, setMessage] = useState(null);
+  const [error, setError] = useState(null);
+  const [pending, setPending] = useState();
   const record = saved.data?.find((w) => w.external_id === id);
   const [loaded, setLoaded] = useState(void 0);
   useEffect(() => {
@@ -2683,17 +2687,36 @@ function ConnectedWorkflowBuilder({
   const tasks = (conversations.data ?? []).filter((c) => c.status && c.status !== "done").map((c) => ({ value: c.external_id, label: c.title || c.external_id }));
   const options = { resolveWorkflow: (wid) => workflows.find((w) => w.id === wid), compose };
   const problem = triggerProblem(value.trigger) ?? (validateWorkflowGraph(workflowSteps(value.workflow)).length || stepConfigProblems(workflowSteps(value.workflow)).length ? "graph" : null);
-  const busy = create.isPending || update.isPending || run.isPending;
+  const busy = !!pending || create.isPending || update.isPending || run.isPending;
   const save = async () => {
     if (!workspaceId) return void 0;
-    setMessage(null);
     const result = id ? await update.mutateAsync({ workflowId: id, patch: builderToWorkflowUpdate(value, options) }) : await create.mutateAsync(builderToWorkflowRequest(value, workspaceId, options));
     setId(result.external_id);
     setLoaded(result.external_id);
-    setMessage(l.saved);
-    onSaved?.(result.external_id);
+    await onSaved?.(result.external_id, value);
     return result.external_id;
   };
+  const attempt = async (andRun) => {
+    setMessage(null);
+    setError(null);
+    setPending({ action: andRun ? "run" : "save", phase: "saving" });
+    try {
+      const savedId = await save();
+      if (!savedId) return;
+      if (!andRun) {
+        setMessage(l.saved);
+        return;
+      }
+      setPending({ action: "run", phase: "running" });
+      const started = await run.mutateAsync(savedId);
+      if (started.error) throw new Error(started.error);
+      onRun?.(started.conversation_ext_id ?? void 0);
+    } catch (e) {
+      setError(e instanceof Error && e.message ? e.message : l.failed);
+    } finally {
+      setPending(void 0);
+    }
+  };
   return /* @__PURE__ */ jsx(
     WorkflowBuilder,
     {
@@ -2713,6 +2736,7 @@ function ConnectedWorkflowBuilder({
       actions: /* @__PURE__ */ jsxs(Fragment, { children: [
         actions,
         message && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: message }),
+        error && /* @__PURE__ */ jsx("span", { role: "alert", className: "text-xs text-destructive", "data-testid": `${testId}-error`, children: error }),
         problem && problem !== "graph" && /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive", children: l.needTrigger }),
         /* @__PURE__ */ jsxs(
           Button,
@@ -2720,17 +2744,11 @@ function ConnectedWorkflowBuilder({
             variant: "outline",
             size: "sm",
             disabled: !!problem || busy || !workspaceId,
-            onClick: async () => {
-              const saved2 = await save();
-              if (!saved2) return;
-              const started = await run.mutateAsync(saved2);
-              onRun?.(started.conversation_ext_id ?? void 0);
-            },
+            onClick: () => void attempt(true),
             "data-testid": `${testId}-run`,
             children: [
-              /* @__PURE__ */ jsx(Play, { className: "size-4" }),
-              " ",
-              l.runNow
+              pending?.action === "run" ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Play, { className: "size-4" }),
+              pending?.action === "run" ? pending.phase === "saving" ? l.saving : l.running : l.runNow
             ]
           }
         ),
@@ -2739,11 +2757,11 @@ function ConnectedWorkflowBuilder({
           {
             size: "sm",
             disabled: !!problem || busy || !workspaceId,
-            onClick: () => void save(),
+            onClick: () => void attempt(false),
             "data-testid": `${testId}-save`,
             children: [
-              create.isPending || update.isPending ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Save, { className: "size-4" }),
-              create.isPending || update.isPending ? l.saving : l.save
+              pending?.action === "save" ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Save, { className: "size-4" }),
+              pending?.action === "save" ? l.saving : l.save
             ]
           }
         )