@arbidocs/blocks 0.4.77 → 0.4.78

package/dist/{chunk-JFUN4D7D.cjs → chunk-SSDISIDW.cjs}

@@ -3,20 +3,20 @@
 
 var chunkYJQVLVBJ_cjs = require('./chunk-YJQVLVBJ.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
-var chunk3XR3IEGU_cjs = require('./chunk-3XR3IEGU.cjs');
+var chunkVFIZYSZB_cjs = require('./chunk-VFIZYSZB.cjs');
 var chunk7RGLTF76_cjs = require('./chunk-7RGLTF76.cjs');
+var chunkZ5VUZ6YD_cjs = require('./chunk-Z5VUZ6YD.cjs');
+var chunk7D737FLE_cjs = require('./chunk-7D737FLE.cjs');
 var chunk3AFWGEDJ_cjs = require('./chunk-3AFWGEDJ.cjs');
 var chunkVFUWWH52_cjs = require('./chunk-VFUWWH52.cjs');
 var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
 var chunk2EI7NCUA_cjs = require('./chunk-2EI7NCUA.cjs');
 var chunkIXALYQT7_cjs = require('./chunk-IXALYQT7.cjs');
-var chunkZ5VUZ6YD_cjs = require('./chunk-Z5VUZ6YD.cjs');
-var chunk7D737FLE_cjs = require('./chunk-7D737FLE.cjs');
 var chunkOB5F4577_cjs = require('./chunk-OB5F4577.cjs');
-var chunkC54XEN5T_cjs = require('./chunk-C54XEN5T.cjs');
 var chunkB4SRYJLM_cjs = require('./chunk-B4SRYJLM.cjs');
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
+var chunkC54XEN5T_cjs = require('./chunk-C54XEN5T.cjs');
 var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
 var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
@@ -145,7 +145,7 @@ function WorkflowConfigDialog({
 }) {
   const l = { ...DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, ...labels };
   const initialKey = JSON.stringify(initialInputs ?? {});
-  const seedKey = JSON.stringify({ ...chunk3XR3IEGU_cjs.defaultInputs(workflow), ...JSON.parse(initialKey) });
+  const seedKey = JSON.stringify({ ...chunkVFIZYSZB_cjs.defaultInputs(workflow), ...JSON.parse(initialKey) });
   const seed = react.useMemo(() => JSON.parse(seedKey), [seedKey]);
   const [inputs, setInputs] = useControllableState(inputsProp, seed, onInputsChange);
   const [agentId, setAgentId] = useControllableState(
@@ -157,7 +157,7 @@ function WorkflowConfigDialog({
     if (open && inputsProp === void 0) setInputs(seed);
   }, [open, seed]);
   const setField = (name, value) => setInputs({ ...inputs, [name]: value });
-  const errors = chunk3XR3IEGU_cjs.validateInputs(workflow, inputs);
+  const errors = chunkVFIZYSZB_cjs.validateInputs(workflow, inputs);
   const valid = Object.keys(errors).length === 0;
   const visibleErrors = Object.fromEntries(
     Object.entries(errors).filter(([, e]) => e !== "required")
@@ -170,7 +170,7 @@ function WorkflowConfigDialog({
   const blockedByScope = matchedCount !== null && matchedCount === 0 && Boolean(workflow.requiresFiles);
   const showAgent = workflow.run.kind === "prompt" && workflow.options?.agent !== false && agents !== void 0 && agents.length > 0;
   const launch = (values) => {
-    Promise.resolve(onLaunch(chunk3XR3IEGU_cjs.buildLaunch(workflow, values, agentId))).catch(() => {
+    Promise.resolve(onLaunch(chunkVFIZYSZB_cjs.buildLaunch(workflow, values, agentId))).catch(() => {
     });
   };
   const submit = () => {
@@ -248,7 +248,7 @@ function WorkflowConfigDialog({
               }
             ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3XR3IEGU_cjs.SchemaForm,
+                chunkVFIZYSZB_cjs.SchemaForm,
                 {
                   fields,
                   values: inputs,
@@ -326,7 +326,7 @@ function resolveScopeInputs(workflow, inputs, scopeSource) {
   for (const field of workflow.inputs) {
     if (field.type !== "scope") continue;
     const raw = inputs[field.name];
-    const scope = chunk3XR3IEGU_cjs.isWorkflowScope(raw) ? raw : { folders: [], labels: [] };
+    const scope = chunkVFIZYSZB_cjs.isWorkflowScope(raw) ? raw : { folders: [], labels: [] };
     next[field.name] = { ...scope, documents: scopeSource.resolveDocuments(scope) };
   }
   return next;
@@ -368,9 +368,9 @@ function WorkflowLauncher({
   };
   const select = (workflow) => {
     if (workflow.run.kind === "operation" && workflow.inputs.length === 0) {
-      const inputs = chunk3XR3IEGU_cjs.defaultInputs(workflow);
-      if (Object.keys(chunk3XR3IEGU_cjs.validateInputs(workflow, inputs)).length === 0) {
-        Promise.resolve(onLaunch(chunk3XR3IEGU_cjs.buildLaunch(workflow, inputs, void 0))).catch(() => {
+      const inputs = chunkVFIZYSZB_cjs.defaultInputs(workflow);
+      if (Object.keys(chunkVFIZYSZB_cjs.validateInputs(workflow, inputs)).length === 0) {
+        Promise.resolve(onLaunch(chunkVFIZYSZB_cjs.buildLaunch(workflow, inputs, void 0))).catch(() => {
         });
         return;
       }
@@ -520,7 +520,7 @@ function workflowToSkillMarkdown(workflow) {
   if (workflow.landing !== "chat") lines.push(`landing: ${workflow.landing}`);
   if (workflow.requiresFiles) lines.push("requires_files: true");
   if (workflow.inputs.length > 0) {
-    lines.push(`inputs: ${JSON.stringify(workflow.inputs.map(chunk3XR3IEGU_cjs.fieldToFrontmatter))}`);
+    lines.push(`inputs: ${JSON.stringify(workflow.inputs.map(chunkVFIZYSZB_cjs.fieldToFrontmatter))}`);
   }
   lines.push("---", "", run.promptTemplate.trim(), "");
   return lines.join("\n");
@@ -542,11 +542,11 @@ function workflowFromSkillMarkdown(id, text2) {
     } else if (value === "true" || value === "false") frontmatter[key] = value === "true";
     else frontmatter[key] = value;
   }
-  return chunk3XR3IEGU_cjs.workflowFromFrontmatter(id, frontmatter, body);
+  return chunkVFIZYSZB_cjs.workflowFromFrontmatter(id, frontmatter, body);
 }
 function useWorkflowPreview(workflow, { answer = "{prompt}", delayMs = 400, resolveWorkflow, compose } = {}) {
-  const steps = chunk3XR3IEGU_cjs.workflowSteps(workflow);
-  const [inputs, setInputs] = react.useState(() => chunk3XR3IEGU_cjs.initialRunInputs(workflow));
+  const steps = chunkVFIZYSZB_cjs.workflowSteps(workflow);
+  const [inputs, setInputs] = react.useState(() => chunkVFIZYSZB_cjs.initialRunInputs(workflow));
   const [states, setStates] = react.useState({});
   const set = (id, state) => setStates((s) => ({ ...s, [id]: state }));
   const timers = react.useRef(/* @__PURE__ */ new Map());
@@ -568,10 +568,10 @@ function useWorkflowPreview(workflow, { answer = "{prompt}", delayMs = 400, reso
   react.useEffect(() => {
     if (Object.values(states).some((s) => s.status === "running")) return;
     const next = steps.find(
-      (s) => (s.kind === "agent" || s.kind === "action") && chunk3XR3IEGU_cjs.stepPhase(steps, states, s.id) === "ready"
+      (s) => (s.kind === "agent" || s.kind === "action") && chunkVFIZYSZB_cjs.stepPhase(steps, states, s.id) === "ready"
     );
     if (!next || next.kind !== "agent" && next.kind !== "action") return;
-    const prompt = next.kind === "agent" ? chunk3XR3IEGU_cjs.composeStepPrompt(workflow, next, inputs, { resolveWorkflow, compose }) : "";
+    const prompt = next.kind === "agent" ? chunkVFIZYSZB_cjs.composeStepPrompt(workflow, next, inputs, { resolveWorkflow, compose }) : "";
     set(next.id, { status: "running", startedAt: (/* @__PURE__ */ new Date()).toISOString() });
     timers.current.set(
       next.id,
@@ -584,7 +584,7 @@ function useWorkflowPreview(workflow, { answer = "{prompt}", delayMs = 400, reso
       }, delayMs)
     );
   }, [states, steps, workflow]);
-  return chunk3XR3IEGU_cjs.useWorkflowView({
+  return chunkVFIZYSZB_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -4997,7 +4997,7 @@ function workflowTaskFields(workflow, inputs, name, context) {
   }
   const typed = name?.trim();
   if (workflow.options?.agent === false) {
-    const message = chunk3XR3IEGU_cjs.composeWorkflowPrompt(workflow, inputs, context);
+    const message = chunkVFIZYSZB_cjs.composeWorkflowPrompt(workflow, inputs, context);
     return { name: typed || message, prompt: "", skill_ref: null, skill_inputs: null };
   }
   const derived = typed || deriveWorkflowName(workflow, inputs);
@@ -5011,7 +5011,7 @@ function workflowTaskFields(workflow, inputs, name, context) {
   }
   return {
     name: derived,
-    prompt: chunk3XR3IEGU_cjs.composeWorkflowPrompt(workflow, inputs, context),
+    prompt: chunkVFIZYSZB_cjs.composeWorkflowPrompt(workflow, inputs, context),
     skill_ref: null,
     // The files a run is bound to travel in the saved inputs, whatever the template: the server binds
     // the run to the ids listed under any input's `documents`.
@@ -6509,7 +6509,7 @@ function groupThreadActivity(steps, items) {
       continue;
     }
     if (current === void 0) out.before.push(item);
-    else if (chunk3XR3IEGU_cjs.isRunFinished(steps, states)) out.after.push(item);
+    else if (chunkVFIZYSZB_cjs.isRunFinished(steps, states)) out.after.push(item);
     else {
       const status = states[current]?.status;
       const at = status === "done" || status === "skipped" ? steps.find((s) => !["done", "skipped"].includes(states[s.id]?.status ?? ""))?.id ?? current : current;
@@ -6581,14 +6581,6 @@ function SignalPill({ signal, l }) {
     }
   );
 }
-function Mark({ phase, icon }) {
-  if (phase === "done") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5" });
-  if (phase === "running") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3.5 animate-spin" });
-  if (phase === "waiting") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hourglass, { className: "size-3.5" });
-  if (phase === "failed") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-3.5" });
-  if (phase === "skipped") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusCircle, { className: "size-3.5" });
-  return icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-3.5 items-center justify-center [&_svg]:size-3.5", children: icon }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-current" });
-}
 function Entry({ item }) {
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: item.avatar }),
@@ -6626,123 +6618,135 @@ function WorkflowThreadStrip({
   startedBy,
   assigneeOf,
   labels,
+  barLabels,
   className
 }) {
   const l = { ...DEFAULT_WORKFLOW_THREAD_STRIP_LABELS, ...labels };
   const grouped = groupThreadActivity(steps, items);
   const strays = signals.filter((s) => !steps.some((step) => step.id === s.step));
   const chevron = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3 shrink-0 text-muted-foreground" });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+  const [selected, setSelected] = react.useState(null);
+  const [open, setOpen] = react.useState(null);
+  const phaseOf = (id) => chunkVFIZYSZB_cjs.stepPhase(steps, states, id);
+  const iconOf = (step) => step.icon && renderIcon ? renderIcon(step.icon) : void 0;
+  const waitingOf = (id) => {
+    const step = steps.find((s) => s.id === id);
+    const phase = phaseOf(id);
+    const name = step && (phase === "ready" || phase === "waiting") ? assigneeOf?.(step) : void 0;
+    return name ? l.waitingFor.replace("{name}", name) : void 0;
+  };
+  const pill = (step, isCurrent, narrow = false) => {
+    const phase = phaseOf(step.id);
+    const happened = grouped.byStep[step.id] ?? [];
+    const assignee = phase === "ready" || phase === "waiting" ? assigneeOf?.(step) : void 0;
+    const waiting = assignee ? l.waitingFor.replace("{name}", assignee) : void 0;
+    const sentBack = states[step.id]?.sentBack;
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open: open === step.id, onOpenChange: (o) => setOpen(o ? step.id : null), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: ui.cn(chunkVFIZYSZB_cjs.STEP_PILL, "py-0.5", chunkVFIZYSZB_cjs.stepPillTone(phase, isCurrent)),
+          "aria-current": isCurrent ? "step" : void 0,
+          title: waiting ? `${step.title} \xB7 ${waiting}` : step.title,
+          "data-phase": phase,
+          "data-testid": `workflow-thread-step-${step.id}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkVFIZYSZB_cjs.PhaseMark, { phase, icon: iconOf(step) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn(chunkVFIZYSZB_cjs.STEP_LABEL, isCurrent ? "max-w-[16rem]" : "max-w-[11rem]"), children: step.title }),
+            sentBack && /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.CornerUpLeft,
+              {
+                className: "size-3 shrink-0 text-amber-600 dark:text-amber-400",
+                "aria-label": l.sentBack,
+                "data-testid": `workflow-thread-step-${step.id}-sent-back`
+              }
+            ),
+            assignee && isCurrent && !narrow && /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: ui.cn(chunkVFIZYSZB_cjs.STEP_EXTRA, "flex max-w-[12rem] items-center gap-0.5"),
+                title: waiting,
+                "data-testid": `workflow-thread-step-${step.id}-assignee`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserRound, { className: "size-3 shrink-0" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: waiting })
+                ]
+              }
+            ),
+            happened.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-muted px-1.5 text-[10px] font-normal text-muted-foreground", children: happened.length })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.PopoverContent,
+        {
+          align: "start",
+          className: "w-72 space-y-1 p-2",
+          "data-testid": `workflow-thread-step-${step.id}-menu`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-xs font-semibold", children: step.title }),
+            assignee && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-xs", "data-testid": `workflow-thread-step-${step.id}-waiting-for`, children: waiting }),
+            sentBack && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-xs text-amber-700 dark:text-amber-300", children: l.sentBack }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-xs font-medium text-muted-foreground", children: happened.length ? l.happened.replace("{count}", String(happened.length)) : l.nothingYet }),
+            happened.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Entry, { item }, item.id)),
+            renderStepAction?.(step, phase),
+            onSkip && ["ready", "blocked", "failed", "waiting"].includes(phase) && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onSkip(step.id),
+                className: "w-full rounded-md px-1 py-1 text-left text-xs text-muted-foreground hover:bg-accent",
+                "data-testid": `workflow-thread-step-${step.id}-skip`,
+                children: l.skip
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  };
+  const leading = startedBy || grouped.before.length ? /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "flex shrink-0 items-center gap-1", children: [
+    startedBy && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex shrink-0 items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(WorkflowThreadStartedBy, { origin: startedBy, labels }),
+      chevron
+    ] }),
+    grouped.before.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex shrink-0 items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Entry, { item }),
+      chevron
+    ] }, item.id))
+  ] }) : null;
+  const trailing = grouped.after.length || strays.length ? /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "flex shrink-0 items-center gap-1", children: [
+    grouped.after.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex shrink-0 items-center gap-1", children: [
+      chevron,
+      /* @__PURE__ */ jsxRuntime.jsx(Entry, { item })
+    ] }, item.id)),
+    strays.map((s) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex shrink-0 items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(SignalPill, { signal: s, l }) }, `${s.step}-${s.signal}`))
+  ] }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("min-w-0 flex-1", className), "data-testid": "workflow-thread-strip", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkVFIZYSZB_cjs.StepBarFrame,
     {
-      className: ui.cn("min-w-0 flex-1 overflow-x-auto overscroll-x-contain", className),
-      role: "region",
-      "aria-label": "Workflow steps",
-      "data-testid": "workflow-thread-strip",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "flex w-max min-w-full items-center gap-1", children: [
-        startedBy && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex shrink-0 items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(WorkflowThreadStartedBy, { origin: startedBy, labels }),
-          chevron
-        ] }),
-        grouped.before.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex shrink-0 items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Entry, { item }),
-          chevron
-        ] }, item.id)),
-        steps.map((step, i) => {
-          const phase = chunk3XR3IEGU_cjs.stepPhase(steps, states, step.id);
-          const happened = grouped.byStep[step.id] ?? [];
-          const assignee = phase === "ready" || phase === "waiting" ? assigneeOf?.(step) : void 0;
-          const sentBack = states[step.id]?.sentBack;
-          const chip = /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: ui.cn(
-                "flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full border px-2 py-0.5 text-xs font-medium",
-                phase === "running" || phase === "ready" || phase === "waiting" ? "border-primary bg-primary/10 text-primary" : phase === "done" || phase === "skipped" ? "border-primary/30 text-primary" : phase === "failed" ? "border-destructive/40 text-destructive" : "border-dashed border-border text-muted-foreground"
-              ),
-              "data-phase": phase,
-              "data-testid": `workflow-thread-step-${step.id}`,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Mark,
-                  {
-                    phase,
-                    icon: step.icon && renderIcon ? renderIcon(step.icon) : void 0
-                  }
-                ),
-                step.title,
-                sentBack && /* @__PURE__ */ jsxRuntime.jsx(
-                  lucideReact.CornerUpLeft,
-                  {
-                    className: "size-3 text-amber-600 dark:text-amber-400",
-                    "aria-label": l.sentBack,
-                    "data-testid": `workflow-thread-step-${step.id}-sent-back`
-                  }
-                ),
-                assignee && /* @__PURE__ */ jsxRuntime.jsxs(
-                  "span",
-                  {
-                    className: "flex max-w-32 items-center gap-0.5 truncate font-normal opacity-80",
-                    title: l.waitingFor.replace("{name}", assignee),
-                    "data-testid": `workflow-thread-step-${step.id}-assignee`,
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserRound, { className: "size-3 shrink-0" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: assignee })
-                    ]
-                  }
-                ),
-                happened.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-1.5 text-[10px] text-muted-foreground", children: happened.length })
-              ]
-            }
-          );
-          return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex shrink-0 items-center gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rounded-full", children: chip }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.PopoverContent,
-                {
-                  align: "start",
-                  className: "w-72 space-y-1 p-2",
-                  "data-testid": `workflow-thread-step-${step.id}-menu`,
-                  children: [
-                    assignee && /* @__PURE__ */ jsxRuntime.jsx(
-                      "p",
-                      {
-                        className: "px-1 text-xs",
-                        "data-testid": `workflow-thread-step-${step.id}-waiting-for`,
-                        children: l.waitingFor.replace("{name}", assignee)
-                      }
-                    ),
-                    sentBack && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-xs text-amber-700 dark:text-amber-300", children: l.sentBack }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-xs font-medium text-muted-foreground", children: happened.length ? l.happened.replace("{count}", String(happened.length)) : l.nothingYet }),
-                    happened.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Entry, { item }, item.id)),
-                    renderStepAction?.(step, phase),
-                    onSkip && ["ready", "blocked", "failed", "waiting"].includes(phase) && /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => onSkip(step.id),
-                        className: "w-full rounded-md px-1 py-1 text-left text-xs text-muted-foreground hover:bg-accent",
-                        "data-testid": `workflow-thread-step-${step.id}-skip`,
-                        children: l.skip
-                      }
-                    )
-                  ]
-                }
-              )
-            ] }),
-            signals.filter((s) => s.step === step.id).map((s) => /* @__PURE__ */ jsxRuntime.jsx(SignalPill, { signal: s, l }, `${s.step}-${s.signal}`)),
-            (i < steps.length - 1 || grouped.after.length > 0 || strays.length > 0) && chevron
-          ] }, step.id);
-        }),
-        grouped.after.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex shrink-0 items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Entry, { item }),
-          (i < grouped.after.length - 1 || strays.length > 0) && chevron
-        ] }, item.id)),
-        strays.map((s) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex shrink-0 items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(SignalPill, { signal: s, l }) }, `${s.step}-${s.signal}`))
-      ] })
+      levels: chunkVFIZYSZB_cjs.stepLevels(steps),
+      phaseOf,
+      current: selected,
+      onSelect: (id) => {
+        setSelected(id);
+        setOpen(id);
+      },
+      renderStep: (step, _level, win, narrow) => pill(
+        step,
+        step.id === win.levels[win.currentLevel]?.primary.id || step.id === selected,
+        narrow
+      ),
+      noteOf: waitingOf,
+      renderAfter: (level) => signals.filter((s) => level.steps.some((step) => step.id === s.step)).map((s) => /* @__PURE__ */ jsxRuntime.jsx(SignalPill, { signal: s, l }, `${s.step}-${s.signal}`)),
+      leading,
+      trailing,
+      icon: iconOf,
+      labels: { waitingFor: l.waitingFor, ...barLabels },
+      tid: (suffix) => `workflow-thread-${suffix}`
     }
-  );
+  ) });
 }
 
 // src/agents/tasks/linkedRuns.ts
@@ -7204,7 +7208,7 @@ function defaultTaskComposerValues(workflows, initial) {
   return {
     assignee: "me",
     workflowId,
-    inputs: workflow ? { ...chunk3XR3IEGU_cjs.defaultInputs(workflow), ...initial?.inputs } : { ...initial?.inputs },
+    inputs: workflow ? { ...chunkVFIZYSZB_cjs.defaultInputs(workflow), ...initial?.inputs } : { ...initial?.inputs },
     when: "manual",
     runAt: "",
     rrule: "",
@@ -7313,7 +7317,7 @@ function WorkflowComposer({
       return !docs?.length;
     })
   );
-  const whatMissing = !workflow || Object.keys(chunk3XR3IEGU_cjs.validateInputs({ ...workflow, inputs: fields }, values.inputs)).length > 0;
+  const whatMissing = !workflow || Object.keys(chunkVFIZYSZB_cjs.validateInputs({ ...workflow, inputs: fields }, values.inputs)).length > 0;
   const runAtPast = values.when === "once" && values.runAt !== "" && values.runAt !== initialValues?.runAt && new Date(values.runAt).getTime() <= Date.now();
   const whenMissing = missingWhen(values, runAtPast);
   const scheduled = values.when !== "now" && values.when !== "manual";
@@ -7325,7 +7329,7 @@ function WorkflowComposer({
     setValues({
       ...values,
       workflowId: next,
-      inputs: def ? chunk3XR3IEGU_cjs.defaultInputs(def) : {},
+      inputs: def ? chunkVFIZYSZB_cjs.defaultInputs(def) : {},
       ...def?.documentAction ? { access: "standing" } : {}
     });
   };
@@ -7463,7 +7467,7 @@ function WorkflowComposer({
                     }
                   ),
                   !noFiles && workflow && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunk3XR3IEGU_cjs.SchemaForm,
+                    chunkVFIZYSZB_cjs.SchemaForm,
                     {
                       fields,
                       values: values.inputs,
@@ -7902,7 +7906,7 @@ function WorkTaskComposer({
   }, [open]);
   const workflow = workflows.find((w) => w.id === values.workflowId);
   const fields = workflow?.inputs ?? [];
-  const errors = workflow ? chunk3XR3IEGU_cjs.validateInputs({ ...workflow, inputs: fields }, values.inputs) : {};
+  const errors = workflow ? chunkVFIZYSZB_cjs.validateInputs({ ...workflow, inputs: fields }, values.inputs) : {};
   const hasWork = configOpen && Boolean(workflow) && Object.keys(errors).length === 0;
   const unattended = hasWork && values.when !== "now" && values.when !== "manual";
   const canConfigure = !isEdit || seed.assignee === "agent";
@@ -7910,7 +7914,7 @@ function WorkTaskComposer({
   const set = (key, value) => setValues({ ...values, [key]: value });
   const pickWorkflow = (id2) => {
     const next = workflows.find((w) => w.id === id2);
-    setValues({ ...values, workflowId: id2, inputs: next ? chunk3XR3IEGU_cjs.defaultInputs(next) : {} });
+    setValues({ ...values, workflowId: id2, inputs: next ? chunkVFIZYSZB_cjs.defaultInputs(next) : {} });
   };
   const openConfigure = () => {
     setConfigOpen(true);
@@ -8096,7 +8100,7 @@ function WorkTaskComposer({
                           )
                         ] }),
                         workflow && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                          chunk3XR3IEGU_cjs.SchemaForm,
+                          chunkVFIZYSZB_cjs.SchemaForm,
                           {
                             fields,
                             values: values.inputs,
@@ -10279,5 +10283,5 @@ exports.workflowToComposerValues = workflowToComposerValues;
 exports.workflowToSkillMarkdown = workflowToSkillMarkdown;
 exports.workflowTriggerType = workflowTriggerType;
 exports.workflowWhen = workflowWhen;
-//# sourceMappingURL=chunk-JFUN4D7D.cjs.map
-//# sourceMappingURL=chunk-JFUN4D7D.cjs.map
+//# sourceMappingURL=chunk-SSDISIDW.cjs.map
+//# sourceMappingURL=chunk-SSDISIDW.cjs.map