@arbidocs/blocks 0.4.86 → 0.4.88

package/dist/{chunk-X23U6QEJ.js → chunk-NXWKMKZY.js}

@@ -1,10 +1,290 @@
 "use client";
+import { taskActivityHeadline, DEFAULT_TASK_ACTIVITY_LABELS } from './chunk-YX466FWL.js';
+import { BellOff, BellRing, Bell, Activity, ArrowUp, ArrowDown, X, Plus, Loader2, ArrowUpRight, ChevronDown, SlidersHorizontal, Download, FileDown, Workflow, FileText, MessageSquare, Lightbulb, MessagesSquare } from 'lucide-react';
+import { cn, Button, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuItem, Input, Checkbox } from '@arbidocs/react/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
-import { ArrowUp, ArrowDown, X, Plus, Loader2, SlidersHorizontal, Download, FileDown, AlertTriangle, FileText, Lightbulb, MessagesSquare } from 'lucide-react';
-import { Input, cn, Button, Checkbox } from '@arbidocs/react/ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { zipSync, strToU8 } from 'fflate';
 
+// src/activity/workspace-activity.ts
+function workspaceActivityTarget(item) {
+  switch (item.source) {
+    case "thread":
+    case "message":
+      return item.conversation_ext_id ? {
+        kind: "thread",
+        conversationId: item.conversation_ext_id,
+        ...item.message_ext_id ? { messageId: item.message_ext_id } : {}
+      } : null;
+    case "document":
+      if (!item.document_ext_id) return null;
+      return item.kind !== "document_uploaded" && item.version ? { kind: "document", documentId: item.document_ext_id, version: item.version } : { kind: "document", documentId: item.document_ext_id };
+    case "workflow":
+      return item.workflow_ext_id ? {
+        kind: "workflow",
+        workflowId: item.workflow_ext_id,
+        ...item.conversation_ext_id ? { conversationId: item.conversation_ext_id } : {}
+      } : null;
+    default:
+      return null;
+  }
+}
+var quoted = (name, fallback) => name ? `\u201C${name}\u201D` : fallback;
+function workspaceActivityHeadline(item) {
+  const thread = quoted(item.conversation_title, "a thread");
+  const document = quoted(item.document_name, "a document");
+  switch (item.kind) {
+    case "message_posted":
+      return `Posted in ${thread}`;
+    case "document_uploaded":
+      return `Uploaded ${document}`;
+    case "document_version":
+      return item.version ? `Saved version ${item.version} of ${document}` : `Saved a new version of ${document}`;
+    case "document_signed":
+      return `Signed ${document}`;
+    case "workflow_run": {
+      const run2 = `Ran ${quoted(item.workflow_name, "a workflow")}`;
+      return item.status ? `${run2} (${item.status.replace(/_/g, " ")})` : run2;
+    }
+    default: {
+      const headline = taskActivityHeadline(
+        { kind: item.kind, detail: item.detail },
+        DEFAULT_TASK_ACTIVITY_LABELS
+      );
+      return `${headline} in ${thread}`;
+    }
+  }
+}
+var DEFAULT_WORKSPACE_ACTIVITY_LABELS = {
+  empty: "Nothing has happened in this workspace yet.",
+  loading: "Loading activity\u2026",
+  error: "Could not load the activity.",
+  loadMore: "Show older",
+  loadingMore: "Loading\u2026",
+  retry: "Retry",
+  system: "ARBI"
+};
+var ICONS = {
+  thread: /* @__PURE__ */ jsx(Activity, { className: "size-4", "aria-hidden": true }),
+  message: /* @__PURE__ */ jsx(MessageSquare, { className: "size-4", "aria-hidden": true }),
+  document: /* @__PURE__ */ jsx(FileText, { className: "size-4", "aria-hidden": true }),
+  workflow: /* @__PURE__ */ jsx(Workflow, { className: "size-4", "aria-hidden": true })
+};
+var localTime = (iso) => new Date(iso).toLocaleString();
+function WorkspaceActivityList({
+  items,
+  isLoading,
+  isError,
+  hasMore,
+  isLoadingMore,
+  onLoadMore,
+  onRetry,
+  onOpen,
+  nameOf,
+  formatTime = localTime,
+  labels,
+  className,
+  testId = "workspace-activity"
+}) {
+  const l = { ...DEFAULT_WORKSPACE_ACTIVITY_LABELS, ...labels };
+  if (isLoading)
+    return /* @__PURE__ */ jsx("p", { className: cn("p-3 text-sm text-muted-foreground", className), "data-testid": testId, children: l.loading });
+  if (isError && items.length === 0)
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex items-center gap-2 p-3 text-sm text-muted-foreground", className),
+        "data-testid": testId,
+        children: [
+          /* @__PURE__ */ jsx("span", { role: "alert", children: l.error }),
+          onRetry && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: onRetry, children: l.retry })
+        ]
+      }
+    );
+  if (items.length === 0)
+    return /* @__PURE__ */ jsx("p", { className: cn("p-3 text-sm text-muted-foreground", className), "data-testid": testId, children: l.empty });
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), "data-testid": testId, children: [
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", "data-testid": `${testId}-list`, children: items.map((item) => {
+      const target = workspaceActivityTarget(item);
+      const actor = item.actor_ext_id ? nameOf?.(item.actor_ext_id) ?? null : l.system;
+      const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: ICONS[item.source] }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 text-sm", children: [
+          actor && /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+            actor,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: workspaceActivityHeadline(item) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "time",
+          {
+            dateTime: item.created_at,
+            className: "shrink-0 text-xs tabular-nums text-muted-foreground",
+            children: formatTime(item.created_at)
+          }
+        )
+      ] });
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          "data-testid": `${testId}-item-${item.external_id}`,
+          "data-kind": item.kind,
+          children: target && onOpen ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "flex w-full items-start gap-3 px-3 py-2 text-left hover:bg-accent focus-visible:bg-accent focus-visible:outline-none",
+              onClick: () => onOpen(target, item),
+              children: body
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "flex items-start gap-3 px-3 py-2", children: body })
+        },
+        item.external_id
+      );
+    }) }),
+    hasMore && onLoadMore && /* @__PURE__ */ jsx("div", { className: "flex justify-center p-2", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        disabled: isLoadingMore,
+        onClick: onLoadMore,
+        "data-testid": `${testId}-load-more`,
+        children: isLoadingMore ? l.loadingMore : l.loadMore
+      }
+    ) })
+  ] });
+}
+var DEFAULT_WORKSPACE_NOTIFICATION_MENU_LABELS = {
+  trigger: "Workspace notifications",
+  heading: "Notify me about",
+  default: "What involves me",
+  defaultHint: "Mentions, assignments and replies to my threads",
+  following: "Everything",
+  followingHint: "Follow every thread, upload and run",
+  muted: "Nothing",
+  mutedHint: "Mute the workspace, mentions included",
+  activity: "Workspace activity"
+};
+var LEVEL_ICON = { default: Bell, following: BellRing, muted: BellOff };
+function WorkspaceNotificationMenu({
+  level,
+  onLevelChange,
+  disabled,
+  onOpenActivity,
+  labels,
+  className,
+  testId = "workspace-notification-menu"
+}) {
+  const l = { ...DEFAULT_WORKSPACE_NOTIFICATION_MENU_LABELS, ...labels };
+  const Icon = LEVEL_ICON[level];
+  const options = [
+    { value: "default", title: l.default, hint: l.defaultHint },
+    { value: "following", title: l.following, hint: l.followingHint },
+    { value: "muted", title: l.muted, hint: l.mutedHint }
+  ];
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "icon",
+        variant: "ghost",
+        className: cn("size-7 shrink-0 pointer-coarse:size-11", className),
+        "aria-label": l.trigger,
+        title: l.trigger,
+        "data-testid": testId,
+        "data-level": level,
+        children: /* @__PURE__ */ jsx(Icon, { className: cn("size-4", level === "muted" && "text-muted-foreground") })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-72", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: l.heading }),
+      /* @__PURE__ */ jsx(
+        DropdownMenuRadioGroup,
+        {
+          value: level,
+          onValueChange: (value) => {
+            if (value !== level) onLevelChange(value);
+          },
+          children: options.map((option) => /* @__PURE__ */ jsx(
+            DropdownMenuRadioItem,
+            {
+              value: option.value,
+              disabled,
+              "data-testid": `${testId}-${option.value}`,
+              children: /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsx("span", { children: option.title }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: option.hint })
+              ] })
+            },
+            option.value
+          ))
+        }
+      ),
+      onOpenActivity && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onOpenActivity, "data-testid": `${testId}-activity`, children: [
+          /* @__PURE__ */ jsx(Activity, { className: "mr-2 size-4", "aria-hidden": true }),
+          l.activity
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var DEFAULT_THREAD_FOLLOW_LABELS = {
+  follow: "Follow thread",
+  unfollow: "Unfollow thread"
+};
+function ThreadFollowMenuItem({
+  following,
+  onFollowingChange,
+  disabled,
+  labels,
+  testId = "thread-follow-item"
+}) {
+  const l = { ...DEFAULT_THREAD_FOLLOW_LABELS, ...labels };
+  const Icon = following ? BellOff : BellRing;
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuItem,
+    {
+      disabled,
+      onSelect: () => onFollowingChange(!following),
+      "data-testid": testId,
+      "data-following": following,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "mr-2 size-4", "aria-hidden": true }),
+        following ? l.unfollow : l.follow
+      ]
+    }
+  );
+}
+function ThreadFollowButton({
+  following,
+  onFollowingChange,
+  disabled,
+  labels,
+  testId = "thread-follow-button"
+}) {
+  const l = { ...DEFAULT_THREAD_FOLLOW_LABELS, ...labels };
+  const label = following ? l.unfollow : l.follow;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "icon",
+      variant: "ghost",
+      className: "size-8 shrink-0",
+      "aria-label": label,
+      "aria-pressed": following,
+      title: label,
+      disabled,
+      onClick: () => onFollowingChange(!following),
+      "data-testid": testId,
+      children: following ? /* @__PURE__ */ jsx(BellRing, { className: "size-4 text-primary" }) : /* @__PURE__ */ jsx(Bell, { className: "size-4" })
+    }
+  );
+}
+
 // src/tags/tagTableModel.ts
 var NO_LINKS = {
   docs: [],
@@ -20,10 +300,16 @@ var isGap = (row) => {
   const l = rowLinks(row);
   return l.doc_count + l.fact_count + l.thread_count === 0;
 };
+function linkedTagIds(value) {
+  if (typeof value === "string") return value ? [value] : [];
+  return Array.isArray(value) ? value.filter((id) => typeof id === "string") : [];
+}
 function cellText(value, column, nameOf) {
   if (value === void 0 || value === null || value === "") return "";
   if (column.type === "checkbox") return value ? "Yes" : "No";
   if (column.type === "person" && typeof value === "string") return nameOf?.(value) ?? value;
+  if (column.type === "tag")
+    return linkedTagIds(value).map((id) => nameOf?.(id) ?? id).join(", ");
   if (Array.isArray(value)) return value.map(String).join(", ");
   return String(value);
 }
@@ -94,7 +380,8 @@ var DEFAULT_TAG_COLUMNS_EDITOR_LABELS = {
     document: "Document",
     relation: "Relation",
     lookup: "Lookup",
-    rollup: "Rollup"
+    rollup: "Rollup",
+    tag: "Link to tags"
   }
 };
 var TYPES = ["text", "number", "date", "checkbox", "select", "person"];
@@ -108,7 +395,7 @@ var toWrite = (d) => ({
   ...d.id ? { id: d.id } : {},
   name: d.name.trim(),
   type: d.type,
-  options: d.type === "select" ? d.options.split(",").map((o) => o.trim()).filter(Boolean) : null
+  options: d.type === "tag" ? d.options.split(",").map((o) => o.trim()).filter(Boolean) : d.type === "select" ? d.options.split(",").map((o) => o.trim()).filter(Boolean) : null
 });
 function TagColumnsEditor({
   columns,
@@ -271,7 +558,7 @@ function TagColumnsEditor({
 }
 var DEFAULT_TAG_TABLE_LABELS = {
   row: "Item",
-  evidence: "Evidence",
+  evidence: "Tagged items",
   documents: "{count} documents",
   facts: "{count} facts",
   threads: "{count} threads",
@@ -280,9 +567,6 @@ var DEFAULT_TAG_TABLE_LABELS = {
   thread: "1 thread",
   untitledThread: "Untitled thread",
   more: "+{count} more",
-  gap: "No evidence",
-  gapsOnly: "Show gaps only",
-  gapCount: "{count} without evidence",
   addRow: "Add row",
   addRowPlaceholder: "Name of the new row",
   add: "Add",
@@ -296,25 +580,41 @@ var DEFAULT_TAG_TABLE_LABELS = {
   yes: "Yes",
   editColumns: "Columns"
 };
-var ROW_LABEL_WIDTH = "w-[18rem] min-w-[12rem] max-w-[18rem]";
+var ROW_LABEL_WIDTH = "w-[11rem]";
+var EVIDENCE_WIDTH = "w-[14rem]";
 var ROW_LABEL = "line-clamp-3 whitespace-normal break-words";
 function TagTableCell({
   row,
   column,
   people,
+  tags,
+  onOpenTag,
   onChange,
   l,
   testId
 }) {
   const value = cellValue(row, column);
-  const nameOf = (id) => people?.find((p) => p.value === id)?.label;
+  const nameOf = (id) => (column.type === "tag" ? tags : people)?.find((p) => p.value === id)?.label;
   const shown = cellText(value, column, nameOf);
   const [draft, setDraft] = useState(shown);
   useEffect(() => setDraft(cellText(value, column)), [value, column]);
   const set = (next) => void onChange?.(row.external_id, column.id, next);
+  if (column.type === "tag")
+    return /* @__PURE__ */ jsx(
+      TagLinkCell,
+      {
+        row,
+        column,
+        tags,
+        onOpenTag,
+        onChange: onChange ? set : void 0,
+        l,
+        testId
+      }
+    );
   if (!onChange)
     return /* @__PURE__ */ jsx("span", { className: "block truncate", title: shown, "data-testid": testId, children: shown || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.choose }) });
-  const field = "h-8 w-full min-w-24 rounded-md border border-transparent bg-transparent px-1.5 text-sm hover:border-input focus:border-input focus:bg-background focus:outline-none";
+  const field = "h-8 w-full min-w-0 rounded-md border border-transparent bg-transparent px-1.5 text-sm hover:border-input focus:border-input focus:bg-background focus:outline-none";
   switch (column.type) {
     case "checkbox":
       return /* @__PURE__ */ jsx(
@@ -332,7 +632,7 @@ function TagTableCell({
       return /* @__PURE__ */ jsxs(
         "select",
         {
-          className: cn(field, "min-w-32 pr-6"),
+          className: cn(field, "pr-6"),
           value: typeof value === "string" ? value : "",
           onChange: (e) => set(e.target.value || null),
           "aria-label": `${row.name}: ${column.name}`,
@@ -352,7 +652,7 @@ function TagTableCell({
       return /* @__PURE__ */ jsx(
         "input",
         {
-          className: cn(field, "min-w-32 pr-6"),
+          className: cn(field, "pr-6"),
           type: column.type === "number" ? "number" : column.type === "date" ? "date" : "text",
           value: column.type === "date" ? draft.slice(0, 10) : draft,
           onChange: (e) => setDraft(e.target.value),
@@ -368,6 +668,95 @@ function TagTableCell({
     }
   }
 }
+function TagLinkCell({
+  row,
+  column,
+  tags,
+  onOpenTag,
+  onChange,
+  l,
+  testId
+}) {
+  const ids = linkedTagIds(cellValue(row, column));
+  const kinds = column.options ?? [];
+  const options = (tags ?? []).filter(
+    (t) => t.value !== row.external_id && (kinds.length === 0 || kinds.includes(t.kind))
+  );
+  const label = (id) => tags?.find((t) => t.value === id)?.label ?? id;
+  const chips = ids.map(
+    (id) => onOpenTag ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onOpenTag(id),
+        className: "inline-flex min-w-0 max-w-full items-center truncate rounded-md border border-border px-1.5 py-0.5 text-xs hover:border-primary/40 hover:text-primary",
+        "data-testid": `${testId}-link-${id}`,
+        children: label(id)
+      },
+      id
+    ) : /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex min-w-0 max-w-full truncate rounded-md border border-border px-1.5 py-0.5 text-xs",
+        "data-testid": `${testId}-link-${id}`,
+        children: label(id)
+      },
+      id
+    )
+  );
+  if (!onChange)
+    return /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-wrap gap-1", "data-testid": testId, children: chips.length ? chips : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.choose }) });
+  const current = ids[0];
+  return (
+    // Wraps: in a narrow column the name breaks between words and the picker moves below it.
+    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-1 py-1", children: [
+      current && (onOpenTag ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onOpenTag(current),
+          className: "max-w-full rounded px-1 text-left text-sm break-words hover:text-primary hover:underline focus-visible:ring-2 focus-visible:ring-ring",
+          "aria-label": `Open ${label(current)}`,
+          title: `Open ${label(current)}`,
+          "data-testid": `${testId}-open`,
+          children: [
+            label(current),
+            /* @__PURE__ */ jsx(ArrowUpRight, { className: "ml-0.5 inline size-3.5 align-[-2px] text-muted-foreground" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "max-w-full px-1 text-sm break-words", children: label(current) })),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "relative inline-flex h-6 shrink-0 items-center rounded text-muted-foreground hover:bg-muted hover:text-foreground focus-within:ring-2 focus-within:ring-ring",
+            current ? "w-6 justify-center" : "min-w-0 flex-1 gap-1 px-1 text-sm"
+          ),
+          title: current ? `${column.name}: ${label(current)}` : void 0,
+          children: [
+            !current && /* @__PURE__ */ jsx("span", { className: "truncate", children: l.choose }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "absolute inset-0 h-full w-full cursor-pointer opacity-0",
+                value: current ?? "",
+                onChange: (e) => onChange(e.target.value ? [e.target.value] : null),
+                "aria-label": `${row.name}: ${column.name}`,
+                "data-testid": testId,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: l.choose }),
+                  options.map((t) => /* @__PURE__ */ jsx("option", { value: t.value, children: t.label }, t.value)),
+                  current && !options.some((t) => t.value === current) && /* @__PURE__ */ jsx("option", { value: current, children: label(current) })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  );
+}
 var countText = (count2, one, many) => count2 === 1 ? one : count2 ? many.replace("{count}", String(count2)) : null;
 function Evidence({
   row,
@@ -378,27 +767,15 @@ function Evidence({
   onOpenRow,
   testId
 }) {
-  if (isGap(row))
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: "inline-flex items-center gap-1 rounded-full bg-amber-500/15 px-2 py-0.5 text-xs font-medium text-amber-700 dark:text-amber-300",
-        "data-testid": `${testId}-gap`,
-        children: [
-          /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3" }),
-          " ",
-          l.gap
-        ]
-      }
-    );
+  if (isGap(row)) return null;
   const links = rowLinks(row);
   const docs = links.docs ?? [];
   const facts = links.facts ?? [];
   const threads = links.threads ?? [];
   const more = links.doc_count - docs.length + (links.fact_count - facts.length) + (links.thread_count - threads.length);
-  const chip = "inline-flex max-w-44 items-center gap-1 truncate rounded-md border border-border px-1.5 py-0.5 text-xs hover:border-primary/40 hover:text-primary disabled:hover:border-border disabled:hover:text-inherit";
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1", "data-testid": testId, children: [
-    /* @__PURE__ */ jsx("span", { className: "mr-1 text-xs text-muted-foreground", children: [
+  const chip = "inline-flex min-w-0 max-w-full items-center gap-1 truncate rounded-md border border-border px-1.5 py-0.5 text-xs hover:border-primary/40 hover:text-primary disabled:hover:border-border disabled:hover:text-inherit";
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-testid": testId, children: [
+    /* @__PURE__ */ jsx("span", { className: "mr-1 w-full text-xs text-muted-foreground", children: [
       countText(links.doc_count, l.document, l.documents),
       countText(links.fact_count, l.fact, l.facts),
       countText(links.thread_count, l.thread, l.threads)
@@ -476,6 +853,8 @@ function TagTable({
   onExport,
   onDownload,
   people,
+  tags,
+  onOpenTag,
   actions,
   labels,
   className,
@@ -485,12 +864,9 @@ function TagTable({
   const columns = useMemo(() => table?.columns ?? [], [table]);
   const rows = table?.rows ?? [];
   const [editingColumns, setEditingColumns] = useState(false);
-  const gaps = rows.filter(isGap).length;
-  const [gapsOnly, setGapsOnly] = useState(false);
   const [name, setName] = useState("");
   const [adding, setAdding] = useState(false);
   const [exporting, setExporting] = useState(false);
-  const shown = gapsOnly ? rows.filter(isGap) : rows;
   const add = async () => {
     const n = name.trim();
     if (!n || !onAddRow) return;
@@ -503,76 +879,58 @@ function TagTable({
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), "data-testid": testId, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      gaps > 0 && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: gapsOnly,
-            onCheckedChange: (v) => setGapsOnly(v === true),
-            "data-testid": `${testId}-gaps-only`
-          }
-        ),
-        l.gapsOnly,
-        /* @__PURE__ */ jsxs("span", { className: "text-xs text-amber-700 dark:text-amber-300", children: [
-          "(",
-          l.gapCount.replace("{count}", String(gaps)),
-          ")"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
-        actions,
-        onChangeColumns && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            "aria-pressed": editingColumns,
-            onClick: () => setEditingColumns((v) => !v),
-            "data-testid": `${testId}-edit-columns`,
-            children: [
-              /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4" }),
-              l.editColumns
-            ]
-          }
-        ),
-        onDownload && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            disabled: rows.length === 0,
-            onClick: () => void onDownload(),
-            "data-testid": `${testId}-download`,
-            children: [
-              /* @__PURE__ */ jsx(Download, { className: "size-4" }),
-              l.download
-            ]
-          }
-        ),
-        onExport && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            disabled: exporting || rows.length === 0,
-            onClick: async () => {
-              setExporting(true);
-              try {
-                await onExport();
-              } finally {
-                setExporting(false);
-              }
-            },
-            "data-testid": `${testId}-export`,
-            children: [
-              exporting ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(FileDown, { className: "size-4" }),
-              exporting ? l.exporting : l.export
-            ]
-          }
-        )
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
+      actions,
+      onChangeColumns && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          "aria-pressed": editingColumns,
+          onClick: () => setEditingColumns((v) => !v),
+          "data-testid": `${testId}-edit-columns`,
+          children: [
+            /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4" }),
+            l.editColumns
+          ]
+        }
+      ),
+      onDownload && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: rows.length === 0,
+          onClick: () => void onDownload(),
+          "data-testid": `${testId}-download`,
+          children: [
+            /* @__PURE__ */ jsx(Download, { className: "size-4" }),
+            l.download
+          ]
+        }
+      ),
+      onExport && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: exporting || rows.length === 0,
+          onClick: async () => {
+            setExporting(true);
+            try {
+              await onExport();
+            } finally {
+              setExporting(false);
+            }
+          },
+          "data-testid": `${testId}-export`,
+          children: [
+            exporting ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(FileDown, { className: "size-4" }),
+            exporting ? l.exporting : l.export
+          ]
+        }
+      )
+    ] }) }),
     editingColumns && onChangeColumns && /* @__PURE__ */ jsx(
       TagColumnsEditor,
       {
@@ -586,116 +944,6 @@ function TagTable({
         testId: `${testId}-columns`
       }
     ),
-    isLoading ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
-      " ",
-      l.loading
-    ] }) : /* @__PURE__ */ jsxs("div", { className: "overflow-x-auto rounded-lg border border-border", children: [
-      /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", "data-testid": `${testId}-table`, children: [
-        /* @__PURE__ */ jsx("thead", { className: "bg-muted/40", children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx(
-            "th",
-            {
-              className: cn(
-                ROW_LABEL_WIDTH,
-                "sticky left-0 z-10 bg-muted/40 px-3 py-2 text-left font-medium"
-              ),
-              children: l.row
-            }
-          ),
-          columns.map((c) => /* @__PURE__ */ jsx(
-            "th",
-            {
-              className: "px-3 py-2 text-left font-medium",
-              "data-testid": `${testId}-column-${c.id}`,
-              children: c.name
-            },
-            c.id
-          )),
-          /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-medium", children: l.evidence })
-        ] }) }),
-        /* @__PURE__ */ jsxs("tbody", { children: [
-          shown.map((row) => {
-            const id = row.external_id;
-            const gap = isGap(row);
-            return /* @__PURE__ */ jsxs(
-              "tr",
-              {
-                className: cn("border-t border-border align-top", gap && "bg-amber-500/5"),
-                "data-gap": gap || void 0,
-                "data-testid": `${testId}-row-${id}`,
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "th",
-                    {
-                      scope: "row",
-                      className: cn(
-                        ROW_LABEL_WIDTH,
-                        "sticky left-0 z-10 px-3 py-2 text-left font-medium",
-                        gap ? "bg-amber-50 dark:bg-amber-950" : "bg-background",
-                        gap && "border-l-2 border-l-amber-500"
-                      ),
-                      children: onOpenRow ? /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          className: cn(ROW_LABEL, "text-left hover:text-primary hover:underline"),
-                          title: row.name,
-                          onClick: () => onOpenRow(id),
-                          "data-testid": `${testId}-row-${id}-label`,
-                          children: row.name
-                        }
-                      ) : /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          className: ROW_LABEL,
-                          title: row.name,
-                          "data-testid": `${testId}-row-${id}-label`,
-                          children: row.name
-                        }
-                      )
-                    }
-                  ),
-                  columns.map((c) => /* @__PURE__ */ jsx("td", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsx(
-                    TagTableCell,
-                    {
-                      row,
-                      column: c,
-                      people,
-                      onChange: onChangeValue,
-                      l,
-                      testId: `${testId}-cell-${id}-${c.id}`
-                    }
-                  ) }, c.id)),
-                  /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(
-                    Evidence,
-                    {
-                      row,
-                      l,
-                      onOpenDocument,
-                      onOpenFact,
-                      onOpenThread,
-                      onOpenRow,
-                      testId: `${testId}-evidence-${id}`
-                    }
-                  ) })
-                ]
-              },
-              id
-            );
-          }),
-          shown.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-            "td",
-            {
-              colSpan: columns.length + 2,
-              className: "px-3 py-6 text-center text-sm text-muted-foreground",
-              children: l.empty
-            }
-          ) })
-        ] })
-      ] }),
-      columns.length === 0 && rows.length > 0 && /* @__PURE__ */ jsx("p", { className: "border-t border-border px-3 py-2 text-xs text-muted-foreground", children: l.noColumns })
-    ] }),
     onAddRow && /* @__PURE__ */ jsxs(
       "form",
       {
@@ -732,7 +980,123 @@ function TagTable({
           )
         ]
       }
-    )
+    ),
+    isLoading ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+      " ",
+      l.loading
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "overflow-x-auto rounded-lg border border-border", children: [
+      /* @__PURE__ */ jsxs(
+        "table",
+        {
+          className: "w-full min-w-[36rem] table-fixed border-collapse text-sm",
+          "data-testid": `${testId}-table`,
+          children: [
+            /* @__PURE__ */ jsx("thead", { className: "bg-muted/40", children: /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx(
+                "th",
+                {
+                  className: cn(
+                    ROW_LABEL_WIDTH,
+                    "sticky left-0 z-10 bg-muted/40 px-3 py-2 text-left font-medium"
+                  ),
+                  children: l.row
+                }
+              ),
+              columns.map((c) => /* @__PURE__ */ jsx(
+                "th",
+                {
+                  className: "truncate px-3 py-2 text-left font-medium",
+                  title: c.name,
+                  "data-testid": `${testId}-column-${c.id}`,
+                  children: c.name
+                },
+                c.id
+              )),
+              /* @__PURE__ */ jsx("th", { className: cn(EVIDENCE_WIDTH, "px-3 py-2 text-left font-medium"), children: l.evidence })
+            ] }) }),
+            /* @__PURE__ */ jsxs("tbody", { children: [
+              rows.map((row) => {
+                const id = row.external_id;
+                return /* @__PURE__ */ jsxs(
+                  "tr",
+                  {
+                    className: "border-t border-border align-top",
+                    "data-testid": `${testId}-row-${id}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "th",
+                        {
+                          scope: "row",
+                          className: cn(
+                            ROW_LABEL_WIDTH,
+                            "sticky left-0 z-10 bg-background px-3 py-2 text-left font-medium"
+                          ),
+                          children: onOpenRow ? /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: cn(ROW_LABEL, "text-left hover:text-primary hover:underline"),
+                              title: row.name,
+                              onClick: () => onOpenRow(id),
+                              "data-testid": `${testId}-row-${id}-label`,
+                              children: row.name
+                            }
+                          ) : /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: ROW_LABEL,
+                              title: row.name,
+                              "data-testid": `${testId}-row-${id}-label`,
+                              children: row.name
+                            }
+                          )
+                        }
+                      ),
+                      columns.map((c) => /* @__PURE__ */ jsx("td", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsx(
+                        TagTableCell,
+                        {
+                          row,
+                          column: c,
+                          people,
+                          tags,
+                          onOpenTag,
+                          onChange: onChangeValue,
+                          l,
+                          testId: `${testId}-cell-${id}-${c.id}`
+                        }
+                      ) }, c.id)),
+                      /* @__PURE__ */ jsx("td", { className: "min-w-0 px-3 py-2", children: /* @__PURE__ */ jsx(
+                        Evidence,
+                        {
+                          row,
+                          l,
+                          onOpenDocument,
+                          onOpenFact,
+                          onOpenThread,
+                          onOpenRow,
+                          testId: `${testId}-evidence-${id}`
+                        }
+                      ) })
+                    ]
+                  },
+                  id
+                );
+              }),
+              rows.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+                "td",
+                {
+                  colSpan: columns.length + 2,
+                  className: "px-3 py-6 text-center text-sm text-muted-foreground",
+                  children: l.empty
+                }
+              ) })
+            ] })
+          ]
+        }
+      ),
+      columns.length === 0 && rows.length > 0 && /* @__PURE__ */ jsx("p", { className: "border-t border-border px-3 py-2 text-xs text-muted-foreground", children: l.noColumns })
+    ] })
   ] });
 }
 var DOCX_MIME_TYPE = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
@@ -875,6 +1239,6 @@ function tagTableDocx(table, options) {
   });
 }
 
-export { DEFAULT_TAG_COLUMNS_EDITOR_LABELS, DEFAULT_TAG_TABLE_DOCX_LABELS, DEFAULT_TAG_TABLE_LABELS, DOCX_MIME_TYPE, TAG_TABLE_DOCX_LANDSCAPE_AFTER, TagColumnsEditor, TagTable, TagTableCell, cellText, cellValue, fieldWrites, isGap, parseCell, rowLinks, tagTableDocumentXml, tagTableDocx, tagTableMarkdown };
-//# sourceMappingURL=chunk-X23U6QEJ.js.map
-//# sourceMappingURL=chunk-X23U6QEJ.js.map
+export { DEFAULT_TAG_COLUMNS_EDITOR_LABELS, DEFAULT_TAG_TABLE_DOCX_LABELS, DEFAULT_TAG_TABLE_LABELS, DEFAULT_THREAD_FOLLOW_LABELS, DEFAULT_WORKSPACE_ACTIVITY_LABELS, DEFAULT_WORKSPACE_NOTIFICATION_MENU_LABELS, DOCX_MIME_TYPE, TAG_TABLE_DOCX_LANDSCAPE_AFTER, TagColumnsEditor, TagTable, TagTableCell, ThreadFollowButton, ThreadFollowMenuItem, WorkspaceActivityList, WorkspaceNotificationMenu, cellText, cellValue, fieldWrites, isGap, parseCell, rowLinks, tagTableDocumentXml, tagTableDocx, tagTableMarkdown, workspaceActivityHeadline, workspaceActivityTarget };
+//# sourceMappingURL=chunk-NXWKMKZY.js.map
+//# sourceMappingURL=chunk-NXWKMKZY.js.map