@arbidocs/blocks 0.5.38 → 0.5.39

package/dist/chunk-EZSYYENN.js

@@ -1,2700 +0,0 @@
-"use client";
-import { useWorkflowView, SkillTypeBadge, SkillGlobalBadge, SkillActionButton, activateOnKey, asTaskStatus, STATUS_LABELS, STATUS_TONE, indexTasks, STATUS_ORDER, buildTaskRows, isPlainTodo, goalProgress, moveTargets, EntityChip, ThreadStatusLine, ownerExtId, descendantIds } from './chunk-4DKI37QQ.js';
-import { PersonPill } from './chunk-7CHI36EP.js';
-import { TriStateFilterMenu } from './chunk-G4GLDQLY.js';
-import { CellHoverIcon } from './chunk-M4S75AEJ.js';
-import { ToneBadge } from './chunk-5LXQPP2K.js';
-import { SelectionBar, SelectionBarAction } from './chunk-NUNKSZKU.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 { workflowSteps, initialRunInputs, stepPhase, composeStepPrompt } from './chunk-THNTNAYI.js';
-import { formatCount } from './chunk-5VYJP6XD.js';
-import { useIsPhone } from './chunk-SLSBJRWW.js';
-import { testIdOr } from './chunk-7F6CBP3Z.js';
-import { useState, useRef, useEffect, useMemo } from 'react';
-import { MessageSquare, Eye, ClipboardList, Pencil, Copy, Trash2, Bot, Sparkles, Plus, Download, Lock, Globe, AlertTriangle, FileX, SkipForward, Loader2, X, Check, FileText, CornerDownRight, AlertCircle, KeyRound, ChevronDown, ChevronRight, Workflow, ChevronsUpDown, ChevronsDownUp, ListTodo, CheckCheck, MoreHorizontal, CircleDashed, RotateCcw, History, ListPlus } from 'lucide-react';
-import { Button, cn, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Input, VisibilityToggle, ThreadVisibilityIcon, Checkbox, UserEntity, ARBI_MARK_SRC, DropdownMenuSeparator } from '@arbidocs/react/ui';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function useWorkflowPreview(workflow, { answer = "{prompt}", delayMs = 400, resolveWorkflow, compose } = {}) {
-  const steps = workflowSteps(workflow);
-  const [inputs, setInputs] = useState(() => initialRunInputs(workflow));
-  const [states, setStates] = useState({});
-  const set = (id, state) => setStates((s) => ({ ...s, [id]: state }));
-  const timers = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    const pending = timers.current;
-    return () => {
-      for (const t of pending.values()) clearTimeout(t);
-      pending.clear();
-      setStates(
-        (s) => Object.fromEntries(
-          Object.entries(s).map(([id, v]) => [
-            id,
-            v.status === "running" ? { status: "pending" } : v
-          ])
-        )
-      );
-    };
-  }, []);
-  useEffect(() => {
-    if (Object.values(states).some((s) => s.status === "running")) return;
-    const next = steps.find(
-      (s) => (s.kind === "agent" || s.kind === "action") && stepPhase(steps, states, s.id) === "ready"
-    );
-    if (!next || next.kind !== "agent" && next.kind !== "action") return;
-    const prompt = next.kind === "agent" ? composeStepPrompt(workflow, next, inputs, { resolveWorkflow, compose }) : "";
-    set(next.id, { status: "running", startedAt: (/* @__PURE__ */ new Date()).toISOString() });
-    timers.current.set(
-      next.id,
-      setTimeout(() => {
-        timers.current.delete(next.id);
-        set(
-          next.id,
-          next.kind === "agent" ? { status: "done", text: answer.replace("{prompt}", prompt) } : { status: "done" }
-        );
-      }, delayMs)
-    );
-  }, [states, steps, workflow]);
-  return useWorkflowView({
-    steps,
-    states,
-    inputs,
-    setInput: (name, value) => setInputs((i) => ({ ...i, [name]: value })),
-    complete: async (step) => set(step.id, { status: "done" }),
-    skip: async (id) => set(id, { status: "skipped" }),
-    retry: async (id) => set(id, { status: "pending" }),
-    isLocked: (id) => states[id]?.status === "done"
-  });
-}
-var DEFAULT_AGENT_CARD_LABELS = {
-  running: "Running",
-  runningIndicator: "Running",
-  runningCount: (count) => `${count} running`,
-  taskCount: (count) => count > 0 ? formatCount(count, { one: "task", other: "tasks" }) : "no tasks yet",
-  goalMet: (met, total) => `\u2713 ${met}/${total} met`,
-  watch: "Watch",
-  message: "Message",
-  assignTask: "Assign task",
-  edit: "Edit",
-  copyAddress: "Copy address",
-  deleteAgent: (name) => `Delete agent ${name}`
-};
-var ACTION = "h-9 gap-1.5 px-2 text-sm pointer-coarse:h-11";
-function AgentCard({
-  name,
-  avatar,
-  runningCount,
-  taskCount,
-  goalProgress: goalProgress2,
-  details,
-  onWatch,
-  onMessage,
-  onAssignTask,
-  onEdit,
-  onCopyAddress,
-  onDelete,
-  href,
-  onSelect,
-  labels,
-  testIds,
-  testId,
-  className,
-  ...rest
-}) {
-  const l = { ...DEFAULT_AGENT_CARD_LABELS, ...labels };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...rest,
-      className: cn("rounded-lg bg-muted p-4", className),
-      "data-testid": testIdOr(testId ?? testIds?.root, { testId: `agent-card-${name}` }),
-      "data-slot": "agent-card",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
-            avatar,
-            runningCount > 0 && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "absolute -right-0.5 -top-0.5 size-2.5 rounded-full bg-ai-ink",
-                role: "img",
-                "aria-label": l.runningIndicator,
-                children: /* @__PURE__ */ jsx("span", { className: "absolute inset-0 animate-ping rounded-full bg-ai-ink opacity-60" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            href ? /* @__PURE__ */ jsx(
-              ActionLink,
-              {
-                href,
-                onSelect,
-                className: "block max-w-full truncate text-left font-medium hover:underline",
-                children: name
-              }
-            ) : /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: name }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap gap-1 text-xs text-muted-foreground", children: [
-              runningCount > 0 ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-ai-soft px-2 py-px text-ai-ink", children: l.runningCount(runningCount) }) : /* @__PURE__ */ jsx("span", { className: "rounded-full bg-background px-2 py-px", children: l.taskCount(taskCount) }),
-              goalProgress2 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-background px-2 py-px", children: l.goalMet(goalProgress2.met, goalProgress2.total) })
-            ] }),
-            details
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-1 pt-1", children: [
-          onMessage && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: ACTION,
-              onClick: onMessage,
-              "data-testid": testIdOr(testIds?.message, { testId: `agent-message-${name}` }),
-              children: [
-                /* @__PURE__ */ jsx(MessageSquare, { size: 14 }),
-                " ",
-                l.message
-              ]
-            }
-          ),
-          onWatch && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: cn(ACTION, "text-ai-ink hover:text-ai-ink"),
-              onClick: onWatch,
-              "data-testid": testIdOr(testIds?.watch, { testId: `agent-watch-run-${name}` }),
-              children: [
-                /* @__PURE__ */ jsx(Eye, { size: 14 }),
-                " ",
-                l.watch
-              ]
-            }
-          ),
-          onAssignTask && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: ACTION,
-              onClick: onAssignTask,
-              "data-testid": testIdOr(testIds?.assignTask, { testId: `agent-assign-task-${name}` }),
-              children: [
-                /* @__PURE__ */ jsx(ClipboardList, { size: 14 }),
-                " ",
-                l.assignTask
-              ]
-            }
-          ),
-          onEdit && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: ACTION,
-              onClick: onEdit,
-              "data-testid": testIdOr(testIds?.edit, { testId: `agent-edit-${name}` }),
-              children: [
-                /* @__PURE__ */ jsx(Pencil, { size: 14 }),
-                " ",
-                l.edit
-              ]
-            }
-          ),
-          onCopyAddress && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: cn(ACTION, "text-muted-foreground"),
-              onClick: onCopyAddress,
-              "data-testid": testIdOr(testIds?.copyAddress, { testId: `agent-copy-address-${name}` }),
-              children: [
-                /* @__PURE__ */ jsx(Copy, { size: 14 }),
-                " ",
-                l.copyAddress
-              ]
-            }
-          ),
-          onDelete && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: cn(ACTION, "ml-auto text-muted-foreground hover:text-red-text"),
-              onClick: onDelete,
-              "aria-label": l.deleteAgent(name),
-              "data-testid": testIdOr(testIds?.delete, { testId: `agent-delete-${name}` }),
-              children: /* @__PURE__ */ jsx(Trash2, { size: 14 })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-var DEFAULT_AGENT_GALLERY_LABELS = {
-  description: "Personas that work for you, on demand.",
-  emptyTitle: "Create your first agent",
-  emptyDescription: "Describe a persona, pick its tools, generate an avatar, then hand it work from an agent card and watch it converge.",
-  emptyCta: "Create an agent",
-  newAgent: "New agent"
-};
-function AgentGallery({
-  count,
-  onCreate,
-  children,
-  description,
-  labels,
-  testIds,
-  className
-}) {
-  const l = { ...DEFAULT_AGENT_GALLERY_LABELS, ...labels };
-  if (count === 0) {
-    return /* @__PURE__ */ jsx("div", { className: cn("mt-8", className), children: /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        className: "rounded-lg border-0 bg-muted",
-        icon: Bot,
-        title: l.emptyTitle,
-        description: l.emptyDescription,
-        action: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            onClick: onCreate,
-            className: "gap-1.5",
-            "data-testid": testIdOr(testIds?.emptyCta, { testId: "agent-empty-cta" }),
-            children: [
-              /* @__PURE__ */ jsx(Sparkles, { size: 16 }),
-              " ",
-              l.emptyCta
-            ]
-          }
-        )
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-wrap items-center justify-between gap-x-3 gap-y-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "min-w-0 text-sm text-muted-foreground", children: description ?? l.description }),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          size: "sm",
-          onClick: onCreate,
-          className: "h-8 gap-1.5 pointer-coarse:h-11",
-          "data-testid": testIdOr(testIds?.createButton, { testId: "agent-create-button" }),
-          children: [
-            /* @__PURE__ */ jsx(Plus, { size: 16 }),
-            " ",
-            l.newAgent
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "grid grid-cols-[repeat(auto-fill,minmax(16rem,1fr))] gap-4",
-        "data-testid": testIdOr(testIds?.gallery, { testId: "agent-gallery" }),
-        "data-slot": "agent-gallery",
-        children
-      }
-    )
-  ] });
-}
-var DEFAULT_SKILL_CARD_LABELS = {
-  global: "Global",
-  globalTitle: "Shared with everyone in the marketplace",
-  preview: "Preview skill",
-  edit: "Edit skill",
-  export: "Export skill",
-  makePrivate: "Make private",
-  makePrivateTooltip: "Make private (unpublish)",
-  publish: "Publish to marketplace"
-};
-function SkillCard({
-  name,
-  description,
-  type,
-  visibility = "mine",
-  isOwner = true,
-  icon,
-  onClick,
-  onPreview,
-  onEdit,
-  onExport,
-  onToggleVisibility,
-  href,
-  labels,
-  testId,
-  testIds,
-  className,
-  ...rest
-}) {
-  const l = { ...DEFAULT_SKILL_CARD_LABELS, ...labels };
-  const isGlobal = visibility === "global";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...rest,
-      role: "button",
-      tabIndex: 0,
-      className: cn(
-        "flex w-full cursor-pointer flex-wrap items-center gap-x-3 gap-y-1 rounded-lg bg-muted px-4 py-3 transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        className
-      ),
-      onClick,
-      onKeyDown: activateOnKey(onClick),
-      "data-skill-name": name,
-      "data-testid": testIdOr(testId ?? testIds?.root, { testId: "skill-card" }),
-      "data-slot": "skill-card",
-      children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-primary [&>svg]:size-5", children: icon }),
-        href ? (
-          // The link owns plain + modified clicks; stop the row handler from double-firing.
-          /* @__PURE__ */ jsx("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(
-            ActionLink,
-            {
-              href,
-              onSelect: onClick,
-              className: "whitespace-nowrap font-mono text-sm font-medium",
-              children: [
-                "/",
-                name
-              ]
-            }
-          ) })
-        ) : /* @__PURE__ */ jsxs("span", { className: "whitespace-nowrap font-mono text-sm font-medium", children: [
-          "/",
-          name
-        ] }),
-        type && type !== "markdown" && /* @__PURE__ */ jsx(SkillTypeBadge, { type }),
-        isGlobal && /* @__PURE__ */ jsx(SkillGlobalBadge, { labels: l }),
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 text-sm text-muted-foreground max-sm:order-last max-sm:w-full max-sm:line-clamp-2 sm:flex-1 sm:truncate", children: description }),
-        /* @__PURE__ */ jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-1", "data-slot": "skill-card-actions", children: [
-          /* @__PURE__ */ jsx(
-            SkillActionButton,
-            {
-              label: l.preview,
-              onClick: onPreview,
-              testId: testIdOr(testIds?.preview, { testId: "preview-skill-button" }),
-              children: /* @__PURE__ */ jsx(Eye, { className: "size-4 text-muted-foreground" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SkillActionButton,
-            {
-              label: l.edit,
-              onClick: onEdit,
-              testId: testIdOr(testIds?.edit, { testId: "edit-skill-button" }),
-              children: /* @__PURE__ */ jsx(Pencil, { className: "size-4 text-muted-foreground" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SkillActionButton,
-            {
-              label: l.export,
-              onClick: onExport,
-              testId: testIdOr(testIds?.export, { testId: "export-skill-button" }),
-              children: /* @__PURE__ */ jsx(Download, { className: "size-4 text-muted-foreground" })
-            }
-          ),
-          isOwner && onToggleVisibility && /* @__PURE__ */ jsx(
-            SkillActionButton,
-            {
-              label: isGlobal ? l.makePrivate : l.publish,
-              tooltip: isGlobal ? l.makePrivateTooltip : l.publish,
-              onClick: onToggleVisibility,
-              testId: testIdOr(testIds?.toggleVisibility, {
-                testId: "toggle-skill-visibility-button"
-              }),
-              children: isGlobal ? /* @__PURE__ */ jsx(Lock, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Globe, { className: "size-4 text-primary" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-var DEFAULT_SKILL_ROW_LABELS = {
-  global: "Global",
-  globalTitle: "Shared with everyone in the marketplace",
-  preview: "Preview",
-  edit: "Edit",
-  makePrivate: "Make private",
-  publish: "Publish to marketplace",
-  delete: "Delete",
-  insertTitle: (name) => `Insert /${name} into the chat`
-};
-function SkillRow({
-  name,
-  description,
-  type,
-  isGlobal = false,
-  icon,
-  onInvoke,
-  onPreview,
-  onEdit,
-  onTogglePublish,
-  onDelete,
-  href,
-  labels,
-  testId,
-  className,
-  ...rest
-}) {
-  const l = { ...DEFAULT_SKILL_ROW_LABELS, ...labels };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...rest,
-      role: "button",
-      tabIndex: 0,
-      className: cn(
-        "flex cursor-pointer items-center gap-2 px-4 py-2 hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
-        className
-      ),
-      onClick: onInvoke,
-      onKeyDown: activateOnKey(onInvoke),
-      "data-testid": testIdOr(testId, { testId: `skills-panel-row-${name}` }),
-      "data-slot": "skill-row",
-      title: l.insertTitle(name),
-      children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-primary [&>svg]:size-4", children: icon }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-            href ? (
-              // The link owns plain + modified clicks; stop the row handler from double-firing.
-              /* @__PURE__ */ jsx("span", { className: "min-w-0", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(ActionLink, { href, onSelect: onInvoke, className: "truncate font-mono text-sm", children: [
-                "/",
-                name
-              ] }) })
-            ) : /* @__PURE__ */ jsxs("span", { className: "truncate font-mono text-sm", children: [
-              "/",
-              name
-            ] }),
-            type && type !== "markdown" && /* @__PURE__ */ jsx(SkillTypeBadge, { type }),
-            isGlobal && /* @__PURE__ */ jsx(SkillGlobalBadge, { labels: l })
-          ] }),
-          description && /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-muted-foreground", children: description })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-          /* @__PURE__ */ jsx(SkillActionButton, { label: l.preview, onClick: () => onPreview(), children: /* @__PURE__ */ jsx(Eye, { className: "size-4" }) }),
-          onEdit && /* @__PURE__ */ jsx(SkillActionButton, { label: l.edit, onClick: () => onEdit(), children: /* @__PURE__ */ jsx(Pencil, { className: "size-4" }) }),
-          onTogglePublish && /* @__PURE__ */ jsx(
-            SkillActionButton,
-            {
-              label: isGlobal ? l.makePrivate : l.publish,
-              onClick: () => onTogglePublish(),
-              children: isGlobal ? /* @__PURE__ */ jsx(Lock, { className: "size-4" }) : /* @__PURE__ */ jsx(Globe, { className: "size-4 text-primary" })
-            }
-          ),
-          onDelete && /* @__PURE__ */ jsx(SkillActionButton, { label: l.delete, onClick: () => onDelete(), children: /* @__PURE__ */ jsx(Trash2, { className: "size-4 text-destructive" }) })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/agents/tasks/elapsed.ts
-function formatElapsed(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(formatElapsed(startTime));
-      tick();
-      const interval = setInterval(tick, 1e3);
-      return () => clearInterval(interval);
-    }
-    setElapsed(formatElapsed(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
-        )) })
-      ]
-    }
-  );
-}
-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 }) })
-      ] })
-    }
-  );
-}
-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
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-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 text = STATUS_LABELS[key];
-  let tone = STATUS_TONE[key];
-  if (awaitingAccess) {
-    text = l.waitingForAccess;
-    tone = "danger";
-  }
-  const elapsed = generating && !Number.isNaN(started) ? formatElapsed(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: [
-          text,
-          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/gridWidth.ts
-function applyColumnWidthRules(api, gridWidth, rules) {
-  for (const rule of rules) {
-    if (api.getColumn(rule.colId)) api.setColumnsVisible([rule.colId], gridWidth >= rule.minWidth);
-  }
-}
-
-// 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: {}
-};
-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 text = `${nameOf(task)} ${task.description ?? ""}`.toLowerCase();
-      if (q && !text.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
-        }
-      }
-    )
-  ] });
-}
-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: (compact) => p.selectionActions?.(selectedRows, compact, () => setSelected(/* @__PURE__ */ new Set())) })
-  ] });
-}
-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_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
-          ]
-        }
-      )
-    }
-  ) });
-}
-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
-    }
-  );
-}
-
-export { AgentCard, AgentGallery, ConversationListView, ConversationTurnSpeaker, DEFAULT_AGENT_CARD_LABELS, DEFAULT_AGENT_GALLERY_LABELS, DEFAULT_SKILL_CARD_LABELS, DEFAULT_SKILL_ROW_LABELS, DEFAULT_TASKS_CHROME_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_STATUS_PILL_LABELS, DEFAULT_TASK_THREAD_CHIP_LABELS, DEFAULT_UPLOAD_TASK_ITEM_LABELS, DEFAULT_UPLOAD_TASK_LIST_LABELS, DEFAULT_WORKFLOWS_CHROME_LABELS, SkillCard, SkillRow, TASK_COLUMN_ORDER, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskStatusPill, TaskTable, TaskThreadChip, TasksToolbar, ThreadNotifyDialog, UploadTaskItem, UploadTaskList, WorkflowsToolbar, createTaskColumns, filterConversationRows, formatElapsed, useWorkflowPreview };
-//# sourceMappingURL=chunk-EZSYYENN.js.map
-//# sourceMappingURL=chunk-EZSYYENN.js.map