@arbidocs/blocks 0.4.31 → 0.4.33

package/dist/{chunk-Y2LWA4ZO.js → chunk-6RXUMBTK.js}

@@ -1,19 +1,21 @@
 "use client";
 import { EmptyState } from './chunk-P6GHJSLR.js';
-import { GridView, SelectionBar, SelectionBarAction } from './chunk-NUPVHEJW.js';
-import { FoldSection, QuickActionDialogHeader, AddFilesFirst, ScopePicker, StartTiles } from './chunk-NJL4LIXX.js';
+import { FoldSection, QuickActionDialogHeader, AddFilesFirst, ScopePicker, StartTiles } from './chunk-LFGJAZ5H.js';
+import { CellHoverIcon } from './chunk-RFXJYIDV.js';
+import { GridView, SelectionBar, SelectionBarAction } from './chunk-BUHKUKKB.js';
+import { FilterInput } from './chunk-C7FGONCM.js';
 import { ActionLink } from './chunk-S7PSMMRG.js';
-import { DocumentPicker, MultiSelect } from './chunk-4XJZ6AAY.js';
+import { DocumentPicker, TriStateFilterMenu, MultiSelect } from './chunk-4AWS54US.js';
+import { TabHeader } from './chunk-PXFJDX2C.js';
 import { ToneBadge } from './chunk-DPLRHEJZ.js';
-import { TabHeader } from './chunk-UBNVIIBT.js';
 import { useBlocksEnvironment } from './chunk-76JDDMSP.js';
 import { formatCount, initials } from './chunk-OXF2IFXG.js';
 import { ModalHeader } from './chunk-CPMNAJLF.js';
 import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
-import { memo, forwardRef, useState, useMemo, useId, useEffect, useRef, useCallback } from 'react';
-import { cn, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea, Input, Switch, Button, Collapsible, CollapsibleTrigger, CollapsibleContent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Tooltip, TooltipTrigger, TooltipContent, Badge, Slider, UserEntity, getEntityColorStyles, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandItem, VisibilityToggle, EntityPill, DropdownMenuSeparator } from '@arbidocs/react/ui';
+import { memo, forwardRef, useState, useMemo, useId, useEffect, useRef, useCallback, useLayoutEffect } from 'react';
+import { cn, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea, Input, Switch, Button, Collapsible, CollapsibleTrigger, CollapsibleContent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Tooltip, TooltipTrigger, TooltipContent, Badge, Slider, UserEntity, getEntityColorStyles, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandItem, VisibilityToggle, EntityPill, ThreadVisibilityIcon, DialogClose, DropdownMenuSeparator, badgeVariants, Checkbox } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronRight, Plus, Trash2, Loader2, Play, MessageSquare, Eye, ClipboardList, Pencil, Copy, Bot, Sparkles, Wand2, X, Globe, Download, Lock, ListChecks, AlertTriangle, FileX, SkipForward, Check, FileText, CornerDownRight, MessageSquareReply, UserCheck, AlertCircle, KeyRound, Workflow, ChevronsUpDown, ChevronsDownUp, ListTodo, CheckCheck, CalendarClock, MoreHorizontal, History, Search, ArrowRight, ChevronUp, Pause, Activity, Hourglass, MoreVertical, TriangleAlert, CheckSquare, Square, CheckCircle2, ArrowLeft, LayoutGrid, List, CircleDashed, RotateCcw, ListPlus, UserRoundCog, Link2, Clock, Zap, Repeat, MousePointerClick, CircleDot } from 'lucide-react';
+import { ChevronDown, ChevronRight, Plus, Trash2, Loader2, Play, MessageSquare, Eye, ClipboardList, Pencil, Copy, Bot, Sparkles, Wand2, X, Globe, Download, Lock, ListChecks, AlertTriangle, FileX, SkipForward, Check, FileText, CornerDownRight, MessageSquareReply, UserCheck, AlertCircle, KeyRound, Workflow, ChevronsUpDown, ChevronsDownUp, ListTodo, CheckCheck, MoreHorizontal, CalendarClock, History, ArrowRight, ChevronUp, Pause, Activity, Hourglass, MoreVertical, TriangleAlert, CheckSquare, Square, CheckCircle2, ArrowLeft, LayoutGrid, List, CircleDashed, RotateCcw, ListPlus, UserRoundCog, Link2, Clock, Bell, MousePointerClick, CircleDot, Zap } from 'lucide-react';
 
 // src/agents/workflows/types.ts
 var EMPTY_WORKFLOW_SCOPE = { folders: [], labels: [] };
@@ -3411,144 +3413,6 @@ function TaskReviewActions({
     ] })
   ] });
 }
-
-// src/agents/tasks/taskRows.ts
-var MAX_TASK_DEPTH = 5;
-var ownerExtId = (task) => task.signoff_ext_id || task.owner_ext_id || task.created_by_ext_id || null;
-var isPlainTodo = (task) => !task.agent_ext_id && !task.has_agent_action && !task.skill_ref;
-function indexTasks(tasks) {
-  const byId = new Map(tasks.map((t) => [t.external_id, t]));
-  const kids = /* @__PURE__ */ new Map();
-  const parentOf = /* @__PURE__ */ new Map();
-  for (const task of tasks) {
-    const parent = task.parent_conversation_ext_id;
-    if (parent && parent !== task.external_id && byId.has(parent)) {
-      parentOf.set(task.external_id, parent);
-      const list = kids.get(parent);
-      if (list) list.push(task);
-      else kids.set(parent, [task]);
-    }
-  }
-  return { byId, kids, parentOf };
-}
-function descendantIds(tree, id) {
-  const out = [];
-  const seen = /* @__PURE__ */ new Set([id]);
-  const stack = [id];
-  while (stack.length) {
-    for (const child of tree.kids.get(stack.pop()) ?? []) {
-      if (seen.has(child.external_id)) continue;
-      seen.add(child.external_id);
-      out.push(child.external_id);
-      stack.push(child.external_id);
-    }
-  }
-  return out;
-}
-function subtreeLevels(tree, id, seen = /* @__PURE__ */ new Set()) {
-  if (seen.has(id)) return 0;
-  const next = new Set(seen).add(id);
-  let deepest = 0;
-  for (const child of tree.kids.get(id) ?? []) {
-    deepest = Math.max(deepest, subtreeLevels(tree, child.external_id, next));
-  }
-  return 1 + deepest;
-}
-function levelOf(tree, id) {
-  let level = 1;
-  const seen = /* @__PURE__ */ new Set([id]);
-  for (let at = tree.parentOf.get(id); at && !seen.has(at); at = tree.parentOf.get(at)) {
-    seen.add(at);
-    level += 1;
-  }
-  return level;
-}
-function moveTargets(tasks, task) {
-  const tree = indexTasks(tasks);
-  const banned = /* @__PURE__ */ new Set([task.external_id, ...descendantIds(tree, task.external_id)]);
-  const height = subtreeLevels(tree, task.external_id);
-  return tasks.filter(
-    (t) => !banned.has(t.external_id) && levelOf(tree, t.external_id) + height <= MAX_TASK_DEPTH
-  );
-}
-var sameStats = (a, b) => a === b || a !== void 0 && b !== void 0 && a.done === b.done && a.total === b.total;
-function buildTaskRows(tasks, filter, collapsed, compare, options = {}) {
-  const tree = indexTasks(tasks);
-  const { kids, parentOf } = tree;
-  const sorted = (list) => compare ? [...list].sort(compare) : list;
-  const query = options.query?.trim().toLowerCase() ?? "";
-  const titleOf = options.titleOf ?? ((t) => t.title ?? "");
-  let included = null;
-  let matched = null;
-  if (filter !== "all" || query) {
-    matched = /* @__PURE__ */ new Set();
-    included = /* @__PURE__ */ new Set();
-    for (const task of tasks) {
-      const statusOk = filter === "all" || asTaskStatus(task.status) === filter;
-      const textOk = !query || `${titleOf(task)} ${task.description ?? ""}`.toLowerCase().includes(query);
-      if (!statusOk || !textOk) continue;
-      matched.add(task.external_id);
-      for (let at = task.external_id; at && !included.has(at); at = parentOf.get(at)) {
-        included.add(at);
-      }
-    }
-  }
-  const shown = (list) => included ? list.filter((t) => included.has(t.external_id)) : list;
-  const build = (task, depth, seen) => {
-    const nextSeen = new Set(seen).add(task.external_id);
-    return {
-      task,
-      depth,
-      context: matched ? !matched.has(task.external_id) : false,
-      children: sorted(shown(kids.get(task.external_id) ?? [])).filter((child) => !nextSeen.has(child.external_id)).map((child) => build(child, depth + 1, nextSeen))
-    };
-  };
-  const sections = new Map([
-    ...STATUS_ORDER.map((s) => [s, []]),
-    ["sorted", []]
-  ]);
-  const sectionOf = (task) => compare ? "sorted" : asTaskStatus(task.status);
-  const roots = tasks.filter((t) => !parentOf.has(t.external_id));
-  for (const task of sorted(shown(roots))) {
-    sections.get(sectionOf(task))?.push(build(task, 0, /* @__PURE__ */ new Set()));
-  }
-  const cache = options.cache;
-  const used = /* @__PURE__ */ new Set();
-  const rows = [];
-  const walk = (node, parentId, setSize, posInSet) => {
-    const id = node.task.external_id;
-    const expanded = !collapsed.has(id);
-    const all = kids.get(id);
-    const childStats = all ? { done: all.filter((c) => asTaskStatus(c.status) === "done").length, total: all.length } : void 0;
-    let row = {
-      external_id: id,
-      task: node.task,
-      depth: node.depth,
-      childStats,
-      expanded,
-      parentId,
-      setSize,
-      posInSet,
-      context: node.context
-    };
-    const prev = cache?.get(id);
-    if (prev && prev.task === row.task && prev.depth === row.depth && prev.expanded === row.expanded && prev.parentId === row.parentId && prev.setSize === row.setSize && prev.posInSet === row.posInSet && prev.context === row.context && sameStats(prev.childStats, row.childStats)) {
-      row = prev;
-    }
-    used.add(id);
-    cache?.set(id, row);
-    rows.push(row);
-    if (expanded) {
-      node.children.forEach((child, i) => walk(child, id, node.children.length, i + 1));
-    }
-  };
-  const ordered = [...STATUS_ORDER, "sorted"].flatMap((s) => sections.get(s) ?? []);
-  ordered.forEach((node, i) => walk(node, null, ordered.length, i + 1));
-  if (cache) {
-    for (const id of [...cache.keys()]) if (!used.has(id)) cache.delete(id);
-  }
-  return rows;
-}
 function TaskRowMenu({
   task,
   status,
@@ -3557,6 +3421,10 @@ function TaskRowMenu({
   canAdmin,
   canEdit,
   labels,
+  canMarkDone = canEdit,
+  canReopen = canEdit,
+  selected = false,
+  onToggleSelected,
   onMarkDone,
   onReopen,
   onAddSubtask,
@@ -3565,6 +3433,7 @@ function TaskRowMenu({
   onMoveTo,
   onChangeOwner,
   onOpenActivity,
+  onToggleShared,
   onGrantAccess,
   reviewActions
 }) {
@@ -3585,6 +3454,7 @@ function TaskRowMenu({
       }
     ) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+      onToggleSelected && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: onToggleSelected, "data-testid": `task-select-${id}`, children: selected ? "Deselect task" : "Select task" }),
       reviewActions && /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5", children: typeof reviewActions === "function" ? reviewActions(() => setOpen(false)) : reviewActions }),
       isOwner && onGrantAccess && task.pending_auth_request_id && /* @__PURE__ */ jsxs(
         DropdownMenuItem,
@@ -3598,10 +3468,18 @@ function TaskRowMenu({
           ]
         }
       ),
-      isChat || !canEdit ? null : done ? /* @__PURE__ */ jsxs(DropdownMenuItem, { disabled: busy, onSelect: onReopen, "data-testid": `task-reopen-${id}`, children: [
-        /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 size-4", "aria-hidden": true }),
-        labels.reopen
-      ] }) : isPlainTodo(task) && /* @__PURE__ */ jsxs(
+      isChat || !canEdit ? null : done ? canReopen && /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          disabled: busy,
+          onSelect: onReopen,
+          "data-testid": `task-reopen-${id}`,
+          children: [
+            /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 size-4", "aria-hidden": true }),
+            labels.reopen
+          ]
+        }
+      ) : canMarkDone && /* @__PURE__ */ jsxs(
         DropdownMenuItem,
         {
           disabled: busy,
@@ -3617,6 +3495,7 @@ function TaskRowMenu({
         /* @__PURE__ */ jsx(History, { className: "mr-2 size-4", "aria-hidden": true }),
         labels.activity
       ] }),
+      isOwner && onToggleShared && /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: busy, onSelect: onToggleShared, children: task.is_shared ? "Make private" : "Share with workspace" }),
       canEdit && onAddSubtask && /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onAddSubtask, "data-testid": `task-add-subtask-${id}`, children: [
         /* @__PURE__ */ jsx(ListPlus, { className: "mr-2 size-4", "aria-hidden": true }),
         labels.addSubtask
@@ -3633,7 +3512,7 @@ function TaskRowMenu({
         /* @__PURE__ */ jsx(Pencil, { className: "mr-2 size-4", "aria-hidden": true }),
         isChat ? labels.rename : labels.edit
       ] }),
-      canEdit && /* @__PURE__ */ jsxs(Fragment, { children: [
+      canEdit && onDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxs(
           DropdownMenuItem,
@@ -3856,6 +3735,144 @@ function applyColumnWidthRules(api, gridWidth, rules) {
   }
 }
 
+// src/agents/tasks/taskRows.ts
+var MAX_TASK_DEPTH = 5;
+var ownerExtId = (task) => task.signoff_ext_id || task.owner_ext_id || task.created_by_ext_id || null;
+var isPlainTodo = (task) => !task.agent_ext_id && !task.has_agent_action && !task.skill_ref;
+function indexTasks(tasks) {
+  const byId = new Map(tasks.map((t) => [t.external_id, t]));
+  const kids = /* @__PURE__ */ new Map();
+  const parentOf = /* @__PURE__ */ new Map();
+  for (const task of tasks) {
+    const parent = task.parent_conversation_ext_id;
+    if (parent && parent !== task.external_id && byId.has(parent)) {
+      parentOf.set(task.external_id, parent);
+      const list = kids.get(parent);
+      if (list) list.push(task);
+      else kids.set(parent, [task]);
+    }
+  }
+  return { byId, kids, parentOf };
+}
+function descendantIds(tree, id) {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set([id]);
+  const stack = [id];
+  while (stack.length) {
+    for (const child of tree.kids.get(stack.pop()) ?? []) {
+      if (seen.has(child.external_id)) continue;
+      seen.add(child.external_id);
+      out.push(child.external_id);
+      stack.push(child.external_id);
+    }
+  }
+  return out;
+}
+function subtreeLevels(tree, id, seen = /* @__PURE__ */ new Set()) {
+  if (seen.has(id)) return 0;
+  const next = new Set(seen).add(id);
+  let deepest = 0;
+  for (const child of tree.kids.get(id) ?? []) {
+    deepest = Math.max(deepest, subtreeLevels(tree, child.external_id, next));
+  }
+  return 1 + deepest;
+}
+function levelOf(tree, id) {
+  let level = 1;
+  const seen = /* @__PURE__ */ new Set([id]);
+  for (let at = tree.parentOf.get(id); at && !seen.has(at); at = tree.parentOf.get(at)) {
+    seen.add(at);
+    level += 1;
+  }
+  return level;
+}
+function moveTargets(tasks, task) {
+  const tree = indexTasks(tasks);
+  const banned = /* @__PURE__ */ new Set([task.external_id, ...descendantIds(tree, task.external_id)]);
+  const height = subtreeLevels(tree, task.external_id);
+  return tasks.filter(
+    (t) => !banned.has(t.external_id) && levelOf(tree, t.external_id) + height <= MAX_TASK_DEPTH
+  );
+}
+var sameStats = (a, b) => a === b || a !== void 0 && b !== void 0 && a.done === b.done && a.total === b.total;
+function buildTaskRows(tasks, filter, collapsed, compare, options = {}) {
+  const tree = indexTasks(tasks);
+  const { kids, parentOf } = tree;
+  const sorted = (list) => compare ? [...list].sort(compare) : list;
+  const query = options.query?.trim().toLowerCase() ?? "";
+  const titleOf = options.titleOf ?? ((t) => t.title ?? "");
+  let included = null;
+  let matched = null;
+  if (filter !== "all" || query) {
+    matched = /* @__PURE__ */ new Set();
+    included = /* @__PURE__ */ new Set();
+    for (const task of tasks) {
+      const statusOk = filter === "all" || asTaskStatus(task.status) === filter;
+      const textOk = !query || `${titleOf(task)} ${task.description ?? ""}`.toLowerCase().includes(query);
+      if (!statusOk || !textOk) continue;
+      matched.add(task.external_id);
+      for (let at = task.external_id; at && !included.has(at); at = parentOf.get(at)) {
+        included.add(at);
+      }
+    }
+  }
+  const shown = (list) => included ? list.filter((t) => included.has(t.external_id)) : list;
+  const build = (task, depth, seen) => {
+    const nextSeen = new Set(seen).add(task.external_id);
+    return {
+      task,
+      depth,
+      context: matched ? !matched.has(task.external_id) : false,
+      children: sorted(shown(kids.get(task.external_id) ?? [])).filter((child) => !nextSeen.has(child.external_id)).map((child) => build(child, depth + 1, nextSeen))
+    };
+  };
+  const sections = new Map([
+    ...STATUS_ORDER.map((s) => [s, []]),
+    ["sorted", []]
+  ]);
+  const sectionOf = (task) => compare ? "sorted" : asTaskStatus(task.status);
+  const roots = tasks.filter((t) => !parentOf.has(t.external_id));
+  for (const task of sorted(shown(roots))) {
+    sections.get(sectionOf(task))?.push(build(task, 0, /* @__PURE__ */ new Set()));
+  }
+  const cache = options.cache;
+  const used = /* @__PURE__ */ new Set();
+  const rows = [];
+  const walk = (node, parentId, setSize, posInSet) => {
+    const id = node.task.external_id;
+    const expanded = !collapsed.has(id);
+    const all = kids.get(id);
+    const childStats = all ? { done: all.filter((c) => asTaskStatus(c.status) === "done").length, total: all.length } : void 0;
+    let row = {
+      external_id: id,
+      task: node.task,
+      depth: node.depth,
+      childStats,
+      expanded,
+      parentId,
+      setSize,
+      posInSet,
+      context: node.context
+    };
+    const prev = cache?.get(id);
+    if (prev && prev.task === row.task && prev.depth === row.depth && prev.expanded === row.expanded && prev.parentId === row.parentId && prev.setSize === row.setSize && prev.posInSet === row.posInSet && prev.context === row.context && sameStats(prev.childStats, row.childStats)) {
+      row = prev;
+    }
+    used.add(id);
+    cache?.set(id, row);
+    rows.push(row);
+    if (expanded) {
+      node.children.forEach((child, i) => walk(child, id, node.children.length, i + 1));
+    }
+  };
+  const ordered = [...STATUS_ORDER, "sorted"].flatMap((s) => sections.get(s) ?? []);
+  ordered.forEach((node, i) => walk(node, null, ordered.length, i + 1));
+  if (cache) {
+    for (const id of [...cache.keys()]) if (!used.has(id)) cache.delete(id);
+  }
+  return rows;
+}
+
 // src/agents/tasks/taskTableLabels.ts
 var DEFAULT_TASK_LIST_LABELS = {
   filterAll: "All",
@@ -4584,29 +4601,819 @@ function TaskTable(props) {
               empty: l.moveToEmpty,
               cancel: l.moveToCancel
             },
-            testId: "task-owner"
+            testId: "task-owner"
+          }
+        ),
+        moving && props.onMove && /* @__PURE__ */ jsx(
+          TaskMoveDialog,
+          {
+            open: true,
+            onOpenChange: (open) => !open && setMoving(null),
+            options: moveTargets(tasks, moving).map((t) => ({ id: t.external_id, label: nameOf(t) })),
+            currentParentId: moving.parent_conversation_ext_id,
+            onPick: (parentId) => props.onMove?.(moving, parentId),
+            labels: {
+              title: l.moveToTitle(nameOf(moving)),
+              none: l.moveToNone,
+              search: l.moveToSearch,
+              empty: l.moveToEmpty,
+              cancel: l.moveToCancel
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function TaskInbox(p) {
+  const [filterOpen, setFilterOpen] = useState(false);
+  const [statusFilters, setStatusFilters] = useState(
+    () => /* @__PURE__ */ new Map([["done", "exclude"]])
+  );
+  const [localQuery, setLocalQuery] = useState("");
+  const [searchFields, setSearchFields] = useState(["text", "labels"]);
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const [collapsed, setCollapsed] = useState(/* @__PURE__ */ new Set());
+  const [moving, setMoving] = useState(null);
+  const [handingOff, setHandingOff] = useState(null);
+  const l = { ...DEFAULT_TASK_LIST_LABELS, ...p.labels };
+  const nameOf = (t) => t.title?.trim() || t.workflow_ext_id && p.workflowNames?.[t.workflow_ext_id] || l.untitled;
+  const all = p.tasks.filter((t) => t.status != null);
+  const filterText = p.filterText ?? localQuery;
+  const q = filterText.trim().toLowerCase();
+  const included = [...statusFilters].filter(([, state]) => state === "include").map(([id]) => id);
+  const statusMatches = (t) => statusFilters.get(asTaskStatus(t.status)) !== "exclude" && (!included.length || included.includes(asTaskStatus(t.status)));
+  const rows = all.filter(
+    (t) => statusMatches(t) && (!q || [
+      searchFields.includes("text") ? `${nameOf(t)} ${t.description ?? ""}` : "",
+      searchFields.includes("labels") && t.workflow_ext_id ? p.workflowNames?.[t.workflow_ext_id] ?? "" : ""
+    ].join(" ").toLowerCase().includes(q))
+  );
+  const hasActiveFilters = !!q || [...statusFilters.values()].some((state) => state != null);
+  const selectedTasks = all.filter((t) => selected.has(t.external_id));
+  const canEdit = (t) => t.is_owner !== false || Boolean(p.canEditShared);
+  const markable = (t) => t.status !== "done" && t.status !== "generating" && canEdit(t) && !t.in_progress;
+  const markableTasks = selectedTasks.filter(markable);
+  const deletableTasks = selectedTasks.filter((t) => t.is_owner !== false || p.isWorkspaceOwner);
+  const clearSelection = () => setSelected(/* @__PURE__ */ new Set());
+  const toggle = (set, id) => set((old) => {
+    const next = new Set(old);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  p.renderPerson ?? ((value) => /* @__PURE__ */ jsx(PersonPill, { person: value }));
+  const taskById = new Map(all.map((t) => [t.external_id, t]));
+  const visible = new Set(rows.map((t) => t.external_id));
+  for (const task of rows) {
+    let id = task.parent_conversation_ext_id;
+    const seen = /* @__PURE__ */ new Set();
+    while (id && taskById.has(id) && !seen.has(id)) {
+      seen.add(id);
+      visible.add(id);
+      id = taskById.get(id)?.parent_conversation_ext_id;
+    }
+  }
+  const listed = all.filter((t) => visible.has(t.external_id));
+  const roots = listed.filter(
+    (t) => !t.parent_conversation_ext_id || !visible.has(t.parent_conversation_ext_id)
+  );
+  const workflows = (p.workflows ?? []).filter((w) => {
+    const runs = roots.filter((t) => t.workflow_ext_id === w.external_id);
+    return runs.length > 0 || !included.length && (!q || w.name.toLowerCase().includes(q));
+  });
+  const workflowIds = new Set(workflows.map((w) => w.external_id));
+  const order = (a, b) => {
+    const weight = (t) => t.pending_auth_request_id || t.last_error ? 0 : t.status === "ready_for_review" ? 1 : t.status === "todo" ? 2 : t.status === "generating" ? 3 : 4;
+    return weight(a) - weight(b) || (b.updated_at ?? "").localeCompare(a.updated_at ?? "");
+  };
+  const renderTask = (task, depth = 0) => {
+    const id = task.external_id;
+    const status = asTaskStatus(task.status);
+    const busy = p.busyId === id;
+    const children = listed.filter((t) => t.parent_conversation_ext_id === id).sort(order);
+    const outputs = p.outputsByTask?.[id] ?? [];
+    return /* @__PURE__ */ jsxs("li", { "data-testid": `task-inbox-row-${id}`, children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "relative flex cursor-pointer items-start gap-2 border-b py-3 hover:bg-muted/40",
+            selected.has(id) && "bg-muted/60"
+          ),
+          onClick: (event) => {
+            if (!event.target.closest(
+              'button, a, input, select, textarea, [role="menuitem"], [role="checkbox"], [role="combobox"]'
+            )) {
+              p.onOpenThread(id, task);
+            }
+          },
+          style: { paddingLeft: `${Math.min(depth, 5) * 20}px` },
+          children: [
+            children.length > 0 && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-7 shrink-0",
+                "aria-label": `${collapsed.has(id) ? "Expand" : "Collapse"} ${nameOf(task)}`,
+                onClick: () => toggle(setCollapsed, id),
+                children: collapsed.has(id) ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: cn(
+                    "block w-full text-left text-sm font-medium hover:underline",
+                    status === "done" && "text-muted-foreground"
+                  ),
+                  "data-testid": `task-open-${id}`,
+                  onClick: () => p.onOpenThread(id, task),
+                  children: nameOf(task)
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+                status !== "todo" && status !== "ready_for_review" && /* @__PURE__ */ jsx(
+                  TaskStatusPill,
+                  {
+                    id,
+                    status: task.status,
+                    runStartedAt: task.run_started_at,
+                    lastError: task.last_error,
+                    awaitingAccess: Boolean(task.pending_auth_request_id)
+                  }
+                ),
+                task.due_at && /* @__PURE__ */ jsxs("span", { children: [
+                  "Due ",
+                  p.formatDate(task.due_at)
+                ] }),
+                children.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
+                  all.filter((t) => t.parent_conversation_ext_id === id && t.status === "done").length,
+                  "/",
+                  all.filter((t) => t.parent_conversation_ext_id === id).length,
+                  " steps complete"
+                ] })
+              ] }),
+              outputs.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", "aria-label": "Outputs", children: outputs.map((output) => /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "link",
+                  size: "sm",
+                  className: "h-auto max-w-full gap-1 px-0 py-1 text-xs",
+                  disabled: !p.onOpenOutput,
+                  onClick: () => p.onOpenOutput?.(output.id, task),
+                  "data-testid": `task-output-${id}-${output.id}`,
+                  children: [
+                    /* @__PURE__ */ jsx(FileText, { className: "size-3.5 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: output.name })
+                  ]
+                },
+                output.id
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+              task.pending_auth_request_id && task.is_owner !== false && p.onGrantAccess && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  disabled: busy,
+                  onClick: () => p.onGrantAccess?.(task),
+                  children: "Allow access"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TaskRowMenu,
+                {
+                  task,
+                  status,
+                  busy,
+                  isOwner: task.is_owner !== false,
+                  canAdmin: task.is_owner !== false || Boolean(p.isWorkspaceOwner),
+                  canEdit: canEdit(task),
+                  canMarkDone: markable(task),
+                  canReopen: canEdit(task),
+                  selected: selected.has(id),
+                  onToggleSelected: p.selectionActions || p.onMarkDoneMany || p.onDeleteMany ? () => toggle(setSelected, id) : void 0,
+                  labels: l,
+                  onMarkDone: () => p.onMarkDone(task),
+                  onNotify: p.onNotify ? () => p.onNotify?.(task) : void 0,
+                  onReopen: () => p.onReopen(task),
+                  onEdit: () => p.onEdit(task),
+                  onAddSubtask: p.onAddSubtask ? () => p.onAddSubtask?.(task) : void 0,
+                  onMoveTo: p.onMove ? () => setMoving(task) : void 0,
+                  onChangeOwner: status !== "ready_for_review" && p.onChangeOwner && p.people?.length ? () => setHandingOff(task) : void 0,
+                  onOpenActivity: p.onOpenActivity ? () => p.onOpenActivity?.(task) : void 0,
+                  onToggleShared: p.onToggleShared ? () => p.onToggleShared?.(task, !task.is_shared) : void 0
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      children.length > 0 && !collapsed.has(id) && /* @__PURE__ */ jsx("ul", { children: children.map((child) => renderTask(child, depth + 1)) })
+    ] }, id);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", "data-testid": p.testId ?? "task-inbox", children: [
+    /* @__PURE__ */ jsx(
+      TabHeader,
+      {
+        testId: "tasks-tab-header",
+        tabs: [
+          {
+            id: "tasks",
+            label: "",
+            count: rows.length,
+            countPlacement: "leading",
+            countIcon: /* @__PURE__ */ jsx(ListTodo, { className: "size-3.5" }),
+            hasActiveFilters,
+            testId: "tasks-tab",
+            presentation: "count"
+          }
+        ],
+        activeTabId: "tasks",
+        onTabChange: () => {
+        },
+        firstTabContent: /* @__PURE__ */ jsx(
+          FilterInput,
+          {
+            value: filterText,
+            onChange: p.onFilterTextChange ?? setLocalQuery,
+            fields: searchFields,
+            onFieldsChange: setSearchFields,
+            labels: { fieldNames: { text: "Task", labels: "Workflow" } },
+            className: "w-44 max-w-[40vw]",
+            testIds: {
+              root: "tasks-filter",
+              input: "tasks-filter-input",
+              fieldsButton: "tasks-filter-fields"
+            },
+            filter: /* @__PURE__ */ jsx(
+              TriStateFilterMenu,
+              {
+                testId: "tasks-status-filter",
+                open: filterOpen,
+                onOpenChange: setFilterOpen,
+                filterStates: statusFilters,
+                onFiltersChange: setStatusFilters,
+                options: [
+                  {
+                    id: "todo",
+                    label: "To do",
+                    count: all.filter((t) => t.status === "todo").length
+                  },
+                  {
+                    id: "generating",
+                    label: "Generating",
+                    count: all.filter((t) => t.status === "generating").length
+                  },
+                  {
+                    id: "ready_for_review",
+                    label: "Ready for review",
+                    count: all.filter((t) => t.status === "ready_for_review").length
+                  },
+                  {
+                    id: "done",
+                    label: "Completed",
+                    count: all.filter((t) => t.status === "done").length
+                  }
+                ],
+                groups: [
+                  { label: "Status", options: ["todo", "generating", "ready_for_review", "done"] }
+                ],
+                triggerClassName: "flex h-5 items-center gap-0.5 rounded px-1 text-muted-foreground hover:text-foreground pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center",
+                renderChevron: true,
+                disableHoverOpen: true
+              }
+            )
+          }
+        ),
+        rightContent: p.onCreate ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { "data-testid": "new-task-button", children: [
+            /* @__PURE__ */ jsx(Plus, { className: "mr-1 size-4" }),
+            "New",
+            /* @__PURE__ */ jsx(ChevronDown, { className: "ml-1 size-3" })
+          ] }) }),
+          /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+            /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: p.onCreate, children: "Task" }),
+            p.onCreateWorkflow && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: p.onCreateWorkflow, children: "Saved workflow" })
+          ] })
+        ] }) : p.header
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", "aria-busy": p.isLoading, children: p.isLoading ? /* @__PURE__ */ jsx("p", { className: "py-12 text-center text-sm text-muted-foreground", children: "Loading work\u2026" }) : !listed.length && !workflows.length ? /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: q ? "No matches" : all.length ? "You\u2019re all caught up" : "No work here yet",
+        description: "Create a task from a prompt or a saved workflow. Keep its drafts, reviews and handoffs together."
+      }
+    ) : /* @__PURE__ */ jsxs("ul", { children: [
+      workflows.map((w) => {
+        const runs = roots.filter((t) => t.workflow_ext_id === w.external_id).sort(order);
+        const editable = w.is_owner !== false || p.canEditShared;
+        return /* @__PURE__ */ jsxs("li", { "data-testid": `task-workflow-${w.external_id}`, children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 border-b py-3", children: [
+            runs.length > 0 ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-7",
+                "aria-label": `${collapsed.has(w.external_id) ? "Expand" : "Collapse"} ${w.name}`,
+                onClick: () => toggle(setCollapsed, w.external_id),
+                children: collapsed.has(w.external_id) ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+              }
+            ) : /* @__PURE__ */ jsx(Workflow, { className: "mx-1 mt-1 size-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "block text-left text-sm font-medium hover:underline",
+                  disabled: !editable,
+                  onClick: () => p.onEditWorkflow?.(w.external_id),
+                  children: w.name
+                }
+              ),
+              /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+                "Saved workflow \xB7 ",
+                w.summary ?? "Run when needed",
+                !w.active ? " \xB7 Paused" : "",
+                runs.length ? ` \xB7 ${runs.length} ${runs.length === 1 ? "task" : "tasks"}` : ""
+              ] }),
+              w.last_error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive", children: w.last_error })
+            ] }),
+            /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-8",
+                  "aria-label": `Actions for ${w.name}`,
+                  children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+                p.onWorkflowHistory && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => p.onWorkflowHistory?.(w.external_id), children: "Run history" }),
+                editable && p.onToggleWorkflow && /* @__PURE__ */ jsx(
+                  DropdownMenuItem,
+                  {
+                    onSelect: () => p.onToggleWorkflow?.(w.external_id, !w.active),
+                    children: w.active ? "Pause" : "Resume"
+                  }
+                ),
+                (w.is_owner !== false || p.isWorkspaceOwner) && p.onDeleteWorkflow && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => p.onDeleteWorkflow?.(w.external_id), children: "Delete workflow" })
+              ] })
+            ] })
+          ] }),
+          !collapsed.has(w.external_id) && runs.length > 0 && /* @__PURE__ */ jsx("ul", { children: runs.map((t) => renderTask(t, 1)) })
+        ] }, w.external_id);
+      }),
+      roots.filter((t) => !t.workflow_ext_id || !workflowIds.has(t.workflow_ext_id)).sort(order).map((t) => renderTask(t))
+    ] }) }),
+    /* @__PURE__ */ jsx(SelectionBar, { count: selectedTasks.length, onClear: clearSelection, children: (isCompact) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      p.selectionActions?.(selectedTasks, isCompact, clearSelection),
+      p.onMarkDoneMany && /* @__PURE__ */ jsx(
+        SelectionBarAction,
+        {
+          icon: CheckCheck,
+          label: l.markDoneMany,
+          isCompact,
+          disabled: !markableTasks.length,
+          onClick: () => {
+            p.onMarkDoneMany?.(markableTasks);
+            clearSelection();
+          },
+          testId: "task-bulk-done"
+        }
+      ),
+      p.onDeleteMany && /* @__PURE__ */ jsx(
+        SelectionBarAction,
+        {
+          icon: Trash2,
+          label: l.deleteMany,
+          isCompact,
+          disabled: !deletableTasks.length,
+          onClick: () => {
+            p.onDeleteMany?.(deletableTasks);
+            clearSelection();
+          },
+          className: "text-red-text hover:bg-red-bg hover:text-red-text",
+          testId: "task-bulk-delete"
+        }
+      )
+    ] }) }),
+    moving && p.onMove && /* @__PURE__ */ jsx(
+      TaskMoveDialog,
+      {
+        open: true,
+        onOpenChange: (open) => !open && setMoving(null),
+        options: moveTargets(all, moving).map((t) => ({ id: t.external_id, label: nameOf(t) })),
+        currentParentId: moving.parent_conversation_ext_id,
+        onPick: (id) => p.onMove?.(moving, id),
+        labels: {
+          title: l.moveToTitle(nameOf(moving)),
+          none: l.moveToNone,
+          search: l.moveToSearch,
+          empty: l.moveToEmpty,
+          cancel: l.moveToCancel
+        }
+      }
+    ),
+    handingOff && p.onChangeOwner && /* @__PURE__ */ jsx(
+      TaskMoveDialog,
+      {
+        open: true,
+        onOpenChange: (open) => !open && setHandingOff(null),
+        options: p.people ?? [],
+        currentParentId: handingOff.signoff_ext_id,
+        onPick: (id) => p.onChangeOwner?.(handingOff, id),
+        labels: {
+          title: l.changeOwnerTitle(nameOf(handingOff)),
+          none: l.changeOwnerMe,
+          search: l.moveToSearch,
+          empty: l.moveToEmpty,
+          cancel: l.moveToCancel
+        },
+        testId: "task-owner"
+      }
+    )
+  ] });
+}
+function EntityChip({
+  variant = "pill",
+  icon,
+  label,
+  detail,
+  pillTooltip,
+  showTooltip = true,
+  href,
+  onClick,
+  size = "sm",
+  labelMaxWidth,
+  className,
+  testId
+}) {
+  if (variant === "icon") {
+    const glyph = /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-slot": "entity-chip",
+        className: cn("inline-flex items-center", (onClick || href) && "cursor-pointer", className),
+        onClick,
+        "data-testid": testId,
+        children: href ? /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children: icon }) : icon
+      }
+    );
+    if (!showTooltip) return glyph;
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { className: "inline-flex", children: glyph }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: label }),
+        detail && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: detail })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon,
+      label,
+      size,
+      shape: "rounded",
+      href,
+      onClick,
+      tooltipContent: pillTooltip,
+      labelMaxWidth,
+      className,
+      "data-testid": testId
+    }
+  );
+}
+function filterConversationRows(conversations, query, labelText, doneFilter = "exclude", visibilityFilters) {
+  const q = query.trim().toLowerCase();
+  return [...conversations].sort(
+    (a, b) => (Date.parse(b.last_message_updated_at || b.updated_at || b.created_at || "") || 0) - (Date.parse(a.last_message_updated_at || a.updated_at || a.created_at || "") || 0)
+  ).filter(
+    (row) => doneFilter === "exclude" ? row.status !== "done" : doneFilter === "include" ? row.status === "done" : true
+  ).filter((row) => {
+    const state = row.is_shared ? visibilityFilters?.workspace : visibilityFilters?.me;
+    const hasIncluded = visibilityFilters?.me === "include" || visibilityFilters?.workspace === "include";
+    return state !== "exclude" && (!hasIncluded || state === "include");
+  }).filter((row) => !q || `${row.title ?? ""} ${labelText?.(row) ?? ""}`.toLowerCase().includes(q));
+}
+function ConversationListView(p) {
+  const liveProps = useRef(p);
+  liveProps.current = p;
+  const [query, setQuery] = useState("");
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const q = `${query} ${p.filterText ?? ""}`.trim().toLowerCase();
+  const rows = useMemo(
+    () => filterConversationRows(p.conversations, q, p.labelText, p.doneFilter, p.visibilityFilters),
+    [p.conversations, q, p.labelText, p.doneFilter, p.visibilityFilters]
+  );
+  const selectedRows = p.conversations.filter((c) => selected.has(c.external_id));
+  const columns = useMemo(
+    () => [
+      {
+        colId: "name",
+        headerName: "Thread",
+        flex: 1,
+        minWidth: 180,
+        valueGetter: ({ data }) => data?.title?.trim() || "Untitled thread",
+        cellRenderer: ({ data }) => data && /* @__PURE__ */ jsxs("div", { className: "group flex h-full min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0", children: liveProps.current.renderThread ? liveProps.current.renderThread(data) : /* @__PURE__ */ jsx(
+            EntityChip,
+            {
+              icon: /* @__PURE__ */ jsx(ThreadVisibilityIcon, { shared: data.is_shared ?? false, className: "size-4" }),
+              label: data.title?.trim() || "Untitled thread",
+              pillTooltip: "Open conversation",
+              labelMaxWidth: "max-w-full",
+              onClick: () => liveProps.current.onOpen(data),
+              testId: `thread-open-${data.external_id}`
+            }
+          ) }),
+          (data.is_owner !== false || liveProps.current.canEditShared) && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Rename ${data.title?.trim() || "Untitled thread"}`,
+              onClick: () => liveProps.current.onRename(data),
+              "data-testid": `thread-rename-${data.external_id}`,
+              className: "shrink-0 pointer-coarse:flex pointer-coarse:size-11 pointer-coarse:items-center pointer-coarse:justify-center",
+              children: /* @__PURE__ */ jsx(CellHoverIcon, {})
+            }
+          )
+        ] })
+      },
+      ...liveProps.current.renderLabels ? [
+        {
+          colId: "labels",
+          headerName: "Labels",
+          flex: 0.5,
+          minWidth: 160,
+          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 ? "By" : "Owner",
+          width: 160,
+          cellRenderer: ({ data }) => data && (liveProps.current.renderBy || liveProps.current.renderOwner)?.(data)
+        }
+      ] : [],
+      {
+        colId: "status",
+        headerName: "Status",
+        width: 150,
+        valueGetter: ({ data }) => data?.status,
+        cellRenderer: ({ data }) => data && (liveProps.current.renderStatus ? liveProps.current.renderStatus(data) : /* @__PURE__ */ jsx(TaskStatusPill, { id: data.external_id, status: data.status }))
+      },
+      {
+        valueGetter: ({ data }) => data?.message_count,
+        colId: "messages",
+        headerName: "Messages",
+        width: 110,
+        valueFormatter: ({ value }) => value == null ? "\u2014" : String(value),
+        cellClass: "text-muted-foreground"
+      },
+      ...liveProps.current.onToggleShared ? [
+        {
+          colId: "visibility",
+          headerName: "Visibility",
+          width: 100,
+          cellClass: "cell-hcenter",
+          sortable: false,
+          resizable: false,
+          cellRenderer: ({ data }) => data && /* @__PURE__ */ jsx(
+            VisibilityToggle,
+            {
+              items: [data],
+              showLabel: false,
+              disabled: data.is_owner === false,
+              onToggle: () => liveProps.current.onToggleShared?.(data, !data.is_shared)
+            }
+          )
+        }
+      ] : [],
+      {
+        colId: "activity",
+        initialSort: "desc",
+        headerName: "Activity",
+        width: 160,
+        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"
+      }
+    ],
+    [
+      Boolean(p.renderThread),
+      Boolean(p.renderLabels),
+      Boolean(p.renderOwner),
+      Boolean(p.renderBy),
+      Boolean(p.renderStatus),
+      Boolean(p.onToggleShared)
+    ]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", "data-testid": "conversation-list-view", children: [
+    p.showHeader !== false && /* @__PURE__ */ jsx(
+      TabHeader,
+      {
+        testId: "threads-tab-header",
+        tabs: [
+          {
+            id: "threads",
+            label: "",
+            count: rows.length,
+            countIcon: /* @__PURE__ */ jsx(MessageSquare, { className: "size-3.5" }),
+            countPlacement: "leading",
+            presentation: "count",
+            hasActiveFilters: !!q
+          }
+        ],
+        activeTabId: "threads",
+        onTabChange: () => {
+        },
+        firstTabContent: /* @__PURE__ */ jsx(
+          FilterInput,
+          {
+            value: query,
+            hideFieldPicker: true,
+            ariaLabel: "Search threads",
+            onChange: setQuery,
+            fields: ["text"],
+            onFieldsChange: () => {
+            },
+            labels: {
+              placeholder: "Find a thread\u2026",
+              fieldNames: { text: "Thread" }
+            },
+            className: "w-44 max-w-[40vw]"
+          }
+        ),
+        rightContent: p.header
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+      GridView,
+      {
+        testId: "threads-grid",
+        items: rows,
+        columnDefs: columns,
+        getItemId: (row) => row.external_id,
+        getRowTestId: (row) => `thread-row-${row.external_id}`,
+        onRowClick: p.onOpen,
+        height: "100%",
+        isLoading: p.isLoading,
+        loadingMessage: "Loading threads\u2026",
+        emptyState: {
+          title: q ? "No threads match" : "No conversations yet",
+          message: "Start a conversation with people, ARBI, or both."
+        },
+        selection: p.selectionActions ? {
+          mode: "multiple",
+          controlled: true,
+          selected: selectedRows,
+          onSelectionChange: (items) => setSelected(new Set(items.map((item) => item.external_id)))
+        } : void 0,
+        gridOptions: {
+          suppressClickEdit: true,
+          onCellKeyDown: (event) => {
+            if (event.event?.key === "Enter" && "column" in event && event.column.getColId() === "name" && event.data)
+              p.onOpen(event.data);
+          }
+        }
+      }
+    ) }),
+    p.selectionActions && /* @__PURE__ */ jsx(SelectionBar, { count: selectedRows.length, onClear: () => setSelected(/* @__PURE__ */ new Set()), children: (compact) => p.selectionActions?.(selectedRows, compact, () => setSelected(/* @__PURE__ */ new Set())) })
+  ] });
+}
+function TaskStartDialog({
+  open,
+  onOpenChange,
+  workflows,
+  isPending,
+  error,
+  onStart,
+  onLater
+}) {
+  const [prompt, setPrompt] = useState("");
+  const [choice, setChoice] = useState("prompt");
+  const [shared, setShared] = useState(false);
+  const todo = choice === "todo";
+  const workflowId = choice === "prompt" || todo ? null : choice;
+  const valid = workflowId ? workflows.some((w) => w.external_id === workflowId) : Boolean(prompt.trim());
+  const values = {
+    prompt: prompt.trim(),
+    workflowId,
+    todo,
+    shared
+  };
+  return /* @__PURE__ */ jsx(Dialog, { modal: false, open, onOpenChange: (next) => !isPending && onOpenChange(next), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      presentation: "right",
+      hideCloseButton: true,
+      onInteractOutside: (event) => event.preventDefault(),
+      className: "flex flex-col gap-0 overflow-hidden p-0 shadow-lg",
+      "data-testid": "task-start-dialog",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "New task" }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Describe the task, then start it now or schedule it." }),
+        /* @__PURE__ */ jsx(
+          TabHeader,
+          {
+            tabs: [{ id: "new-task", label: "New task", presentation: "count" }],
+            activeTabId: "new-task",
+            onTabChange: () => {
+            },
+            rightContent: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Close", disabled: isPending, children: /* @__PURE__ */ jsx(X, { className: "size-4" }) }) })
           }
         ),
-        moving && props.onMove && /* @__PURE__ */ jsx(
-          TaskMoveDialog,
-          {
-            open: true,
-            onOpenChange: (open) => !open && setMoving(null),
-            options: moveTargets(tasks, moving).map((t) => ({ id: t.external_id, label: nameOf(t) })),
-            currentParentId: moving.parent_conversation_ext_id,
-            onPick: (parentId) => props.onMove?.(moving, parentId),
-            labels: {
-              title: l.moveToTitle(nameOf(moving)),
-              none: l.moveToNone,
-              search: l.moveToSearch,
-              empty: l.moveToEmpty,
-              cancel: l.moveToCancel
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-3", children: [
+          !workflowId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Label, { className: "sr-only", htmlFor: "task-start-prompt", children: todo ? "What needs doing?" : "What should ARBI do?" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                id: "task-start-prompt",
+                autoFocus: true,
+                value: prompt,
+                onChange: (event) => setPrompt(event.target.value),
+                disabled: isPending,
+                placeholder: "What needs doing?",
+                className: "min-h-44 resize-y shadow-none"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm", children: workflows.find((workflow) => workflow.external_id === workflowId)?.name }),
+          /* @__PURE__ */ jsxs(Select, { value: choice, onValueChange: setChoice, disabled: isPending, children: [
+            /* @__PURE__ */ jsx(
+              SelectTrigger,
+              {
+                id: "task-start-source",
+                "aria-label": "Who does the work",
+                className: "mt-3 h-7 w-auto max-w-full border-0 bg-transparent px-1 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted",
+                children: /* @__PURE__ */ jsx(SelectValue, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "prompt", children: "With ARBI" }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "todo", children: "People only" }),
+              workflows.map((workflow) => /* @__PURE__ */ jsx(SelectItem, { value: workflow.external_id, children: workflow.name }, workflow.external_id))
+            ] })
+          ] }),
+          error && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-3 text-sm text-destructive", children: error })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t px-3 py-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              disabled: !valid || isPending,
+              onClick: () => onLater(values),
+              "data-testid": "task-start-later",
+              className: "h-8 px-2 text-sm font-medium",
+              children: "Schedule"
             }
-          }
-        )
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              VisibilityToggle,
+              {
+                items: { shared },
+                onToggle: setShared,
+                label: shared ? "Workspace" : "Only Me",
+                disabled: isPending,
+                "data-testid": "task-start-visibility"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                disabled: !valid || isPending,
+                "data-testid": "task-start-now",
+                className: "h-8 px-3 text-sm font-medium",
+                onClick: async () => {
+                  try {
+                    await onStart(values);
+                    setPrompt("");
+                    setChoice("prompt");
+                    setShared(false);
+                  } catch {
+                  }
+                },
+                children: isPending ? "Starting\u2026" : "Start now"
+              }
+            )
+          ] })
+        ] })
       ]
     }
-  );
+  ) });
 }
 var DEFAULT_DUE_DATE_MENU_LABELS = {
   today: "Today",
@@ -4780,6 +5587,25 @@ var hasDocumentInputs = (inputs) => Object.values(inputs).some(
   (v) => v !== null && typeof v === "object" && Array.isArray(v.documents) && (v.documents.length ?? 0) > 0
 );
 function workflowTaskFields(workflow, inputs, name, context) {
+  if (workflow.documentAction) {
+    const scope = inputs.scope && typeof inputs.scope === "object" ? inputs.scope : { labels: []};
+    return {
+      name: name?.trim() || workflow.title,
+      prompt: "",
+      skill_ref: null,
+      skill_inputs: inputs,
+      action: {
+        type: workflow.documentAction,
+        documents: {
+          doc_ext_ids: scope.documents ?? [],
+          label_ext_ids: scope.labels ?? [],
+          latest: inputs.latest === true
+        },
+        tag_ext_ids: typeof inputs.output === "string" && inputs.output ? [inputs.output] : [],
+        overwrite: inputs.overwrite === true
+      }
+    };
+  }
   for (const value of Object.values(inputs)) {
     if (!value || typeof value !== "object") continue;
     const scope = value;
@@ -4892,6 +5718,7 @@ function composerToWorkflowRequest({ workflow, values, plan, documentTitles }, w
     shared: values.shared,
     timezone: values.timezone,
     ...workflowTrigger(values, false),
+    ...fields.action ? { action: fields.action } : {},
     prompt: fields.prompt,
     skill_ref: fields.skill_ref,
     skill_inputs: fields.skill_inputs,
@@ -4904,7 +5731,7 @@ function composerToWorkflowRequest({ workflow, values, plan, documentTitles }, w
   });
 }
 function taskComposerToCreateRequest(ctx, workspaceId, forceWorkflow = false) {
-  if (forceWorkflow || !createsWork(ctx.values)) {
+  if (forceWorkflow || ctx.workflow.documentAction || !createsWork(ctx.values)) {
     return { kind: "workflow", body: composerToWorkflowRequest(ctx, workspaceId) };
   }
   return ctx.values.assignee === "me" || !isAgenticWorkflow(ctx.workflow) ? { kind: "work", body: composerToWorkRequest(ctx, workspaceId) } : { kind: "query", query: composerToTaskQuery(ctx, workspaceId) };
@@ -4936,6 +5763,7 @@ function composerToWorkflowUpdate({
     shared: values.shared,
     timezone: values.timezone,
     ...workflowTrigger(values, true),
+    action: fields.action ?? null,
     prompt: fields.prompt,
     skill_ref: fields.skill_ref,
     skill_inputs: fields.skill_inputs,
@@ -4964,10 +5792,11 @@ function taskToComposerValues(task, workflows) {
   };
 }
 function workflowWhen(workflow) {
+  if (workflow.on_demand) return "now";
   if (workflow.after_conversation_ext_id) return "task";
   if (workflow.event_kind) return "event";
   if (workflow.rrule) return "repeat";
-  return "once";
+  return workflow.run_at ? "once" : "now";
 }
 function workflowToComposerValues(workflow, workflows) {
   const reminder = !workflow.prompt && !workflow.skill_ref;
@@ -4988,6 +5817,25 @@ function workflowToComposerValues(workflow, workflows) {
     name: workflow.name,
     access: workflow.auth_mode === "scheduled_permanent" ? "standing" : "ask_each_run"
   };
+  if (workflow.action) {
+    const definition = workflows.definitions?.find(
+      (d) => d.documentAction === workflow.action?.type
+    );
+    return {
+      ...base,
+      workflowId: definition?.id ?? workflows.customWorkflowId,
+      inputs: {
+        scope: {
+          folders: [],
+          labels: workflow.action.documents?.label_ext_ids ?? [],
+          documents: workflow.action.documents?.doc_ext_ids ?? []
+        },
+        output: workflow.action.tag_ext_ids?.[0] ?? "",
+        overwrite: workflow.action.overwrite ?? false,
+        latest: workflow.action.documents?.latest ?? false
+      }
+    };
+  }
   if (skill) {
     return {
       ...base,
@@ -5011,7 +5859,7 @@ function workflowToComposerValues(workflow, workflows) {
 var EMPTY_NEW_THREAD = {
   prompt: "",
   title: "",
-  shared: true,
+  shared: false,
   ownerId: "",
   dueAt: "",
   parentId: "",
@@ -5104,12 +5952,7 @@ function NewThreadDialog({
   );
   const [values, setValues] = useState(seed);
   const [detailsOpen, setDetailsOpen] = useState(hasTaskFields(seed));
-  useEffect(() => {
-    if (open) {
-      setValues(seed);
-      setDetailsOpen(hasTaskFields(seed));
-    }
-  }, [open, seed]);
+  const [submitError, setSubmitError] = useState(null);
   const id = testIdOr(testId, { testId: "new-thread" });
   const set = (key, value) => setValues((v) => ({ ...v, [key]: value }));
   const canSubmit = values.prompt.trim() !== "" && !isPending;
@@ -5125,11 +5968,12 @@ function NewThreadDialog({
     label: t.name,
     icon: /* @__PURE__ */ jsx(CornerDownRight, { className: GLYPH, "aria-hidden": true })
   }));
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Dialog, { modal: false, open, onOpenChange, children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
-      presentation: "sheet",
-      className: "flex max-h-[calc(100dvh-2rem)] flex-col overflow-hidden p-0 sm:max-w-xl",
+      presentation: "right",
+      onInteractOutside: (event) => event.preventDefault(),
+      className: "flex flex-col overflow-hidden p-0",
       "data-testid": id,
       children: [
         /* @__PURE__ */ jsxs(ModalHeader, { children: [
@@ -5140,9 +5984,17 @@ function NewThreadDialog({
           "form",
           {
             className: "flex min-h-0 flex-1 flex-col",
-            onSubmit: (event) => {
+            onSubmit: async (event) => {
               event.preventDefault();
-              if (canSubmit) onSubmit(values);
+              if (!canSubmit) return;
+              setSubmitError(null);
+              try {
+                await onSubmit(values);
+                setValues(EMPTY_NEW_THREAD);
+                setDetailsOpen(false);
+              } catch (error) {
+                setSubmitError(error instanceof Error ? error.message : "Could not create the thread");
+              }
             },
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-6 pb-4", children: [
@@ -5184,6 +6036,7 @@ function NewThreadDialog({
                     items: { shared: values.shared },
                     onToggle: (share) => set("shared", share),
                     label: l.visibility,
+                    presentation: "select",
                     "data-testid": `${id}-visibility`
                   }
                 ) }),
@@ -5279,6 +6132,7 @@ function NewThreadDialog({
                   ] })
                 ] })
               ] }),
+              submitError && /* @__PURE__ */ jsx("p", { role: "alert", className: "px-6 pb-2 text-sm text-destructive", children: submitError }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col-reverse gap-2 border-t border-border px-6 py-3 sm:flex-row sm:justify-end", children: [
                 /* @__PURE__ */ jsx(
                   Button,
@@ -5315,18 +6169,18 @@ function NewThreadDialog({
 var DEFAULT_TASK_TRIGGER_CHIP_LABELS = {
   after: (name) => `After \u201C${name}\u201D is done`,
   afterUnknown: "After another task is done",
-  onDemand: "On demand"
+  onDemand: "Manual"
 };
 function TriggerIcon({ type, chained }) {
-  const cls = "size-3.5 shrink-0";
+  const cls = "size-3.5 shrink-0 text-muted-foreground";
   if (chained) return /* @__PURE__ */ jsx(Link2, { className: cls, "aria-hidden": true });
   switch (type) {
     case "on_demand":
       return /* @__PURE__ */ jsx(MousePointerClick, { className: cls, "aria-hidden": true });
     case "recurring":
-      return /* @__PURE__ */ jsx(Repeat, { className: cls, "aria-hidden": true });
+      return /* @__PURE__ */ jsx(Clock, { className: cls, "aria-hidden": true });
     case "event":
-      return /* @__PURE__ */ jsx(Zap, { className: cls, "aria-hidden": true });
+      return /* @__PURE__ */ jsx(Bell, { className: cls, "aria-hidden": true });
     default:
       return /* @__PURE__ */ jsx(Clock, { className: cls, "aria-hidden": true });
   }
@@ -5346,7 +6200,7 @@ function TaskTriggerChip({
   return /* @__PURE__ */ jsxs(
     "span",
     {
-      className: "inline-flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground",
+      className: "inline-flex min-w-0 max-w-full items-center gap-1.5 text-sm font-normal text-foreground",
       "data-testid": testIdOr(testId, { testId: `task-trigger-${id}` }),
       "data-trigger": chained ? "task" : triggerType,
       children: [
@@ -5372,12 +6226,24 @@ function workflowTriggerType(workflow) {
   if (workflow.run_at) return "one_time";
   return "on_demand";
 }
+function workflowRunStatusLabel(status) {
+  if (!status) return "None";
+  const labels = {
+    completed: "Success",
+    success: "Success",
+    failed: "Failed",
+    running: "In progress",
+    awaiting_authorization: "Awaiting access"
+  };
+  return labels[status] ?? status.replaceAll("_", " ");
+}
 
 // src/agents/tasks/workflowColumns.tsx
 var WORKFLOW_COLUMN_ORDER = [
   "name",
   "trigger",
   "last_run",
+  "result",
   "status",
   "shared",
   "actions"
@@ -5390,7 +6256,6 @@ function createWorkflowColumns(o) {
   const l = o.labels;
   const base = {
     sortable: false,
-    suppressMovable: true,
     cellStyle: { display: "flex", alignItems: "center" }
   };
   return [
@@ -5400,7 +6265,7 @@ function createWorkflowColumns(o) {
       sortable: true,
       headerName: l.colName,
       flex: 3,
-      minWidth: 250,
+      minWidth: 210,
       valueGetter: (p) => p.data?.name.toLowerCase() ?? "",
       cellRenderer: cell2(o.renderName)
     },
@@ -5409,7 +6274,7 @@ function createWorkflowColumns(o) {
       colId: "trigger",
       headerName: l.colTrigger,
       flex: 2.4,
-      minWidth: 220,
+      minWidth: 185,
       valueGetter: (p) => p.data ? o.getTriggerText(p.data) : "",
       cellRenderer: cell2(o.renderTrigger)
     },
@@ -5419,16 +6284,26 @@ function createWorkflowColumns(o) {
       sortable: true,
       headerName: l.colLastRun,
       flex: 1.4,
-      minWidth: 190,
+      minWidth: 140,
+      cellStyle: { display: "flex", alignItems: "center", padding: 0 },
       valueGetter: (p) => time(p.data?.last_fired_at),
       cellRenderer: cell2(o.renderLastRun)
     },
+    {
+      ...base,
+      colId: "result",
+      headerName: "Result",
+      width: 130,
+      valueGetter: (p) => p.data?.last_run_status ?? "",
+      cellStyle: { display: "flex", alignItems: "center", padding: 0 },
+      cellRenderer: cell2(o.renderResult)
+    },
     {
       ...base,
       colId: "status",
       sortable: true,
       headerName: l.colStatus,
-      width: 140,
+      width: 120,
       valueGetter: (p) => p.data ? workflowStatus(p.data) : "",
       cellRenderer: cell2(o.renderStatus)
     },
@@ -5446,10 +6321,8 @@ function createWorkflowColumns(o) {
       ...base,
       colId: "actions",
       headerName: "",
-      // Always in view, even if the rest has to scroll.
-      pinned: "right",
-      lockPinned: true,
-      width: 140,
+      width: 180,
+      minWidth: 180,
       cellStyle: { display: "flex", alignItems: "center", justifyContent: "flex-end" },
       cellRenderer: cell2(o.renderActions)
     }
@@ -5463,7 +6336,7 @@ var DEFAULT_WORKFLOW_LIST_LABELS = {
   colTrigger: "When",
   colAction: "What it does",
   colAgent: "Agent",
-  colStatus: "Status",
+  colStatus: "Active",
   colShared: "Shared",
   colLastRun: "Last run",
   colNextRun: "Next run",
@@ -5473,7 +6346,7 @@ var DEFAULT_WORKFLOW_LIST_LABELS = {
   typeSkill: "Skill",
   typeWorkflow: "Workflow",
   statusActive: "Active",
-  statusPaused: "Paused",
+  statusPaused: "Inactive",
   statusOnDemand: "On demand",
   activeSwitch: (name) => `Active: \u201C${name}\u201D`,
   agent: "Agent",
@@ -5503,17 +6376,18 @@ var DEFAULT_WORKFLOW_LIST_LABELS = {
   filterSkills: "Skills",
   filterWorkflows: "Workflows",
   filterActive: "Active",
-  filterPaused: "Paused",
+  filterPaused: "Inactive",
   makeActive: "Make active",
-  makePaused: "Pause",
+  makePaused: "Deactivate",
   selectAll: "Select all",
   selectWorkflow: (name) => `Select ${name}`
 };
-var ROW_HEIGHT2 = 56;
+var ROW_HEIGHT2 = 40;
 function WorkflowsTable(props) {
   const { workflows, isLoading, busyId, header, testId } = props;
   const l = { ...DEFAULT_WORKFLOW_LIST_LABELS, ...props.labels };
-  const [filter, setFilter] = useState("all");
+  const [filterStates, setFilterStates] = useState(/* @__PURE__ */ new Map());
+  const [filterOpen, setFilterOpen] = useState(false);
   const [query, setQuery] = useState("");
   const [selected, setSelected] = useState([]);
   const apiRef = useRef(null);
@@ -5529,12 +6403,24 @@ function WorkflowsTable(props) {
     return out;
   }, [workflows, q]);
   const shown = useMemo(
-    () => workflows.filter((w) => matches(w) && inFilter(w, filter)),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [workflows, filter, q]
+    () => workflows.filter((w) => {
+      if (!matches(w)) return false;
+      for (const group of [
+        ["skills", "workflows"],
+        ["active", "paused"]
+      ]) {
+        const included = group.filter((f) => filterStates.get(f) === "include");
+        if (included.length && !included.some((f) => inFilter(w, f))) return false;
+        if (group.some((f) => filterStates.get(f) === "exclude" && inFilter(w, f))) return false;
+      }
+      return true;
+    }),
+    [workflows, filterStates, q]
   );
   const renderPerson = props.renderPerson ?? ((p) => /* @__PURE__ */ jsx(PersonPill, { person: p }));
   const actionText = (w) => {
+    if (w.action)
+      return w.action.type === "email_documents" ? "Email latest documents" : "AI Review";
     if (isSkillRow(w))
       return w.description || w.skill_ref && props.skillNames?.[w.skill_ref] || w.name;
     return w.skill_ref ? props.skillNames?.[w.skill_ref] ?? w.skill_ref : w.prompt?.trim() || l.reminder;
@@ -5557,7 +6443,7 @@ function WorkflowsTable(props) {
               "span",
               {
                 className: cn(
-                  "truncate text-sm font-medium",
+                  "truncate text-sm font-normal",
                   workflowStatus(w) === "paused" && "text-muted-foreground"
                 ),
                 "data-testid": `workflow-name-${w.external_id}`,
@@ -5573,7 +6459,7 @@ function WorkflowsTable(props) {
               }
             )
           ] }),
-          about && /* @__PURE__ */ jsx(
+          about && !latest.current.props.automationsOnly && /* @__PURE__ */ jsx(
             "p",
             {
               className: "truncate text-xs text-muted-foreground",
@@ -5584,62 +6470,36 @@ function WorkflowsTable(props) {
         ] });
       },
       renderTrigger: (w) => {
-        const { props: p, l: lb } = latest.current;
+        const { props: p } = latest.current;
         const after = w.after_conversation_ext_id;
         const skill = isSkillRow(w);
-        const next = !skill && w.active && hasTrigger(w) && !w.run_at && w.next_fire_at ? p.formatDate(w.next_fire_at) : "";
-        const agentId = w.agent_ext_id;
-        const agent = skill ? "" : agentId ? p.agentNames?.[agentId] || lb.agent : lb.myAssistant;
-        const detail = [next && `${lb.colNextRun}: ${next}`, agent].filter(Boolean).join(" \xB7 ");
-        return /* @__PURE__ */ jsxs("div", { className: "min-w-0 leading-tight", children: [
-          /* @__PURE__ */ jsx(
-            TaskTriggerChip,
-            {
-              id: w.external_id,
-              testId: `workflow-trigger-${w.external_id}`,
-              triggerType: workflowTriggerType(w),
-              summary: skill ? "" : p.describeTrigger(w),
-              afterTaskId: after,
-              afterTaskName: after ? p.taskNames?.[after] : void 0,
-              labels: p.triggerChipLabels
-            }
-          ),
-          detail && /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: "truncate text-xs text-muted-foreground",
-              "data-testid": `workflow-next-run-${w.external_id}`,
-              children: detail
-            }
-          )
-        ] });
+        return /* @__PURE__ */ jsx("div", { className: "min-w-0 leading-tight", children: /* @__PURE__ */ jsx(
+          TaskTriggerChip,
+          {
+            id: w.external_id,
+            testId: `workflow-trigger-${w.external_id}`,
+            triggerType: workflowTriggerType(w),
+            summary: skill ? "" : p.describeTrigger(w),
+            afterTaskId: after,
+            afterTaskName: after ? p.taskNames?.[after] : void 0,
+            labels: p.triggerChipLabels
+          }
+        ) });
       },
       renderStatus: (w) => {
         const { props: p, l: lb } = latest.current;
-        const status = workflowStatus(w);
-        if (status === "on_demand") return null;
         const canEdit = w.is_owner !== false || Boolean(p.canEditShared);
-        return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            Switch,
-            {
-              checked: status === "active",
-              disabled: !canEdit || p.busyId === w.external_id,
-              onCheckedChange: (next) => p.onToggleActive(w, next),
-              "aria-label": lb.activeSwitch(w.name),
-              "data-testid": `workflow-active-${w.external_id}`
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "text-sm text-muted-foreground",
-              "data-testid": `workflow-status-${w.external_id}`,
-              "data-status": status,
-              children: status === "active" ? lb.statusActive : lb.statusPaused
-            }
-          )
-        ] });
+        return /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: hasTrigger(w) && !isSkillRow(w) && Boolean(w.active),
+            disabled: !hasTrigger(w) || isSkillRow(w) || !canEdit || p.busyId === w.external_id,
+            onCheckedChange: (next) => p.onToggleActive(w, next),
+            className: "disabled:data-[state=unchecked]:bg-muted dark:disabled:data-[state=unchecked]:bg-muted",
+            "aria-label": lb.activeSwitch(w.name),
+            "data-testid": `workflow-active-${w.external_id}`
+          }
+        );
       },
       renderShared: (w) => {
         const { props: p, l: lb } = latest.current;
@@ -5659,41 +6519,37 @@ function WorkflowsTable(props) {
       },
       renderLastRun: (w) => {
         const { props: p, l: lb } = latest.current;
-        if (isSkillRow(w)) return /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: lb.none });
-        const last = p.lastRuns?.[w.external_id];
-        const at = w.last_fired_at ?? last?.at;
-        return /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-          last && at ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => p.onOpenThread?.(last.conversationId),
-              title: lb.openLastRun,
-              className: "truncate text-sm text-primary hover:underline focus-visible:underline focus-visible:outline-none",
-              "data-testid": `workflow-last-run-${w.external_id}`,
-              children: p.formatDate(at)
-            }
-          ) : /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "truncate text-sm text-muted-foreground",
-              "data-testid": `workflow-last-run-${w.external_id}`,
-              children: at ? p.formatDate(at) : lb.never
-            }
-          ),
-          w.last_error && /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: "inline-flex shrink-0 items-center gap-1 text-xs text-red-text",
-              title: `${lb.lastRunFailed}: ${w.last_error}`,
-              "data-testid": `workflow-error-${w.external_id}`,
-              children: [
-                /* @__PURE__ */ jsx(AlertCircle, { className: "size-3.5", "aria-hidden": true }),
-                lb.failed
-              ]
-            }
-          )
-        ] });
+        const at = w.last_fired_at ?? p.lastRuns?.[w.external_id]?.at;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "h-full w-full truncate px-4 text-left text-sm hover:text-primary",
+            onClick: () => p.onViewRuns?.(w),
+            title: "View run history",
+            "data-testid": `workflow-last-run-${w.external_id}`,
+            children: at ? p.formatDate(at) : lb.never
+          }
+        );
+      },
+      renderResult: (w) => {
+        const status = w.last_run_status;
+        const label = workflowRunStatusLabel(status);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => latest.current.props.onViewRuns?.(w),
+            title: "View run history",
+            className: cn(
+              badgeVariants({ variant: "outline" }),
+              "mx-4 cursor-pointer text-xs font-medium",
+              status === "failed" ? "border-red-border bg-red-bg text-red-text hover:bg-red-bg/80" : status === "completed" || status === "success" ? "border-green-border bg-green-bg text-green-text hover:bg-green-bg/80" : status ? "border-primary/20 bg-primary/10 text-primary hover:bg-primary/15" : "border-border bg-muted text-muted-foreground hover:bg-muted/80"
+            ),
+            "data-testid": `workflow-result-${w.external_id}`,
+            children: label
+          }
+        );
       },
       renderActions: (w) => {
         const { props: p, l: lb } = latest.current;
@@ -5821,61 +6677,73 @@ function WorkflowsTable(props) {
     (w) => hasTrigger(w) && (w.is_owner !== false || props.canEditShared)
   );
   const clearSelection = () => setSelected([]);
-  const hasSavedWorkflow = workflows.some((w) => !isSkillRow(w));
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "flex min-h-0 flex-1 flex-col gap-3",
+      className: "flex min-h-0 flex-1 flex-col",
       "data-testid": testIdOr(testId, { testId: "workflow-list" }),
       children: [
-        header,
-        !isLoading && !hasSavedWorkflow && workflows.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", "data-testid": "workflow-first-run", children: l.firstRun }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsx("div", { role: "tablist", "aria-label": "Filter workflows", className: "flex flex-wrap gap-1.5", children: [
-            ["all", l.filterAll],
-            ["skills", l.filterSkills],
-            ["workflows", l.filterWorkflows],
-            ["active", l.filterActive],
-            ["paused", l.filterPaused]
-          ].map(([key, label]) => {
-            const isSelected = filter === key;
-            return /* @__PURE__ */ jsxs(
-              "button",
+        /* @__PURE__ */ jsx(
+          TabHeader,
+          {
+            testId: "automations-tab-header",
+            tabs: [
               {
-                type: "button",
-                role: "tab",
-                "aria-selected": isSelected,
-                onClick: () => setFilter(key),
-                className: cn(
-                  "inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
-                  isSelected ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:bg-accent"
-                ),
-                "data-testid": `workflow-filter-${key}`,
-                children: [
-                  label,
-                  /* @__PURE__ */ jsx("span", { className: "tabular-nums opacity-70", children: counts[key] })
-                ]
+                id: "automations",
+                label: "",
+                count: shown.length,
+                countIcon: /* @__PURE__ */ jsx(Workflow, { className: "size-3.5" }),
+                countPlacement: "leading",
+                presentation: "count",
+                hasActiveFilters: !!q || [...filterStates.values()].some(Boolean)
               },
-              key
-            );
-          }) }),
-          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ jsx(
-              Input,
+              ...props.tabs ?? []
+            ],
+            activeTabId: props.activeTabId ?? "automations",
+            onTabChange: props.onTabChange ?? (() => {
+            }),
+            firstTabContent: /* @__PURE__ */ jsx(
+              FilterInput,
               {
-                type: "search",
                 value: query,
-                onChange: (e) => setQuery(e.target.value),
-                placeholder: l.searchPlaceholder,
-                "aria-label": l.searchLabel,
-                className: "h-8 w-56 pl-8 text-xs pointer-coarse:h-11",
-                "data-testid": "workflow-search"
+                onChange: setQuery,
+                fields: ["text"],
+                onFieldsChange: () => {
+                },
+                hideFieldPicker: true,
+                ariaLabel: l.searchLabel,
+                testIds: { input: "workflow-search" },
+                filter: /* @__PURE__ */ jsx(
+                  TriStateFilterMenu,
+                  {
+                    testId: "automations-filter-button",
+                    open: filterOpen,
+                    onOpenChange: setFilterOpen,
+                    filterStates,
+                    onFiltersChange: setFilterStates,
+                    triggerClassName: "flex h-5 items-center gap-0.5 rounded px-1 text-muted-foreground hover:text-foreground pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center",
+                    renderChevron: true,
+                    disableHoverOpen: true,
+                    options: [
+                      ...!props.automationsOnly ? [
+                        { id: "skills", label: l.filterSkills, count: counts.skills },
+                        {
+                          id: "workflows",
+                          label: l.filterWorkflows,
+                          count: counts.workflows
+                        }
+                      ] : [],
+                      { id: "active", label: l.filterActive, count: counts.active },
+                      { id: "paused", label: l.filterPaused, count: counts.paused }
+                    ]
+                  }
+                )
               }
-            )
-          ] })
-        ] }),
-        workflows.length === 0 && !isLoading ? /* @__PURE__ */ jsx(
+            ),
+            rightContent: header
+          }
+        ),
+        props.content ? props.content : workflows.length === 0 && !isLoading ? /* @__PURE__ */ jsx(
           EmptyState,
           {
             icon: Workflow,
@@ -5905,7 +6773,7 @@ function WorkflowsTable(props) {
             gridOptions: GRID_OPTIONS
           }
         ) }),
-        /* @__PURE__ */ jsx(SelectionBar, { count: selected.length, onClear: clearSelection, children: (isCompact) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        !props.content && /* @__PURE__ */ jsx(SelectionBar, { count: selected.length, onClear: clearSelection, children: (isCompact) => /* @__PURE__ */ jsxs(Fragment, { children: [
           props.onToggleActiveMany && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               SelectionBarAction,
@@ -5956,16 +6824,7 @@ function WorkflowsTable(props) {
     }
   );
 }
-var WIDTH_RULES2 = [
-  { colId: "shared", minWidth: 1060 },
-  { colId: "last_run", minWidth: 880 }
-];
-var GRID_OPTIONS = {
-  suppressClickEdit: true,
-  suppressCellFocus: true,
-  suppressColumnVirtualisation: true,
-  onGridSizeChanged: (event) => applyColumnWidthRules(event.api, event.clientWidth, WIDTH_RULES2)
-};
+var GRID_OPTIONS = { suppressClickEdit: true };
 var DEFAULT_TASK_ACTIVITY_LABELS = {
   title: "Activity",
   empty: "Nothing has happened yet.",
@@ -5995,11 +6854,19 @@ var ICONS = {
   awaiting_access: /* @__PURE__ */ jsx(Lock, { className: "size-3.5", "aria-hidden": true }),
   access_granted: /* @__PURE__ */ jsx(KeyRound, { className: "size-3.5", "aria-hidden": true }),
   ready_for_review: /* @__PURE__ */ jsx(CircleDot, { className: "size-3.5", "aria-hidden": true }),
+  reviewed: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3.5", "aria-hidden": true }),
   handed_off: /* @__PURE__ */ jsx(UserRoundCog, { className: "size-3.5", "aria-hidden": true }),
   changes_requested: /* @__PURE__ */ jsx(MessageSquareReply, { className: "size-3.5", "aria-hidden": true }),
   done: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3.5", "aria-hidden": true }),
   reopened: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5", "aria-hidden": true }),
-  failed: /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5", "aria-hidden": true })
+  failed: /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5", "aria-hidden": true }),
+  participant_joined: /* @__PURE__ */ jsx(UserRoundCog, { className: "size-3.5", "aria-hidden": true }),
+  assistant_responded: /* @__PURE__ */ jsx(Sparkles, { className: "size-3.5", "aria-hidden": true }),
+  artifact_created: /* @__PURE__ */ jsx(Sparkles, { className: "size-3.5", "aria-hidden": true }),
+  artifact_edited: /* @__PURE__ */ jsx(MessageSquareReply, { className: "size-3.5", "aria-hidden": true }),
+  document_added: /* @__PURE__ */ jsx(Sparkles, { className: "size-3.5", "aria-hidden": true }),
+  document_removed: /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5", "aria-hidden": true }),
+  notified: /* @__PURE__ */ jsx(UserRoundCog, { className: "size-3.5", "aria-hidden": true })
 };
 var asString = (v) => typeof v === "string" && v.trim() ? v : null;
 function summarizeError(error) {
@@ -6023,6 +6890,20 @@ function TaskActivityTimeline({
     const agentId = asString(detail.agent_ext_id);
     const agent = agentId ? agentName?.(agentId) : void 0;
     switch (e.kind) {
+      case "participant_joined":
+        return { headline: "Joined the conversation" };
+      case "assistant_responded":
+        return { headline: "Responded" };
+      case "artifact_created":
+        return { headline: "Created a document" };
+      case "artifact_edited":
+        return { headline: "Edited a document" };
+      case "document_added":
+        return { headline: "Added a document" };
+      case "document_removed":
+        return { headline: "Removed a document" };
+      case "notified":
+        return { headline: "Sent a notification" };
       case "created":
         return { headline: detail.from_workflow ? l.createdFromWorkflow : l.created };
       case "run_started":
@@ -6033,6 +6914,8 @@ function TaskActivityTimeline({
         return { headline: l.accessGranted };
       case "ready_for_review":
         return { headline: l.readyForReview };
+      case "reviewed":
+        return { headline: "Approved this review stage" };
       case "handed_off":
         return {
           headline: l.handedOff,
@@ -6044,7 +6927,7 @@ function TaskActivityTimeline({
           extra: note ? /* @__PURE__ */ jsx(Quote, { text: l.sentBackNote(note) }) : void 0
         };
       case "done":
-        return { headline: l.done };
+        return { headline: l.done, extra: note ? /* @__PURE__ */ jsx(Quote, { text: note }) : void 0 };
       case "reopened":
         return { headline: l.reopened };
       case "failed": {
@@ -6112,39 +6995,189 @@ function TaskActivityTimeline({
     );
   }) });
 }
-function Quote({ text }) {
-  return /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 pl-2 text-xs text-muted-foreground whitespace-pre-wrap", children: text });
+function Quote({ text }) {
+  return /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 pl-2 text-xs text-muted-foreground whitespace-pre-wrap", children: text });
+}
+function TaskActivityDialog({
+  open,
+  onOpenChange,
+  taskName,
+  events,
+  isLoading,
+  isError,
+  labels,
+  testId,
+  ...timeline
+}) {
+  const l = { ...DEFAULT_TASK_ACTIVITY_LABELS, ...labels };
+  const id = testIdOr(testId, { testId: "task-activity" });
+  const count = events?.length ?? 0;
+  const scrollToEnd = useCallback(
+    (el) => {
+      if (count >= 0) el?.scrollIntoView?.({ block: "end" });
+    },
+    [count]
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { presentation: "sheet", className: "max-h-[80dvh] sm:max-w-lg", "data-testid": id, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: l.title }),
+      /* @__PURE__ */ jsx(DialogDescription, { className: "truncate", children: taskName })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "max-h-[55dvh] overflow-y-auto pr-1", "data-testid": `${id}-scroll`, children: [
+      isLoading && !events ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.loading }) : isError && !events ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: l.error }) : count === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }) : /* @__PURE__ */ jsx(TaskActivityTimeline, { events: events ?? [], labels, testId: id, ...timeline }),
+      /* @__PURE__ */ jsx("div", { ref: scrollToEnd })
+    ] })
+  ] }) });
+}
+function TaskFlow({
+  items,
+  className
+}) {
+  const scroll = useRef(null);
+  const following = useRef(true);
+  const latest = items.at(-1)?.id;
+  useLayoutEffect(() => {
+    const el = scroll.current;
+    if (!el) return;
+    const follow = () => {
+      if (following.current) el.scrollLeft = el.scrollWidth;
+    };
+    follow();
+    const resize = new ResizeObserver(follow);
+    resize.observe(el);
+    return () => resize.disconnect();
+  }, [latest]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scroll,
+      className: cn("min-w-0 flex-1 overflow-x-auto overscroll-x-contain", className),
+      "data-testid": "thread-flow",
+      role: "region",
+      "aria-label": "Thread activity",
+      tabIndex: 0,
+      onScroll: (e) => {
+        const el = e.currentTarget;
+        following.current = el.scrollWidth - el.scrollLeft - el.clientWidth < 24;
+      },
+      children: /* @__PURE__ */ jsx("ol", { className: "flex w-max min-w-full items-center gap-1", children: items.map((item, i) => {
+        const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: item.avatar }),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 text-left", children: [
+            /* @__PURE__ */ jsx("span", { className: "block max-w-32 truncate text-[11px] leading-tight font-medium", children: item.label }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "block text-[10px] leading-tight text-muted-foreground",
+                title: item.exactTime,
+                children: item.time
+              }
+            )
+          ] })
+        ] });
+        const cls = 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__ */ jsxs(
+          "li",
+          {
+            className: "flex shrink-0 items-center gap-1",
+            "data-testid": `thread-flow-${item.id}`,
+            children: [
+              i > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3 shrink-0 text-muted-foreground", "aria-hidden": true }),
+              item.onSelect ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: cn(cls, "hover:bg-muted"),
+                  onClick: item.onSelect,
+                  title: item.description ?? item.label,
+                  children: content
+                }
+              ) : item.detail ? /* @__PURE__ */ jsxs(Popover, { children: [
+                /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    className: cn(cls, "hover:bg-muted"),
+                    title: item.description ?? item.label,
+                    children: content
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(PopoverContent, { className: "max-h-72 overflow-y-auto text-sm whitespace-pre-wrap", children: item.detail })
+              ] }) : /* @__PURE__ */ jsx("div", { className: cls, title: item.description ?? item.label, children: content })
+            ]
+          },
+          item.id
+        );
+      }) })
+    }
+  );
+}
+function ThreadActivity({ item, children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-center px-3 py-2", "data-testid": `thread-activity-${item.id}`, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "max-w-full text-center text-xs text-muted-foreground",
+      title: item.description,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-1.5", children: [
+          item.avatar,
+          /* @__PURE__ */ jsx("span", { children: item.label }),
+          /* @__PURE__ */ jsx("time", { title: item.exactTime, children: item.time })
+        ] }),
+        children,
+        item.detail && /* @__PURE__ */ jsx("div", { className: "mt-1 whitespace-pre-wrap break-words text-left", children: item.detail })
+      ]
+    }
+  ) });
 }
-function TaskActivityDialog({
-  open,
-  onOpenChange,
-  taskName,
-  events,
-  isLoading,
-  isError,
-  labels,
-  testId,
-  ...timeline
-}) {
-  const l = { ...DEFAULT_TASK_ACTIVITY_LABELS, ...labels };
-  const id = testIdOr(testId, { testId: "task-activity" });
-  const count = events?.length ?? 0;
-  const scrollToEnd = useCallback(
-    (el) => {
-      if (count >= 0) el?.scrollIntoView?.({ block: "end" });
-    },
-    [count]
-  );
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { presentation: "sheet", className: "max-h-[80dvh] sm:max-w-lg", "data-testid": id, children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: l.title }),
-      /* @__PURE__ */ jsx(DialogDescription, { className: "truncate", children: taskName })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "max-h-[55dvh] overflow-y-auto pr-1", "data-testid": `${id}-scroll`, children: [
-      isLoading && !events ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.loading }) : isError && !events ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: l.error }) : count === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }) : /* @__PURE__ */ jsx(TaskActivityTimeline, { events: events ?? [], labels, testId: id, ...timeline }),
-      /* @__PURE__ */ jsx("div", { ref: scrollToEnd })
-    ] })
-  ] }) });
+
+// src/agents/tasks/compact-thread-activity.ts
+function compactThreadActivity(events) {
+  const result = [];
+  const batches = /* @__PURE__ */ new Map();
+  for (const event of events) {
+    if (event.kind === "notified") {
+      if (["conversation_ready_for_review", "conversation_done"].includes(
+        String(event.detail?.notification_type)
+      ))
+        continue;
+      const source = event.detail?.batch_ext_id ?? event.detail?.message_ext_id;
+      const key = typeof source === "string" && source ? `${event.actor_ext_id}:${source}` : event.external_id;
+      let entry = batches.get(key);
+      if (!entry) {
+        entry = { event, label: "Notified 1 user", recipients: [] };
+        batches.set(key, entry);
+        result.push(entry);
+      }
+      if (event.to_ext_id && !entry.recipients.includes(event.to_ext_id))
+        entry.recipients.push(event.to_ext_id);
+      const count = Math.max(1, entry.recipients.length);
+      entry.label = `Notified ${count} ${count === 1 ? "user" : "users"}`;
+    } else if (["artifact_created", "artifact_edited", "document_added", "document_removed"].includes(
+      event.kind
+    )) {
+      const labels = {
+        artifact_created: "Generated",
+        artifact_edited: "Edited document",
+        document_added: "Added document",
+        document_removed: "Removed document"
+      };
+      result.push({ event, label: labels[event.kind], recipients: [] });
+    } else if (["created", "participant_joined", "assistant_responded", "done"].includes(event.kind)) {
+      result.push({
+        event,
+        label: {
+          created: "Started Task",
+          participant_joined: "Followed Up",
+          assistant_responded: "Answered",
+          done: "Marked Done"
+        }[event.kind],
+        recipients: []
+      });
+    }
+  }
+  return result;
 }
 var DEFAULT_TASK_THREAD_CHIP_LABELS = {
   open: "Open thread",
@@ -6206,105 +7239,127 @@ var DEFAULT_TASK_RUNS_DIALOG_LABELS = {
 var STATUS_STYLE = {
   running: "bg-ai-soft text-ai-ink",
   success: "bg-green-bg text-green-text",
+  completed: "bg-green-bg text-green-text",
   failed: "bg-red-bg text-red-text"
 };
 function TaskRunsDialog({
+  inline = false,
+  renderErrorReport,
+  hideHeader = false,
   open,
   onOpenChange,
   taskName,
-  error,
   runs,
   isLoading,
   onOpenRun,
+  onOpenResult,
   getRunHref,
   testIds,
   labels
 }) {
   const l = { ...DEFAULT_TASK_RUNS_DIALOG_LABELS, ...labels };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      presentation: "sheet",
-      className: "max-h-[calc(100dvh-2rem)] max-w-lg overflow-y-auto",
-      "data-testid": testIdOr(testIds?.modal, { testId: "task-runs-modal" }),
-      children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(History, { size: 16 }),
-            " ",
-            l.title(taskName)
-          ] }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: l.description })
-        ] }),
-        error && /* @__PURE__ */ jsx("p", { role: "alert", className: "rounded-md bg-red-bg p-3 text-sm text-red-text", children: error }),
-        isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
-          " ",
-          l.loading
-        ] }) : runs.length === 0 ? /* @__PURE__ */ jsx(
-          "p",
+  const columns = useMemo(
+    () => [
+      {
+        colId: "status",
+        field: "status",
+        headerName: "Status",
+        width: 160,
+        minWidth: 140,
+        cellRenderer: ({ data }) => data && /* @__PURE__ */ jsx(
+          "span",
           {
-            className: "py-8 text-center text-sm text-muted-foreground",
-            "data-testid": testIdOr(testIds?.empty, { testId: "task-runs-empty" }),
-            children: l.empty
+            className: cn(
+              "rounded-full px-2 py-0.5 text-xs font-medium capitalize",
+              STATUS_STYLE[data.status] ?? "text-muted-foreground"
+            ),
+            children: workflowRunStatusLabel(data.status)
           }
-        ) : /* @__PURE__ */ jsx(
-          "ul",
-          {
-            className: "space-y-2",
-            "data-testid": testIdOr(testIds?.list, { testId: "task-runs-list" }),
-            children: runs.map((run) => /* @__PURE__ */ jsxs(
-              "li",
+        )
+      },
+      { colId: "when", field: "when", headerName: "Run", flex: 2, minWidth: 240 },
+      {
+        colId: "result",
+        headerName: "",
+        width: 280,
+        minWidth: 220,
+        sortable: false,
+        cellRenderer: ({ data: run }) => {
+          if (!run) return null;
+          return /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center gap-2", children: [
+            run.error && renderErrorReport?.(run),
+            (run.conversationId || run.resultId && onOpenResult) && /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "h-7 gap-1.5", children: /* @__PURE__ */ jsxs(
+              ActionLink,
               {
-                className: "flex items-center gap-3 rounded-lg bg-muted p-3",
-                "data-testid": testIdOr(testIds?.row, { testId: "task-run-row" }),
+                href: getRunHref?.(run),
+                onSelect: () => {
+                  if (run.conversationId) onOpenRun(run.conversationId);
+                  else if (run.resultId) onOpenResult?.(run.resultId);
+                  onOpenChange(false);
+                },
+                "data-testid": testIdOr(testIds?.open, { testId: "task-run-open" }),
                 children: [
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: cn(
-                        "shrink-0 rounded-full px-2 py-0.5 text-xs font-medium capitalize",
-                        STATUS_STYLE[run.status] ?? "bg-background text-muted-foreground"
-                      ),
-                      children: run.status
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx("p", { className: "truncate text-sm", children: run.when || "\u2014" }),
-                    run.error && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-red-text", title: run.error, children: run.error })
-                  ] }),
-                  run.conversationId && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      asChild: true,
-                      variant: "outline",
-                      size: "sm",
-                      className: "h-7 shrink-0 gap-1.5 pointer-coarse:h-11",
-                      children: /* @__PURE__ */ jsxs(
-                        ActionLink,
-                        {
-                          href: getRunHref?.(run),
-                          onSelect: () => {
-                            onOpenRun(run.conversationId);
-                            onOpenChange(false);
-                          },
-                          "data-testid": testIdOr(testIds?.open, { testId: "task-run-open" }),
-                          children: [
-                            /* @__PURE__ */ jsx(Eye, { size: 13 }),
-                            " ",
-                            l.open
-                          ]
-                        }
-                      )
-                    }
-                  )
+                  /* @__PURE__ */ jsx(Eye, { size: 13 }),
+                  " ",
+                  l.open
                 ]
-              },
-              run.id
-            ))
+              }
+            ) })
+          ] });
+        }
+      }
+    ],
+    [onOpenRun, onOpenResult, getRunHref, onOpenChange, testIds?.open, l.open, renderErrorReport]
+  );
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    hideHeader ? null : inline ? /* @__PURE__ */ jsx(
+      TabHeader,
+      {
+        tabs: [
+          {
+            id: "history",
+            label: l.title(taskName),
+            count: runs.length,
+            countIcon: /* @__PURE__ */ jsx(History, { size: 14 }),
+            presentation: "count",
+            onClose: () => onOpenChange(false)
           }
-        )
-      ]
+        ],
+        activeTabId: "history",
+        onTabChange: () => {
+        }
+      }
+    ) : /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(History, { size: 16 }),
+        " ",
+        l.title(taskName)
+      ] }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: l.description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+      GridView,
+      {
+        testId: testIdOr(testIds?.list, { testId: "task-runs-list" }),
+        gridId: "workflow-runs",
+        items: runs,
+        columnDefs: columns,
+        getItemId: (run) => run.id,
+        getRowTestId: () => testIdOr(testIds?.row, { testId: "task-run-row" }),
+        isLoading,
+        loadingMessage: l.loading,
+        emptyState: { title: l.empty },
+        height: "100%"
+      }
+    ) })
+  ] });
+  return inline ? /* @__PURE__ */ jsx("section", { className: "flex min-h-0 flex-1 flex-col", "data-testid": "automation-history", children: content }) : /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(
+    DialogContent,
+    {
+      presentation: "sheet",
+      className: "flex h-[min(32rem,calc(100dvh-2rem))] min-h-0 max-w-3xl flex-col",
+      "data-testid": testIdOr(testIds?.modal, { testId: "task-runs-modal" }),
+      children: content
     }
   ) });
 }
@@ -6426,7 +7481,7 @@ var DEFAULT_TASK_COMPOSER_LABELS = {
   dueClear: "Clear date",
   parentTask: "Part of",
   parentTaskNone: "Nothing (top-level)",
-  visibility: "Visible to",
+  visibility: "Visibility",
   visibilityWorkspace: "Workspace",
   visibilityPrivate: "Only me",
   assistant: "Task Assistant",
@@ -6476,8 +7531,8 @@ var DEFAULT_TASK_COMPOSER_LABELS = {
   empty: "No match.",
   cancel: "Cancel",
   addTask: "Add task",
-  addAndStart: "Add task and start",
-  addAndSchedule: "Save as workflow",
+  addAndStart: "Start now",
+  addAndSchedule: "Schedule",
   save: "Save changes",
   saving: "Saving\u2026"
 };
@@ -6496,7 +7551,7 @@ function defaultTaskComposerValues(workflows, initial) {
     afterTaskId: "",
     parentTaskId: "",
     signoffUserId: "",
-    shared: true,
+    shared: false,
     description: "",
     dueAt: "",
     agentId: "",
@@ -6506,7 +7561,6 @@ function defaultTaskComposerValues(workflows, initial) {
     ...initial
   };
 }
-var WHEN_ORDER = ["now", "once", "repeat", "event", "task"];
 var GLYPH2 = "size-3.5 shrink-0";
 function missingWhen(values, runAtPast) {
   if (values.when === "now" || values.when === "manual") return null;
@@ -6520,6 +7574,8 @@ function WorkflowComposer({
   open,
   onOpenChange,
   isEdit = false,
+  saveOnly = false,
+  hideRunLater = false,
   workflows,
   agents,
   people,
@@ -6528,6 +7584,8 @@ function WorkflowComposer({
   initialValues,
   onValuesChange,
   timezones = [],
+  eventOptions,
+  eventWorkflowOptions,
   goal,
   standingAccess,
   scopeSource,
@@ -6549,7 +7607,11 @@ function WorkflowComposer({
   const l = {
     ...DEFAULT_TASK_COMPOSER_LABELS,
     ...labels,
-    whenOptions: { ...DEFAULT_TASK_COMPOSER_LABELS.whenOptions, ...labels?.whenOptions },
+    whenOptions: {
+      ...DEFAULT_TASK_COMPOSER_LABELS.whenOptions,
+      ...labels?.whenOptions,
+      ...saveOnly ? { now: "When needed" } : {}
+    },
     accessOptions: { ...DEFAULT_TASK_COMPOSER_LABELS.accessOptions, ...labels?.accessOptions }
   };
   const seed = useMemo(
@@ -6563,12 +7625,15 @@ function WorkflowComposer({
     seed,
     onValuesChange
   );
+  const [runOnce, setRunOnce] = useState(false);
+  const [automationWhen, setAutomationWhen] = useState(seed.when);
   const [planOpen, setPlanOpen] = useState(false);
   const [moreOpen, setMoreOpen] = useState(false);
   const [agentAutoSet, setAgentAutoSet] = useState(false);
   useEffect(() => {
     if (open) {
       if (valuesProp === void 0) setValues(seed);
+      setRunOnce(false);
       setPlanOpen(false);
       setAgentAutoSet(false);
     }
@@ -6597,7 +7662,12 @@ function WorkflowComposer({
   const derivedName = workflow ? deriveWorkflowName(workflow, values.inputs) : "";
   const pickWorkflow = (next) => {
     const def = workflows.find((w) => w.id === next);
-    setValues({ ...values, workflowId: next, inputs: def ? defaultInputs(def) : {} });
+    setValues({
+      ...values,
+      workflowId: next,
+      inputs: def ? defaultInputs(def) : {},
+      ...def?.documentAction ? { access: "standing" } : {}
+    });
   };
   const pickWhen = (next) => {
     const goesScheduled = next !== "now" && next !== "manual";
@@ -6621,14 +7691,18 @@ function WorkflowComposer({
     setAgentAutoSet(false);
     set("agentId", agentId);
   };
-  const submit = () => onSubmit({
-    ...values,
-    // A scope pick is bound to explicit file ids before anything is sent.
-    inputs: workflow ? resolveScopeInputs(workflow, values.inputs, scopeSource) : values.inputs,
-    assignee: "agent",
-    notifyOnComplete: true,
-    name: values.name.trim()
-  });
+  const submit = () => {
+    const submitted = {
+      ...values,
+      // A scope pick is bound to explicit file ids before anything is sent.
+      inputs: workflow && !workflow.documentAction ? resolveScopeInputs(workflow, values.inputs, scopeSource) : values.inputs,
+      assignee: "agent",
+      notifyOnComplete: true,
+      name: values.name.trim()
+    };
+    if (runOnce) onSubmit(submitted, { runOnce: true });
+    else onSubmit(submitted);
+  };
   const pillLabels = { search: l.search, empty: l.empty };
   const personOptions = (people ?? []).map((p) => ({
     id: p.id,
@@ -6641,10 +7715,11 @@ function WorkflowComposer({
     label: t.name,
     icon: /* @__PURE__ */ jsx(CornerDownRight, { className: GLYPH2, "aria-hidden": true })
   }));
-  const whenOptions = (isEdit ? ["manual", ...WHEN_ORDER.slice(1)] : WHEN_ORDER.slice(1)).map((mode) => ({
-    id: mode,
-    label: l.whenOptions[mode]
-  }));
+  const whenOptions = [
+    { id: "manual", label: "Start now" },
+    { id: "schedule", label: "Schedule" },
+    { id: "event", label: "Notification" }
+  ];
   const assistantOptions = agents.map((a) => ({ id: a.id, label: a.label }));
   if (values.agentId && !assistantOptions.some((a) => a.id === values.agentId)) {
     assistantOptions.push({ id: values.agentId, label: "Assigned agent" });
@@ -6652,18 +7727,42 @@ function WorkflowComposer({
   const goalNode = typeof goal === "function" ? goal(values) : goal;
   const pickedTemplate = workflows.find((w) => w.id === values.workflowId && !w.generic);
   const hint = (key) => l[key];
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Dialog, { modal: false, open, onOpenChange, children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
-      presentation: "sheet",
-      className: "flex max-h-[calc(100dvh-2rem)] flex-col overflow-hidden p-0 sm:max-w-xl",
+      presentation: "right",
+      hideCloseButton: true,
+      onInteractOutside: (event) => event.preventDefault(),
+      className: "flex flex-col gap-0 overflow-hidden p-0 shadow-lg",
       "data-testid": id,
       children: [
-        /* @__PURE__ */ jsxs(ModalHeader, { children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: isEdit ? l.titleEditWorkflow : pickedTemplate ? l.titleRunTemplate(pickedTemplate.title) : l.titleNewWorkflow }),
-          !isEdit && /* @__PURE__ */ jsx(DialogDescription, { children: l.descriptionWorkflow }),
-          isEdit && /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: l.descriptionWorkflow })
-        ] }),
+        /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Automation settings" }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: l.descriptionWorkflow }),
+        /* @__PURE__ */ jsx(
+          TabHeader,
+          {
+            tabs: [
+              {
+                id: "automation-setup",
+                label: isEdit ? l.titleEditWorkflow : pickedTemplate ? l.titleRunTemplate(pickedTemplate.title) : l.titleNewWorkflow,
+                presentation: "count"
+              },
+              ...(saveOnly || isEdit) && !workflow?.documentAction ? [{ id: "start-task", label: "Start task" }] : []
+            ],
+            activeTabId: runOnce ? "start-task" : "automation-setup",
+            onTabChange: (tab) => {
+              if (tab === "start-task" && !runOnce) {
+                setAutomationWhen(values.when);
+                set("when", "now");
+                setRunOnce(true);
+              } else if (tab === "automation-setup" && runOnce) {
+                set("when", automationWhen);
+                setRunOnce(false);
+              }
+            },
+            rightContent: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, { className: "size-4" }) }) })
+          }
+        ),
         /* @__PURE__ */ jsxs(
           "form",
           {
@@ -6753,7 +7852,7 @@ function WorkflowComposer({
                     goalNode
                   ] })
                 ] }),
-                (scheduled || isEdit) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                !runOnce && (scheduled || isEdit) && /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-2", "data-testid": `${id}-when-section`, children: [
                     /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: l.whenHeading }),
                     /* @__PURE__ */ jsx(
@@ -6761,14 +7860,30 @@ function WorkflowComposer({
                       {
                         icon: /* @__PURE__ */ jsx(Play, { className: GLYPH2, "aria-hidden": true }),
                         prefix: l.start,
-                        value: values.when,
+                        value: values.when === "once" || values.when === "repeat" ? "schedule" : values.when === "task" ? "event" : values.when === "now" ? "manual" : values.when,
                         options: whenOptions,
-                        onChange: (v) => pickWhen(v),
+                        onChange: (v) => pickWhen(v === "schedule" ? "once" : v),
                         labels: pillLabels,
                         testId: `${id}-when`,
                         className: "self-start"
                       }
                     ),
+                    (values.when === "once" || values.when === "repeat") && /* @__PURE__ */ jsx(
+                      PillSelect,
+                      {
+                        icon: /* @__PURE__ */ jsx(Play, { className: GLYPH2, "aria-hidden": true }),
+                        prefix: "Schedule",
+                        value: values.when,
+                        options: [
+                          { id: "once", label: "Once" },
+                          { id: "repeat", label: "Repeat" }
+                        ],
+                        onChange: (value) => pickWhen(value),
+                        labels: pillLabels,
+                        testId: `${id}-schedule-mode`,
+                        className: "self-start"
+                      }
+                    ),
                     values.when === "once" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
                       /* @__PURE__ */ jsx(Label, { htmlFor: "task-composer-runat", className: "sr-only", children: l.runAt }),
                       /* @__PURE__ */ jsx(
@@ -6812,7 +7927,25 @@ function WorkflowComposer({
                     ] }),
                     values.when === "event" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
                       /* @__PURE__ */ jsx(Label, { htmlFor: "task-composer-event", className: "sr-only", children: l.event }),
-                      /* @__PURE__ */ jsx(
+                      eventOptions ? /* @__PURE__ */ jsx(
+                        PillSelect,
+                        {
+                          icon: /* @__PURE__ */ jsx(Zap, { className: GLYPH2, "aria-hidden": true }),
+                          prefix: l.event,
+                          value: values.eventKind,
+                          options: eventOptions.some((option) => option.id === values.eventKind) || !values.eventKind ? [...eventOptions] : [
+                            ...eventOptions,
+                            {
+                              id: values.eventKind,
+                              label: values.eventKind.replaceAll("_", " ")
+                            }
+                          ],
+                          onChange: (event) => set("eventKind", event),
+                          labels: pillLabels,
+                          testId: `${id}-event`,
+                          className: "self-start"
+                        }
+                      ) : /* @__PURE__ */ jsx(
                         Input,
                         {
                           id: "task-composer-event",
@@ -6825,6 +7958,22 @@ function WorkflowComposer({
                       ),
                       /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.eventHint })
                     ] }),
+                    values.when === "event" && values.eventKind === "workflow_completed" && eventWorkflowOptions && /* @__PURE__ */ jsx(
+                      PillSelect,
+                      {
+                        icon: /* @__PURE__ */ jsx(Zap, { className: GLYPH2, "aria-hidden": true }),
+                        prefix: "Automation",
+                        value: typeof values.eventFilter?.workflow_ext_id === "string" ? values.eventFilter.workflow_ext_id : "",
+                        options: [{ id: "", label: "Any automation" }, ...eventWorkflowOptions],
+                        onChange: (id2) => set(
+                          "eventFilter",
+                          id2 ? { ...values.eventFilter, workflow_ext_id: id2 } : null
+                        ),
+                        labels: pillLabels,
+                        testId: `${id}-event-workflow`,
+                        className: "self-start"
+                      }
+                    ),
                     values.when === "task" && /* @__PURE__ */ jsx(
                       PillSelect,
                       {
@@ -7019,7 +8168,7 @@ function WorkflowComposer({
                     children: l.cancel
                   }
                 ),
-                !isEdit && /* @__PURE__ */ jsx(
+                !isEdit && !saveOnly && !hideRunLater && /* @__PURE__ */ jsx(
                   Button,
                   {
                     type: "button",
@@ -7039,7 +8188,7 @@ function WorkflowComposer({
                     className: "gap-1.5 pointer-coarse:min-h-11",
                     children: [
                       isPending && /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
-                      isPending ? l.saving : isEdit ? l.save : scheduled ? l.saveWorkflow : l.runNow
+                      isPending ? l.saving : runOnce ? "Start now" : isEdit ? l.save : saveOnly || scheduled ? l.saveWorkflow : l.runNow
                     ]
                   }
                 )
@@ -7051,7 +8200,7 @@ function WorkflowComposer({
     }
   ) });
 }
-var WHEN_ORDER2 = ["now", "once", "repeat", "event", "task"];
+var WHEN_ORDER = ["now", "once", "repeat", "event", "task"];
 function formatDue2(local) {
   const d = new Date(local);
   if (Number.isNaN(d.getTime())) return local;
@@ -7154,7 +8303,7 @@ function WorkTaskComposer({
     label: t.name,
     icon: /* @__PURE__ */ jsx(CornerDownRight, { className: GLYPH3, "aria-hidden": true })
   }));
-  const whenOptions = WHEN_ORDER2.map((mode) => ({
+  const whenOptions = WHEN_ORDER.map((mode) => ({
     id: mode,
     label: l.whenOptions[mode]
   }));
@@ -7163,8 +8312,8 @@ function WorkTaskComposer({
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
-      presentation: "sheet",
-      className: "flex max-h-[calc(100dvh-2rem)] flex-col overflow-hidden p-0 sm:max-w-xl",
+      presentation: "right",
+      className: "flex flex-col overflow-hidden p-0",
       "data-testid": id,
       children: [
         /* @__PURE__ */ jsxs(ModalHeader, { children: [
@@ -7266,6 +8415,7 @@ function WorkTaskComposer({
                       items: { shared: values.shared },
                       onToggle: (share) => set("shared", share),
                       label: l.visibility,
+                      presentation: "select",
                       "data-testid": `${id}-visibility`
                     }
                   )
@@ -7519,6 +8669,210 @@ function WorkTaskComposer({
 function TaskComposer(props) {
   return props.kind === "workflow" ? /* @__PURE__ */ jsx(WorkflowComposer, { ...props }) : /* @__PURE__ */ jsx(WorkTaskComposer, { ...props });
 }
+function TaskReviewDialog(p) {
+  const [action, setAction] = useState("forward");
+  const [userId, setUserId] = useState("");
+  const [note, setNote] = useState("");
+  useEffect(() => {
+    if (p.open) {
+      setAction(p.people.length ? "forward" : p.canApprove ? "finish" : "revise");
+      setUserId("");
+      setNote("");
+    }
+  }, [p.open]);
+  const valid = action === "forward" ? p.people.some((person) => person.id === userId) : action === "revise" ? p.canRevise && Boolean(note.trim()) : p.canApprove;
+  return /* @__PURE__ */ jsx(Dialog, { open: p.open, onOpenChange: (next) => !p.isPending && p.onOpenChange(next), children: /* @__PURE__ */ jsxs(DialogContent, { "data-testid": "task-review-dialog", className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { children: [
+      "Review: ",
+      p.taskName
+    ] }),
+    /* @__PURE__ */ jsx(DialogDescription, { children: p.canApprove ? "Approve your review and send it on, request changes, or finish the task." : "Choose who should review this work next, or ask ARBI for changes." }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "review-next-step", children: "Next step" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: action,
+            onValueChange: (value) => setAction(value),
+            disabled: p.isPending,
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { id: "review-next-step", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                p.people.length > 0 && /* @__PURE__ */ jsx(SelectItem, { value: "forward", children: p.canApprove ? "Approve and send for review" : "Send for review" }),
+                p.canRevise && /* @__PURE__ */ jsx(SelectItem, { value: "revise", children: "Ask ARBI for changes" }),
+                p.canApprove && /* @__PURE__ */ jsx(SelectItem, { value: "finish", children: "Approve and finish task" })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      action === "forward" && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "review-recipient", children: "Next reviewer" }),
+        /* @__PURE__ */ jsxs(Select, { value: userId, onValueChange: setUserId, disabled: p.isPending, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { id: "review-recipient", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Choose a person" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: p.people.map((person) => /* @__PURE__ */ jsx(SelectItem, { value: person.id, children: person.label }, person.id)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "review-note", children: action === "revise" ? "What should ARBI change?" : "Review note (optional)" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "review-note",
+            value: note,
+            onChange: (e) => setNote(e.target.value),
+            disabled: p.isPending,
+            placeholder: action === "revise" ? "Explain what needs changing in the same draft\u2026" : "Explain what you checked and what the next reviewer should focus on\u2026"
+          }
+        )
+      ] }),
+      p.error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: p.error })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => p.onOpenChange(false), disabled: p.isPending, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          "data-testid": "task-review-submit",
+          disabled: !valid || p.isPending,
+          onClick: () => p.onSubmit({
+            action,
+            userId,
+            note: note.trim(),
+            approveCurrent: p.canApprove && action === "forward"
+          }),
+          children: p.isPending ? "Saving\u2026" : action === "forward" ? p.canApprove ? "Approve and send" : "Send for review" : action === "revise" ? "Send to ARBI" : "Finish task"
+        }
+      )
+    ] })
+  ] }) });
+}
+function ThreadNotifyDialog({
+  open,
+  onOpenChange,
+  people,
+  isShared,
+  onNotify
+}) {
+  const [selected, setSelected] = useState([]);
+  const [query, setQuery] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (open) {
+      setSelected([]);
+      setQuery("");
+      setError(null);
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (value) => {
+        if (!busy) onOpenChange(value);
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", "data-testid": "thread-notify-dialog", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Notify" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: isShared ? "Ask someone to follow up in this thread." : "Notifying someone shares this thread with your workspace." }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            "aria-label": "Find people",
+            placeholder: "Find someone\u2026",
+            value: query,
+            onChange: (event) => setQuery(event.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "max-h-64 overflow-y-auto space-y-1", children: [
+          people.filter((person) => person.label.toLowerCase().includes(query.toLowerCase())).map((person) => /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: "flex cursor-pointer items-center gap-2 rounded px-2 py-2 hover:bg-muted",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    disabled: busy,
+                    checked: selected.includes(person.id),
+                    onCheckedChange: (checked) => setSelected(
+                      (old) => checked ? [...old, person.id] : old.filter((id) => id !== person.id)
+                    )
+                  }
+                ),
+                person.label
+              ]
+            },
+            person.id
+          )),
+          !people.length && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No other workspace members yet." })
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: busy || !selected.length,
+            "data-testid": "thread-notify-submit",
+            onClick: async () => {
+              setBusy(true);
+              setError(null);
+              try {
+                await onNotify(selected);
+                onOpenChange(false);
+              } catch (failure) {
+                setError(failure instanceof Error ? failure.message : "Could not notify people");
+              } finally {
+                setBusy(false);
+              }
+            },
+            children: busy ? "Notifying\u2026" : "Notify"
+          }
+        )
+      ] })
+    }
+  );
+}
+function ConversationTurnSpeaker({
+  role,
+  actor,
+  currentUserId,
+  colorClass,
+  platformName = "ARBI",
+  platformLogoSrc = "/favicon.svg"
+}) {
+  if (!role) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  if (role === "assistant" && !actor)
+    return /* @__PURE__ */ jsx(
+      UserEntity,
+      {
+        size: "sm",
+        variant: "pill",
+        interactive: false,
+        picture: platformLogoSrc,
+        avatarImageClassName: "object-contain p-0.5",
+        initials: platformName.charAt(0),
+        displayName: platformName
+      }
+    );
+  if (!actor) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Unknown participant" });
+  const isMe = actor.external_id === currentUserId;
+  const displayName = isMe ? "You" : [actor.given_name, actor.family_name].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    UserEntity,
+    {
+      size: "sm",
+      variant: "pill",
+      interactive: false,
+      isMe,
+      isAgent: actor.external_id.startsWith("agt-"),
+      displayName,
+      initials: `${actor.given_name.charAt(0)}${actor.family_name?.charAt(0) ?? ""}`.toUpperCase(),
+      picture: actor.picture,
+      colorClass
+    }
+  );
+}
 var DEFAULT_TUPLE_ARRAY_FIELD_LABELS = {
   addRow: "Add Row",
   empty: 'No examples added yet. Click "Add Row" to start.',
@@ -9175,6 +10529,6 @@ function AgentCreateView({
   ] });
 }
 
-export { AgentAvatarField, AgentBar, AgentBarIconButton, AgentBarMenu, AgentBarNotes, AgentBarProbeAnswer, AgentBarQueuedNote, AgentBarStatus, AgentCard, AgentCreateView, AgentCreatedView, AgentCreator, AgentEditView, AgentGallery, AgentMainView, AgentSelect, AgentTypeSelector, CapabilityGrid, CapabilityTile, ConfigField, ConfigForm, ConsentActions, ConsentBulletList, ConsentCard, ConsentFootnote, ConsentHeader, ConsentMessage, ConsentNotice, ConsentPage, ConsentPermissionList, ConsentSection, ConsentStrong, ConsentText, CopyableUrl, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_BAR_LABELS, DEFAULT_AGENT_CARD_LABELS, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_GALLERY_LABELS, DEFAULT_AGENT_SELECT_LABELS, DEFAULT_AGENT_STEPS_LABELS, DEFAULT_AGENT_TYPE_SELECTOR_LABELS, DEFAULT_AUTHORIZE_AGENT_LABELS, DEFAULT_CONFIG_FIELD_LABELS, DEFAULT_CONFIG_FORM_LABELS, DEFAULT_CONSENT_ACTIONS_LABELS, DEFAULT_COPYABLE_URL_LABELS, DEFAULT_NEW_THREAD_DIALOG_LABELS, DEFAULT_PILL_SELECT_LABELS, DEFAULT_RECURRENCE, DEFAULT_RECURRENCE_BUILDER_LABELS, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_SKILL_CARD_LABELS, DEFAULT_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_ROW_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_SUBAGENT_ROSTER_LABELS, DEFAULT_TASKS_CHROME_LABELS, DEFAULT_TASK_ACTIVITY_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_REVIEW_ACTIONS_LABELS, DEFAULT_TASK_RUNS_DIALOG_LABELS, DEFAULT_TASK_STATUS_PILL_LABELS, DEFAULT_TASK_THREAD_CHIP_LABELS, DEFAULT_TASK_TRIGGER_CHIP_LABELS, DEFAULT_TUPLE_ARRAY_FIELD_LABELS, DEFAULT_UPLOAD_TASK_ITEM_LABELS, DEFAULT_UPLOAD_TASK_LIST_LABELS, DEFAULT_WORKFLOWS_CHROME_LABELS, DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, DEFAULT_WORKFLOW_LIST_LABELS, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EMPTY_WORKFLOW_SCOPE, GoalCriteria, MAX_TASK_DEPTH, NewThreadDialog, PersonPill, PillSelect, RecurrenceBuilder, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, SchemaForm, SkillActionButton, SkillCard, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillRow, SkillTile, SkillTypeBadge, SkillViewToggle, StepDetail, StepNarration, StepOutcome, StepParams, StepRow, StepSummary, StepTrace, StepTraceSummary, SubAgentLane, SubStepGroup, SubagentRoster, TASK_COLUMN_ORDER, TRIGGER_LABELS, TaskActivityDialog, TaskActivityTimeline, TaskComposer, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskReviewActions, TaskRunsDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLaunch, buildRRule, buildTaskRows, buildWorkflowScopeSource, composePersona, composeWorkflowPrompt, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultInputs, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, firstWords, formatElapsed, goalProgress, hasTaskFields, hasTrigger, humanizeSection, indexTasks, inferType, inputDocumentIds, inputsFromContext, isAgenticWorkflow, isEmptyWorkflowScope, isOutOfBounds, isPlainTodo, isSkillRow, isValidAgentName, isWorkflowScope, isoToLocalInput, localInputToIso, matchWorkflowScope, moveTargets, newThreadToRequest, nextCriterionId, ownerExtId, parseRRule, prettifyKey, promptFieldName, resolveScopeInputs, skillToWorkflow, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, validateInputs, workflowAccepts, workflowFromFrontmatter, workflowStatus, workflowTaskFields, workflowToComposerValues, workflowTriggerType, workflowWhen, workflowsAccepting, workflowsForHost };
-//# sourceMappingURL=chunk-Y2LWA4ZO.js.map
-//# sourceMappingURL=chunk-Y2LWA4ZO.js.map
+export { AgentAvatarField, AgentBar, AgentBarIconButton, AgentBarMenu, AgentBarNotes, AgentBarProbeAnswer, AgentBarQueuedNote, AgentBarStatus, AgentCard, AgentCreateView, AgentCreatedView, AgentCreator, AgentEditView, AgentGallery, AgentMainView, AgentSelect, AgentTypeSelector, CapabilityGrid, CapabilityTile, ConfigField, ConfigForm, ConsentActions, ConsentBulletList, ConsentCard, ConsentFootnote, ConsentHeader, ConsentMessage, ConsentNotice, ConsentPage, ConsentPermissionList, ConsentSection, ConsentStrong, ConsentText, ConversationListView, ConversationTurnSpeaker, CopyableUrl, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_BAR_LABELS, DEFAULT_AGENT_CARD_LABELS, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_GALLERY_LABELS, DEFAULT_AGENT_SELECT_LABELS, DEFAULT_AGENT_STEPS_LABELS, DEFAULT_AGENT_TYPE_SELECTOR_LABELS, DEFAULT_AUTHORIZE_AGENT_LABELS, DEFAULT_CONFIG_FIELD_LABELS, DEFAULT_CONFIG_FORM_LABELS, DEFAULT_CONSENT_ACTIONS_LABELS, DEFAULT_COPYABLE_URL_LABELS, DEFAULT_NEW_THREAD_DIALOG_LABELS, DEFAULT_PILL_SELECT_LABELS, DEFAULT_RECURRENCE, DEFAULT_RECURRENCE_BUILDER_LABELS, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_SKILL_CARD_LABELS, DEFAULT_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_ROW_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_SUBAGENT_ROSTER_LABELS, DEFAULT_TASKS_CHROME_LABELS, DEFAULT_TASK_ACTIVITY_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_REVIEW_ACTIONS_LABELS, DEFAULT_TASK_RUNS_DIALOG_LABELS, DEFAULT_TASK_STATUS_PILL_LABELS, DEFAULT_TASK_THREAD_CHIP_LABELS, DEFAULT_TASK_TRIGGER_CHIP_LABELS, DEFAULT_TUPLE_ARRAY_FIELD_LABELS, DEFAULT_UPLOAD_TASK_ITEM_LABELS, DEFAULT_UPLOAD_TASK_LIST_LABELS, DEFAULT_WORKFLOWS_CHROME_LABELS, DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, DEFAULT_WORKFLOW_LIST_LABELS, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EMPTY_WORKFLOW_SCOPE, EntityChip, GoalCriteria, MAX_TASK_DEPTH, NewThreadDialog, PersonPill, PillSelect, RecurrenceBuilder, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, SchemaForm, SkillActionButton, SkillCard, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillRow, SkillTile, SkillTypeBadge, SkillViewToggle, StepDetail, StepNarration, StepOutcome, StepParams, StepRow, StepSummary, StepTrace, StepTraceSummary, SubAgentLane, SubStepGroup, SubagentRoster, TASK_COLUMN_ORDER, TRIGGER_LABELS, TaskActivityDialog, TaskActivityTimeline, TaskComposer, TaskFlow, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskReviewActions, TaskReviewDialog, TaskRunsDialog, TaskStartDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, ThreadActivity, ThreadNotifyDialog, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLaunch, buildRRule, buildTaskRows, buildWorkflowScopeSource, compactThreadActivity, composePersona, composeWorkflowPrompt, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultInputs, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, filterConversationRows, firstWords, formatElapsed, goalProgress, hasTaskFields, hasTrigger, humanizeSection, indexTasks, inferType, inputDocumentIds, inputsFromContext, isAgenticWorkflow, isEmptyWorkflowScope, isOutOfBounds, isPlainTodo, isSkillRow, isValidAgentName, isWorkflowScope, isoToLocalInput, localInputToIso, matchWorkflowScope, moveTargets, newThreadToRequest, nextCriterionId, ownerExtId, parseRRule, prettifyKey, promptFieldName, resolveScopeInputs, skillToWorkflow, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, validateInputs, workflowAccepts, workflowFromFrontmatter, workflowStatus, workflowTaskFields, workflowToComposerValues, workflowTriggerType, workflowWhen, workflowsAccepting, workflowsForHost };
+//# sourceMappingURL=chunk-6RXUMBTK.js.map
+//# sourceMappingURL=chunk-6RXUMBTK.js.map