@arbidocs/blocks 0.4.122 → 0.4.123

package/dist/{chunk-Z2NSU7D5.cjs → chunk-V4V2CVNE.cjs}

@@ -4,7 +4,7 @@
 var chunkZV3BKLFY_cjs = require('./chunk-ZV3BKLFY.cjs');
 var chunkS5HZBXZA_cjs = require('./chunk-S5HZBXZA.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
-var chunkXSUOEJB3_cjs = require('./chunk-XSUOEJB3.cjs');
+var chunk7FZWNDPU_cjs = require('./chunk-7FZWNDPU.cjs');
 var chunk7D737FLE_cjs = require('./chunk-7D737FLE.cjs');
 var chunkN26CXGXC_cjs = require('./chunk-N26CXGXC.cjs');
 var chunk3AFWGEDJ_cjs = require('./chunk-3AFWGEDJ.cjs');
@@ -13,13 +13,13 @@ var chunkOB5F4577_cjs = require('./chunk-OB5F4577.cjs');
 var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
 var chunk2EI7NCUA_cjs = require('./chunk-2EI7NCUA.cjs');
 var chunkC2CWWEHO_cjs = require('./chunk-C2CWWEHO.cjs');
-var chunkB4SRYJLM_cjs = require('./chunk-B4SRYJLM.cjs');
-var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
-var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
 var chunk7RGLTF76_cjs = require('./chunk-7RGLTF76.cjs');
 var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
-var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var chunkC54XEN5T_cjs = require('./chunk-C54XEN5T.cjs');
+var chunkHM23LXUP_cjs = require('./chunk-HM23LXUP.cjs');
+var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
+var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
+var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
 var react = require('react');
 var ui = require('@arbidocs/react/ui');
@@ -146,7 +146,7 @@ function WorkflowConfigDialog({
 }) {
   const l = { ...DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, ...labels };
   const initialKey = JSON.stringify(initialInputs ?? {});
-  const seedKey = JSON.stringify({ ...chunkXSUOEJB3_cjs.defaultInputs(workflow), ...JSON.parse(initialKey) });
+  const seedKey = JSON.stringify({ ...chunkHM23LXUP_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(
@@ -158,7 +158,7 @@ function WorkflowConfigDialog({
     if (open && inputsProp === void 0) setInputs(seed);
   }, [open, seed]);
   const setField = (name, value) => setInputs({ ...inputs, [name]: value });
-  const errors = chunkXSUOEJB3_cjs.validateInputs(workflow, inputs);
+  const errors = chunkHM23LXUP_cjs.validateInputs(workflow, inputs);
   const valid = Object.keys(errors).length === 0;
   const visibleErrors = Object.fromEntries(
     Object.entries(errors).filter(([, e]) => e !== "required")
@@ -171,7 +171,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(chunkXSUOEJB3_cjs.buildLaunch(workflow, values, agentId))).catch(() => {
+    Promise.resolve(onLaunch(chunkHM23LXUP_cjs.buildLaunch(workflow, values, agentId))).catch(() => {
     });
   };
   const submit = () => {
@@ -249,7 +249,7 @@ function WorkflowConfigDialog({
               }
             ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkXSUOEJB3_cjs.SchemaForm,
+                chunk7FZWNDPU_cjs.SchemaForm,
                 {
                   fields,
                   values: inputs,
@@ -327,7 +327,7 @@ function resolveScopeInputs(workflow, inputs, scopeSource) {
   for (const field of workflow.inputs) {
     if (field.type !== "scope") continue;
     const raw = inputs[field.name];
-    const scope = chunkXSUOEJB3_cjs.isWorkflowScope(raw) ? raw : { folders: [], labels: [] };
+    const scope = chunkHM23LXUP_cjs.isWorkflowScope(raw) ? raw : { folders: [], labels: [] };
     next[field.name] = { ...scope, documents: scopeSource.resolveDocuments(scope) };
   }
   return next;
@@ -369,9 +369,9 @@ function WorkflowLauncher({
   };
   const select = (workflow) => {
     if (workflow.run.kind === "operation" && workflow.inputs.length === 0) {
-      const inputs = chunkXSUOEJB3_cjs.defaultInputs(workflow);
-      if (Object.keys(chunkXSUOEJB3_cjs.validateInputs(workflow, inputs)).length === 0) {
-        Promise.resolve(onLaunch(chunkXSUOEJB3_cjs.buildLaunch(workflow, inputs, void 0))).catch(() => {
+      const inputs = chunkHM23LXUP_cjs.defaultInputs(workflow);
+      if (Object.keys(chunkHM23LXUP_cjs.validateInputs(workflow, inputs)).length === 0) {
+        Promise.resolve(onLaunch(chunkHM23LXUP_cjs.buildLaunch(workflow, inputs, void 0))).catch(() => {
         });
         return;
       }
@@ -521,7 +521,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(chunkXSUOEJB3_cjs.fieldToFrontmatter))}`);
+    lines.push(`inputs: ${JSON.stringify(workflow.inputs.map(chunkHM23LXUP_cjs.fieldToFrontmatter))}`);
   }
   lines.push("---", "", run.promptTemplate.trim(), "");
   return lines.join("\n");
@@ -543,11 +543,11 @@ function workflowFromSkillMarkdown(id, text2) {
     } else if (value === "true" || value === "false") frontmatter[key] = value === "true";
     else frontmatter[key] = value;
   }
-  return chunkXSUOEJB3_cjs.workflowFromFrontmatter(id, frontmatter, body);
+  return chunkHM23LXUP_cjs.workflowFromFrontmatter(id, frontmatter, body);
 }
 function useWorkflowPreview(workflow, { answer = "{prompt}", delayMs = 400, resolveWorkflow, compose } = {}) {
-  const steps = chunkXSUOEJB3_cjs.workflowSteps(workflow);
-  const [inputs, setInputs] = react.useState(() => chunkXSUOEJB3_cjs.initialRunInputs(workflow));
+  const steps = chunkHM23LXUP_cjs.workflowSteps(workflow);
+  const [inputs, setInputs] = react.useState(() => chunkHM23LXUP_cjs.initialRunInputs(workflow));
   const [states, setStates] = react.useState({});
   const set = (id, state) => setStates((s) => ({ ...s, [id]: state }));
   const timers = react.useRef(/* @__PURE__ */ new Map());
@@ -569,10 +569,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") && chunkXSUOEJB3_cjs.stepPhase(steps, states, s.id) === "ready"
+      (s) => (s.kind === "agent" || s.kind === "action") && chunkHM23LXUP_cjs.stepPhase(steps, states, s.id) === "ready"
     );
     if (!next || next.kind !== "agent" && next.kind !== "action") return;
-    const prompt = next.kind === "agent" ? chunkXSUOEJB3_cjs.composeStepPrompt(workflow, next, inputs, { resolveWorkflow, compose }) : "";
+    const prompt = next.kind === "agent" ? chunkHM23LXUP_cjs.composeStepPrompt(workflow, next, inputs, { resolveWorkflow, compose }) : "";
     set(next.id, { status: "running", startedAt: (/* @__PURE__ */ new Date()).toISOString() });
     timers.current.set(
       next.id,
@@ -585,7 +585,7 @@ function useWorkflowPreview(workflow, { answer = "{prompt}", delayMs = 400, reso
       }, delayMs)
     );
   }, [states, steps, workflow]);
-  return chunkXSUOEJB3_cjs.useWorkflowView({
+  return chunk7FZWNDPU_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -4366,6 +4366,62 @@ function TaskInbox(p) {
     )
   ] });
 }
+var DEFAULT_THREAD_STATE_LABELS = {
+  generating: "Generating",
+  needs: "Needs {name}",
+  next: "Up next",
+  ready: "Ready",
+  todo: "To do",
+  done: "Done",
+  failed: "Failed",
+  queued: "Queued",
+  access: "Needs access"
+};
+var LOOK = {
+  generating: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin" }),
+    className: "text-amber-700 dark:text-amber-300"
+  },
+  needs: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hand, {}), className: "text-orange-700 dark:text-orange-300" },
+  next: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, {}), className: "text-muted-foreground" },
+  ready: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, {}), className: "text-emerald-700 dark:text-emerald-400" },
+  todo: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleDashed, {}), className: "text-muted-foreground" },
+  done: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheck, {}), className: "text-muted-foreground" },
+  failed: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, {}), className: "text-red-text" },
+  queued: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, {}), className: "text-amber-700 dark:text-amber-300" },
+  access: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), className: "text-red-text" }
+};
+function ThreadStatusLine({
+  state,
+  name = "you",
+  detail,
+  extra,
+  labels,
+  className,
+  testId
+}) {
+  const l = { ...DEFAULT_THREAD_STATE_LABELS, ...labels };
+  const { icon, className: tone } = LOOK[state];
+  const word = l[state].replace("{name}", name);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: ui.cn("flex min-w-0 items-center gap-1.5 text-xs leading-tight", className),
+      title: detail ? `${word} \xB7 ${detail}` : word,
+      "data-state": state,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("flex shrink-0 [&_svg]:size-3.5", tone), "aria-hidden": true, children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("shrink-0 font-medium", tone), children: word }),
+        extra,
+        detail && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 truncate text-foreground", children: [
+          "\xB7 ",
+          detail
+        ] })
+      ]
+    }
+  );
+}
 function EntityChip({
   variant = "pill",
   icon,
@@ -4449,13 +4505,14 @@ function ConversationListView(p) {
     [p.conversations, q, p.labelText, p.doneFilter, p.visibilityFilters, p.meetingFilter]
   );
   const selectedRows = p.conversations.filter((c) => selected.has(c.external_id));
+  const hasLabels = p.conversations.some((c) => !!p.labelText?.(c));
   const columns = react.useMemo(
     () => [
       {
         colId: "name",
         headerName: "Thread",
-        flex: 1,
-        minWidth: 180,
+        flex: 2,
+        minWidth: 200,
         valueGetter: ({ data }) => data?.title?.trim() || "Untitled thread",
         cellRenderer: ({ data }) => data && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group flex h-full min-w-0 items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: liveProps.current.renderThread ? liveProps.current.renderThread(data) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -4469,6 +4526,18 @@ function ConversationListView(p) {
               testId: `thread-open-${data.external_id}`
             }
           ) }),
+          (data.message_count ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "inline-flex h-5 shrink-0 items-center gap-0.5 self-center rounded-full bg-muted px-1.5 text-[10px] font-medium leading-none tabular-nums text-muted-foreground",
+              title: `${data.message_count} ${data.message_count === 1 ? "message" : "messages"}`,
+              "data-testid": `thread-messages-${data.external_id}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "size-3", "aria-hidden": true }),
+                data.message_count
+              ]
+            }
+          ),
           (data.is_owner !== false || liveProps.current.canEditShared) && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -4482,72 +4551,51 @@ function ConversationListView(p) {
           )
         ] })
       },
-      ...liveProps.current.renderLabels ? [
+      // Labels only when a thread has some (an empty column only takes the names' room), and never
+      // on a phone, where the status is what a row must say.
+      ...liveProps.current.renderLabels && hasLabels && !isPhone ? [
         {
           colId: "labels",
           headerName: "Labels",
-          ...isPhone ? { width: 200 } : { flex: 0.5, minWidth: 160 },
+          flex: 0.5,
+          minWidth: 100,
           valueGetter: ({ data }) => data ? liveProps.current.labelText?.(data) ?? "" : "",
           cellRenderer: ({ data }) => data && liveProps.current.renderLabels?.(data)
         }
       ] : [],
-      ...liveProps.current.renderBy || liveProps.current.renderOwner ? [
-        {
-          colId: liveProps.current.renderBy ? "by" : "owner",
-          headerName: liveProps.current.renderBy ? "Last message by" : "Owner",
-          width: 160,
-          hide: isPhone,
-          cellRenderer: ({ data }) => data && (liveProps.current.renderBy || liveProps.current.renderOwner)?.(data)
-        }
-      ] : [],
       {
         colId: "status",
         headerName: "Status",
-        width: 150,
-        hide: isPhone,
+        width: isPhone ? 170 : 240,
         valueGetter: ({ data }) => data?.status,
-        cellRenderer: ({ data }) => data && (liveProps.current.renderStatus ? liveProps.current.renderStatus(data) : /* @__PURE__ */ jsxRuntime.jsx(TaskStatusPill, { id: data.external_id, status: data.status }))
-      },
-      {
-        valueGetter: ({ data }) => data?.message_count,
-        colId: "messages",
-        headerName: "Messages",
-        width: 110,
-        hide: isPhone,
-        valueFormatter: ({ value }) => value == null ? "\u2014" : String(value),
-        cellClass: "text-muted-foreground"
+        cellRenderer: ({ data }) => data && (liveProps.current.renderStatus ? liveProps.current.renderStatus(data) : /* @__PURE__ */ jsxRuntime.jsx(
+          ThreadStatusLine,
+          {
+            state: data.status === "done" ? "done" : data.status === "todo" ? "todo" : "ready"
+          }
+        ))
       },
-      ...liveProps.current.onToggleShared ? [
+      // Who spoke last (their face) and when: the two read together, at the row's end.
+      ...liveProps.current.renderBy || liveProps.current.renderOwner ? [
         {
-          colId: "visibility",
-          headerName: "Visibility",
-          width: 170,
+          colId: liveProps.current.renderBy ? "by" : "owner",
+          headerName: liveProps.current.renderBy ? "By" : "Owner",
+          width: 64,
           hide: isPhone,
-          cellClass: "cell-hcenter",
           sortable: false,
           resizable: false,
-          cellRenderer: ({ data }) => data && /* @__PURE__ */ jsxRuntime.jsx(
-            ui.VisibilityToggle,
-            {
-              items: [data],
-              showLabel: true,
-              label: data.is_shared ? "Workspace" : "Only Me",
-              disabled: data.is_owner === false,
-              onToggle: () => liveProps.current.onToggleShared?.(data, !data.is_shared),
-              "data-testid": `thread-shared-${data.external_id}`
-            }
-          )
+          cellRenderer: ({ data }) => data && (liveProps.current.renderBy || liveProps.current.renderOwner)?.(data)
         }
       ] : [],
       {
         colId: "activity",
         initialSort: "desc",
-        headerName: "Activity",
-        width: 160,
+        headerName: "Updated",
+        width: 128,
         hide: isPhone,
         valueGetter: ({ data }) => data?.last_message_updated_at || data?.updated_at || data?.created_at || "",
         valueFormatter: ({ value }) => value ? liveProps.current.formatDate(value) : "\u2014",
-        cellClass: "text-muted-foreground"
+        cellClass: "flex items-center text-xs text-muted-foreground/80"
       }
     ],
     [
@@ -4556,10 +4604,14 @@ function ConversationListView(p) {
       Boolean(p.renderOwner),
       Boolean(p.renderBy),
       Boolean(p.renderStatus),
-      Boolean(p.onToggleShared),
-      isPhone
+      isPhone,
+      hasLabels
     ]
   );
+  const centred = react.useMemo(
+    () => columns.map((c) => ({ cellClass: "flex items-center", ...c })),
+    [columns]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col", "data-testid": "conversation-list-view", children: [
     p.showHeader !== false && /* @__PURE__ */ jsxRuntime.jsx(
       chunk7RGLTF76_cjs.TabHeader,
@@ -4604,7 +4656,7 @@ function ConversationListView(p) {
       {
         testId: "threads-grid",
         items: rows,
-        columnDefs: columns,
+        columnDefs: centred,
         getItemId: (row) => row.external_id,
         getRowTestId: (row) => `thread-row-${row.external_id}`,
         onRowClick: p.onOpen,
@@ -4613,7 +4665,7 @@ function ConversationListView(p) {
         loadingMessage: "Loading threads\u2026",
         emptyState: {
           title: q ? "No threads match" : "No conversations yet",
-          message: "Use New Task to ask ARBI, bring in people, or both."
+          message: p.footer ? "Type below to ask ARBI, bring in people, or both." : "Use New Task to ask ARBI, bring in people, or both."
         },
         selection: p.selectionActions ? {
           mode: "multiple",
@@ -4630,6 +4682,7 @@ function ConversationListView(p) {
         }
       }
     ) }),
+    p.footer,
     p.selectionActions && /* @__PURE__ */ jsxRuntime.jsx(chunkV4ISCZJ7_cjs.SelectionBar, { count: selectedRows.length, onClear: () => setSelected(/* @__PURE__ */ new Set()), children: (compact) => p.selectionActions?.(selectedRows, compact, () => setSelected(/* @__PURE__ */ new Set())) })
   ] });
 }
@@ -4657,7 +4710,7 @@ function TaskStartDialog({
     setSourceOpen(false);
   }, [open]);
   const textareaRef = react.useRef(null);
-  const mention = chunkB4SRYJLM_cjs.useMentionAutocomplete({
+  const mention = chunkHM23LXUP_cjs.useMentionAutocomplete({
     value: prompt,
     onValueChange: setPrompt,
     candidates: people,
@@ -5008,7 +5061,7 @@ function workflowTaskFields(workflow, inputs, name, context) {
   }
   const typed = name?.trim();
   if (workflow.options?.agent === false) {
-    const message = chunkXSUOEJB3_cjs.composeWorkflowPrompt(workflow, inputs, context);
+    const message = chunkHM23LXUP_cjs.composeWorkflowPrompt(workflow, inputs, context);
     return { name: typed || message, prompt: "", skill_ref: null, skill_inputs: null };
   }
   const derived = typed || deriveWorkflowName(workflow, inputs);
@@ -5022,7 +5075,7 @@ function workflowTaskFields(workflow, inputs, name, context) {
   }
   return {
     name: derived,
-    prompt: chunkXSUOEJB3_cjs.composeWorkflowPrompt(workflow, inputs, context),
+    prompt: chunkHM23LXUP_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`.
@@ -6202,7 +6255,7 @@ function TaskActivityDialog({
   testId,
   ...timeline
 }) {
-  const l = { ...chunkXSUOEJB3_cjs.DEFAULT_TASK_ACTIVITY_LABELS, ...labels };
+  const l = { ...chunk7FZWNDPU_cjs.DEFAULT_TASK_ACTIVITY_LABELS, ...labels };
   const id = chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "task-activity" });
   const count = events?.length ?? 0;
   const scrollToEnd = react.useCallback(
@@ -6217,7 +6270,7 @@ function TaskActivityDialog({
       /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "truncate", children: taskName })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[55dvh] overflow-y-auto pr-1", "data-testid": `${id}-scroll`, children: [
-      isLoading && !events ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.loading }) : isError && !events ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: l.error }) : count === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkXSUOEJB3_cjs.TaskActivityTimeline, { events: events ?? [], labels, testId: id, ...timeline }),
+      isLoading && !events ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.loading }) : isError && !events ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: l.error }) : count === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }) : /* @__PURE__ */ jsxRuntime.jsx(chunk7FZWNDPU_cjs.TaskActivityTimeline, { events: events ?? [], labels, testId: id, ...timeline }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollToEnd })
     ] })
   ] }) });
@@ -6253,24 +6306,28 @@ function TaskFlow({
         const el = e.currentTarget;
         following.current = el.scrollWidth - el.scrollLeft - el.clientWidth < 24;
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex w-max min-w-full items-center gap-1", children: items.map((item, i) => {
-        const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: item.avatar }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 text-left", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block max-w-32 truncate text-[11px] leading-tight font-medium", children: item.label }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex w-max min-w-full items-center gap-1 py-0.5", children: items.map((item, i) => {
+        const chip = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+          chunkHM23LXUP_cjs.StepChip,
+          {
+            kind: "adhoc",
+            phase: "ready",
+            icon: item.avatar,
+            label: item.label,
+            current: item.current,
+            labelClassName: "max-w-32 truncate",
+            title: item.description ?? item.label,
+            className: "shrink-0 [&_.wf-badge]:bg-transparent",
+            ...props,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: "block text-[10px] leading-tight text-muted-foreground",
+                className: "shrink-0 text-[10px] font-normal text-muted-foreground",
                 title: item.exactTime,
                 children: item.time
               }
             )
-          ] })
-        ] });
-        const cls = ui.cn(
-          "flex shrink-0 items-center gap-1.5 rounded-md px-1 py-0.5",
-          item.current && "bg-accent text-accent-foreground"
+          }
         );
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "li",
@@ -6278,26 +6335,11 @@ function TaskFlow({
             className: "flex shrink-0 items-center gap-1",
             "data-testid": `thread-flow-${item.id}`,
             children: [
-              i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3 shrink-0 text-muted-foreground", "aria-hidden": true }),
-              item.onSelect ? /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  className: ui.cn(cls, "hover:bg-muted"),
-                  onClick: item.onSelect,
-                  title: item.description ?? item.label,
-                  children: content
-                }
-              ) : item.detail ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    className: ui.cn(cls, "hover:bg-muted"),
-                    title: item.description ?? item.label,
-                    children: content
-                  }
-                ) }),
+              i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "wf-link wf-kind-adhoc w-3 flex-none", "data-done": true }),
+              item.onSelect ? chip({ onClick: item.onSelect }) : item.detail ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: chip({}) }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { className: "max-h-72 overflow-y-auto text-sm whitespace-pre-wrap", children: item.detail })
-              ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, title: item.description ?? item.label, children: content })
+              ] }) : chip({ inert: true })
             ]
           },
           item.id
@@ -6307,6 +6349,54 @@ function TaskFlow({
   );
 }
 function ThreadActivity({ item, children }) {
+  if (item.stepChip) {
+    const { kind, phase, icon, document } = item.stepChip;
+    const done = phase === "done" || phase === "skipped";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn(`wf-kind-${kind}`, "flex flex-col items-center gap-1 px-3 py-2"),
+        "data-testid": `thread-activity-${item.id}`,
+        title: item.description,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-xl items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "wf-link", "data-done": done || void 0 }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkHM23LXUP_cjs.StepChip,
+              {
+                inert: true,
+                kind,
+                phase,
+                icon,
+                label: item.label,
+                className: ui.cn("shrink-0", document && "rounded-r-none"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "time",
+                  {
+                    className: "shrink-0 text-[10px] font-normal text-muted-foreground",
+                    title: item.exactTime,
+                    children: item.time
+                  }
+                )
+              }
+            ),
+            document && /* @__PURE__ */ jsxRuntime.jsx(
+              chunkHM23LXUP_cjs.StepDocumentButton,
+              {
+                kind,
+                name: document.name,
+                onOpen: document.onOpen,
+                showName: true,
+                testId: `thread-activity-${item.id}-open-document`
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "wf-link", "data-done": done || void 0 })
+          ] }),
+          children
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center px-3 py-2", "data-testid": `thread-activity-${item.id}`, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -6324,6 +6414,298 @@ function ThreadActivity({ item, children }) {
     }
   ) });
 }
+var DEFAULT_THREAD_LAUNCHER_LABELS = {
+  placeholder: "Start a new thread: ask ARBI, or @mention people\u2026",
+  todoPlaceholder: "What needs doing?",
+  withArbi: "With ARBI",
+  todo: "To-do",
+  source: "Who does the work",
+  start: "Start",
+  schedule: "Schedule",
+  started: "Started \u201C{title}\u201D",
+  open: "Open",
+  dismiss: "Dismiss",
+  shared: "Workspace",
+  private: "Only Me"
+};
+var NO_PEOPLE2 = [];
+function ThreadLauncher({
+  workflows,
+  people = NO_PEOPLE2,
+  isPending,
+  error,
+  startLabel,
+  onStart,
+  onLater,
+  onOpen,
+  autoFocus,
+  labels,
+  className
+}) {
+  const l = { ...DEFAULT_THREAD_LAUNCHER_LABELS, ...labels };
+  const [prompt, setPrompt] = react.useState("");
+  const [choice, setChoice] = react.useState("prompt");
+  const [shared, setShared] = react.useState(false);
+  const [started, setStarted] = react.useState(null);
+  const textareaRef = react.useRef(null);
+  const mention = chunkHM23LXUP_cjs.useMentionAutocomplete({
+    value: prompt,
+    onValueChange: setPrompt,
+    candidates: people,
+    textareaRef
+  });
+  const todo = choice === "todo";
+  const workflowId = choice === "prompt" || todo ? null : choice;
+  const workflow = workflows.find((w) => w.external_id === workflowId);
+  const valid = workflowId ? Boolean(workflow) : Boolean(prompt.trim());
+  const values = {
+    prompt: prompt.trim(),
+    workflowId,
+    todo,
+    shared,
+    mentions: chunk7UTB4PHM_cjs.toMessageMentions(chunk7UTB4PHM_cjs.extractMentions(prompt, people))
+  };
+  const start = async () => {
+    if (!valid || isPending) return;
+    try {
+      const made = await onStart(values);
+      setStarted(made ?? null);
+      setPrompt("");
+      setChoice("prompt");
+      textareaRef.current?.focus();
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.cn("shrink-0 border-t border-border bg-background px-3 pb-3 pt-2", className),
+      "data-testid": "thread-launcher",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-3xl", children: [
+        started && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "mb-2 flex min-w-0 items-center gap-2 text-xs",
+            role: "status",
+            "data-testid": "thread-launcher-started",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-emerald-600 text-white dark:bg-emerald-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3", strokeWidth: 3 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-muted-foreground", children: l.started.replace("{title}", started.title) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.Button,
+                {
+                  variant: "link",
+                  size: "sm",
+                  className: "h-auto shrink-0 gap-0.5 p-0 text-xs",
+                  onClick: () => onOpen(started.id),
+                  "data-testid": "thread-launcher-open",
+                  children: [
+                    l.open,
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: "size-3" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "ml-auto shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
+                  "aria-label": l.dismiss,
+                  onClick: () => setStarted(null),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-border bg-card shadow-sm focus-within:border-ring", children: [
+          workflow ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pt-2.5 text-sm font-medium", "data-testid": "thread-launcher-workflow", children: workflow.name }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Textarea,
+              {
+                ref: textareaRef,
+                value: prompt,
+                rows: 1,
+                autoFocus,
+                onChange: (event) => mention.onValueChange(event.target.value),
+                onKeyDown: (event) => {
+                  mention.nav.handleKeyDown(event);
+                  if (event.defaultPrevented || mention.isOpen) return;
+                  if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+                    event.preventDefault();
+                    void start();
+                  }
+                },
+                ...mention.isOpen ? mention.nav.comboboxProps : {},
+                ...mention.textareaProps,
+                disabled: isPending,
+                placeholder: todo ? l.todoPlaceholder : l.placeholder,
+                "aria-label": todo ? l.todoPlaceholder : l.placeholder,
+                className: "field-sizing-content max-h-40 min-h-10 resize-none border-0 bg-transparent px-3 pt-2.5 shadow-none focus-visible:ring-0",
+                "data-testid": "thread-launcher-input"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunk7UTB4PHM_cjs.MentionMenu,
+              {
+                open: mention.isOpen,
+                placement: "above",
+                items: mention.items,
+                selectedIndex: mention.nav.selectedIndex,
+                setSelectedIndex: mention.nav.setSelectedIndex,
+                listboxId: mention.nav.listboxId,
+                onSelect: mention.pick
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-2 pb-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: choice, onValueChange: setChoice, disabled: isPending, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.SelectTrigger,
+                {
+                  "aria-label": l.source,
+                  className: "h-7 w-auto max-w-[45%] border-0 bg-transparent px-1.5 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted",
+                  "data-testid": "thread-launcher-source",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.SelectContent, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "prompt", children: l.withArbi }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "todo", children: l.todo }),
+                workflows.map((w) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: w.external_id, children: w.name }, w.external_id))
+              ] })
+            ] }),
+            error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "min-w-0 truncate text-xs text-destructive", title: error, children: error }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.VisibilityToggle,
+                {
+                  items: { shared },
+                  onToggle: setShared,
+                  label: shared ? l.shared : l.private,
+                  disabled: isPending,
+                  "data-testid": "thread-launcher-visibility"
+                }
+              ),
+              onLater && /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-8 text-muted-foreground",
+                  disabled: !valid || isPending,
+                  onClick: () => onLater(values),
+                  "aria-label": l.schedule,
+                  title: l.schedule,
+                  "data-testid": "thread-launcher-later",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarClock, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  size: "icon",
+                  className: "size-8",
+                  disabled: !valid || isPending,
+                  onClick: () => void start(),
+                  "aria-label": startLabel ?? l.start,
+                  title: startLabel ?? l.start,
+                  "data-testid": "thread-launcher-start",
+                  children: isPending ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendHorizontal, { className: "size-4" })
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var DEFAULT_WORKFLOW_RUN_STATUS_LABELS = {
+  allDone: "all {count} steps done"
+};
+var SEGMENT = {
+  done: "bg-[hsl(var(--wf-accent))]",
+  running: "bg-[hsl(var(--wf-accent))] animate-pulse",
+  waiting: "bg-[hsl(var(--wf-accent)/0.3)] ring-1 ring-inset ring-[hsl(var(--wf-accent))]",
+  failed: "bg-destructive",
+  skipped: "ring-1 ring-inset ring-muted-foreground/40",
+  ready: "ring-1 ring-inset ring-[hsl(var(--wf-accent)/0.7)]",
+  blocked: "ring-1 ring-inset ring-[hsl(var(--wf-accent)/0.7)]"
+};
+function WorkflowRunStatus({
+  steps,
+  states,
+  assigneeOf,
+  labels,
+  isLoading,
+  workStatus,
+  maxSegments = 7,
+  className,
+  testId = "workflow-run-status"
+}) {
+  const l = { ...DEFAULT_WORKFLOW_RUN_STATUS_LABELS, ...labels };
+  const ordered = chunkHM23LXUP_cjs.stepLevels(steps).flat();
+  const phaseOf = (id) => isLoading ? "blocked" : chunkHM23LXUP_cjs.stepPhase(steps, states, id);
+  const finished = !isLoading && chunkHM23LXUP_cjs.isRunFinished(steps, states);
+  const atId = finished || isLoading ? void 0 : chunk7FZWNDPU_cjs.activeStepId(chunkHM23LXUP_cjs.stepLevels(steps), phaseOf);
+  const at = ordered.find((s) => s.id === atId);
+  const phase = at ? phaseOf(at.id) : "done";
+  const assignee = at && ["ready", "waiting"].includes(phase) ? assigneeOf?.(at) : void 0;
+  const state = finished ? workStatus === "done" ? "done" : "ready" : phase === "running" ? "generating" : phase === "failed" ? "failed" : assignee ? "needs" : "next";
+  const detail = at ? at.title : finished ? (l.allDone ?? "").replace("{count}", String(ordered.length)) : void 0;
+  const n = ordered.length;
+  const size = Math.min(maxSegments, n);
+  const centre = at ? ordered.indexOf(at) : n - 1;
+  const start = Math.max(0, Math.min(n - size, centre - Math.floor(size / 2)));
+  const shown = ordered.slice(start, start + size);
+  const ellipsis = (side) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "px-0.5 text-[10px] leading-none text-muted-foreground",
+      "data-testid": `${testId}-more-${side}`,
+      children: "\u2026"
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn("flex min-w-0 flex-col justify-center gap-1", className),
+      "data-testid": testId,
+      "data-phase": phase,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5", "aria-hidden": true, children: [
+          start > 0 && ellipsis("before"),
+          shown.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: ui.cn(
+                `wf-kind-${chunkHM23LXUP_cjs.stepKindOf(s)}`,
+                "h-1.5 w-3 shrink-0 rounded-full",
+                SEGMENT[phaseOf(s.id)],
+                s.id === atId && "w-5"
+              ),
+              title: s.title,
+              "data-phase": phaseOf(s.id)
+            },
+            s.id
+          )),
+          start + size < n && ellipsis("after")
+        ] }),
+        isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs leading-tight", children: "\xA0" }) : /* @__PURE__ */ jsxRuntime.jsx(
+          ThreadStatusLine,
+          {
+            state,
+            name: assignee,
+            detail,
+            labels,
+            testId: `${testId}-line`
+          }
+        )
+      ]
+    }
+  );
+}
 var STEP_KINDS = /* @__PURE__ */ new Set([
   "step_started",
   "step_waiting",
@@ -6344,7 +6726,7 @@ function groupThreadActivity(steps, items) {
       continue;
     }
     if (current === void 0) out.before.push(item);
-    else if (chunkXSUOEJB3_cjs.isRunFinished(steps, states)) out.after.push(item);
+    else if (chunkHM23LXUP_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;
@@ -6355,13 +6737,21 @@ function groupThreadActivity(steps, items) {
 }
 var DEFAULT_WORKFLOW_THREAD_STRIP_LABELS = {
   happened: "{count} in this step",
+  updates: "{count} updates in this step",
   nothingYet: "Nothing here yet.",
   skip: "Skip this step",
   startedBy: "Started by {step} in {thread}",
   signalled: "This step signalled \u201C{signal}\u201D",
   linkedRun: "Started on \u201C{signal}\u201D: open its thread",
   waitingFor: "Waiting for {name}",
-  sentBack: "Sent back to be done again"
+  sentBack: "Sent back to be done again",
+  started: "Started",
+  after: "After",
+  beforeSteps: "Before the first step",
+  afterSteps: "After the last step",
+  kinds: chunkHM23LXUP_cjs.DEFAULT_STEP_KIND_LABELS,
+  documents: chunkHM23LXUP_cjs.DEFAULT_STEP_DOCUMENT_LABELS,
+  record: chunkHM23LXUP_cjs.DEFAULT_STEP_RECORD_LABELS
 };
 function WorkflowThreadStartedBy({
   origin,
@@ -6431,7 +6821,7 @@ function Entry({ item }) {
       )
     ] })
   ] });
-  return item.onSelect ? /* @__PURE__ */ jsxRuntime.jsx(
+  return item.onSelect ? /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
@@ -6440,7 +6830,77 @@ function Entry({ item }) {
       "data-testid": `thread-flow-${item.id}`,
       children: content
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-1.5 px-1 py-0.5", "data-testid": `thread-flow-${item.id}`, children: content });
+  ) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-1.5 px-1 py-0.5", "data-testid": `thread-flow-${item.id}`, children: content });
+}
+var BEADS_PX = 32;
+var DOC_BUTTON_PX = 34;
+function Beads({ items, label }) {
+  if (!items.length) return null;
+  const faces = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = item.actor ?? item.id;
+    faces.delete(key);
+    faces.set(key, item.avatar);
+  }
+  const shown = [...faces.entries()].slice(-3);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: "flex shrink-0 items-center gap-1",
+      title: label.replace("{count}", String(items.length)),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "wf-beads [&_svg]:size-4", "aria-hidden": true, children: shown.map(([key, avatar]) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: avatar }, key)) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-normal tabular-nums text-muted-foreground", "aria-hidden": true, children: items.length }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label.replace("{count}", String(items.length)) })
+      ]
+    }
+  );
+}
+function PopoverHeading({
+  kind,
+  icon,
+  overline,
+  title
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn(`wf-kind-${kind}`, "flex items-center gap-2 px-1 pb-1"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "wf-badge flex size-7 shrink-0 items-center justify-center rounded-md [&_svg]:size-4", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "wf-kind-text block truncate text-[10px] font-semibold uppercase tracking-wider", children: overline }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-sm font-semibold leading-snug", children: title })
+    ] })
+  ] });
+}
+function EntriesChip({
+  kind,
+  icon,
+  label,
+  items,
+  extra,
+  heading,
+  testId
+}) {
+  const latest = items.at(-1);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkHM23LXUP_cjs.StepChip,
+      {
+        kind,
+        phase: "ready",
+        icon,
+        label,
+        labelClassName: "max-w-40 truncate",
+        title: latest ? `${label} \xB7 ${latest.label} \xB7 ${latest.time}` : label,
+        className: "shrink-0",
+        "data-testid": testId,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Beads, { items, label: heading })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.PopoverContent, { align: "start", className: "w-72 space-y-1 p-2", "data-testid": `${testId}-menu`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PopoverHeading, { kind, icon, overline: heading, title: label }),
+      extra,
+      items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Entry, { item }, item.id))
+    ] })
+  ] });
 }
 function WorkflowThreadStrip({
   steps,
@@ -6452,134 +6912,213 @@ function WorkflowThreadStrip({
   signals = [],
   startedBy,
   assigneeOf,
+  nameOfDoc,
+  onOpenDocument,
+  inputs = {},
+  nameOf,
   labels,
   barLabels,
   className
 }) {
   const l = { ...DEFAULT_WORKFLOW_THREAD_STRIP_LABELS, ...labels };
+  const barL = { ...chunk7FZWNDPU_cjs.DEFAULT_STEP_BAR_LABELS, ...barLabels };
   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" });
+  const link = /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "wf-link wf-kind-start max-w-6", "data-done": true });
   const [selected, setSelected] = react.useState(null);
   const [open, setOpen] = react.useState(null);
-  const phaseOf = (id) => chunkXSUOEJB3_cjs.stepPhase(steps, states, id);
+  const phaseOf = (id) => chunkHM23LXUP_cjs.stepPhase(steps, states, id);
   const iconOf = (step) => step.icon && renderIcon ? renderIcon(step.icon) : void 0;
+  const glyphOf = (step) => {
+    const KindIcon = chunkHM23LXUP_cjs.STEP_KIND_ICONS[chunkHM23LXUP_cjs.stepKindOf(step)];
+    return iconOf(step) ?? /* @__PURE__ */ jsxRuntime.jsx(KindIcon, {});
+  };
   const waitingOf = (id) => {
     const step = steps.find((s) => s.id === id);
     const phase = phaseOf(id);
-    const documents = chunkXSUOEJB3_cjs.waitingDocuments(states[id]);
-    if (documents.length) return chunkXSUOEJB3_cjs.waitingForDocumentsText(documents.length);
+    const documents = chunkHM23LXUP_cjs.waitingDocuments(states[id]);
+    if (documents.length) return chunkHM23LXUP_cjs.waitingForDocumentsText(documents.length);
     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 pill = (step, isCurrent) => {
     const phase = phaseOf(step.id);
     const happened = grouped.byStep[step.id] ?? [];
     const assignee = phase === "ready" || phase === "waiting" ? assigneeOf?.(step) : void 0;
     const waiting = waitingOf(step.id);
     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",
+    const kind = chunkHM23LXUP_cjs.stepKindOf(step);
+    const documents = chunkHM23LXUP_cjs.stepDocuments(steps, states, step.id);
+    const latestDoc = onOpenDocument ? documents.at(-1) : void 0;
+    const finished = ["done", "skipped", "failed"].includes(phase);
+    const chip = /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Popover,
+      {
+        open: open === step.id,
+        onOpenChange: (o) => {
+          setOpen(o ? step.id : null);
+          if (o) setSelected(step.id);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkHM23LXUP_cjs.StepChip,
+            {
+              kind,
+              phase,
+              icon: glyphOf(step),
+              label: step.title,
+              current: isCurrent,
+              heading: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                l.kinds[kind],
+                assignee && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-testid": `workflow-thread-step-${step.id}-assignee`, children: [
+                  " \xB7 ",
+                  waiting
+                ] })
+              ] }),
+              labelClassName: isCurrent ? chunk7FZWNDPU_cjs.STEP_LABEL_CURRENT : ui.cn(chunk7FZWNDPU_cjs.STEP_LABEL, chunk7FZWNDPU_cjs.STEP_LABEL_MAX),
+              className: ui.cn(latestDoc && "rounded-r-none"),
+              title: waiting ? `${step.title} \xB7 ${waiting}` : step.title,
+              "data-testid": `workflow-thread-step-${step.id}`,
+              children: [
+                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`
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(Beads, { items: happened, label: l.updates })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.PopoverContent,
+            {
+              align: "start",
+              className: "w-80 space-y-1.5 p-2",
+              "data-testid": `workflow-thread-step-${step.id}-menu`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  PopoverHeading,
+                  {
+                    kind,
+                    icon: glyphOf(step),
+                    overline: `${l.kinds[kind]} \xB7 ${waiting ?? barL.phases[phase]}`,
+                    title: step.title
+                  }
+                ),
+                sentBack && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-xs text-amber-700 dark:text-amber-300", children: l.sentBack }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkHM23LXUP_cjs.StepDocumentCards,
+                  {
+                    refs: documents,
+                    heading: step.kind === "review" ? phase === "done" ? l.documents.approved : l.documents.toApprove : l.documents.produced,
+                    nameOfDoc,
+                    onOpen: onOpenDocument,
+                    labels: l.documents,
+                    testId: `workflow-thread-step-${step.id}-docs`
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkHM23LXUP_cjs.StepRecord,
+                  {
+                    step,
+                    state: states[step.id],
+                    inputs,
+                    nameOf,
+                    labels: l.record,
+                    testId: `workflow-thread-step-${step.id}-record`
+                  }
+                ),
+                (happened.length > 0 || !finished) && /* @__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
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+    return latestDoc ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center", children: [
+      chip,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkHM23LXUP_cjs.StepDocumentButton,
         {
-          type: "button",
-          className: ui.cn(chunkXSUOEJB3_cjs.STEP_PILL, "py-0.5", chunkXSUOEJB3_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(chunkXSUOEJB3_cjs.PhaseMark, { phase, icon: iconOf(step) }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: isCurrent ? chunkXSUOEJB3_cjs.STEP_LABEL_CURRENT : ui.cn(chunkXSUOEJB3_cjs.STEP_LABEL, chunkXSUOEJB3_cjs.STEP_LABEL_MAX), 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(chunkXSUOEJB3_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 })
-          ]
+          kind,
+          name: nameOfDoc?.(chunkHM23LXUP_cjs.splitDocRef(latestDoc).id) ?? latestDoc,
+          onOpen: () => onOpenDocument?.(latestDoc),
+          testId: `workflow-thread-step-${step.id}-open-document`
         }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        ui.PopoverContent,
+      )
+    ] }) : chip;
+  };
+  const leading = startedBy || grouped.before.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+    grouped.before.length ? /* @__PURE__ */ jsxRuntime.jsx(
+      EntriesChip,
+      {
+        kind: "start",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, {}),
+        label: l.started,
+        items: grouped.before,
+        heading: l.beforeSteps,
+        extra: startedBy && /* @__PURE__ */ jsxRuntime.jsx(WorkflowThreadStartedBy, { origin: startedBy, labels }),
+        testId: "workflow-thread-start"
+      }
+    ) : startedBy && /* @__PURE__ */ jsxRuntime.jsx(WorkflowThreadStartedBy, { origin: startedBy, labels }),
+    link
+  ] }) : null;
+  const trailing = grouped.after.length || strays.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+    grouped.after.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "wf-link max-w-6" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EntriesChip,
         {
-          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 }),
-            waiting && /* @__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
-              }
-            )
-          ]
+          kind: "adhoc",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessagesSquare, {}),
+          label: l.after,
+          items: grouped.after,
+          heading: l.afterSteps,
+          testId: "workflow-thread-after"
         }
       )
-    ] });
-  };
-  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}`))
+    strays.map((s) => /* @__PURE__ */ jsxRuntime.jsx(SignalPill, { signal: s, l }, `${s.step}-${s.signal}`))
   ] }) : null;
+  const at = steps.find((s) => s.id === (selected ?? chunk7FZWNDPU_cjs.activeStepId(chunkHM23LXUP_cjs.stepLevels(steps), phaseOf)));
+  const headingPx = (step) => `${l.kinds[chunkHM23LXUP_cjs.stepKindOf(step)]} \xB7 ${waitingOf(step.id) ?? ""}`.length * 5.6 - step.title.length * 6.5;
+  const reserve = {
+    always: (at ? Math.max(0, headingPx(at)) : 0) + steps.filter((s) => grouped.byStep[s.id]?.length).length * BEADS_PX + (onOpenDocument ? steps.filter((s) => chunkHM23LXUP_cjs.stepDocuments(steps, states, s.id).length).length * DOC_BUTTON_PX : 0),
+    leading: leading ? 150 : 0,
+    trailing: trailing ? 120 : 0
+  };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("min-w-0 flex-1", className), "data-testid": "workflow-thread-strip", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXSUOEJB3_cjs.StepBarFrame,
+    chunk7FZWNDPU_cjs.StepBarFrame,
     {
-      levels: chunkXSUOEJB3_cjs.stepLevels(steps),
+      levels: chunkHM23LXUP_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,
+      renderStep: (step, _level, win) => pill(step, step.id === win.levels[win.currentLevel]?.primary.id || step.id === selected),
       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,
+      reservePx: reserve,
+      icon: glyphOf,
+      kindOf: chunkHM23LXUP_cjs.stepKindOf,
       labels: { waitingFor: l.waitingFor, ...barLabels },
       tid: (suffix) => `workflow-thread-${suffix}`
     }
@@ -6626,7 +7165,14 @@ var STEP_LABELS = {
   step_progress: "Signed",
   step_sent_back: "Sent back"
 };
-function compactThreadActivity(events) {
+var STEP_VERBS = {
+  step_started: "started",
+  step_done: "done",
+  step_skipped: "skipped",
+  step_failed: "failed",
+  step_sent_back: "sent back"
+};
+function compactThreadActivity(events, stepTitleOf) {
   const result = [];
   const batches = /* @__PURE__ */ new Map();
   for (const event of events) {
@@ -6648,10 +7194,11 @@ function compactThreadActivity(events) {
       const count = Math.max(1, entry.recipients.length);
       entry.label = `Notified ${count} ${count === 1 ? "user" : "users"}`;
     } else if (STEP_LABELS[event.kind]) {
-      const documents = chunkXSUOEJB3_cjs.eventWaitingDocuments(event.detail);
+      const documents = chunkHM23LXUP_cjs.eventWaitingDocuments(event.detail);
+      const title = typeof event.detail?.step === "string" ? stepTitleOf?.(event.detail.step) : void 0;
       result.push({
         event,
-        label: documents ? chunkXSUOEJB3_cjs.waitingForDocumentsText(documents.length) : STEP_LABELS[event.kind],
+        label: documents ? chunkHM23LXUP_cjs.waitingForDocumentsText(documents.length) : title && STEP_VERBS[event.kind] ? `${title} ${STEP_VERBS[event.kind]}` : STEP_LABELS[event.kind],
         recipients: []
       });
     } else if (["artifact_created", "artifact_edited", "document_added", "document_removed"].includes(
@@ -6680,13 +7227,13 @@ function compactThreadActivity(events) {
       "done"
     ].includes(event.kind)) {
       const labels = {
-        created: "Started Task",
+        created: "Started thread",
         participant_joined: "Followed Up",
         assistant_responded: "Answered",
         // A stopped turn logs its own crumb, so the header no longer reads the previous
         // answer's "Answered" as the outcome of the turn that was stopped.
         assistant_stopped: "Stopped",
-        done: "Marked Done"
+        done: "Marked done"
       };
       result.push({
         event,
@@ -7058,7 +7605,7 @@ function defaultTaskComposerValues(workflows, initial) {
   return {
     assignee: "me",
     workflowId,
-    inputs: workflow ? { ...chunkXSUOEJB3_cjs.defaultInputs(workflow), ...initial?.inputs } : { ...initial?.inputs },
+    inputs: workflow ? { ...chunkHM23LXUP_cjs.defaultInputs(workflow), ...initial?.inputs } : { ...initial?.inputs },
     when: "manual",
     runAt: "",
     rrule: "",
@@ -7167,7 +7714,7 @@ function WorkflowComposer({
       return !docs?.length;
     })
   );
-  const whatMissing = !workflow || Object.keys(chunkXSUOEJB3_cjs.validateInputs({ ...workflow, inputs: fields }, values.inputs)).length > 0;
+  const whatMissing = !workflow || Object.keys(chunkHM23LXUP_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";
@@ -7179,7 +7726,7 @@ function WorkflowComposer({
     setValues({
       ...values,
       workflowId: next,
-      inputs: def ? chunkXSUOEJB3_cjs.defaultInputs(def) : {},
+      inputs: def ? chunkHM23LXUP_cjs.defaultInputs(def) : {},
       ...def?.documentAction ? { access: "standing" } : {}
     });
   };
@@ -7317,7 +7864,7 @@ function WorkflowComposer({
                     }
                   ),
                   !noFiles && workflow && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkXSUOEJB3_cjs.SchemaForm,
+                    chunk7FZWNDPU_cjs.SchemaForm,
                     {
                       fields,
                       values: values.inputs,
@@ -7756,7 +8303,7 @@ function WorkTaskComposer({
   }, [open]);
   const workflow = workflows.find((w) => w.id === values.workflowId);
   const fields = workflow?.inputs ?? [];
-  const errors = workflow ? chunkXSUOEJB3_cjs.validateInputs({ ...workflow, inputs: fields }, values.inputs) : {};
+  const errors = workflow ? chunkHM23LXUP_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";
@@ -7764,7 +8311,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 ? chunkXSUOEJB3_cjs.defaultInputs(next) : {} });
+    setValues({ ...values, workflowId: id2, inputs: next ? chunkHM23LXUP_cjs.defaultInputs(next) : {} });
   };
   const openConfigure = () => {
     setConfigOpen(true);
@@ -7950,7 +8497,7 @@ function WorkTaskComposer({
                           )
                         ] }),
                         workflow && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkXSUOEJB3_cjs.SchemaForm,
+                          chunk7FZWNDPU_cjs.SchemaForm,
                           {
                             fields,
                             values: values.inputs,
@@ -8231,7 +8778,8 @@ function ConversationTurnSpeaker({
   currentUserId,
   colorClass,
   platformName = "ARBI",
-  platformLogoSrc = "/favicon.svg"
+  platformLogoSrc = "/favicon.svg",
+  variant = "pill"
 }) {
   if (!role) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
   if (role === "assistant" && !actor)
@@ -8239,7 +8787,7 @@ function ConversationTurnSpeaker({
       ui.UserEntity,
       {
         size: "sm",
-        variant: "pill",
+        variant,
         interactive: false,
         picture: platformLogoSrc,
         avatarImageClassName: "object-contain p-0.5",
@@ -8254,7 +8802,7 @@ function ConversationTurnSpeaker({
     ui.UserEntity,
     {
       size: "sm",
-      variant: "pill",
+      variant,
       interactive: false,
       isMe,
       isAgent: actor.external_id.startsWith("agt-"),
@@ -9994,12 +10542,15 @@ exports.DEFAULT_TASK_RUNS_DIALOG_LABELS = DEFAULT_TASK_RUNS_DIALOG_LABELS;
 exports.DEFAULT_TASK_STATUS_PILL_LABELS = DEFAULT_TASK_STATUS_PILL_LABELS;
 exports.DEFAULT_TASK_THREAD_CHIP_LABELS = DEFAULT_TASK_THREAD_CHIP_LABELS;
 exports.DEFAULT_TASK_TRIGGER_CHIP_LABELS = DEFAULT_TASK_TRIGGER_CHIP_LABELS;
+exports.DEFAULT_THREAD_LAUNCHER_LABELS = DEFAULT_THREAD_LAUNCHER_LABELS;
+exports.DEFAULT_THREAD_STATE_LABELS = DEFAULT_THREAD_STATE_LABELS;
 exports.DEFAULT_TUPLE_ARRAY_FIELD_LABELS = DEFAULT_TUPLE_ARRAY_FIELD_LABELS;
 exports.DEFAULT_UPLOAD_TASK_ITEM_LABELS = DEFAULT_UPLOAD_TASK_ITEM_LABELS;
 exports.DEFAULT_UPLOAD_TASK_LIST_LABELS = DEFAULT_UPLOAD_TASK_LIST_LABELS;
 exports.DEFAULT_WORKFLOWS_CHROME_LABELS = DEFAULT_WORKFLOWS_CHROME_LABELS;
 exports.DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS = DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS;
 exports.DEFAULT_WORKFLOW_LIST_LABELS = DEFAULT_WORKFLOW_LIST_LABELS;
+exports.DEFAULT_WORKFLOW_RUN_STATUS_LABELS = DEFAULT_WORKFLOW_RUN_STATUS_LABELS;
 exports.DEFAULT_WORKFLOW_THREAD_STRIP_LABELS = DEFAULT_WORKFLOW_THREAD_STRIP_LABELS;
 exports.DERIVED_NAME_WORDS = DERIVED_NAME_WORDS;
 exports.EMPTY_NEW_THREAD = EMPTY_NEW_THREAD;
@@ -10053,7 +10604,9 @@ exports.TaskThreadChip = TaskThreadChip;
 exports.TaskTriggerChip = TaskTriggerChip;
 exports.TasksToolbar = TasksToolbar;
 exports.ThreadActivity = ThreadActivity;
+exports.ThreadLauncher = ThreadLauncher;
 exports.ThreadNotifyDialog = ThreadNotifyDialog;
+exports.ThreadStatusLine = ThreadStatusLine;
 exports.TupleArrayField = TupleArrayField;
 exports.UploadTaskItem = UploadTaskItem;
 exports.UploadTaskList = UploadTaskList;
@@ -10062,6 +10615,7 @@ exports.WORKFLOW_COLUMN_ORDER = WORKFLOW_COLUMN_ORDER;
 exports.WorkflowConfigDialog = WorkflowConfigDialog;
 exports.WorkflowDocumentsField = WorkflowDocumentsField;
 exports.WorkflowLauncher = WorkflowLauncher;
+exports.WorkflowRunStatus = WorkflowRunStatus;
 exports.WorkflowThreadStartedBy = WorkflowThreadStartedBy;
 exports.WorkflowThreadStrip = WorkflowThreadStrip;
 exports.WorkflowsTable = WorkflowsTable;
@@ -10131,5 +10685,5 @@ exports.workflowToComposerValues = workflowToComposerValues;
 exports.workflowToSkillMarkdown = workflowToSkillMarkdown;
 exports.workflowTriggerType = workflowTriggerType;
 exports.workflowWhen = workflowWhen;
-//# sourceMappingURL=chunk-Z2NSU7D5.cjs.map
-//# sourceMappingURL=chunk-Z2NSU7D5.cjs.map
+//# sourceMappingURL=chunk-V4V2CVNE.cjs.map
+//# sourceMappingURL=chunk-V4V2CVNE.cjs.map