@arbidocs/blocks 0.5.38 → 0.5.40

package/dist/{chunk-4DKI37QQ.js → chunk-YAGSGBVM.js}

@@ -1,22 +1,28 @@
 "use client";
 import { MultiSelect } from './chunk-CQCC7LE7.js';
-import { SchemaForm, workflowRunStatusLabel } from './chunk-7CHI36EP.js';
+import { SchemaForm, PersonPill, workflowRunStatusLabel } from './chunk-7CHI36EP.js';
 import { ScopePicker, FoldSection, AddFilesFirst } from './chunk-2C3I27VI.js';
-import { UploadDropzone } from './chunk-M4S75AEJ.js';
+import { TriStateFilterMenu } from './chunk-G4GLDQLY.js';
+import { UploadDropzone, CellHoverIcon } from './chunk-M4S75AEJ.js';
+import { ToneBadge } from './chunk-5LXQPP2K.js';
+import { SelectionBar, SelectionBarAction } from './chunk-NUNKSZKU.js';
 import { useControllableState } from './chunk-RLWIUUQ5.js';
+import { FilterInput } from './chunk-YU2KUMGE.js';
 import { ActionLink } from './chunk-73DANGPH.js';
 import { GridView } from './chunk-7F5Z4K5W.js';
 import { TabHeader } from './chunk-ABEKUV6L.js';
+import { EmptyState } from './chunk-P6GHJSLR.js';
 import { DEFAULT_STEP_RECORD_LABELS, DEFAULT_STEP_DOCUMENT_LABELS, DEFAULT_STEP_KIND_LABELS, workflowSteps, canAssign, nextAction, validateStep, assigneeName, runFieldsOf, failedUpstream, stepPhase, sendBackTargets, formatDate, shownValue, stepKindOf, stepLevels, waitingDocuments, stepDependencies, reviewInstructions, splitDocRef, isPersonStep, stepFields, useMentionAutocomplete, eventWaitingDocuments, waitingForDocumentsText, StepChip, StepDocumentButton, isRunFinished, stepDocuments, STEP_KIND_ICONS, StepDocumentCards, StepRecord, composeStepPrompt, useElementSize, runFields, StepBadgeMark } from './chunk-THNTNAYI.js';
 import { workflowsForHost, isWorkflowScope, fieldToFrontmatter, workflowFromFrontmatter, defaultInputs, validateInputs, mergeSkillWorkflows, composeWorkflowPrompt } from './chunk-TZGBRLPK.js';
+import { useIsPhone } from './chunk-SLSBJRWW.js';
 import { MentionMenu } from './chunk-GAGYAHYO.js';
 import { useBlocksEnvironment, openDialog, closeDialog, useDialogProps } from './chunk-QZUZPC4J.js';
 import { ModalHeader } from './chunk-TX2ZICS7.js';
 import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
-import { cn, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea, Input, Switch, Button, Collapsible, CollapsibleTrigger, CollapsibleContent, Tooltip, TooltipTrigger, TooltipContent, EntityPill, Card, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Badge, Slider, DialogClose, VisibilityToggle, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandItem, UserEntity, ARBI_MARK_SRC, ProviderIcon, formatFriendlyDate, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, PopoverClose } from '@arbidocs/react/ui';
+import { cn, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea, Input, Switch, Button, Collapsible, CollapsibleTrigger, CollapsibleContent, Tooltip, TooltipTrigger, TooltipContent, EntityPill, Card, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Badge, Slider, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, VisibilityToggle, ThreadVisibilityIcon, DialogClose, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandItem, Checkbox, UserEntity, ARBI_MARK_SRC, ProviderIcon, formatFriendlyDate, DropdownMenuSeparator, PopoverClose } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, forwardRef, useState, useMemo, useRef, useEffect, useCallback, useSyncExternalStore, useLayoutEffect } from 'react';
-import { ChevronDown, ChevronRight, Plus, Trash2, Globe, Terminal, Telescope, ListChecks, FileText, ImageIcon, Brain, Wand2, Glasses, Zap, Sparkles, Reply, Wrench, MessageSquare, Target, Cog, ClipboardList, CornerDownRight, Crown, Milestone, Bookmark, MessageCircleQuestion, Languages, ImagePlus, FilePlus, Bot, Link, Image, List, Search, UserRound, CornerUpLeft, ShieldCheck, Check, Hourglass, Clock, PenLine, X, ExternalLink, Mail, Table2, CheckCircle2, ArrowLeft, Loader2, ArrowRight, RotateCw, GitBranch, AlertTriangle, Library, NotebookPen, GanttChartSquare, Copy, Play, Pencil, Lock, Download, CalendarClock, ArrowUpRight, SendHorizontal, MessagesSquare, Eye, History, ChevronUp, Pause, Activity, MoreVertical, TriangleAlert, CheckSquare, Square, SquareArrowOutUpRight, LayoutGrid, CornerLeftUp, KeyRound, AlertCircle, CheckCheck, CircleDashed, CircleCheck, Hand, BellRing, Flag, RotateCcw, Disc, Phone, UserRoundCog, MessageSquareReply, ChevronLeft } from 'lucide-react';
+import { ChevronDown, ChevronRight, Plus, Trash2, Globe, Terminal, Telescope, ListChecks, FileText, ImageIcon, Brain, Wand2, Glasses, Zap, Sparkles, Reply, Wrench, MessageSquare, Target, Cog, ClipboardList, CornerDownRight, Crown, Milestone, Bookmark, MessageCircleQuestion, Languages, ImagePlus, FilePlus, Bot, Link, Image, List, Search, UserRound, CornerUpLeft, ShieldCheck, Check, Hourglass, Clock, PenLine, X, ExternalLink, Mail, Table2, CheckCircle2, ArrowLeft, Loader2, ArrowRight, RotateCw, GitBranch, AlertTriangle, Library, NotebookPen, GanttChartSquare, Copy, Play, Pencil, Lock, Download, FileX, SkipForward, AlertCircle, KeyRound, Workflow, ChevronsUpDown, ChevronsDownUp, ListTodo, CheckCheck, MoreHorizontal, CalendarClock, ArrowUpRight, SendHorizontal, MessagesSquare, Eye, History, ChevronUp, Pause, Activity, MoreVertical, TriangleAlert, CheckSquare, Square, SquareArrowOutUpRight, LayoutGrid, CornerLeftUp, CircleDashed, RotateCcw, ListPlus, CircleCheck, Hand, BellRing, Flag, Disc, Phone, UserRoundCog, MessageSquareReply, ChevronLeft } from 'lucide-react';
 import { unzip, strFromU8 } from 'fflate';
 import { isSharedSkill, getStepTool, getAgentStepLabel, getCurrentStep } from '@arbidocs/sdk/browser';
 import { toMessageMentions, extractMentions } from '@arbidocs/react/shell';
@@ -4620,6 +4626,215 @@ function TaskPlan({
   );
 }
 
+// src/agents/tasks/elapsed.ts
+function formatElapsed2(startTime, endTime) {
+  const elapsedMs = (endTime || Date.now()) - startTime;
+  if (elapsedMs < 1e3) return `${Math.round(elapsedMs)}ms`;
+  if (elapsedMs < 6e4) return `${Math.round(elapsedMs / 1e3)}s`;
+  if (elapsedMs < 36e5) {
+    const minutes2 = Math.floor(elapsedMs / 6e4);
+    const seconds = Math.round(elapsedMs % 6e4 / 1e3);
+    return seconds > 0 ? `${minutes2}m ${seconds}s` : `${minutes2}m`;
+  }
+  const hours = Math.floor(elapsedMs / 36e5);
+  const minutes = Math.round(elapsedMs % 36e5 / 6e4);
+  return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
+}
+var ACTIVE_STATUSES = /* @__PURE__ */ new Set(["parsing", "encrypting", "indexing", "analysing"]);
+var RUNNING_STATUSES = /* @__PURE__ */ new Set(["queued", ...ACTIVE_STATUSES]);
+var TONES = {
+  completed: { text: "text-green-text", bar: "bg-green-text/90", Icon: Check },
+  failed: { text: "text-red-text", bar: "bg-red-text/90", Icon: X },
+  parsing: { text: "text-blue-text", bar: "bg-blue-text/90", Icon: Loader2 },
+  encrypting: { text: "text-blue-text", bar: "bg-blue-text/90", Icon: Loader2 },
+  indexing: { text: "text-blue-text", bar: "bg-blue-text/90", Icon: Loader2 },
+  analysing: { text: "text-blue-text", bar: "bg-blue-text/90", Icon: Loader2 },
+  queued: { text: "text-yellow-text", bar: "bg-yellow-text/90", Icon: Loader2 },
+  skipped: { text: "text-gray-text", bar: "bg-gray-text/90", Icon: SkipForward },
+  empty: { text: "text-yellow-text", bar: "bg-yellow-text/90", Icon: FileX },
+  "low-content": { text: "text-yellow-text", bar: "bg-yellow-text/90", Icon: AlertTriangle }
+};
+var DEFAULT_TONE = { text: "text-gray-text", bar: "bg-blue-text/90", Icon: Loader2 };
+var DEFAULT_UPLOAD_TASK_ITEM_LABELS = {
+  delete: "Delete",
+  deleteTitle: "Delete file",
+  progress: (fileName) => `${fileName} progress`,
+  status: (status, percent) => `${status.charAt(0).toUpperCase() + status.slice(1)} - ${percent}%`
+};
+function UploadTaskItem({
+  taskId,
+  fileName,
+  status,
+  progress,
+  startTime,
+  endTime,
+  fileIcon,
+  onDelete,
+  testIds,
+  labels,
+  className
+}) {
+  const l = { ...DEFAULT_UPLOAD_TASK_ITEM_LABELS, ...labels };
+  const [elapsed, setElapsed] = useState("");
+  useEffect(() => {
+    if (!startTime) {
+      setElapsed("");
+      return;
+    }
+    if (RUNNING_STATUSES.has(status)) {
+      const tick = () => setElapsed(formatElapsed2(startTime));
+      tick();
+      const interval = setInterval(tick, 1e3);
+      return () => clearInterval(interval);
+    }
+    setElapsed(formatElapsed2(startTime, endTime));
+  }, [startTime, endTime, status]);
+  const percent = progress > 1 ? progress : progress * 100;
+  const tone = TONES[status] ?? DEFAULT_TONE;
+  const StatusIcon2 = tone.Icon;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "mb-2 w-full max-w-full overflow-hidden rounded-md bg-muted p-2 box-border",
+        className
+      ),
+      "data-testid": testIdOr(testIds?.item?.(taskId), { testId: `task-item-${taskId}` }),
+      "data-slot": "upload-task-item",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-1 flex w-full max-w-full items-center gap-2 overflow-hidden", children: [
+          /* @__PURE__ */ jsx("div", { className: cn("shrink-0", tone.text), children: /* @__PURE__ */ jsx(StatusIcon2, { className: cn("size-4", ACTIVE_STATUSES.has(status) && "animate-spin") }) }),
+          fileIcon && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: fileIcon }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "min-w-0 flex-1 truncate text-sm font-medium",
+              title: fileName,
+              "data-testid": testIdOr(testIds?.fileName?.(taskId), { testId: `task-filename-${taskId}` }),
+              children: fileName
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "mb-1 h-2 w-full max-w-full overflow-hidden rounded-md bg-background",
+            "data-testid": testIdOr(testIds?.progressBar?.(taskId), {
+              testId: `task-progress-bar-${taskId}`
+            }),
+            role: "progressbar",
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": Math.round(percent),
+            "aria-label": l.progress(fileName),
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn("h-2 rounded-md transition-all duration-300 ease-in-out", tone.bar),
+                style: { width: `${percent}%` }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-full items-center justify-between overflow-hidden text-sm", children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "truncate text-gray-text",
+              "data-testid": testIdOr(testIds?.status?.(taskId), { testId: `task-status-${taskId}` }),
+              children: [
+                l.status(status, Math.round(percent)),
+                elapsed && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-muted-foreground", children: [
+                  "(",
+                  elapsed,
+                  ")"
+                ] })
+              ]
+            }
+          ),
+          status === "failed" && onDelete && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onDelete(taskId),
+              className: "shrink-0 text-sm text-red-text hover:text-red-text/80 pointer-coarse:min-h-11 pointer-coarse:px-3",
+              title: l.deleteTitle,
+              "data-testid": testIdOr(testIds?.delete?.(taskId), { testId: `delete-task-${taskId}` }),
+              children: l.delete
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var DEFAULT_UPLOAD_TASK_LIST_LABELS = {
+  title: "Active Tasks",
+  empty: "No documents in this category"
+};
+function UploadTaskList({
+  tasks,
+  filter,
+  title,
+  onDelete,
+  renderFileIcon,
+  showEmptyState = true,
+  testIds,
+  labels,
+  itemLabels,
+  className
+}) {
+  const l = { ...DEFAULT_UPLOAD_TASK_LIST_LABELS, ...labels };
+  const heading = title ?? l.title;
+  const safeTasks = typeof tasks === "object" && tasks !== null ? tasks : {};
+  let entries = Object.entries(safeTasks);
+  if (filter) entries = entries.filter(([id, task]) => filter(id, task));
+  if (entries.length === 0) {
+    return showEmptyState ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "text-sm italic text-muted-foreground",
+        "data-testid": testIdOr(testIds?.empty, { testId: "task-list-empty-state" }),
+        children: l.empty
+      }
+    ) : null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": testIdOr(testIds?.root, { testId: "task-status-list" }),
+      "data-slot": "upload-task-list",
+      className: cn("box-border w-full max-w-full", className),
+      children: [
+        heading && /* @__PURE__ */ jsx(
+          "h3",
+          {
+            className: "mb-2 truncate text-sm font-semibold",
+            "data-testid": testIdOr(testIds?.title, { testId: "task-list-title" }),
+            children: heading
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "box-border w-full max-w-full overflow-hidden", children: entries.map(([taskId, task]) => /* @__PURE__ */ jsx(
+          UploadTaskItem,
+          {
+            taskId,
+            fileName: task.fileName,
+            status: task.status,
+            progress: task.progress,
+            startTime: task.startTime,
+            endTime: task.endTime,
+            fileIcon: renderFileIcon?.(task.fileName),
+            onDelete,
+            labels: itemLabels,
+            className: "box-border max-w-full"
+          },
+          taskId
+        )) })
+      ]
+    }
+  );
+}
+
 // src/agents/tasks/rrule.ts
 var WEEKDAYS = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];
 var WEEKDAY_LABELS = {
@@ -4902,6 +5117,322 @@ function goalProgress(task) {
   if (!gs || gs.criteria_total == null) return null;
   return { met: gs.criteria_met ?? 0, total: gs.criteria_total, done: gs.done === true };
 }
+var DEFAULT_TASK_OUTPUTS_CELL_LABELS = {
+  none: "\u2014",
+  open: (count) => `${count} ${count === 1 ? "output" : "outputs"}`,
+  more: (count) => `+${count}`
+};
+function TaskOutputsCell({ id, outputs, onOpen, testId, labels }) {
+  const l = { ...DEFAULT_TASK_OUTPUTS_CELL_LABELS, ...labels };
+  const base = testIdOr(testId, { testId: `task-outputs-${id}` });
+  if (!outputs || outputs.length === 0) {
+    return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", "data-testid": base, "data-state": "none", children: l.none });
+  }
+  const [first] = outputs;
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "h-7 max-w-full gap-1.5 px-2 text-xs",
+        "aria-label": l.open(outputs.length),
+        "data-testid": base,
+        "data-count": outputs.length,
+        children: [
+          /* @__PURE__ */ jsx(FileText, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: first.name }),
+          outputs.length > 1 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: l.more(outputs.length - 1) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: outputs.map((o) => /* @__PURE__ */ jsxs(
+      DropdownMenuItem,
+      {
+        onSelect: () => onOpen(o.id),
+        "data-testid": `task-output-${id}-${o.id}`,
+        children: [
+          /* @__PURE__ */ jsx(FileText, { className: "mr-2 size-4", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: o.name })
+        ]
+      },
+      o.id
+    )) })
+  ] });
+}
+function TaskMoveDialog({
+  open,
+  onOpenChange,
+  options,
+  currentParentId,
+  onPick,
+  labels,
+  testId
+}) {
+  const [query, setQuery] = useState("");
+  const id = testIdOr(testId, { testId: "task-move" });
+  const q = query.trim().toLowerCase();
+  const shown = q ? options.filter((o) => o.label.toLowerCase().includes(q)) : options;
+  const pick = (parentId) => {
+    onPick(parentId);
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) setQuery("");
+        onOpenChange(next);
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { presentation: "sheet", className: "max-h-[80dvh] sm:max-w-md", "data-testid": id, children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: labels.title }),
+          /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: labels.title })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: query,
+            placeholder: labels.search,
+            "aria-label": labels.search,
+            onChange: (e) => setQuery(e.target.value),
+            "data-testid": `${id}-search`
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "ul",
+          {
+            className: "flex max-h-[50dvh] flex-col gap-1 overflow-y-auto",
+            "data-testid": `${id}-list`,
+            children: [
+              !q && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "h-9 w-full justify-start gap-2 pointer-coarse:h-11",
+                  disabled: !currentParentId,
+                  onClick: () => pick(null),
+                  "data-testid": `${id}-none`,
+                  children: labels.none
+                }
+              ) }),
+              shown.map((o) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "h-9 w-full justify-start gap-2 pointer-coarse:h-11",
+                  disabled: o.id === currentParentId,
+                  onClick: () => pick(o.id),
+                  "data-testid": `${id}-option-${o.id}`,
+                  children: [
+                    /* @__PURE__ */ jsx(CornerDownRight, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: o.label })
+                  ]
+                }
+              ) }, o.id)),
+              shown.length === 0 && /* @__PURE__ */ jsx("li", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: labels.empty })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: labels.cancel }) })
+      ] })
+    }
+  );
+}
+var DEFAULT_TASK_STATUS_PILL_LABELS = {
+  waitingForAccess: "Waiting for access",
+  lastRunFailed: "Last run failed",
+  failed: "Failed"
+};
+var ICON = "size-3";
+function StatusIcon({ status }) {
+  switch (status) {
+    case "generating":
+      return /* @__PURE__ */ jsx(Loader2, { className: `${ICON} animate-spin`, "aria-hidden": true });
+    case "done":
+      return /* @__PURE__ */ jsx(Check, { className: ICON, "aria-hidden": true });
+    case "chat":
+      return /* @__PURE__ */ jsx(MessageSquare, { className: ICON, "aria-hidden": true });
+    default:
+      return /* @__PURE__ */ jsx(CircleDashed, { className: ICON, "aria-hidden": true });
+  }
+}
+function useNow(active) {
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
+    if (!active) return;
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, [active]);
+  return now;
+}
+function TaskStatusPill({
+  id,
+  status,
+  runStartedAt,
+  lastError,
+  awaitingAccess = false,
+  testId,
+  labels,
+  hint
+}) {
+  const l = { ...DEFAULT_TASK_STATUS_PILL_LABELS, ...labels };
+  const key = asTaskStatus(status);
+  const generating = key === "generating";
+  const now = useNow(generating && Boolean(runStartedAt));
+  const started = runStartedAt ? Date.parse(runStartedAt) : NaN;
+  let text2 = STATUS_LABELS[key];
+  let tone = STATUS_TONE[key];
+  if (awaitingAccess) {
+    text2 = l.waitingForAccess;
+    tone = "danger";
+  }
+  const elapsed = generating && !Number.isNaN(started) ? formatElapsed2(started, now) : null;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", "data-slot": "task-status", title: hint, children: [
+    /* @__PURE__ */ jsxs(
+      ToneBadge,
+      {
+        tone,
+        icon: /* @__PURE__ */ jsx(StatusIcon, { status: key }),
+        "data-status": key,
+        "data-testid": testIdOr(testId, { testId: `task-status-${id}` }),
+        children: [
+          text2,
+          elapsed && /* @__PURE__ */ jsxs("span", { className: "tabular-nums opacity-70", children: [
+            "\xB7 ",
+            elapsed
+          ] })
+        ]
+      }
+    ),
+    lastError && !generating && /* @__PURE__ */ jsxs(
+      "span",
+      {
+        role: "img",
+        "aria-label": l.lastRunFailed,
+        title: `${l.lastRunFailed}: ${lastError}`,
+        className: "inline-flex shrink-0 items-center gap-1 text-xs font-medium text-red-text",
+        "data-testid": `task-error-${id}`,
+        children: [
+          /* @__PURE__ */ jsx(AlertCircle, { className: "size-3.5", "aria-hidden": true }),
+          l.failed
+        ]
+      }
+    )
+  ] });
+}
+
+// src/agents/tasks/taskColumns.tsx
+var ACTIONS_WIDTH = 160;
+var NARROW_ACTIONS_WIDTH = 56;
+var TASK_COLUMN_ORDER = [
+  "name",
+  "owner",
+  "due",
+  "status",
+  "outputs",
+  "shared",
+  "actions"
+];
+var keepOrder = () => 0;
+function cell(render) {
+  return (params) => params.data ? render(params.data) : null;
+}
+function createTaskColumns(o) {
+  const l = o.labels;
+  const sortable = {
+    sortable: true,
+    comparator: keepOrder,
+    sortingOrder: ["asc", "desc", null]
+  };
+  const base = {
+    sortable: false,
+    suppressMovable: true,
+    // Keyboard focus lands on the name cell only (arrow keys expand and collapse sub-tasks there).
+    suppressNavigable: true,
+    cellStyle: { display: "flex", alignItems: "center" }
+  };
+  const name = {
+    ...base,
+    colId: "name",
+    ...sortable,
+    suppressNavigable: false,
+    headerName: l.colTask,
+    flex: 3,
+    minWidth: 200,
+    cellRenderer: cell(o.renderName)
+  };
+  const shared = {
+    ...base,
+    colId: "shared",
+    headerName: l.colShared,
+    headerTooltip: l.shared,
+    width: 90,
+    cellStyle: { display: "flex", alignItems: "center", justifyContent: "center" },
+    valueGetter: (p) => p.data?.task.is_shared ?? false,
+    cellRenderer: cell(o.renderShared)
+  };
+  const actions = () => ({
+    ...base,
+    colId: "actions",
+    headerName: "",
+    // Always in view, even if the rest has to scroll.
+    pinned: "right",
+    lockPinned: true,
+    width: o.narrow ? NARROW_ACTIONS_WIDTH : ACTIONS_WIDTH,
+    minWidth: NARROW_ACTIONS_WIDTH,
+    cellStyle: { display: "flex", alignItems: "center", justifyContent: "flex-end" },
+    cellRenderer: cell(o.renderActions)
+  });
+  return [
+    name,
+    {
+      ...base,
+      colId: "owner",
+      ...sortable,
+      headerName: l.colOwner,
+      headerTooltip: l.ownerHint,
+      flex: 1.4,
+      minWidth: 150,
+      valueGetter: (p) => p.data ? o.getOwnerName(p.data) : "",
+      cellRenderer: cell(o.renderOwner)
+    },
+    {
+      ...base,
+      colId: "due",
+      ...sortable,
+      headerName: l.colDue,
+      flex: 1,
+      minWidth: 140,
+      valueGetter: (p) => p.data?.task.due_at ?? "",
+      cellRenderer: cell(o.renderDue)
+    },
+    {
+      ...base,
+      colId: "status",
+      ...sortable,
+      headerName: l.colStatus,
+      // Wide enough for "Generating" and "Waiting for access" in full, with the elapsed time.
+      flex: 1.3,
+      minWidth: 170,
+      valueGetter: (p) => p.data?.task.status ?? "",
+      cellRenderer: cell(o.renderStatus)
+    },
+    ...o.showOutputs ? [
+      {
+        ...base,
+        colId: "outputs",
+        headerName: l.colOutputs,
+        flex: 1.2,
+        minWidth: 130,
+        cellRenderer: cell(o.renderOutputs)
+      }
+    ] : [],
+    shared,
+    actions()
+  ];
+}
 
 // src/agents/tasks/taskRows.ts
 var MAX_TASK_DEPTH = 5;
@@ -5033,12 +5564,1219 @@ function buildTaskRows(tasks, filter, collapsed, compare, options = {}) {
       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 (cache2) {
-    for (const id of [...cache2.keys()]) if (!used.has(id)) cache2.delete(id);
-  }
-  return rows;
+  const ordered = [...STATUS_ORDER, "sorted"].flatMap((s) => sections.get(s) ?? []);
+  ordered.forEach((node, i) => walk(node, null, ordered.length, i + 1));
+  if (cache2) {
+    for (const id of [...cache2.keys()]) if (!used.has(id)) cache2.delete(id);
+  }
+  return rows;
+}
+
+// src/agents/tasks/taskTableLabels.ts
+var DEFAULT_TASK_LIST_LABELS = {
+  filterAll: "All",
+  emptyTitle: "No tasks yet",
+  emptyMessage: "Use New to add one: just type what you need, or add a due date. Automations that create tasks live on the Workflows page. You always decide when a task is done.",
+  noMatches: "No tasks match.",
+  due: (when) => when,
+  overdue: (when) => `${when} \xB7 overdue`,
+  agent: "Agent",
+  colTask: "Task",
+  colOwner: "Owner",
+  ownerHint: "Who created the task. They are notified when its run finishes.",
+  colOutputs: "Outputs",
+  preparedBy: (agent) => `Prepared by ${agent}`,
+  colDue: "Due",
+  colStatus: "Status",
+  me: "Me",
+  someone: "Someone",
+  noDue: "\u2014",
+  colShared: "Shared",
+  shared: "Shared with the workspace",
+  sharedOwnerOnly: "Only the creator can change who can see this",
+  deleteOwnerOnly: "Only the creator or workspace owner can delete this",
+  goalMet: (met, total) => `${met}/${total} met`,
+  subtasksDone: (done, total) => `${done}/${total} sub-tasks done`,
+  expandSubtasks: "Show sub-tasks",
+  collapseSubtasks: "Hide sub-tasks",
+  selectAll: "Select all tasks",
+  selectTask: (name) => `Select ${name}`,
+  markDone: "Mark done",
+  reopen: "Reopen",
+  markDoneMany: "Mark done",
+  markDoneManyHint: "Marks the selected tasks done.",
+  deleteMany: "Delete",
+  moveTo: "Move to\u2026",
+  untitled: "Untitled task",
+  fromWorkflow: (name) => `From \u201C${name}\u201D`,
+  searchLabel: "Search tasks",
+  searchPlaceholder: "Search tasks\u2026",
+  expandAll: "Expand all",
+  collapseAll: "Collapse all",
+  moveToTitle: (name) => `Move \u201C${name}\u201D to\u2026`,
+  moveToNone: "No parent (top level)",
+  moveToSearch: "Search tasks\u2026",
+  moveToEmpty: "No task to move it under.",
+  moveToCancel: "Cancel",
+  subtasksSelected: (count) => `${count} ${count === 1 ? "sub-task" : "sub-tasks"} included`,
+  addSubtask: "Add sub-task",
+  edit: "Edit",
+  rename: "Rename",
+  delete: "Delete",
+  grantAccess: "Allow access and continue",
+  allowAccess: "Allow access",
+  moreActions: "More actions",
+  activity: "Activity",
+  statusHint: (status, ago) => `${status} \xB7 ${ago}`,
+  status: {}
+};
+function TaskRowMenu({
+  task,
+  status,
+  busy,
+  isOwner,
+  canAdmin,
+  canEdit,
+  labels,
+  canMarkDone = canEdit,
+  canReopen = canEdit,
+  selected = false,
+  onToggleSelected,
+  onMarkDone,
+  onReopen,
+  onAddSubtask,
+  onEdit,
+  onDelete,
+  onMoveTo,
+  onOpenActivity,
+  onToggleShared,
+  onGrantAccess
+}) {
+  const [open, setOpen] = useState(false);
+  const id = task.external_id;
+  const isChat = status === "chat";
+  const done = status === "done";
+  return /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "size-8 pointer-coarse:size-11",
+        "aria-label": labels.moreActions,
+        "data-testid": `task-menu-${id}`,
+        children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4", "aria-hidden": true })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+      onToggleSelected && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: onToggleSelected, "data-testid": `task-select-${id}`, children: selected ? "Deselect task" : "Select task" }),
+      isOwner && onGrantAccess && task.pending_auth_request_id && /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onSelect: onGrantAccess,
+          "data-testid": `task-grant-${id}`,
+          className: "text-destructive",
+          children: [
+            /* @__PURE__ */ jsx(KeyRound, { className: "mr-2 size-4", "aria-hidden": true }),
+            labels.grantAccess
+          ]
+        }
+      ),
+      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,
+          onSelect: onMarkDone,
+          "data-testid": `task-mark-done-${id}`,
+          children: [
+            /* @__PURE__ */ jsx(CheckCheck, { className: "mr-2 size-4", "aria-hidden": true }),
+            labels.markDone
+          ]
+        }
+      ),
+      !isChat && onOpenActivity && /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onOpenActivity, "data-testid": `task-activity-${id}`, children: [
+        /* @__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
+      ] }),
+      canEdit && onMoveTo && /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onMoveTo, "data-testid": `task-move-${id}`, children: [
+        /* @__PURE__ */ jsx(CornerDownRight, { className: "mr-2 size-4", "aria-hidden": true }),
+        labels.moveTo
+      ] }),
+      canEdit && /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onEdit, "data-testid": `task-edit-${id}`, children: [
+        /* @__PURE__ */ jsx(Pencil, { className: "mr-2 size-4", "aria-hidden": true }),
+        isChat ? labels.rename : labels.edit
+      ] }),
+      canEdit && onDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            disabled: busy || !canAdmin,
+            onSelect: onDelete,
+            title: canAdmin ? void 0 : labels.deleteOwnerOnly,
+            className: "text-destructive focus:text-destructive",
+            "data-testid": `task-delete-${id}`,
+            children: [
+              /* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4", "aria-hidden": true }),
+              labels.delete
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/agents/tasks/gridWidth.ts
+function applyColumnWidthRules(api, gridWidth, rules) {
+  for (const rule of rules) {
+    if (api.getColumn(rule.colId)) api.setColumnsVisible([rule.colId], gridWidth >= rule.minWidth);
+  }
+}
+var ROW_HEIGHT = 56;
+var NARROW_ROW_HEIGHT = 76;
+var MAX_INDENT_DEPTH = 4;
+var ANIMATE_ROWS_UP_TO = 500;
+var NARROW_GRID = 640;
+var WIDTH_RULES = [
+  { colId: "shared", minWidth: 1050 },
+  { colId: "due", minWidth: 850 },
+  { colId: "outputs", minWidth: 930 },
+  { colId: "owner", minWidth: 730 },
+  { colId: "status", minWidth: NARROW_GRID }
+];
+function statusHint(task, ctx) {
+  const { props: p, l } = ctx;
+  if (!p.formatRelative || !task.updated_at) return void 0;
+  const key = asTaskStatus(task.status);
+  const pill = { ...DEFAULT_TASK_STATUS_PILL_LABELS, ...p.statusPillLabels };
+  const label = task.pending_auth_request_id ? pill.waitingForAccess : STATUS_LABELS[key];
+  return l.statusHint(label, p.formatRelative(task.updated_at));
+}
+function TaskTable(props) {
+  const { tasks: allTasks, isLoading, busyId, header, testId } = props;
+  const l = {
+    ...DEFAULT_TASK_LIST_LABELS,
+    ...props.labels,
+    status: { ...STATUS_LABELS, ...props.labels?.status }
+  };
+  const [filter, setFilter] = useState("all");
+  const [query, setQuery] = useState("");
+  const [collapsed, setCollapsed] = useState(/* @__PURE__ */ new Set());
+  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
+  const [sort, setSort] = useState(null);
+  const [moving, setMoving] = useState(null);
+  const tasks = allTasks;
+  const apiRef = useRef(null);
+  const [narrow, setNarrow] = useState(false);
+  const rowCache = useRef(/* @__PURE__ */ new Map());
+  const tree = useMemo(() => indexTasks(tasks), [tasks]);
+  const peopleNames = useMemo(
+    () => new Map((props.people ?? []).map((p) => [p.id, p.label])),
+    [props.people]
+  );
+  const nameOf = (task) => task.title?.trim() || task.workflow_ext_id && props.workflowNames?.[task.workflow_ext_id] || l.untitled;
+  const owner = (task) => {
+    const id = ownerExtId(task);
+    const mine = task.is_owner !== false;
+    return {
+      id,
+      label: mine ? l.me : (id && peopleNames.get(id)) ?? l.someone,
+      isMe: mine
+    };
+  };
+  const starter = (task) => {
+    const id = task.created_by_ext_id ?? task.owner_ext_id;
+    const mine = task.is_owner !== false;
+    return {
+      id,
+      label: mine ? l.me : (id && peopleNames.get(id)) ?? l.someone,
+      isMe: mine
+    };
+  };
+  const renderPerson = props.renderPerson ?? ((person) => /* @__PURE__ */ jsx(PersonPill, { person }));
+  const q = (query.trim() || (props.filterText ?? "").trim()).toLowerCase();
+  const counts = useMemo(() => {
+    const map = new Map(STATUS_ORDER.map((s) => [s, 0]));
+    let all = 0;
+    for (const task of tasks) {
+      const text2 = `${nameOf(task)} ${task.description ?? ""}`.toLowerCase();
+      if (q && !text2.includes(q)) continue;
+      all += 1;
+      const s = asTaskStatus(task.status);
+      map.set(s, (map.get(s) ?? 0) + 1);
+    }
+    map.set("all", all);
+    return map;
+  }, [tasks, q, props.workflowNames, l.untitled]);
+  const compare = useMemo(() => {
+    if (!sort) return void 0;
+    const keys = /* @__PURE__ */ new Map();
+    const compute = (t) => {
+      switch (sort.colId) {
+        case "name":
+          return nameOf(t).toLowerCase();
+        case "owner":
+          return owner(t).label.toLowerCase();
+        case "updated":
+          return t.updated_at ? Date.parse(t.updated_at) : 0;
+        case "messages":
+          return t.message_count ?? 0;
+        case "due":
+          return t.due_at ? Date.parse(t.due_at) : Number.POSITIVE_INFINITY;
+        default:
+          return STATUS_ORDER.indexOf(asTaskStatus(t.status));
+      }
+    };
+    const key = (t) => {
+      let k = keys.get(t);
+      if (k === void 0) {
+        k = compute(t);
+        keys.set(t, k);
+      }
+      return k;
+    };
+    const sign = sort.dir === "asc" ? 1 : -1;
+    return (a, b) => {
+      const [x, y] = [key(a), key(b)];
+      if (typeof x === "number" && typeof y === "number") return (x - y) * sign;
+      return String(x).localeCompare(String(y)) * sign;
+    };
+  }, [
+    sort,
+    peopleNames,
+    props.agentNames,
+    props.workflowNames,
+    l.me,
+    l.agent,
+    l.someone,
+    l.untitled
+  ]);
+  const rows = useMemo(
+    () => buildTaskRows(tasks, filter, collapsed, compare, {
+      query: query.trim() || props.filterText,
+      titleOf: nameOf,
+      cache: rowCache.current
+    }),
+    // nameOf reads the labels and workflow names the table was given.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [tasks, filter, collapsed, compare, query, props.filterText, props.workflowNames, l.untitled]
+  );
+  const selectedRows = useMemo(
+    () => rows.filter((r) => selectedIds.has(r.external_id)),
+    [rows, selectedIds]
+  );
+  const selectedTasks = useMemo(
+    () => tasks.filter((t) => selectedIds.has(t.external_id)),
+    [tasks, selectedIds]
+  );
+  const subtasksIncluded = useMemo(
+    () => selectedTasks.filter((t) => {
+      const parent = tree.parentOf.get(t.external_id);
+      return parent !== void 0 && selectedIds.has(parent);
+    }).length,
+    [selectedTasks, selectedIds, tree]
+  );
+  const markable = selectedTasks.filter(
+    (t) => t.status != null && (t.is_owner !== false || props.canEditShared) && isPlainTodo(t) && asTaskStatus(t.status) !== "done"
+  );
+  const deletable = selectedTasks.filter((t) => t.is_owner !== false || props.isWorkspaceOwner);
+  const rowsRef = useRef(rows);
+  rowsRef.current = rows;
+  const handleSelectionChange = (picked) => {
+    const visible = new Set(rowsRef.current.map((r) => r.external_id));
+    const pickedIds = new Set(picked.map((r) => r.external_id));
+    setSelectedIds((prev) => {
+      const added = [...pickedIds].filter((id) => !prev.has(id));
+      const removed = [...prev].filter((id) => visible.has(id) && !pickedIds.has(id));
+      if (added.length === 0 && removed.length === 0) return prev;
+      const next = new Set(prev);
+      for (const id of added) {
+        next.add(id);
+        for (const d of descendantIds(tree, id)) next.add(d);
+      }
+      for (const id of removed) {
+        next.delete(id);
+        for (const d of descendantIds(tree, id)) next.delete(d);
+        for (let at = tree.parentOf.get(id); at; at = tree.parentOf.get(at)) next.delete(at);
+      }
+      return next;
+    });
+  };
+  const setExpanded = (id, expanded) => setCollapsed((prev) => {
+    if (prev.has(id) === !expanded) return prev;
+    const next = new Set(prev);
+    if (expanded) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  const expandAll = () => setCollapsed(/* @__PURE__ */ new Set());
+  const collapseAll = () => setCollapsed(new Set(tree.kids.keys()));
+  const latest = useRef({ props, l, owner, starter, renderPerson, nameOf, setExpanded, narrow });
+  latest.current = { props, l, owner, starter, renderPerson, nameOf, setExpanded, narrow };
+  const showOutputs = Object.values(props.outputsByTask ?? {}).some((o) => o.length > 0);
+  const columnDefs = useMemo(
+    () => createTaskColumns({
+      narrow,
+      labels: l,
+      getOwnerName: (row) => latest.current.owner(row.task).label,
+      renderName: (row) => {
+        const { l: lb, props: p, nameOf: name } = latest.current;
+        const { task, depth, childStats, expanded } = row;
+        const id = task.external_id;
+        const status = asTaskStatus(task.status);
+        const goal = goalProgress(task);
+        const workflowName = task.workflow_ext_id ? p.workflowNames?.[task.workflow_ext_id] : null;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex min-w-0 flex-1 items-center gap-1.5",
+            style: depth > 0 ? { paddingLeft: `${Math.min(depth, MAX_INDENT_DEPTH) * 1.5}rem` } : void 0,
+            "data-depth": depth,
+            "aria-level": depth + 1,
+            "aria-setsize": row.setSize,
+            "aria-posinset": row.posInSet,
+            "data-context": row.context || void 0,
+            children: [
+              childStats ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => latest.current.setExpanded(id, !expanded),
+                  "aria-expanded": expanded,
+                  "aria-label": expanded ? lb.collapseSubtasks : lb.expandSubtasks,
+                  className: "flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground",
+                  "data-testid": `task-expand-${id}`,
+                  children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-4", "aria-hidden": true }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": true })
+                }
+              ) : depth > 0 ? /* @__PURE__ */ jsx("span", { className: "size-5 shrink-0", "aria-hidden": true }) : null,
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 leading-tight", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => latest.current.props.onOpenThread(id, task),
+                      title: task.agent_ext_id ? lb.preparedBy(p.agentNames?.[task.agent_ext_id] || lb.agent) : void 0,
+                      className: cn(
+                        // The title has priority: it keeps at least 12 characters before it ellipsises.
+                        "min-w-[12ch] truncate text-left text-sm font-medium hover:underline focus-visible:underline focus-visible:outline-none",
+                        status === "done" && "text-muted-foreground line-through"
+                      ),
+                      "data-testid": `task-name-${id}`,
+                      children: name(task)
+                    }
+                  ),
+                  goal && /* @__PURE__ */ jsxs(
+                    ToneBadge,
+                    {
+                      tone: goal.done ? "success" : "neutral",
+                      "data-testid": `task-goal-progress-${id}`,
+                      children: [
+                        goal.done ? "\u2713 " : "",
+                        lb.goalMet(goal.met, goal.total)
+                      ]
+                    }
+                  )
+                ] }),
+                latest.current.narrow && /* @__PURE__ */ jsx("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx(
+                  TaskStatusPill,
+                  {
+                    id,
+                    status,
+                    runStartedAt: task.run_started_at,
+                    lastError: task.last_error,
+                    awaitingAccess: Boolean(task.pending_auth_request_id),
+                    labels: p.statusPillLabels
+                  }
+                ) }),
+                (task.description || workflowName || childStats) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 text-xs text-muted-foreground", children: [
+                  task.description ? /* @__PURE__ */ jsx("p", { className: "min-w-0 truncate", children: task.description }) : workflowName ? /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: "inline-flex min-w-0 items-center gap-1.5",
+                      "data-testid": `task-workflow-${id}`,
+                      children: [
+                        /* @__PURE__ */ jsx(Workflow, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+                        /* @__PURE__ */ jsx("span", { className: "truncate", children: lb.fromWorkflow(workflowName) })
+                      ]
+                    }
+                  ) : null,
+                  childStats && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "shrink-0 tabular-nums",
+                      "data-testid": `task-subtask-progress-${id}`,
+                      children: lb.subtasksDone(childStats.done, childStats.total)
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        );
+      },
+      // Who has the next step: the person pill, with the "Me" treatment. A plain chat is its starter's.
+      renderOwner: (row) => /* @__PURE__ */ jsx("span", { "data-testid": `task-owner-${row.external_id}`, className: "flex min-w-0", children: latest.current.renderPerson(
+        row.task.status ? latest.current.owner(row.task) : latest.current.starter(row.task)
+      ) }),
+      renderDue: (row) => {
+        const { l: lb, props: p } = latest.current;
+        const { task } = row;
+        const dueMs = task.due_at ? Date.parse(task.due_at) : NaN;
+        const overdue = asTaskStatus(task.status) !== "done" && !Number.isNaN(dueMs) && dueMs < Date.now();
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "truncate text-sm",
+              overdue ? "font-medium text-red-text" : "text-muted-foreground"
+            ),
+            "data-testid": `task-due-${task.external_id}`,
+            "data-overdue": overdue,
+            children: task.due_at ? overdue ? lb.overdue(p.formatDate(task.due_at)) : lb.due(p.formatDate(task.due_at)) : lb.noDue
+          }
+        );
+      },
+      renderShared: (row) => {
+        const { l: lb, props: p } = latest.current;
+        const { task } = row;
+        if (!p.onToggleShared) return null;
+        return /* @__PURE__ */ jsx(
+          VisibilityToggle,
+          {
+            items: { shared: task.is_shared ?? false },
+            onToggle: (shouldShare) => latest.current.props.onToggleShared?.(task, shouldShare),
+            disabled: task.is_owner === false,
+            disabledTooltip: lb.sharedOwnerOnly,
+            showLabel: false,
+            "data-testid": `task-shared-${task.external_id}`
+          }
+        );
+      },
+      showOutputs,
+      renderOutputs: (row) => /* @__PURE__ */ jsx(
+        TaskOutputsCell,
+        {
+          id: row.external_id,
+          outputs: latest.current.props.outputsByTask?.[row.external_id],
+          onOpen: (docId) => latest.current.props.onOpenOutput?.(docId, row.task),
+          labels: latest.current.props.outputsLabels
+        }
+      ),
+      renderStatus: (row) => /* @__PURE__ */ jsx(
+        TaskStatusPill,
+        {
+          id: row.external_id,
+          status: asTaskStatus(row.task.status),
+          runStartedAt: row.task.run_started_at,
+          lastError: row.task.last_error,
+          awaitingAccess: Boolean(row.task.pending_auth_request_id),
+          labels: latest.current.props.statusPillLabels,
+          hint: statusHint(row.task, latest.current)
+        }
+      ),
+      renderActions: (row) => {
+        const { l: lb, props: p } = latest.current;
+        const { task } = row;
+        const id = task.external_id;
+        const status = asTaskStatus(task.status);
+        const busy = p.busyId === id;
+        const isOwner = task.is_owner !== false;
+        const canEdit = isOwner || Boolean(p.canEditShared);
+        const canAdmin = isOwner || Boolean(p.isWorkspaceOwner);
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+          !latest.current.narrow && isOwner && task.pending_auth_request_id && p.onGrantAccess && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "sm",
+              className: "h-8 gap-1.5 pointer-coarse:h-11",
+              onClick: () => p.onGrantAccess?.(task),
+              "data-testid": `task-allow-access-${id}`,
+              children: [
+                /* @__PURE__ */ jsx(KeyRound, { className: "size-3.5", "aria-hidden": true }),
+                lb.allowAccess
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TaskRowMenu,
+            {
+              task,
+              status,
+              busy,
+              isOwner,
+              canAdmin,
+              canEdit,
+              labels: lb,
+              onMarkDone: () => p.onMarkDone(task),
+              onReopen: () => p.onReopen(task),
+              onAddSubtask: p.onAddSubtask ? () => p.onAddSubtask?.(task) : void 0,
+              onMoveTo: p.onMove ? () => setMoving(task) : void 0,
+              onEdit: () => p.onEdit(task),
+              onDelete: () => p.onDelete(task),
+              onOpenActivity: p.onOpenActivity ? () => p.onOpenActivity?.(task) : void 0,
+              onGrantAccess: p.onGrantAccess ? () => p.onGrantAccess?.(task) : void 0
+            }
+          )
+        ] });
+      }
+    }),
+    // Stable on purpose: only the header texts rebuild the columns (see `latest`).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      l.colTask,
+      l.colOwner,
+      l.colDue,
+      l.colStatus,
+      l.colShared,
+      l.colOutputs,
+      l.shared,
+      showOutputs,
+      narrow
+    ]
+  );
+  useEffect(() => {
+    apiRef.current?.refreshCells({ force: true });
+  }, [
+    busyId,
+    props.people,
+    props.agentNames,
+    props.workflowNames,
+    props.outputsByTask,
+    props.renderPerson,
+    props.labels,
+    props.canEditShared,
+    props.isWorkspaceOwner,
+    narrow
+  ]);
+  const animate = rows.length <= ANIMATE_ROWS_UP_TO;
+  const gridOptions = useMemo(
+    () => ({
+      suppressClickEdit: true,
+      // Keyboard focus lives on the name column only (the others are not navigable): ArrowRight
+      // opens a task's sub-tasks and ArrowLeft closes them, or steps up to the parent.
+      suppressCellFocus: false,
+      suppressColumnVirtualisation: true,
+      animateRows: animate,
+      getRowClass: (p) => p.data?.context ? "opacity-60" : void 0,
+      // The grid shows and reports the sort; the table orders each level (see buildTaskRows).
+      onSortChanged: (event) => {
+        const sorted = event.api.getColumnState().find((c) => c.sort);
+        setSort(
+          sorted?.colId ? { colId: sorted.colId, dir: sorted.sort ?? "asc" } : null
+        );
+      },
+      onGridSizeChanged: (event) => {
+        applyColumnWidthRules(event.api, event.clientWidth, WIDTH_RULES);
+        setNarrow(event.clientWidth < NARROW_GRID);
+      },
+      onCellKeyDown: (event) => {
+        const row = event.data;
+        const key = event.event?.key;
+        if (!row || event.column.getColId() !== "name") return;
+        if (key === "ArrowRight" && row.childStats && !row.expanded) {
+          event.event?.preventDefault();
+          latest.current.setExpanded(row.external_id, true);
+        } else if (key === "ArrowLeft") {
+          if (row.childStats && row.expanded) {
+            event.event?.preventDefault();
+            latest.current.setExpanded(row.external_id, false);
+          } else if (row.parentId) {
+            event.event?.preventDefault();
+            const parent = event.api.getRowNode(row.parentId);
+            if (parent?.rowIndex != null) {
+              event.api.ensureIndexVisible(parent.rowIndex);
+              event.api.setFocusedCell(parent.rowIndex, "name");
+            }
+          }
+        }
+      }
+    }),
+    [animate]
+  );
+  const clearSelection = () => setSelectedIds(/* @__PURE__ */ new Set());
+  const filterKeys = ["all", ...STATUS_ORDER].filter(
+    (key) => key !== "chat" || (counts.get(key) ?? 0) > 0
+  );
+  const hasChildren = tree.kids.size > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col gap-3",
+      "data-testid": testIdOr(testId, { testId: "task-list" }),
+      children: [
+        header,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { role: "tablist", "aria-label": "Filter tasks", className: "flex flex-wrap gap-1.5", children: filterKeys.map((key) => {
+            const count = counts.get(key) ?? 0;
+            const isSelected = filter === key;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                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": `task-filter-${key}`,
+                children: [
+                  key === "all" ? l.filterAll : l.status[key],
+                  /* @__PURE__ */ jsx("span", { className: "tabular-nums opacity-70", children: count })
+                ]
+              },
+              key
+            );
+          }) }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "search",
+              value: query,
+              onChange: (e) => setQuery(e.target.value),
+              placeholder: l.searchPlaceholder,
+              "aria-label": l.searchLabel,
+              className: "h-8 max-w-56 text-xs pointer-coarse:h-11",
+              "data-testid": "task-search"
+            }
+          ),
+          hasChildren && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex gap-1", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                className: "h-8 gap-1.5 text-xs pointer-coarse:h-11",
+                onClick: expandAll,
+                "data-testid": "task-expand-all",
+                children: [
+                  /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-3.5", "aria-hidden": true }),
+                  l.expandAll
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                className: "h-8 gap-1.5 text-xs pointer-coarse:h-11",
+                onClick: collapseAll,
+                "data-testid": "task-collapse-all",
+                children: [
+                  /* @__PURE__ */ jsx(ChevronsDownUp, { className: "size-3.5", "aria-hidden": true }),
+                  l.collapseAll
+                ]
+              }
+            )
+          ] })
+        ] }),
+        tasks.length === 0 && !isLoading ? /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            icon: ListTodo,
+            title: l.emptyTitle,
+            description: l.emptyMessage,
+            testId: "task-list-empty"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+          GridView,
+          {
+            testId: "task-grid",
+            gridId: props.gridId ?? "tasks-grid-v4",
+            items: rows,
+            columnDefs,
+            getItemId: (row) => row.external_id,
+            getRowTestId: (row) => `task-row-${row.external_id}`,
+            isLoading,
+            showEmpty: rows.length === 0,
+            emptyState: { title: l.noMatches },
+            rowHeight: narrow ? NARROW_ROW_HEIGHT : ROW_HEIGHT,
+            height: "100%",
+            onGridReady: ({ api }) => {
+              apiRef.current = api;
+            },
+            selection: {
+              mode: "multiple",
+              controlled: true,
+              selected: selectedRows,
+              onSelectionChange: handleSelectionChange
+            },
+            gridOptions
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          SelectionBar,
+          {
+            count: selectedTasks.length,
+            onClear: clearSelection,
+            status: selectedTasks.length > 0 && subtasksIncluded > 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", "data-testid": "task-selection-subtasks", children: l.subtasksSelected(subtasksIncluded) }) : void 0,
+            children: (isCompact) => /* @__PURE__ */ jsxs(Fragment, { children: [
+              props.selectionActions?.(selectedTasks, isCompact, clearSelection),
+              props.onMarkDoneMany && /* @__PURE__ */ jsx(
+                SelectionBarAction,
+                {
+                  icon: CheckCheck,
+                  label: l.markDoneMany,
+                  onClick: () => {
+                    props.onMarkDoneMany?.(markable);
+                    clearSelection();
+                  },
+                  disabled: markable.length === 0,
+                  isCompact,
+                  tooltip: l.markDoneManyHint,
+                  testId: "task-bulk-done"
+                }
+              ),
+              props.onDeleteMany && /* @__PURE__ */ jsx(
+                SelectionBarAction,
+                {
+                  icon: Trash2,
+                  label: l.deleteMany,
+                  onClick: () => {
+                    props.onDeleteMany?.(deletable);
+                    clearSelection();
+                  },
+                  disabled: deletable.length === 0,
+                  isCompact,
+                  className: "border-red-border text-red-text hover:bg-red-bg hover:text-red-text",
+                  testId: "task-bulk-delete"
+                }
+              )
+            ] })
+          }
+        ),
+        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 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 === "todo" ? 1 : t.status === "generating" ? 2 : 3;
+    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" && /* @__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,
+                  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: "done",
+                    label: "Completed",
+                    count: all.filter((t) => t.status === "done").length
+                  }
+                ],
+                groups: [{ label: "Status", options: ["todo", "generating", "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 and outputs 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
+        }
+      }
+    )
+  ] });
 }
 var DEFAULT_THREAD_STATE_LABELS = {
   generating: "Generating",
@@ -5096,6 +6834,220 @@ function ThreadStatusLine({
     }
   );
 }
+function filterConversationRows(conversations, query, labelText, doneFilter = "exclude", visibilityFilters, meetingFilter = null) {
+  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) => meetingFilter === "include" ? !!row.meeting_call_ext_id : meetingFilter === "exclude" ? !row.meeting_call_ext_id : true
+  ).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 isPhone = useIsPhone();
+  const rows = useMemo(
+    () => filterConversationRows(
+      p.conversations,
+      q,
+      p.labelText,
+      p.doneFilter,
+      p.visibilityFilters,
+      p.meetingFilter
+    ),
+    [p.conversations, q, p.labelText, p.doneFilter, p.visibilityFilters, p.meetingFilter]
+  );
+  const selectedRows = p.conversations.filter((c) => selected.has(c.external_id));
+  const hasLabels = p.conversations.some((c) => !!p.labelText?.(c));
+  const columns = useMemo(
+    () => [
+      {
+        colId: "name",
+        headerName: "Thread",
+        flex: 2,
+        minWidth: 200,
+        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.message_count ?? 0) > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex h-5 shrink-0 items-center gap-0.5 self-center rounded-full bg-muted px-1.5 text-[10px] font-medium leading-none tabular-nums text-muted-foreground",
+              title: `${data.message_count} ${data.message_count === 1 ? "message" : "messages"}`,
+              "data-testid": `thread-messages-${data.external_id}`,
+              children: [
+                /* @__PURE__ */ jsx(MessageSquare, { className: "size-3", "aria-hidden": true }),
+                data.message_count
+              ]
+            }
+          ),
+          (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, {})
+            }
+          )
+        ] })
+      },
+      // Labels only when a thread has some (an empty column only takes the names' room), and never
+      // on a phone, where the status is what a row must say.
+      ...liveProps.current.renderLabels && hasLabels && !isPhone ? [
+        {
+          colId: "labels",
+          headerName: "Labels",
+          flex: 0.5,
+          minWidth: 100,
+          valueGetter: ({ data }) => data ? liveProps.current.labelText?.(data) ?? "" : "",
+          cellRenderer: ({ data }) => data && liveProps.current.renderLabels?.(data)
+        }
+      ] : [],
+      {
+        colId: "status",
+        headerName: "Status",
+        width: isPhone ? 170 : 240,
+        valueGetter: ({ data }) => data?.status,
+        cellRenderer: ({ data }) => data && (liveProps.current.renderStatus ? liveProps.current.renderStatus(data) : /* @__PURE__ */ jsx(
+          ThreadStatusLine,
+          {
+            state: data.status === "done" ? "done" : data.status === "todo" ? "todo" : "ready"
+          }
+        ))
+      },
+      // Who spoke last (their face) and when: the two read together, at the row's end.
+      ...liveProps.current.renderBy || liveProps.current.renderOwner ? [
+        {
+          colId: liveProps.current.renderBy ? "by" : "owner",
+          headerName: liveProps.current.renderBy ? "By" : "Owner",
+          width: 64,
+          hide: isPhone,
+          sortable: false,
+          resizable: false,
+          cellRenderer: ({ data }) => data && (liveProps.current.renderBy || liveProps.current.renderOwner)?.(data)
+        }
+      ] : [],
+      {
+        colId: "activity",
+        initialSort: "desc",
+        headerName: "Updated",
+        width: 128,
+        hide: isPhone,
+        valueGetter: ({ data }) => data?.last_message_updated_at || data?.updated_at || data?.created_at || "",
+        valueFormatter: ({ value }) => value ? liveProps.current.formatDate(value) : "\u2014",
+        cellClass: "flex items-center text-xs text-muted-foreground/80"
+      }
+    ],
+    [
+      Boolean(p.renderThread),
+      Boolean(p.renderLabels),
+      Boolean(p.renderOwner),
+      Boolean(p.renderBy),
+      Boolean(p.renderStatus),
+      isPhone,
+      hasLabels
+    ]
+  );
+  const centred = useMemo(
+    () => columns.map((c) => ({ cellClass: "flex items-center", ...c })),
+    [columns]
+  );
+  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: centred,
+        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: p.footer ? "Type below to ask ARBI, bring in people, or both." : "Use New Task to ask ARBI, bring in people, or both."
+        },
+        selection: p.selectionActions ? {
+          mode: "multiple",
+          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.footer,
+    p.selectionActions && /* @__PURE__ */ jsx(SelectionBar, { count: selectedRows.length, onClear: () => setSelected(/* @__PURE__ */ new Set()), children: (compact2) => p.selectionActions?.(selectedRows, compact2, () => setSelected(/* @__PURE__ */ new Set())) })
+  ] });
+}
 var NO_PEOPLE = [];
 function TaskStartDialog({
   open,
@@ -7179,6 +9131,56 @@ function compactThreadActivity(events, stepTitleOf) {
   }
   return result;
 }
+var DEFAULT_TASK_THREAD_CHIP_LABELS = {
+  open: "Open thread",
+  watch: "Watch live",
+  none: "No thread yet"
+};
+function TaskThreadChip({
+  id,
+  conversationId,
+  generating = false,
+  onOpen,
+  testId,
+  labels
+}) {
+  const l = { ...DEFAULT_TASK_THREAD_CHIP_LABELS, ...labels };
+  if (!conversationId) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
+        "data-testid": testIdOr(testId, { testId: `task-thread-${id}` }),
+        "data-state": "none",
+        children: [
+          /* @__PURE__ */ jsx(MessageSquare, { className: "size-3.5 opacity-50", "aria-hidden": true }),
+          l.none
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: cn(
+        "h-7 gap-1.5 px-2 text-xs pointer-coarse:h-11",
+        generating && "text-ai-ink hover:text-ai-ink"
+      ),
+      onClick: () => onOpen(conversationId),
+      "data-testid": testIdOr(testId, { testId: `task-thread-${id}` }),
+      "data-state": generating ? "live" : "idle",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "relative flex size-3.5 items-center justify-center", children: [
+          generating && /* @__PURE__ */ jsx("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-ai-soft" }),
+          /* @__PURE__ */ jsx(MessageSquare, { className: "relative size-3.5", "aria-hidden": true })
+        ] }),
+        generating ? l.watch : l.open
+      ]
+    }
+  );
+}
 var DEFAULT_TASK_RUNS_DIALOG_LABELS = {
   title: (taskName) => `Run history \u2014 ${taskName}`,
   description: "Every time this task ran. Open a run to read or watch it in its conversation.",
@@ -7313,6 +9315,78 @@ function TaskRunsDialog({
     }
   ) });
 }
+var DEFAULT_TASKS_CHROME_LABELS = {
+  tasksTab: "Tasks",
+  newTask: "New task"
+};
+function TasksToolbar({ count, onNewTask, testIds, labels }) {
+  const l = { ...DEFAULT_TASKS_CHROME_LABELS, ...labels };
+  const tabs = [
+    {
+      id: "tasks",
+      label: l.tasksTab,
+      icon: /* @__PURE__ */ jsx(ListTodo, { className: "size-4" }),
+      count,
+      testId: testIdOr(testIds?.tab, { testId: "tasks-tab" })
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background", "data-slot": "tasks-toolbar", children: /* @__PURE__ */ jsx(
+    TabHeader,
+    {
+      tabs,
+      activeTabId: "tasks",
+      onTabChange: () => {
+      },
+      rightContent: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: onNewTask,
+          "data-testid": testIdOr(testIds?.newTask, { testId: "task-new" }),
+          children: [
+            /* @__PURE__ */ jsx(Plus, { size: 16, className: "mr-1.5" }),
+            l.newTask
+          ]
+        }
+      )
+    }
+  ) });
+}
+var DEFAULT_WORKFLOWS_CHROME_LABELS = {
+  workflowsTab: "Workflows",
+  newWorkflow: "New workflow"
+};
+function WorkflowsToolbar({ count, onNewWorkflow, testIds, labels }) {
+  const l = { ...DEFAULT_WORKFLOWS_CHROME_LABELS, ...labels };
+  const tabs = [
+    {
+      id: "workflows",
+      label: l.workflowsTab,
+      icon: /* @__PURE__ */ jsx(Workflow, { className: "size-4" }),
+      count,
+      testId: testIdOr(testIds?.tab, { testId: "workflows-tab" })
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background", "data-slot": "workflows-toolbar", children: /* @__PURE__ */ jsx(
+    TabHeader,
+    {
+      tabs,
+      activeTabId: "workflows",
+      onTabChange: () => {
+      },
+      rightContent: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: onNewWorkflow,
+          "data-testid": testIdOr(testIds?.newWorkflow, { testId: "workflow-new" }),
+          children: [
+            /* @__PURE__ */ jsx(Plus, { size: 16, className: "mr-1.5" }),
+            l.newWorkflow
+          ]
+        }
+      )
+    }
+  ) });
+}
 
 // src/agents/tasks/taskComposerTypes.ts
 var DEFAULT_TASK_COMPOSER_LABELS = {
@@ -8500,6 +10574,132 @@ function WorkTaskComposer({
 function TaskComposer(props) {
   return props.kind === "workflow" ? /* @__PURE__ */ jsx(WorkflowComposer, { ...props }) : /* @__PURE__ */ jsx(WorkTaskComposer, { ...props });
 }
+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 = ARBI_MARK_SRC,
+  variant = "pill"
+}) {
+  if (!role) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  if (role === "assistant" && !actor)
+    return /* @__PURE__ */ jsx(
+      UserEntity,
+      {
+        size: "sm",
+        variant,
+        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,
+      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 STEP_ICON_MAP = {
   goal: Target,
   interjection: CornerDownRight,
@@ -10431,6 +12631,6 @@ function AgentCreateView({
   ] });
 }
 
-export { ANNOTATE, ANNOTATE_ID, AUTOMATION_EVENTS, ActionStepBody, AgentAvatarField, AgentBar, AgentBarIconButton, AgentBarMenu, AgentBarNotes, AgentBarProbeAnswer, AgentBarQueuedNote, AgentBarStatus, AgentConnectInstructions, AgentCreateView, AgentCreatedView, AgentCreator, AgentEditView, AgentMainView, AgentTypeSelector, ApprovalEvidence, AssigneeLine, AssistantEntity, BUILTIN_SKILLS, CHRONOLOGY, CHRONOLOGY_ID, CUSTOM_TASK, CUSTOM_TASK_ID, CapabilityGrid, CapabilityTile, ConfigField, ConfigForm, ConsentActions, ConsentBulletList, ConsentCard, ConsentFootnote, ConsentHeader, ConsentMessage, ConsentNotice, ConsentPage, ConsentPermissionList, ConsentSection, ConsentStrong, ConsentText, CopyableUrl, DASHBOARD_OPERATIONS, DASHBOARD_PINNED, DEEP_RESEARCH, DEEP_RESEARCH_ID, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_BAR_LABELS, DEFAULT_AGENT_CAPABILITIES, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_STEPS_LABELS, DEFAULT_AGENT_TEMPLATES, DEFAULT_AGENT_TYPES, 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_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_STEP_BAR_LABELS, DEFAULT_SUBAGENT_ROSTER_LABELS, DEFAULT_TASK_ACTIVITY_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_RUNS_DIALOG_LABELS, DEFAULT_THREAD_LAUNCHER_LABELS, DEFAULT_THREAD_STATE_LABELS, DEFAULT_TUPLE_ARRAY_FIELD_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_RUN_STATUS_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, DEFAULT_WORKFLOW_THREAD_STRIP_LABELS, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EntityChip, GENERATE_IMAGE, GENERATE_IMAGE_ID, GoalCriteria, IMAGE_ASPECT_AUTO, IMAGE_ASPECT_RATIOS, MAX_TASK_DEPTH, MODEL_NAME_ICONS, MODEL_TIER_ICON_MAP, MODEL_TIER_LABELS, NewThreadDialog, PillSelect, REMIND_TASK, REMIND_TASK_ID, RecurrenceBuilder, SKILL_FIELD_TYPE_LABELS, SKILL_MAIN_FILENAME, SKILL_SOURCE_LABELS, SKILL_TYPES, SKILL_TYPE_LABELS, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, STEP_ICON_MAP, SUMMARISE, SUMMARISE_ID, SendBackControl, SkillActionButton, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillLibraryDetail, SkillTile, SkillTypeBadge, SkillViewToggle, StepDetail, StepNarration, StepOutcome, StepParams, StepRow, StepSummary, StepTrace, StepTraceSummary, SubAgentLane, SubStepGroup, SubagentRoster, TAG_ICONS, TIMELINE, TIMELINE_ID, TIMELINE_PROMPT, TOOL_ICON_MAP, TRANSLATE, TRANSLATE_ID, TRANSLATE_LANGUAGES, TRIGGER_LABELS, TaskActivityDialog, TaskActivityTimeline, TaskComposer, TaskEmptyState, TaskFlow, TaskPlan, TaskRunsDialog, TaskStartDialog, ThreadActivity, ThreadLauncher, ThreadStatusLine, TupleArrayField, WEB_WORKFLOWS, WEEKDAYS, WORD_ASK, WORD_ASK_ID, WORD_CONTINUE, WORD_CONTINUE_ID, WORD_SUMMARISE, WORD_SUMMARISE_ID, WORD_SUPPORT, WORD_SUPPORT_ID, WORD_WORKFLOWS, WORKFLOW_REGISTRY, WorkflowRunStatus, WorkflowRunner, WorkflowStepAction, WorkflowStepBar, WorkflowThreadStartedBy, WorkflowThreadStrip, activateOnKey, activeStepId, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLibrarySkills, buildRRule, buildTaskRows, buildZipSkillImport, closeWorkflowLaunch, compactThreadActivity, composePersona, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createsWork, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveAnnotationName, deriveWorkflowName, descendantIds, describeRRule, describeTrigger, filterLibrarySkills, firstWords, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, getAgentStepIcon, getAgentStepPresentation, getCurrentAgentStepPresentation, getModelIcon, goalProgress, groupThreadActivity, hasTaskFields, humanizeSection, importMarkdownSkill, importSkillFile, importSkillFromUrl, indexTasks, inferType, inputDocumentIds, isAgenticWorkflow, isIncompleteSignal, isMainSkillFile, isOutOfBounds, isPlainTodo, isSupersededStop, isValidAgentName, isoToLocalInput, latestMessageTime, layoutFromPlanSteps, linkedRunsFromActivity, localInputToIso, moveTargets, newThreadToRequest, nextCriterionId, notifiedLabel, openWorkflowLaunch, ownerExtId, parseRRule, parseSkillFrontmatter, prettifyKey, readSkillArchive, recordWorkflowUse, renderWorkflowIcon, resetWorkflowUsage, resolveScopeInputs, serializeSkill, skillSlug, sortByRecentUse, stepAccent, stepWindow, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskActivityHeadline, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, toPlanAssignee, toPlanDocumentRef, toPlanSteps, unnotifiedMentions, useWorkflowLaunchRequest, useWorkflowUsage, useWorkflowView, workflowFromSkillMarkdown, workflowTaskFields, workflowToComposerValues, workflowToSkillMarkdown, workflowWhen };
-//# sourceMappingURL=chunk-4DKI37QQ.js.map
-//# sourceMappingURL=chunk-4DKI37QQ.js.map
+export { ANNOTATE, ANNOTATE_ID, AUTOMATION_EVENTS, ActionStepBody, AgentAvatarField, AgentBar, AgentBarIconButton, AgentBarMenu, AgentBarNotes, AgentBarProbeAnswer, AgentBarQueuedNote, AgentBarStatus, AgentConnectInstructions, AgentCreateView, AgentCreatedView, AgentCreator, AgentEditView, AgentMainView, AgentTypeSelector, ApprovalEvidence, AssigneeLine, AssistantEntity, BUILTIN_SKILLS, CHRONOLOGY, CHRONOLOGY_ID, CUSTOM_TASK, CUSTOM_TASK_ID, CapabilityGrid, CapabilityTile, ConfigField, ConfigForm, ConsentActions, ConsentBulletList, ConsentCard, ConsentFootnote, ConsentHeader, ConsentMessage, ConsentNotice, ConsentPage, ConsentPermissionList, ConsentSection, ConsentStrong, ConsentText, ConversationListView, ConversationTurnSpeaker, CopyableUrl, DASHBOARD_OPERATIONS, DASHBOARD_PINNED, DEEP_RESEARCH, DEEP_RESEARCH_ID, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_BAR_LABELS, DEFAULT_AGENT_CAPABILITIES, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_STEPS_LABELS, DEFAULT_AGENT_TEMPLATES, DEFAULT_AGENT_TYPES, 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_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_STEP_BAR_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_RUNS_DIALOG_LABELS, DEFAULT_TASK_STATUS_PILL_LABELS, DEFAULT_TASK_THREAD_CHIP_LABELS, DEFAULT_THREAD_LAUNCHER_LABELS, DEFAULT_THREAD_STATE_LABELS, DEFAULT_TUPLE_ARRAY_FIELD_LABELS, DEFAULT_UPLOAD_TASK_ITEM_LABELS, DEFAULT_UPLOAD_TASK_LIST_LABELS, DEFAULT_WORKFLOWS_CHROME_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_RUN_STATUS_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, DEFAULT_WORKFLOW_THREAD_STRIP_LABELS, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EntityChip, GENERATE_IMAGE, GENERATE_IMAGE_ID, GoalCriteria, IMAGE_ASPECT_AUTO, IMAGE_ASPECT_RATIOS, MAX_TASK_DEPTH, MODEL_NAME_ICONS, MODEL_TIER_ICON_MAP, MODEL_TIER_LABELS, NewThreadDialog, PillSelect, REMIND_TASK, REMIND_TASK_ID, RecurrenceBuilder, SKILL_FIELD_TYPE_LABELS, SKILL_MAIN_FILENAME, SKILL_SOURCE_LABELS, SKILL_TYPES, SKILL_TYPE_LABELS, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, STEP_ICON_MAP, SUMMARISE, SUMMARISE_ID, SendBackControl, SkillActionButton, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillLibraryDetail, SkillTile, SkillTypeBadge, SkillViewToggle, StepDetail, StepNarration, StepOutcome, StepParams, StepRow, StepSummary, StepTrace, StepTraceSummary, SubAgentLane, SubStepGroup, SubagentRoster, TAG_ICONS, TASK_COLUMN_ORDER, TIMELINE, TIMELINE_ID, TIMELINE_PROMPT, TOOL_ICON_MAP, TRANSLATE, TRANSLATE_ID, TRANSLATE_LANGUAGES, TRIGGER_LABELS, TaskActivityDialog, TaskActivityTimeline, TaskComposer, TaskEmptyState, TaskFlow, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskRunsDialog, TaskStartDialog, TaskStatusPill, TaskTable, TaskThreadChip, TasksToolbar, ThreadActivity, ThreadLauncher, ThreadNotifyDialog, ThreadStatusLine, TupleArrayField, UploadTaskItem, UploadTaskList, WEB_WORKFLOWS, WEEKDAYS, WORD_ASK, WORD_ASK_ID, WORD_CONTINUE, WORD_CONTINUE_ID, WORD_SUMMARISE, WORD_SUMMARISE_ID, WORD_SUPPORT, WORD_SUPPORT_ID, WORD_WORKFLOWS, WORKFLOW_REGISTRY, WorkflowRunStatus, WorkflowRunner, WorkflowStepAction, WorkflowStepBar, WorkflowThreadStartedBy, WorkflowThreadStrip, WorkflowsToolbar, activateOnKey, activeStepId, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLibrarySkills, buildRRule, buildTaskRows, buildZipSkillImport, closeWorkflowLaunch, compactThreadActivity, composePersona, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createsWork, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveAnnotationName, deriveWorkflowName, descendantIds, describeRRule, describeTrigger, filterConversationRows, filterLibrarySkills, firstWords, formatElapsed2 as formatElapsed, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, getAgentStepIcon, getAgentStepPresentation, getCurrentAgentStepPresentation, getModelIcon, goalProgress, groupThreadActivity, hasTaskFields, humanizeSection, importMarkdownSkill, importSkillFile, importSkillFromUrl, indexTasks, inferType, inputDocumentIds, isAgenticWorkflow, isIncompleteSignal, isMainSkillFile, isOutOfBounds, isPlainTodo, isSupersededStop, isValidAgentName, isoToLocalInput, latestMessageTime, layoutFromPlanSteps, linkedRunsFromActivity, localInputToIso, moveTargets, newThreadToRequest, nextCriterionId, notifiedLabel, openWorkflowLaunch, ownerExtId, parseRRule, parseSkillFrontmatter, prettifyKey, readSkillArchive, recordWorkflowUse, renderWorkflowIcon, resetWorkflowUsage, resolveScopeInputs, serializeSkill, skillSlug, sortByRecentUse, stepAccent, stepWindow, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskActivityHeadline, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, toPlanAssignee, toPlanDocumentRef, toPlanSteps, unnotifiedMentions, useWorkflowLaunchRequest, useWorkflowUsage, useWorkflowView, workflowFromSkillMarkdown, workflowTaskFields, workflowToComposerValues, workflowToSkillMarkdown, workflowWhen };
+//# sourceMappingURL=chunk-YAGSGBVM.js.map
+//# sourceMappingURL=chunk-YAGSGBVM.js.map