@arbidocs/blocks 0.4.82 → 0.4.84

package/dist/tags/TagsNav.d.ts

@@ -0,0 +1,44 @@
+/**
+ * The side navigation of a Tags page: the workspace's tags grouped by kind (labels, annotations,
+ * issues, people, organisations, searches), each group with its count, each tag with how much
+ * carries it, and nested tags (an issue list's issues) under their parent. A group heading selects
+ * the whole kind; a tag selects that tag. Data-free: the host passes the groups.
+ */
+import { type ReactNode } from 'react';
+export interface TagsNavItem {
+    id: string;
+    name: string;
+    /** How many documents and facts carry it. */
+    count?: number;
+    /** A swatch colour (any CSS colour). */
+    color?: string;
+    /** Nested tags (e.g. an issue list's issues). */
+    children?: TagsNavItem[];
+}
+export interface TagsNavGroup {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    items: TagsNavItem[];
+}
+/** What is selected: a whole group, or one tag of it. */
+export type TagsNavSelection = {
+    groupId: string;
+    itemId?: string;
+};
+export interface TagsNavLabels {
+    filter: string;
+    clearFilter: string;
+    empty: string;
+    noMatch: string;
+}
+export declare const DEFAULT_TAGS_NAV_LABELS: TagsNavLabels;
+export interface TagsNavProps {
+    groups: TagsNavGroup[];
+    selected: TagsNavSelection | null;
+    onSelect: (selection: TagsNavSelection) => void;
+    labels?: Partial<TagsNavLabels>;
+    className?: string;
+    testId?: string;
+}
+export declare function TagsNav({ groups, selected, onSelect, labels, className, testId, }: TagsNavProps): import("react").JSX.Element;

package/dist/tags/index.d.ts

@@ -1,4 +1,9 @@
-/** A label's children as an editable matrix with their evidence (`TagMatrix`). */
-export { TagMatrix, DEFAULT_TAG_MATRIX_LABELS, type TagMatrixProps, type TagMatrixLabels, } from './TagMatrix';
-export { tagMatrixColumns, tagMatrixMarkdown, cellValue, cellText, parseCell, isGap, type TagMatrixData, type TagMatrixRowData, type TagMatrixField, type TagMatrixFieldType, type TagMatrixMarkdownOptions, } from './tagMatrixModel';
+/**
+ * Tags: a set of tags as an editable matrix with their evidence (`TagMatrix`), one tag in full
+ * (`TagDetail`), and the kind-grouped navigation of a Tags page (`TagsNav`).
+ */
+export { TagMatrix, TagMatrixCell, DEFAULT_TAG_MATRIX_LABELS, type TagMatrixProps, type TagMatrixLabels, } from './TagMatrix';
+export { TagDetail, DEFAULT_TAG_DETAIL_LABELS, type TagDetailProps, type TagDetailLabels, } from './TagDetail';
+export { TagsNav, DEFAULT_TAGS_NAV_LABELS, type TagsNavProps, type TagsNavLabels, type TagsNavGroup, type TagsNavItem, type TagsNavSelection, } from './TagsNav';
+export { tagMatrixColumns, tagMatrixMarkdown, cellValue, rowFieldId, cellText, parseCell, isGap, type TagMatrixData, type TagMatrixRowData, type TagMatrixField, type TagMatrixFieldType, type TagMatrixMarkdownOptions, } from './tagMatrixModel';
 export { tagMatrixDocx, tagMatrixDocumentXml, DEFAULT_TAG_MATRIX_DOCX_LABELS, TAG_MATRIX_DOCX_LANDSCAPE_AFTER, type TagMatrixDocxLabels, type TagMatrixDocxOptions, } from './tagMatrixDocx';

package/dist/tags/tagMatrixDocx.d.ts

@@ -16,7 +16,7 @@ export interface TagMatrixDocxLabels {
     gaps: string;
     /** `{at}` is the snapshot time, `YYYY-MM-DD HH:MM UTC`. */
     takenAt: string;
-    /** A row with no linked document and no fact. */
+    /** A row with no linked document, fact or thread. */
     noEvidence: string;
     /** `{fields}`: the row's empty fields. */
     missing: string;
@@ -26,6 +26,9 @@ export interface TagMatrixDocxLabels {
     documents: string;
     fact: string;
     facts: string;
+    thread: string;
+    threads: string;
+    untitledThread: string;
     empty: string;
 }
 export declare const DEFAULT_TAG_MATRIX_DOCX_LABELS: TagMatrixDocxLabels;

package/dist/tags/tagMatrixModel.d.ts

@@ -1,7 +1,7 @@
 /**
- * The tag matrix as data: a parent label's child labels are the rows, the fields they share (the
- * parent's, then any a row adds) the columns, and each row's linked documents and facts its
- * evidence. Pure helpers for `TagMatrix`: the columns, a row's value, the gaps, and the snapshot
+ * The tag matrix as data: a parent label's child labels (or every tag of a kind) are the rows, the
+ * fields they share (the parent's, then any a row adds) the columns, and each row's linked
+ * documents, facts and threads its evidence. Pure helpers for `TagMatrix`: the columns, a row's value, the gaps, and the snapshot
  * as a Markdown document.
  */
 import type { components } from '@arbidocs/client';
@@ -10,13 +10,17 @@ export type TagMatrixRowData = components['schemas']['TagMatrixRow'];
 export type TagMatrixField = components['schemas']['TagField'];
 export type TagMatrixFieldType = TagMatrixField['type'];
 /**
- * The columns: the parent's fields (shared by every row), then fields only some rows define,
- * each once, in the order first seen. Mirrors the SDK's `tagMatrixColumns`.
+ * The columns: the parent's fields (shared by every row), then fields only some rows define, in
+ * the order first seen. Rows that each define the same field share one column — every person has
+ * its own "Role", and a matrix of people has one Role column (the SDK's `tagMatrixColumns` keeps
+ * one column per field id).
  */
 export declare function tagMatrixColumns(matrix: TagMatrixData | null | undefined): TagMatrixField[];
+/** The id of a row's field behind a column: the column's own, or the row's field of that name. */
+export declare function rowFieldId(row: TagMatrixRowData, column: TagMatrixField): string;
 /** A row's value for a column (values are keyed by field id). */
 export declare const cellValue: (row: TagMatrixRowData, column: TagMatrixField) => unknown;
-/** A row with nothing behind it: no linked document and no fact. */
+/** A row with nothing behind it: no linked document, fact or thread. */
 export declare const isGap: (row: TagMatrixRowData) => boolean;
 /** A value as text (a person by name, a checkbox as yes or no, blank as empty). */
 export declare function cellText(value: unknown, column: Pick<TagMatrixField, 'type'>, nameOf?: (id: string) => string | undefined): string;

package/dist/workflow-canvas/index.cjs

@@ -2,10 +2,10 @@
 'use strict';
 
 var chunkMUMH3Z6K_cjs = require('../chunk-MUMH3Z6K.cjs');
-var chunkVWK24TEY_cjs = require('../chunk-VWK24TEY.cjs');
+var chunkXA5S4776_cjs = require('../chunk-XA5S4776.cjs');
 require('../chunk-YJQVLVBJ.cjs');
 require('../chunk-ZW6FPIFC.cjs');
-var chunkBX7JWZWE_cjs = require('../chunk-BX7JWZWE.cjs');
+var chunkRYYYHPFU_cjs = require('../chunk-RYYYHPFU.cjs');
 require('../chunk-7RGLTF76.cjs');
 require('../chunk-3AFWGEDJ.cjs');
 require('../chunk-VFUWWH52.cjs');
@@ -16,13 +16,13 @@ require('../chunk-IXALYQT7.cjs');
 require('../chunk-Z5VUZ6YD.cjs');
 require('../chunk-7D737FLE.cjs');
 require('../chunk-OB5F4577.cjs');
-require('../chunk-C54XEN5T.cjs');
-require('../chunk-ULWRNGGE.cjs');
 require('../chunk-B4SRYJLM.cjs');
 require('../chunk-7UTB4PHM.cjs');
 require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
+require('../chunk-C54XEN5T.cjs');
 require('../chunk-KDG6FER6.cjs');
+require('../chunk-ULWRNGGE.cjs');
 require('../chunk-MHVNT4J3.cjs');
 require('../chunk-DES3K4SD.cjs');
 var react = require('react');
@@ -58,11 +58,11 @@ function withSteps(workflow, steps, layout) {
   const run = workflow.run.kind === "steps" ? workflow.run : { kind: "steps", steps: [] };
   return {
     ...workflow,
-    run: { ...run, steps: chunkBX7JWZWE_cjs.orderSteps(steps), layout: layout ?? run.layout }
+    run: { ...run, steps: chunkRYYYHPFU_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: chunkBX7JWZWE_cjs.stepDependencies(steps, s.id) }));
+var explicit = (steps) => steps.map((s) => ({ ...s, after: chunkRYYYHPFU_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));
@@ -109,7 +109,7 @@ function blankStep(kind, id, title) {
   }
 }
 function addStep(workflow, kind, options = {}) {
-  const steps = explicit(chunkBX7JWZWE_cjs.workflowSteps(workflow));
+  const steps = explicit(chunkRYYYHPFU_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] : [] };
@@ -118,7 +118,7 @@ function addStep(workflow, kind, options = {}) {
   return { workflow: withSteps(workflow, [...steps, step], layout), id };
 }
 function removeStep(workflow, id) {
-  const steps = explicit(chunkBX7JWZWE_cjs.workflowSteps(workflow));
+  const steps = explicit(chunkRYYYHPFU_cjs.workflowSteps(workflow));
   const removed = steps.find((s) => s.id === id);
   if (!removed) return workflow;
   const bridged = steps.filter((s) => s.id !== id).map(
@@ -131,8 +131,8 @@ function removeStep(workflow, id) {
   return withSteps(workflow, bridged, layout);
 }
 function connectSteps(workflow, from, to) {
-  const steps = explicit(chunkBX7JWZWE_cjs.workflowSteps(workflow));
-  if (from === to || !steps.some((s) => s.id === from) || chunkBX7JWZWE_cjs.dependsOn(steps, from, to)) {
+  const steps = explicit(chunkRYYYHPFU_cjs.workflowSteps(workflow));
+  if (from === to || !steps.some((s) => s.id === from) || chunkRYYYHPFU_cjs.dependsOn(steps, from, to)) {
     return workflow;
   }
   return withSteps(
@@ -142,16 +142,16 @@ function connectSteps(workflow, from, to) {
     )
   );
 }
-var wouldCycle = (workflow, from, to) => from === to || chunkBX7JWZWE_cjs.dependsOn(chunkBX7JWZWE_cjs.workflowSteps(workflow), from, to);
+var wouldCycle = (workflow, from, to) => from === to || chunkRYYYHPFU_cjs.dependsOn(chunkRYYYHPFU_cjs.workflowSteps(workflow), from, to);
 function disconnectSteps(workflow, from, to) {
-  const steps = explicit(chunkBX7JWZWE_cjs.workflowSteps(workflow));
+  const steps = explicit(chunkRYYYHPFU_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(chunkBX7JWZWE_cjs.workflowSteps(workflow));
+  const steps = explicit(chunkRYYYHPFU_cjs.workflowSteps(workflow));
   return withSteps(
     workflow,
     steps.map(
@@ -165,7 +165,7 @@ var renameIn = (text, from, to) => text.replace(
 );
 function renameInput(workflow, from, to) {
   if (from === to) return workflow;
-  const steps = chunkBX7JWZWE_cjs.workflowSteps(workflow).map((s) => {
+  const steps = chunkRYYYHPFU_cjs.workflowSteps(workflow).map((s) => {
     if (s.kind === "agent")
       return {
         ...s,
@@ -214,13 +214,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, chunkBX7JWZWE_cjs.workflowSteps(workflow), { ...layoutOf(workflow), [id]: position });
+  return withSteps(workflow, chunkRYYYHPFU_cjs.workflowSteps(workflow), { ...layoutOf(workflow), [id]: position });
 }
 var COLUMN = 300;
 var ROW = 140;
 function autoLayout(steps) {
   const layout = {};
-  chunkBX7JWZWE_cjs.stepLevels(steps).forEach(
+  chunkRYYYHPFU_cjs.stepLevels(steps).forEach(
     (level, x) => level.forEach((s, y) => {
       layout[s.id] = { x: x * COLUMN, y: (y - (level.length - 1) / 2) * ROW };
     })
@@ -228,7 +228,7 @@ function autoLayout(steps) {
   return layout;
 }
 function layoutWithDefaults(workflow) {
-  const auto = autoLayout(chunkBX7JWZWE_cjs.workflowSteps(workflow));
+  const auto = autoLayout(chunkRYYYHPFU_cjs.workflowSteps(workflow));
   return { ...auto, ...layoutOf(workflow) };
 }
 var DEFAULT_SIGNALS_EDITOR_LABELS = {
@@ -325,9 +325,9 @@ function SignalsEditor({
           {
             className: ui.cn(
               "space-y-1.5 rounded-md border p-2",
-              chunkBX7JWZWE_cjs.isIncompleteSignal(signal) ? "border-destructive/50" : "border-border"
+              chunkRYYYHPFU_cjs.isIncompleteSignal(signal) ? "border-destructive/50" : "border-border"
             ),
-            "data-incomplete": chunkBX7JWZWE_cjs.isIncompleteSignal(signal) || void 0,
+            "data-incomplete": chunkRYYYHPFU_cjs.isIncompleteSignal(signal) || void 0,
             "data-testid": `${testId}-${i}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -1042,7 +1042,7 @@ function StepInspector({
   testId = "step-inspector"
 }) {
   const l = { ...DEFAULT_STEP_INSPECTOR_LABELS, ...labels };
-  const steps = chunkBX7JWZWE_cjs.workflowSteps(workflow);
+  const steps = chunkRYYYHPFU_cjs.workflowSteps(workflow);
   const step = steps.find((s) => s.id === stepId);
   const run = workflow.run.kind === "steps" ? workflow.run : void 0;
   if (!step || !run) {
@@ -1069,8 +1069,8 @@ function StepInspector({
   const patch = (p) => onChange(updateStep(workflow, step.id, p));
   const al = { ...DEFAULT_STEP_ACTION_SETTINGS_LABELS, ...actionLabels };
   const ctx = {
-    earlier: chunkBX7JWZWE_cjs.upstreamSteps(steps, step.id),
-    fields: chunkBX7JWZWE_cjs.runFields(workflow),
+    earlier: chunkRYYYHPFU_cjs.upstreamSteps(steps, step.id),
+    fields: chunkRYYYHPFU_cjs.runFields(workflow),
     people,
     tags,
     documents
@@ -1091,7 +1091,7 @@ function StepInspector({
       )
     );
   };
-  const deps = chunkBX7JWZWE_cjs.stepDependencies(steps, step.id);
+  const deps = chunkRYYYHPFU_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: [
@@ -1171,7 +1171,7 @@ function StepInspector({
         {
           step,
           workflows,
-          fields: chunkBX7JWZWE_cjs.runFields(workflow).map((f) => f.name),
+          fields: chunkRYYYHPFU_cjs.runFields(workflow).map((f) => f.name),
           patch,
           l,
           testId
@@ -1231,7 +1231,7 @@ function StepInspector({
         testId: `${testId}-review-grid`
       }
     ),
-    chunkBX7JWZWE_cjs.canAssign(step) && /* @__PURE__ */ jsxRuntime.jsx(AssigneeSettings, { step, patch, ctx, l: al, testId }),
+    chunkRYYYHPFU_cjs.canAssign(step) && /* @__PURE__ */ jsxRuntime.jsx(AssigneeSettings, { step, patch, ctx, l: al, testId }),
     /* @__PURE__ */ jsxRuntime.jsx(
       SignalsEditor,
       {
@@ -1487,7 +1487,7 @@ function triggerFields(trigger, clearOthers) {
   return {
     timezone: trigger.timezone,
     rrule: trigger.start === "repeat" ? trigger.rrule.trim() : none,
-    run_at: trigger.start === "once" ? chunkVWK24TEY_cjs.localInputToIso(trigger.runAt) : none,
+    run_at: trigger.start === "once" ? chunkXA5S4776_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,
@@ -1503,7 +1503,7 @@ function plan(value, options) {
     criteria: [],
     max_passes: 3,
     documents: [],
-    steps: chunkBX7JWZWE_cjs.toPlanSteps(value.workflow, options)
+    steps: chunkRYYYHPFU_cjs.toPlanSteps(value.workflow, options)
   };
 }
 function builderToWorkflowRequest(value, workspaceId, options = {}) {
@@ -1538,7 +1538,7 @@ function builderToWorkflowUpdate(value, options = {}) {
 }
 function workflowRecordToBuilder(record) {
   const planned = record.plan?.steps ?? [];
-  const steps = planned.length ? chunkBX7JWZWE_cjs.fromPlanSteps(planned) : record.prompt || record.skill_ref ? [
+  const steps = planned.length ? chunkRYYYHPFU_cjs.fromPlanSteps(planned) : record.prompt || record.skill_ref ? [
     {
       id: "work",
       kind: "agent",
@@ -1546,7 +1546,7 @@ function workflowRecordToBuilder(record) {
       ...record.skill_ref ? { workflow: record.skill_ref } : { run: { kind: "prompt", promptTemplate: record.prompt } }
     }
   ] : [];
-  const when = chunkVWK24TEY_cjs.workflowWhen(record);
+  const when = chunkXA5S4776_cjs.workflowWhen(record);
   return {
     workflow: {
       id: record.external_id,
@@ -1555,12 +1555,12 @@ function workflowRecordToBuilder(record) {
       inputs: [],
       landing: "chat",
       schedulable: false,
-      run: { kind: "steps", steps, layout: chunkBX7JWZWE_cjs.layoutFromPlanSteps(planned ?? []) }
+      run: { kind: "steps", steps, layout: chunkRYYYHPFU_cjs.layoutFromPlanSteps(planned ?? []) }
     },
     trigger: {
       ...DEFAULT_WORKFLOW_TRIGGER,
       start: when === "now" ? "manual" : when,
-      runAt: chunkVWK24TEY_cjs.isoToLocalInput(record.run_at),
+      runAt: chunkXA5S4776_cjs.isoToLocalInput(record.run_at),
       rrule: record.rrule ?? "",
       timezone: record.timezone || DEFAULT_WORKFLOW_TRIGGER.timezone,
       eventKind: record.event_kind ?? "",
@@ -1616,7 +1616,7 @@ function triggerSummary(trigger, options = {}) {
     case "once":
       return trigger.runAt ? new Date(trigger.runAt).toLocaleString() : l.starts.once;
     case "repeat":
-      return trigger.rrule ? chunkVWK24TEY_cjs.describeRRule(trigger.rrule) : l.starts.repeat;
+      return trigger.rrule ? chunkXA5S4776_cjs.describeRRule(trigger.rrule) : l.starts.repeat;
     case "event":
       if (isSignalTrigger(trigger))
         return trigger.signal ? l.signalSummary.replace("{signal}", trigger.signal) : l.stepSignals;
@@ -1675,7 +1675,7 @@ function TriggerInspector({
         }
       )
     ] }),
-    trigger.start === "repeat" && /* @__PURE__ */ jsxRuntime.jsx(chunkVWK24TEY_cjs.RecurrenceBuilder, { rrule: trigger.rrule, onChange: (rrule) => set({ rrule }) }),
+    trigger.start === "repeat" && /* @__PURE__ */ jsxRuntime.jsx(chunkXA5S4776_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(
@@ -1727,7 +1727,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(
-        chunkVWK24TEY_cjs.AgentSelect,
+        chunkXA5S4776_cjs.AgentSelect,
         {
           agents,
           value: trigger.agentId,
@@ -2037,12 +2037,12 @@ function WorkflowCanvas({
   testId = "workflow-canvas"
 }) {
   const l = react.useMemo(() => ({ ...DEFAULT_WORKFLOW_CANVAS_LABELS, ...labels }), [labels]);
-  const steps = chunkBX7JWZWE_cjs.workflowSteps(workflow);
+  const steps = chunkRYYYHPFU_cjs.workflowSteps(workflow);
   const editable = !!onChange;
   const built = react.useMemo(() => {
     const layout = layoutWithDefaults(workflow);
-    const all = chunkBX7JWZWE_cjs.workflowSteps(workflow);
-    const roots = all.filter((s) => chunkBX7JWZWE_cjs.stepDependencies(all, s.id).length === 0);
+    const all = chunkRYYYHPFU_cjs.workflowSteps(workflow);
+    const roots = all.filter((s) => chunkRYYYHPFU_cjs.stepDependencies(all, s.id).length === 0);
     const triggerNode = trigger ? [
       {
         id: TRIGGER_NODE,
@@ -2091,7 +2091,7 @@ function WorkflowCanvas({
   react.useEffect(() => setNodes(built), [built]);
   const edges = react.useMemo(
     () => steps.flatMap((s) => {
-      const deps = chunkBX7JWZWE_cjs.stepDependencies(steps, s.id);
+      const deps = chunkRYYYHPFU_cjs.stepDependencies(steps, s.id);
       const from = deps.length ? deps : trigger ? [TRIGGER_NODE] : [];
       return from.map((d) => ({
         id: `${d}->${s.id}`,
@@ -2342,12 +2342,12 @@ function WorkflowBuilder({
   const [mode, setMode] = react.useState("design");
   const [adding, setAdding] = react.useState(false);
   const { workflow, trigger } = value;
-  const steps = chunkBX7JWZWE_cjs.workflowSteps(workflow);
-  const problems = chunkBX7JWZWE_cjs.validateWorkflowGraph(steps);
-  const missing = chunkBX7JWZWE_cjs.stepConfigProblems(steps);
+  const steps = chunkRYYYHPFU_cjs.workflowSteps(workflow);
+  const problems = chunkRYYYHPFU_cjs.validateWorkflowGraph(steps);
+  const missing = chunkRYYYHPFU_cjs.stepConfigProblems(steps);
   const nameOf = (id) => people.find((p) => p.value === id)?.label;
-  const fields = chunkBX7JWZWE_cjs.runFields(workflow);
-  const assigneeOf = (step) => chunkBX7JWZWE_cjs.canAssign(step) ? chunkBX7JWZWE_cjs.assigneeName(step.assignee, { nameOf, fields }) : void 0;
+  const fields = chunkRYYYHPFU_cjs.runFields(workflow);
+  const assigneeOf = (step) => chunkRYYYHPFU_cjs.canAssign(step) ? chunkRYYYHPFU_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) => {
@@ -2578,13 +2578,13 @@ function WorkflowPreview({
   renderIcon,
   testId
 }) {
-  const run = chunkVWK24TEY_cjs.useWorkflowPreview(workflow, {
+  const run = chunkXA5S4776_cjs.useWorkflowPreview(workflow, {
     resolveWorkflow: (id) => workflows.find((w) => w.id === id),
     compose,
     answer
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBX7JWZWE_cjs.WorkflowRunner,
+    chunkRYYYHPFU_cjs.WorkflowRunner,
     {
       workflow,
       run,
@@ -2606,7 +2606,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" },
@@ -2656,6 +2658,8 @@ function ConnectedWorkflowBuilder({
   const [id, setId] = react.useState(workflowId);
   const [value, setValue] = react.useState(initial);
   const [message, setMessage] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const [pending, setPending] = react.useState();
   const record = saved.data?.find((w) => w.external_id === id);
   const [loaded, setLoaded] = react.useState(void 0);
   react.useEffect(() => {
@@ -2668,7 +2672,7 @@ function ConnectedWorkflowBuilder({
     () => [
       ...hostWorkflows,
       ...(skills.data ?? []).map(
-        (s) => chunkBX7JWZWE_cjs.skillToWorkflow({
+        (s) => chunkRYYYHPFU_cjs.skillToWorkflow({
           name: s.name,
           slug: s.slug,
           description: s.description,
@@ -2684,18 +2688,37 @@ 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) ?? (chunkBX7JWZWE_cjs.validateWorkflowGraph(chunkBX7JWZWE_cjs.workflowSteps(value.workflow)).length || chunkBX7JWZWE_cjs.stepConfigProblems(chunkBX7JWZWE_cjs.workflowSteps(value.workflow)).length ? "graph" : null);
-  const busy = create.isPending || update.isPending || run.isPending;
+  const problem = triggerProblem(value.trigger) ?? (chunkRYYYHPFU_cjs.validateWorkflowGraph(chunkRYYYHPFU_cjs.workflowSteps(value.workflow)).length || chunkRYYYHPFU_cjs.stepConfigProblems(chunkRYYYHPFU_cjs.workflowSteps(value.workflow)).length ? "graph" : null);
+  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__ */ jsxRuntime.jsx(
     WorkflowBuilder,
     {
@@ -2715,6 +2738,7 @@ function ConnectedWorkflowBuilder({
       actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         actions,
         message && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: message }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "alert", className: "text-xs text-destructive", "data-testid": `${testId}-error`, children: error }),
         problem && problem !== "graph" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-destructive", children: l.needTrigger }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           ui.Button,
@@ -2722,17 +2746,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__ */ jsxRuntime.jsx(lucideReact.Play, { className: "size-4" }),
-              " ",
-              l.runNow
+              pending?.action === "run" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "size-4" }),
+              pending?.action === "run" ? pending.phase === "saving" ? l.saving : l.running : l.runNow
             ]
           }
         ),
@@ -2741,11 +2759,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__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "size-4" }),
-              create.isPending || update.isPending ? l.saving : l.save
+              pending?.action === "save" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "size-4" }),
+              pending?.action === "save" ? l.saving : l.save
             ]
           }
         )