@arbidocs/blocks 0.4.122 → 0.4.124

package/dist/workflow-canvas/WorkflowCanvas.d.ts

@@ -82,13 +82,4 @@ export interface WorkflowCanvasProps {
 }
 /** The id of the trigger node (selecting it selects the workflow's start). */
 export declare const TRIGGER_NODE = "__trigger";
-export declare const STEP_KIND_ICONS: {
-    readonly form: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-    readonly upload: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-    readonly agent: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-    readonly review: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-    readonly sign: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-    readonly email_draft: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-    readonly tabular_review: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-};
 export declare function WorkflowCanvas({ workflow, onChange, selected, onSelect, focus, onAddAfter, phases, workflowTitle, assigneeOf, trigger, renderIcon, labels, className, reserveRight, testId, }: WorkflowCanvasProps): import("react").JSX.Element;

package/dist/workflow-canvas/edit.d.ts

@@ -3,20 +3,12 @@
  * their own. Every result keeps the steps in dependency order with every edge written out
  * (`after`), so a reordering never changes what a step waits for.
  */
-import { type WorkflowDefinition, type WorkflowStep } from '../agents';
+import { type WorkflowDefinition, type WorkflowStep, type WorkflowStepKind } from '../agents';
 type Steps = Extract<WorkflowDefinition['run'], {
     kind: 'steps';
 }>;
 export type WorkflowLayout = NonNullable<Steps['layout']>;
-/**
- * What the builder's add menus offer: each kind of step, with each platform action (an
- * `action` step) as a kind of its own.
- */
-export type WorkflowStepKind = 'form' | 'upload' | 'agent' | 'review' | 'sign' | 'email_draft' | 'tabular_review';
-/** Every kind, in the order the add menus list them. */
-export declare const WORKFLOW_STEP_KINDS: readonly WorkflowStepKind[];
-/** A step's kind as the builder shows it: an action step is its action's type. */
-export declare const stepKindOf: (step: WorkflowStep) => WorkflowStepKind;
+export { WORKFLOW_STEP_KINDS, stepKindOf, type WorkflowStepKind } from '../agents';
 /** A new, empty stepped workflow. */
 export declare function newSteppedWorkflow(id: string, title: string): WorkflowDefinition;
 /** A step id from a title: lowercase words joined by hyphens, unique within the workflow. */
@@ -59,4 +51,3 @@ export declare function moveStep(workflow: WorkflowDefinition, id: string, posit
 export declare function autoLayout(steps: WorkflowStep[]): WorkflowLayout;
 /** The workflow's layout, with any unplaced step placed by depth. */
 export declare function layoutWithDefaults(workflow: WorkflowDefinition): WorkflowLayout;
-export {};

package/dist/workflow-canvas/index.cjs

@@ -2,26 +2,26 @@
 'use strict';
 
 var chunkMUMH3Z6K_cjs = require('../chunk-MUMH3Z6K.cjs');
-var chunkZ2NSU7D5_cjs = require('../chunk-Z2NSU7D5.cjs');
-require('../chunk-ZV3BKLFY.cjs');
+var chunkFL5TEBTM_cjs = require('../chunk-FL5TEBTM.cjs');
 require('../chunk-S5HZBXZA.cjs');
 require('../chunk-ZW6FPIFC.cjs');
-var chunkXSUOEJB3_cjs = require('../chunk-XSUOEJB3.cjs');
-require('../chunk-7D737FLE.cjs');
+var chunkMRURIBBB_cjs = require('../chunk-MRURIBBB.cjs');
 require('../chunk-N26CXGXC.cjs');
 require('../chunk-3AFWGEDJ.cjs');
 require('../chunk-DVUZTGVL.cjs');
-require('../chunk-OB5F4577.cjs');
 require('../chunk-DETZZBG2.cjs');
-var chunk32HW2Q33_cjs = require('../chunk-32HW2Q33.cjs');
 require('../chunk-V4ISCZJ7.cjs');
 require('../chunk-2EI7NCUA.cjs');
 require('../chunk-C2CWWEHO.cjs');
-require('../chunk-B4SRYJLM.cjs');
-require('../chunk-7UTB4PHM.cjs');
-require('../chunk-FX3K6LNZ.cjs');
+require('../chunk-ZV3BKLFY.cjs');
+require('../chunk-7D737FLE.cjs');
+require('../chunk-OB5F4577.cjs');
 require('../chunk-7RGLTF76.cjs');
 require('../chunk-ULWRNGGE.cjs');
+var chunkHM23LXUP_cjs = require('../chunk-HM23LXUP.cjs');
+require('../chunk-7UTB4PHM.cjs');
+var chunk32HW2Q33_cjs = require('../chunk-32HW2Q33.cjs');
+require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-MHVNT4J3.cjs');
 require('../chunk-C54XEN5T.cjs');
@@ -35,16 +35,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var react$1 = require('@xyflow/react');
 
 // src/workflow-canvas/edit.ts
-var WORKFLOW_STEP_KINDS = [
-  "form",
-  "upload",
-  "agent",
-  "review",
-  "sign",
-  "email_draft",
-  "tabular_review"
-];
-var stepKindOf = (step) => step.kind === "action" ? step.action.type : step.kind;
 function newSteppedWorkflow(id, title) {
   return {
     id,
@@ -60,11 +50,11 @@ function withSteps(workflow, steps, layout) {
   const run = workflow.run.kind === "steps" ? workflow.run : { kind: "steps", steps: [] };
   return {
     ...workflow,
-    run: { ...run, steps: chunkXSUOEJB3_cjs.orderSteps(steps), layout: layout ?? run.layout }
+    run: { ...run, steps: chunkHM23LXUP_cjs.orderSteps(steps), layout: layout ?? run.layout }
   };
 }
 var layoutOf = (workflow) => workflow.run.kind === "steps" && workflow.run.layout || {};
-var explicit = (steps) => steps.map((s) => ({ ...s, after: chunkXSUOEJB3_cjs.stepDependencies(steps, s.id) }));
+var explicit = (steps) => steps.map((s) => ({ ...s, after: chunkHM23LXUP_cjs.stepDependencies(steps, s.id) }));
 function stepIdFor(steps, title) {
   const base = title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "") || "step";
   const taken = new Set(steps.map((s) => s.id));
@@ -111,7 +101,7 @@ function blankStep(kind, id, title) {
   }
 }
 function addStep(workflow, kind, options = {}) {
-  const steps = explicit(chunkXSUOEJB3_cjs.workflowSteps(workflow));
+  const steps = explicit(chunkHM23LXUP_cjs.workflowSteps(workflow));
   const title = options.title ?? DEFAULT_TITLES[kind];
   const id = stepIdFor(steps, title);
   const step = { ...blankStep(kind, id, title), after: options.after ? [options.after] : [] };
@@ -120,7 +110,7 @@ function addStep(workflow, kind, options = {}) {
   return { workflow: withSteps(workflow, [...steps, step], layout), id };
 }
 function removeStep(workflow, id) {
-  const steps = explicit(chunkXSUOEJB3_cjs.workflowSteps(workflow));
+  const steps = explicit(chunkHM23LXUP_cjs.workflowSteps(workflow));
   const removed = steps.find((s) => s.id === id);
   if (!removed) return workflow;
   const bridged = steps.filter((s) => s.id !== id).map(
@@ -133,8 +123,8 @@ function removeStep(workflow, id) {
   return withSteps(workflow, bridged, layout);
 }
 function connectSteps(workflow, from, to) {
-  const steps = explicit(chunkXSUOEJB3_cjs.workflowSteps(workflow));
-  if (from === to || !steps.some((s) => s.id === from) || chunkXSUOEJB3_cjs.dependsOn(steps, from, to)) {
+  const steps = explicit(chunkHM23LXUP_cjs.workflowSteps(workflow));
+  if (from === to || !steps.some((s) => s.id === from) || chunkHM23LXUP_cjs.dependsOn(steps, from, to)) {
     return workflow;
   }
   return withSteps(
@@ -144,16 +134,16 @@ function connectSteps(workflow, from, to) {
     )
   );
 }
-var wouldCycle = (workflow, from, to) => from === to || chunkXSUOEJB3_cjs.dependsOn(chunkXSUOEJB3_cjs.workflowSteps(workflow), from, to);
+var wouldCycle = (workflow, from, to) => from === to || chunkHM23LXUP_cjs.dependsOn(chunkHM23LXUP_cjs.workflowSteps(workflow), from, to);
 function disconnectSteps(workflow, from, to) {
-  const steps = explicit(chunkXSUOEJB3_cjs.workflowSteps(workflow));
+  const steps = explicit(chunkHM23LXUP_cjs.workflowSteps(workflow));
   return withSteps(
     workflow,
     steps.map((s) => s.id === to ? { ...s, after: (s.after ?? []).filter((d) => d !== from) } : s)
   );
 }
 function updateStep(workflow, id, patch) {
-  const steps = explicit(chunkXSUOEJB3_cjs.workflowSteps(workflow));
+  const steps = explicit(chunkHM23LXUP_cjs.workflowSteps(workflow));
   return withSteps(
     workflow,
     steps.map(
@@ -167,7 +157,7 @@ var renameIn = (text, from, to) => text.replace(
 );
 function renameInput(workflow, from, to) {
   if (from === to) return workflow;
-  const steps = chunkXSUOEJB3_cjs.workflowSteps(workflow).map((s) => {
+  const steps = chunkHM23LXUP_cjs.workflowSteps(workflow).map((s) => {
     if (s.kind === "agent")
       return {
         ...s,
@@ -216,13 +206,13 @@ function renameInput(workflow, from, to) {
 var renamePerson = (a, from, to) => "input" in a && a.input === from ? { input: to } : a;
 var renameRef = (r, from, to) => "input" in r && r.input === from ? { input: to } : r;
 function moveStep(workflow, id, position) {
-  return withSteps(workflow, chunkXSUOEJB3_cjs.workflowSteps(workflow), { ...layoutOf(workflow), [id]: position });
+  return withSteps(workflow, chunkHM23LXUP_cjs.workflowSteps(workflow), { ...layoutOf(workflow), [id]: position });
 }
 var COLUMN = 300;
 var ROW = 140;
 function autoLayout(steps) {
   const layout = {};
-  chunkXSUOEJB3_cjs.stepLevels(steps).forEach(
+  chunkHM23LXUP_cjs.stepLevels(steps).forEach(
     (level, x) => level.forEach((s, y) => {
       layout[s.id] = { x: x * COLUMN, y: (y - (level.length - 1) / 2) * ROW };
     })
@@ -230,7 +220,7 @@ function autoLayout(steps) {
   return layout;
 }
 function layoutWithDefaults(workflow) {
-  const auto = autoLayout(chunkXSUOEJB3_cjs.workflowSteps(workflow));
+  const auto = autoLayout(chunkHM23LXUP_cjs.workflowSteps(workflow));
   return { ...auto, ...layoutOf(workflow) };
 }
 var DEFAULT_SIGNALS_EDITOR_LABELS = {
@@ -327,9 +317,9 @@ function SignalsEditor({
           {
             className: ui.cn(
               "space-y-1.5 rounded-md border p-2",
-              chunkXSUOEJB3_cjs.isIncompleteSignal(signal) ? "border-destructive/50" : "border-border"
+              chunkMRURIBBB_cjs.isIncompleteSignal(signal) ? "border-destructive/50" : "border-border"
             ),
-            "data-incomplete": chunkXSUOEJB3_cjs.isIncompleteSignal(signal) || void 0,
+            "data-incomplete": chunkMRURIBBB_cjs.isIncompleteSignal(signal) || void 0,
             "data-testid": `${testId}-${i}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -1158,7 +1148,7 @@ function StepInspector({
 }) {
   const l = { ...DEFAULT_STEP_INSPECTOR_LABELS, ...labels };
   const ol = { ...DEFAULT_FIELD_OPTIONS_EDITOR_LABELS, ...optionLabels };
-  const steps = chunkXSUOEJB3_cjs.workflowSteps(workflow);
+  const steps = chunkHM23LXUP_cjs.workflowSteps(workflow);
   const step = steps.find((s) => s.id === stepId);
   const run = workflow.run.kind === "steps" ? workflow.run : void 0;
   if (!step || !run) {
@@ -1185,8 +1175,8 @@ function StepInspector({
   const patch = (p) => onChange(updateStep(workflow, step.id, p));
   const al = { ...DEFAULT_STEP_ACTION_SETTINGS_LABELS, ...actionLabels };
   const ctx = {
-    earlier: chunkXSUOEJB3_cjs.upstreamSteps(steps, step.id),
-    fields: chunkXSUOEJB3_cjs.runFields(workflow),
+    earlier: chunkHM23LXUP_cjs.upstreamSteps(steps, step.id),
+    fields: chunkHM23LXUP_cjs.runFields(workflow),
     people,
     tags,
     documents
@@ -1207,7 +1197,7 @@ function StepInspector({
       )
     );
   };
-  const deps = chunkXSUOEJB3_cjs.stepDependencies(steps, step.id);
+  const deps = chunkHM23LXUP_cjs.stepDependencies(steps, step.id);
   const titleOf = (id) => steps.find((s) => s.id === id)?.title ?? id;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", "data-testid": `${testId}-step`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
@@ -1288,7 +1278,7 @@ function StepInspector({
         {
           step,
           workflows,
-          fields: chunkXSUOEJB3_cjs.runFields(workflow).map((f) => f.name),
+          fields: chunkHM23LXUP_cjs.runFields(workflow).map((f) => f.name),
           patch,
           l,
           testId
@@ -1349,7 +1339,7 @@ function StepInspector({
         testId: `${testId}-review-grid`
       }
     ),
-    chunkXSUOEJB3_cjs.canAssign(step) && /* @__PURE__ */ jsxRuntime.jsx(AssigneeSettings, { step, patch, ctx, l: al, testId }),
+    chunkHM23LXUP_cjs.canAssign(step) && /* @__PURE__ */ jsxRuntime.jsx(AssigneeSettings, { step, patch, ctx, l: al, testId }),
     /* @__PURE__ */ jsxRuntime.jsx(
       SignalsEditor,
       {
@@ -1615,7 +1605,7 @@ function triggerFields(trigger, clearOthers) {
   return {
     timezone: trigger.timezone,
     rrule: trigger.start === "repeat" ? trigger.rrule.trim() : none,
-    run_at: trigger.start === "once" ? chunkZ2NSU7D5_cjs.localInputToIso(trigger.runAt) : none,
+    run_at: trigger.start === "once" ? chunkFL5TEBTM_cjs.localInputToIso(trigger.runAt) : none,
     event_kind: trigger.start === "event" ? trigger.eventKind.trim() : none,
     // A step signal is `workflow_signal` narrowed to one signal name.
     event_filter: filter ?? none,
@@ -1631,7 +1621,7 @@ function plan(value, options) {
     criteria: [],
     max_passes: 3,
     documents: [],
-    steps: chunkXSUOEJB3_cjs.toPlanSteps(value.workflow, options)
+    steps: chunkMRURIBBB_cjs.toPlanSteps(value.workflow, options)
   };
 }
 function builderToWorkflowRequest(value, workspaceId, options = {}) {
@@ -1666,7 +1656,7 @@ function builderToWorkflowUpdate(value, options = {}) {
 }
 function workflowRecordToBuilder(record) {
   const planned = record.plan?.steps ?? [];
-  const steps = planned.length ? chunkXSUOEJB3_cjs.fromPlanSteps(planned) : record.prompt || record.skill_ref ? [
+  const steps = planned.length ? chunkMRURIBBB_cjs.fromPlanSteps(planned) : record.prompt || record.skill_ref ? [
     {
       id: "work",
       kind: "agent",
@@ -1674,7 +1664,7 @@ function workflowRecordToBuilder(record) {
       ...record.skill_ref ? { workflow: record.skill_ref } : { run: { kind: "prompt", promptTemplate: record.prompt } }
     }
   ] : [];
-  const when = chunkZ2NSU7D5_cjs.workflowWhen(record);
+  const when = chunkFL5TEBTM_cjs.workflowWhen(record);
   return {
     workflow: {
       id: record.external_id,
@@ -1683,12 +1673,12 @@ function workflowRecordToBuilder(record) {
       inputs: [],
       landing: "chat",
       schedulable: false,
-      run: { kind: "steps", steps, layout: chunkXSUOEJB3_cjs.layoutFromPlanSteps(planned ?? []) }
+      run: { kind: "steps", steps, layout: chunkMRURIBBB_cjs.layoutFromPlanSteps(planned ?? []) }
     },
     trigger: {
       ...DEFAULT_WORKFLOW_TRIGGER,
       start: when === "now" ? "manual" : when,
-      runAt: chunkZ2NSU7D5_cjs.isoToLocalInput(record.run_at),
+      runAt: chunkFL5TEBTM_cjs.isoToLocalInput(record.run_at),
       rrule: record.rrule ?? "",
       timezone: record.timezone || DEFAULT_WORKFLOW_TRIGGER.timezone,
       eventKind: record.event_kind ?? "",
@@ -1744,7 +1734,7 @@ function triggerSummary(trigger, options = {}) {
     case "once":
       return trigger.runAt ? new Date(trigger.runAt).toLocaleString() : l.starts.once;
     case "repeat":
-      return trigger.rrule ? chunkZ2NSU7D5_cjs.describeRRule(trigger.rrule) : l.starts.repeat;
+      return trigger.rrule ? chunkFL5TEBTM_cjs.describeRRule(trigger.rrule) : l.starts.repeat;
     case "event":
       if (isSignalTrigger(trigger))
         return trigger.signal ? l.signalSummary.replace("{signal}", trigger.signal) : l.stepSignals;
@@ -1803,7 +1793,7 @@ function TriggerInspector({
         }
       )
     ] }),
-    trigger.start === "repeat" && /* @__PURE__ */ jsxRuntime.jsx(chunkZ2NSU7D5_cjs.RecurrenceBuilder, { rrule: trigger.rrule, onChange: (rrule) => set({ rrule }) }),
+    trigger.start === "repeat" && /* @__PURE__ */ jsxRuntime.jsx(chunkFL5TEBTM_cjs.RecurrenceBuilder, { rrule: trigger.rrule, onChange: (rrule) => set({ rrule }) }),
     trigger.start === "event" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: l.event }),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1855,7 +1845,7 @@ function TriggerInspector({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: l.agent }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkZ2NSU7D5_cjs.AgentSelect,
+        chunkFL5TEBTM_cjs.AgentSelect,
         {
           agents,
           value: trigger.agentId,
@@ -1923,13 +1913,7 @@ function revealCenter(node, view, frame, reserveRight = 0) {
   };
 }
 var DEFAULT_WORKFLOW_CANVAS_LABELS = {
-  form: "Form",
-  upload: "Upload",
-  agent: "AI step",
-  review: "Approval",
-  sign: "Sign",
-  email_draft: "Email draft",
-  tabular_review: "Tabular review",
+  ...chunkHM23LXUP_cjs.DEFAULT_STEP_KIND_LABELS,
   redline: "Tracked changes",
   branch: "Branch",
   kindHints: {
@@ -1960,16 +1944,7 @@ var DEFAULT_WORKFLOW_CANVAS_LABELS = {
   fitView: "Fit view"
 };
 var TRIGGER_NODE = "__trigger";
-var STEP_KIND_ICONS = {
-  form: lucideReact.FileInput,
-  upload: lucideReact.Upload,
-  agent: lucideReact.Bot,
-  review: lucideReact.ClipboardCheck,
-  sign: lucideReact.PenLine,
-  email_draft: lucideReact.Mail,
-  tabular_review: lucideReact.Table2
-};
-var KINDS = WORKFLOW_STEP_KINDS;
+var KINDS = chunkHM23LXUP_cjs.WORKFLOW_STEP_KINDS;
 function AddNext({
   from,
   onAdd,
@@ -1991,7 +1966,7 @@ function AddNext({
     /* @__PURE__ */ jsxRuntime.jsxs(ui.PopoverContent, { side: "right", align: "start", className: "w-60 p-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2 pb-1 pt-0.5 text-xs font-medium text-muted-foreground", children: l.addNext }),
       KINDS.map((kind) => {
-        const Icon = STEP_KIND_ICONS[kind];
+        const Icon = chunkHM23LXUP_cjs.STEP_KIND_ICONS[kind];
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -2030,8 +2005,8 @@ function PhaseMark({ phase }) {
 }
 function StepNode({ data }) {
   const { step, phase, summary, assignee, icon, l, onAdd, testId } = data;
-  const kind = stepKindOf(step);
-  const KindIcon = STEP_KIND_ICONS[kind];
+  const kind = chunkHM23LXUP_cjs.stepKindOf(step);
+  const KindIcon = chunkHM23LXUP_cjs.STEP_KIND_ICONS[kind];
   const redline = step.kind === "agent" && !!step.editDocument;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2165,12 +2140,12 @@ function WorkflowCanvas({
   testId = "workflow-canvas"
 }) {
   const l = react.useMemo(() => ({ ...DEFAULT_WORKFLOW_CANVAS_LABELS, ...labels }), [labels]);
-  const steps = chunkXSUOEJB3_cjs.workflowSteps(workflow);
+  const steps = chunkHM23LXUP_cjs.workflowSteps(workflow);
   const editable = !!onChange;
   const built = react.useMemo(() => {
     const layout = layoutWithDefaults(workflow);
-    const all = chunkXSUOEJB3_cjs.workflowSteps(workflow);
-    const roots = all.filter((s) => chunkXSUOEJB3_cjs.stepDependencies(all, s.id).length === 0);
+    const all = chunkHM23LXUP_cjs.workflowSteps(workflow);
+    const roots = all.filter((s) => chunkHM23LXUP_cjs.stepDependencies(all, s.id).length === 0);
     const triggerNode = trigger ? [
       {
         id: TRIGGER_NODE,
@@ -2219,7 +2194,7 @@ function WorkflowCanvas({
   react.useEffect(() => setNodes(built), [built]);
   const edges = react.useMemo(
     () => steps.flatMap((s) => {
-      const deps = chunkXSUOEJB3_cjs.stepDependencies(steps, s.id);
+      const deps = chunkHM23LXUP_cjs.stepDependencies(steps, s.id);
       const from = deps.length ? deps : trigger ? [TRIGGER_NODE] : [];
       return from.map((d) => ({
         id: `${d}->${s.id}`,
@@ -2261,11 +2236,12 @@ function WorkflowCanvas({
   const selectedRef = react.useRef(selected);
   selectedRef.current = selected;
   const fit = react.useCallback(
-    async (flow, anchorOnSelection) => {
+    async (flow, anchorOnSelection, whole = false) => {
       await flow.fitView({
         padding: { top: "48px", bottom: "48px", left: "48px", right: `${reserveRight + 48}px` },
         maxZoom: 1
       });
+      if (whole) return;
       const box = frame.current;
       const picked = anchorOnSelection ? selectedRef.current : null;
       const view = readableViewport(
@@ -2357,7 +2333,7 @@ function WorkflowCanvas({
                 react$1.ControlButton,
                 {
                   className: "react-flow__controls-fitview",
-                  onClick: () => flowRef.current && void fit(flowRef.current, true),
+                  onClick: () => flowRef.current && void fit(flowRef.current, false, true),
                   title: l.fitView,
                   "aria-label": l.fitView,
                   "data-testid": `${testId}-fit`,
@@ -2388,7 +2364,7 @@ function WorkflowCanvas({
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: l.emptyTitle }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: l.emptyHint }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 grid grid-cols-2 gap-2", children: KINDS.map((kind) => {
-                const Icon = STEP_KIND_ICONS[kind];
+                const Icon = chunkHM23LXUP_cjs.STEP_KIND_ICONS[kind];
                 return /* @__PURE__ */ jsxRuntime.jsxs(
                   "button",
                   {
@@ -2438,7 +2414,7 @@ var DEFAULT_WORKFLOW_BUILDER_LABELS = {
   }
 };
 var PANEL_WIDTH = 344;
-var KINDS2 = WORKFLOW_STEP_KINDS;
+var KINDS2 = chunkHM23LXUP_cjs.WORKFLOW_STEP_KINDS;
 function WorkflowBuilder({
   value,
   onChange,
@@ -2470,12 +2446,12 @@ function WorkflowBuilder({
   const [mode, setMode] = react.useState("design");
   const [adding, setAdding] = react.useState(false);
   const { workflow, trigger } = value;
-  const steps = chunkXSUOEJB3_cjs.workflowSteps(workflow);
-  const problems = chunkXSUOEJB3_cjs.validateWorkflowGraph(steps);
-  const missing = chunkXSUOEJB3_cjs.stepConfigProblems(steps);
+  const steps = chunkHM23LXUP_cjs.workflowSteps(workflow);
+  const problems = chunkHM23LXUP_cjs.validateWorkflowGraph(steps);
+  const missing = chunkHM23LXUP_cjs.stepConfigProblems(steps);
   const nameOf = (id) => people.find((p) => p.value === id)?.label;
-  const fields = chunkXSUOEJB3_cjs.runFields(workflow);
-  const assigneeOf = (step) => chunkXSUOEJB3_cjs.canAssign(step) ? chunkXSUOEJB3_cjs.assigneeName(step.assignee, { nameOf, fields }) : void 0;
+  const fields = chunkHM23LXUP_cjs.runFields(workflow);
+  const assigneeOf = (step) => chunkHM23LXUP_cjs.canAssign(step) ? chunkHM23LXUP_cjs.assigneeName(step.assignee, { nameOf, fields }) : void 0;
   const titles = react.useMemo(() => new Map(workflows.map((w) => [w.id, w.title])), [workflows]);
   const setWorkflow = (next) => onChange({ ...value, workflow: next });
   const addAfter = (from, kind) => {
@@ -2544,7 +2520,7 @@ function WorkflowBuilder({
             l.addStep
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { align: "start", className: "w-64 p-1.5", children: KINDS2.map((kind) => {
-            const Icon = STEP_KIND_ICONS[kind];
+            const Icon = chunkHM23LXUP_cjs.STEP_KIND_ICONS[kind];
             const cls = { ...DEFAULT_WORKFLOW_CANVAS_LABELS, ...canvasLabels };
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
@@ -2706,13 +2682,13 @@ function WorkflowPreview({
   renderIcon,
   testId
 }) {
-  const run = chunkZ2NSU7D5_cjs.useWorkflowPreview(workflow, {
+  const run = chunkFL5TEBTM_cjs.useWorkflowPreview(workflow, {
     resolveWorkflow: (id) => workflows.find((w) => w.id === id),
     compose,
     answer
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXSUOEJB3_cjs.WorkflowRunner,
+    chunkMRURIBBB_cjs.WorkflowRunner,
     {
       workflow,
       run,
@@ -2799,7 +2775,7 @@ function ConnectedWorkflowBuilder({
     () => [
       ...hostWorkflows,
       ...(skills.data ?? []).map(
-        (s) => chunkXSUOEJB3_cjs.skillToWorkflow({
+        (s) => chunkHM23LXUP_cjs.skillToWorkflow({
           name: s.name,
           slug: s.slug,
           description: s.description,
@@ -2815,7 +2791,7 @@ 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) ?? (chunkXSUOEJB3_cjs.validateWorkflowGraph(chunkXSUOEJB3_cjs.workflowSteps(value.workflow)).length || chunkXSUOEJB3_cjs.stepConfigProblems(chunkXSUOEJB3_cjs.workflowSteps(value.workflow)).length ? "graph" : null);
+  const problem = triggerProblem(value.trigger) ?? (chunkHM23LXUP_cjs.validateWorkflowGraph(chunkHM23LXUP_cjs.workflowSteps(value.workflow)).length || chunkHM23LXUP_cjs.stepConfigProblems(chunkHM23LXUP_cjs.workflowSteps(value.workflow)).length ? "graph" : null);
   const busy = !!pending || create.isPending || update.isPending || run.isPending;
   const save = async () => {
     if (!workspaceId) return void 0;