@arbidocs/blocks 0.4.79 → 0.4.81

package/dist/{chunk-YGUKTFKW.cjs → chunk-BX7JWZWE.cjs}

@@ -629,6 +629,15 @@ var ACTION_TYPES = ["sign", "email_draft", "tabular_review"];
 var asAction = (v) => ACTION_TYPES.includes(v) ? v : void 0;
 var asRecord = (v) => v && typeof v === "object" && !Array.isArray(v) ? v : void 0;
 var asStrings = (v) => Array.isArray(v) ? v.filter((x) => typeof x === "string") : void 0;
+function waitingDocuments(state) {
+  return state?.status === "waiting" ? asStrings(state.waiting?.documents) ?? [] : [];
+}
+function eventWaitingDocuments(detail) {
+  return asStrings(asRecord(detail?.waiting)?.documents);
+}
+function waitingForDocumentsText(count) {
+  return `Waiting for ${count} ${count === 1 ? "document" : "documents"} to finish processing`;
+}
 function reopenedBy(detail) {
   const to = str2(detail.to);
   return asStrings(detail.reopened) ?? (to ? [to] : []);
@@ -1273,6 +1282,14 @@ function useWorkflowView(options) {
 }
 
 // src/agents/workflows/stepWindow.ts
+var LABEL_MAX_PX = 320;
+var CHAR_PX = 6.5;
+var LEVEL_CHROME_PX = 56;
+var GROUP_CHIP_PX = 32;
+function levelRoomPx(titles) {
+  const label = Math.max(0, ...titles.map((t) => Math.min(LABEL_MAX_PX, t.length * CHAR_PX)));
+  return Math.ceil(label + LEVEL_CHROME_PX + (titles.length > 1 ? GROUP_CHIP_PX : 0));
+}
 var ATTENTION = ["waiting", "failed", "ready"];
 function activeStepId(levels, phaseOf) {
   const all = levels.flat();
@@ -1394,10 +1411,11 @@ var PHASE_TEXT = {
 };
 var STEP_PILL = "flex min-w-0 items-center gap-1.5 whitespace-nowrap rounded-full border px-2.5 py-1 text-xs font-medium transition-colors";
 var STEP_LABEL = "min-w-[2.5rem] truncate";
-var STEP_EXTRA = "min-w-0 shrink-[6] truncate font-normal opacity-80";
+var STEP_LABEL_MAX = "max-w-[20rem]";
+var STEP_LABEL_MAX_CURRENT = "max-w-[26rem]";
+var STEP_EXTRA = "min-w-[3rem] shrink-[1000] truncate font-normal opacity-80";
 var fill = (template, values) => Object.entries(values).reduce((s, [k, v]) => s.replace(`{${k}}`, String(v)), template);
 var NARROW_PX = 560;
-var FULL_LEVEL_PX = 190;
 function StepBarFrame({
   levels,
   phaseOf,
@@ -1421,7 +1439,8 @@ function StepBarFrame({
   const narrow = width > 0 && width < NARROW_PX;
   const [start, setStart] = react.useState(null);
   react.useEffect(() => setStart(null), [current]);
-  const span = narrow ? 2 : width >= levels.length * FULL_LEVEL_PX ? levels.length : 3;
+  const wholeFits = width >= levels.reduce((sum, lv) => sum + levelRoomPx(lv.map((s) => s.title)), 0);
+  const span = narrow ? 2 : wholeFits ? levels.length : 3;
   const win = stepWindow({ levels, phaseOf, current, start, span });
   const [listOpen, setListOpen] = react.useState(null);
   const move = (to) => setStart(Math.max(0, Math.min(win.levels.length - 1, to)));
@@ -1585,12 +1604,13 @@ function StepBarFrame({
         arrow("back"),
         win.start === 0 && leading,
         overflow("before", win.hiddenBefore),
-        /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex min-w-0 flex-1 items-center gap-1", children: win.visible.map((level, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex min-w-0 flex-[1_1_auto] items-center gap-1", children: win.visible.map((level, i) => /* @__PURE__ */ jsxRuntime.jsxs(
           "li",
           {
             className: ui.cn(
               "flex min-w-[5.5rem] items-center gap-1",
-              i === win.visible.length - 1 ? "flex-[0_1_auto]" : "flex-[1_1_auto]"
+              i === win.visible.length - 1 ? "grow-0" : "grow",
+              level.index === win.currentLevel && !narrow && atId && noteOf?.(atId) ? "shrink-[1000] basis-auto" : "shrink basis-auto"
             ),
             "data-role": level.role,
             children: [
@@ -1611,7 +1631,7 @@ function StepBarFrame({
                 {
                   "aria-hidden": true,
                   className: ui.cn(
-                    "h-px min-w-3 flex-1",
+                    "h-px min-w-2 flex-1",
                     level.steps.every((s) => ["done", "skipped"].includes(phaseOf(s.id))) ? "bg-emerald-600/40" : "bg-border"
                   )
                 }
@@ -1634,7 +1654,10 @@ function StepBarFrame({
         running.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: ui.cn("flex min-w-0 shrink items-center gap-1", narrow && "basis-full"),
+            className: ui.cn(
+              "flex min-w-[6.5rem] shrink-[1000] items-center gap-1",
+              narrow && "basis-full"
+            ),
             "data-testid": tid("working"),
             children: [
               (running.length > 2 ? running.slice(0, 1) : running).map(workingPill),
@@ -2213,7 +2236,7 @@ function WorkflowStepBar({
           "data-testid": tid("step-done"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(PhaseMark, { phase: run.isComplete ? "done" : "ready", icon: doneIcon }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn(STEP_LABEL, "max-w-[12rem]"), children: doneTitle })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn(STEP_LABEL, STEP_LABEL_MAX), children: doneTitle })
           ]
         }
       );
@@ -2234,7 +2257,7 @@ function WorkflowStepBar({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: ui.cn(STEP_LABEL, isCurrent ? "max-w-[18rem]" : "max-w-[12rem]"),
+              className: ui.cn(STEP_LABEL, isCurrent ? STEP_LABEL_MAX_CURRENT : STEP_LABEL_MAX),
               "data-testid": tid(`step-${s.id}-label`),
               children: s.title
             }
@@ -2298,6 +2321,17 @@ var DEFAULT_WORKFLOW_RUNNER_LABELS = {
   fileReady: "Ready",
   fileFailed: "Could not be read",
   readingFiles: "Reading {current} of {count} files\u2026",
+  uploadingFiles: "Uploading {count} files\u2026",
+  uploadingFile: "Uploading 1 file\u2026",
+  uploadingAny: "Uploading\u2026",
+  uploadsFailed: "Retry or remove the {count} files that did not upload",
+  uploadFailed: "Retry or remove the file that did not upload",
+  fileUploading: "Uploading\u2026",
+  fileUploadFailed: "Did not upload",
+  retryUpload: "Retry",
+  removeUpload: "Remove",
+  waitingForDocuments: "Waiting for {count} documents to finish processing",
+  waitingForDocument: "Waiting for 1 document to finish processing",
   markSent: "Mark as sent"
 };
 function WorkflowRunner({
@@ -2308,6 +2342,8 @@ function WorkflowRunner({
   onUpload,
   uploading = false,
   files,
+  onRetryUpload,
+  onRemoveUpload,
   renderUpload,
   renderStepNote,
   renderComplete,
@@ -2335,7 +2371,11 @@ function WorkflowRunner({
   const added = step?.kind === "upload" ? (files ?? []).filter((f) => f.addedFor === step.id) : [];
   const unread = added.filter((f) => f.status === "processing").length;
   const reading = action === "complete" && unread > 0;
-  const nextLabel = reading ? l.readingFiles.replace("{current}", String(Math.min(added.length - unread + 1, added.length))).replace("{count}", String(added.length)) : action === "skip" ? l.skip : action === "finish" ? l.finish : action === "complete" && step?.kind === "review" ? l.approve : action === "complete" && step?.kind === "action" ? l.markSent : action === "wait" && (run.isRunning || run.busy) ? l.working : (step && !run.isLocked(step.id) ? step.nextLabel : void 0) ?? l.next;
+  const sending = added.filter((f) => f.status === "uploading").length;
+  const unsent = added.filter((f) => f.status === "upload-failed").length;
+  const uploadHold = step?.kind === "upload" && (sending > 0 || uploading || unsent > 0);
+  const docsWait = !!step && waitingDocuments(run.stateOf(step.id)).length > 0;
+  const nextLabel = sending ? sending === 1 ? l.uploadingFile : l.uploadingFiles.replace("{count}", String(sending)) : uploadHold && uploading ? l.uploadingAny : uploadHold ? unsent === 1 ? l.uploadFailed : l.uploadsFailed.replace("{count}", String(unsent)) : reading ? l.readingFiles.replace("{current}", String(Math.min(added.length - unread + 1, added.length))).replace("{count}", String(added.length)) : action === "skip" ? l.skip : action === "finish" ? l.finish : action === "complete" && step?.kind === "review" ? l.approve : action === "complete" && step?.kind === "action" ? l.markSent : action === "wait" && (run.isRunning || run.busy || docsWait) ? l.working : (step && !run.isLocked(step.id) ? step.nextLabel : void 0) ?? l.next;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn(compact3 ? "space-y-3" : "space-y-6", className), "data-testid": testIdPrefix, children: [
     !hideStepBar && /* @__PURE__ */ jsxRuntime.jsx(
       WorkflowStepBar,
@@ -2406,6 +2446,8 @@ function WorkflowRunner({
         files && /* @__PURE__ */ jsxRuntime.jsx(
           UploadFiles,
           {
+            onRetry: onRetryUpload,
+            onRemove: onRemoveUpload,
             added,
             others: files.filter((f) => f.addedFor !== step.id),
             l,
@@ -2474,6 +2516,7 @@ function WorkflowRunner({
         icon: icon(step.icon),
         renderStepNote,
         compact: compact3,
+        nameOfDoc,
         extra: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -2533,11 +2576,11 @@ function WorkflowRunner({
                   ui.Button,
                   {
                     onClick: () => void run.next(),
-                    disabled: action === "wait" || reading,
+                    disabled: action === "wait" || reading || uploadHold,
                     "data-testid": tid("next"),
                     children: [
                       nextLabel,
-                      reading || action === "wait" && (run.isRunning || run.busy) ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "size-4" })
+                      reading || uploadHold && unsent === 0 || action === "wait" && (run.isRunning || run.busy || docsWait) ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "size-4" })
                     ]
                   }
                 )
@@ -2552,6 +2595,8 @@ function WorkflowRunner({
 function UploadFiles({
   added,
   others,
+  onRetry,
+  onRemove,
   l,
   testId
 }) {
@@ -2565,6 +2610,47 @@ function UploadFiles({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5 shrink-0 text-primary" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", title: f.name, children: f.name }),
+        f.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center gap-1 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3 animate-spin" }),
+          " ",
+          l.fileUploading
+        ] }),
+        f.status === "upload-failed" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center gap-1 text-xs text-destructive", role: "alert", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-3" }),
+          " ",
+          l.fileUploadFailed,
+          f.error ? `: ${f.error}` : "",
+          onRetry && /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "h-6 px-2",
+              onClick: () => onRetry(f),
+              "data-testid": `${testId}-file-${f.id}-retry`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCw, { className: "size-3" }),
+                " ",
+                l.retryUpload
+              ]
+            }
+          ),
+          onRemove && /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "h-6 px-2",
+              onClick: () => onRemove(f),
+              "data-testid": `${testId}-file-${f.id}-remove`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3" }),
+                " ",
+                l.removeUpload
+              ]
+            }
+          )
+        ] }),
         f.status === "processing" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center gap-1 text-xs", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3 animate-spin" }),
           " ",
@@ -2634,11 +2720,14 @@ function AgentStepBody({
   renderStepNote,
   extra,
   compact: compact3,
+  nameOfDoc,
   l,
   tid
 }) {
   const state = run.stateOf(step.id);
   const phase = run.phaseOf(step.id);
+  const pending = waitingDocuments(state);
+  const pendingNames = pending.flatMap((ref) => nameOfDoc?.(splitDocRef(ref).id) ?? []);
   const header = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(StepHeading, { step, icon }),
     phase === "failed" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: run.retry && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2675,6 +2764,20 @@ function AgentStepBody({
         ]
       }
     ),
+    pending.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "space-y-0.5 text-sm text-muted-foreground",
+        "data-testid": tid(`${step.id}-waiting-documents`),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hourglass, { className: "size-4" }),
+            pending.length === 1 ? l.waitingForDocument : l.waitingForDocuments.replace("{count}", String(pending.length))
+          ] }),
+          pendingNames.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pl-6 text-xs", children: pendingNames.join(", ") })
+        ]
+      }
+    ),
     phase === "failed" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", "data-testid": tid(`${step.id}-failed`), children: state?.error || l.failed }),
     phase === "skipped" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.skipped }),
     extra
@@ -2718,6 +2821,8 @@ exports.SKILL_PROMPT_FALLBACK_PLACEHOLDER = SKILL_PROMPT_FALLBACK_PLACEHOLDER;
 exports.SKILL_PROMPT_LABEL = SKILL_PROMPT_LABEL;
 exports.STEP_EXTRA = STEP_EXTRA;
 exports.STEP_LABEL = STEP_LABEL;
+exports.STEP_LABEL_MAX = STEP_LABEL_MAX;
+exports.STEP_LABEL_MAX_CURRENT = STEP_LABEL_MAX_CURRENT;
 exports.STEP_PILL = STEP_PILL;
 exports.SchemaForm = SchemaForm;
 exports.SendBackControl = SendBackControl;
@@ -2732,6 +2837,7 @@ exports.composeStepPrompt = composeStepPrompt;
 exports.composeWorkflowPrompt = composeWorkflowPrompt;
 exports.defaultInputs = defaultInputs;
 exports.dependsOn = dependsOn;
+exports.eventWaitingDocuments = eventWaitingDocuments;
 exports.fieldToFrontmatter = fieldToFrontmatter;
 exports.fillRunText = fillRunText;
 exports.fillStepInputs = fillStepInputs;
@@ -2774,10 +2880,12 @@ exports.useWorkflowView = useWorkflowView;
 exports.validateInputs = validateInputs;
 exports.validateStep = validateStep;
 exports.validateWorkflowGraph = validateWorkflowGraph;
+exports.waitingDocuments = waitingDocuments;
+exports.waitingForDocumentsText = waitingForDocumentsText;
 exports.workflowAccepts = workflowAccepts;
 exports.workflowFromFrontmatter = workflowFromFrontmatter;
 exports.workflowSteps = workflowSteps;
 exports.workflowsAccepting = workflowsAccepting;
 exports.workflowsForHost = workflowsForHost;
-//# sourceMappingURL=chunk-YGUKTFKW.cjs.map
-//# sourceMappingURL=chunk-YGUKTFKW.cjs.map
+//# sourceMappingURL=chunk-BX7JWZWE.cjs.map
+//# sourceMappingURL=chunk-BX7JWZWE.cjs.map