@arbidocs/blocks 0.4.87 → 0.4.89

package/dist/{chunk-QOADH2YB.cjs → chunk-TF6YMDZL.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunk5XZU64E2_cjs = require('./chunk-5XZU64E2.cjs');
+var chunkMOJ5JQDN_cjs = require('./chunk-MOJ5JQDN.cjs');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
@@ -49,9 +49,9 @@ function workspaceActivityHeadline(item) {
       return item.status ? `${run2} (${item.status.replace(/_/g, " ")})` : run2;
     }
     default: {
-      const headline = chunk5XZU64E2_cjs.taskActivityHeadline(
+      const headline = chunkMOJ5JQDN_cjs.taskActivityHeadline(
         { kind: item.kind, detail: item.detail },
-        chunk5XZU64E2_cjs.DEFAULT_TASK_ACTIVITY_LABELS
+        chunkMOJ5JQDN_cjs.DEFAULT_TASK_ACTIVITY_LABELS
       );
       return `${headline} in ${thread}`;
     }
@@ -302,10 +302,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);
 }
@@ -376,7 +382,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"];
@@ -390,7 +397,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,
@@ -553,7 +560,7 @@ function TagColumnsEditor({
 }
 var DEFAULT_TAG_TABLE_LABELS = {
   row: "Item",
-  evidence: "Evidence",
+  evidence: "Tagged items",
   documents: "{count} documents",
   facts: "{count} facts",
   threads: "{count} threads",
@@ -562,9 +569,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",
@@ -578,25 +582,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] = react.useState(shown);
   react.useEffect(() => setDraft(cellText(value, column)), [value, column]);
   const set = (next) => void onChange?.(row.external_id, column.id, next);
+  if (column.type === "tag")
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TagLinkCell,
+      {
+        row,
+        column,
+        tags,
+        onOpenTag,
+        onChange: onChange ? set : void 0,
+        l,
+        testId
+      }
+    );
   if (!onChange)
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate", title: shown, "data-testid": testId, children: shown || /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
@@ -614,7 +634,7 @@ function TagTableCell({
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
-          className: ui.cn(field, "min-w-32 pr-6"),
+          className: ui.cn(field, "pr-6"),
           value: typeof value === "string" ? value : "",
           onChange: (e) => set(e.target.value || null),
           "aria-label": `${row.name}: ${column.name}`,
@@ -634,7 +654,7 @@ function TagTableCell({
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          className: ui.cn(field, "min-w-32 pr-6"),
+          className: ui.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),
@@ -650,6 +670,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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "flex min-w-0 flex-wrap gap-1", "data-testid": testId, children: chips.length ? chips : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-1 py-1", children: [
+      current && (onOpenTag ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: "ml-0.5 inline size-3.5 align-[-2px] text-muted-foreground" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-full px-1 text-sm break-words", children: label(current) })),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: ui.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__ */ jsxRuntime.jsx("span", { className: "truncate", children: l.choose }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", children: l.choose }),
+                  options.map((t) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: t.value, children: t.label }, t.value)),
+                  current && !options.some((t) => t.value === current) && /* @__PURE__ */ jsxRuntime.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,
@@ -660,27 +769,15 @@ function Evidence({
   onOpenRow,
   testId
 }) {
-  if (isGap(row))
-    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1", "data-testid": testId, children: [
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.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)
@@ -758,6 +855,8 @@ function TagTable({
   onExport,
   onDownload,
   people,
+  tags,
+  onOpenTag,
   actions,
   labels,
   className,
@@ -767,12 +866,9 @@ function TagTable({
   const columns = react.useMemo(() => table?.columns ?? [], [table]);
   const rows = table?.rows ?? [];
   const [editingColumns, setEditingColumns] = react.useState(false);
-  const gaps = rows.filter(isGap).length;
-  const [gapsOnly, setGapsOnly] = react.useState(false);
   const [name, setName] = react.useState("");
   const [adding, setAdding] = react.useState(false);
   const [exporting, setExporting] = react.useState(false);
-  const shown = gapsOnly ? rows.filter(isGap) : rows;
   const add = async () => {
     const n = name.trim();
     if (!n || !onAddRow) return;
@@ -785,76 +881,58 @@ function TagTable({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("space-y-3", className), "data-testid": testId, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      gaps > 0 && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Checkbox,
-          {
-            checked: gapsOnly,
-            onCheckedChange: (v) => setGapsOnly(v === true),
-            "data-testid": `${testId}-gaps-only`
-          }
-        ),
-        l.gapsOnly,
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-amber-700 dark:text-amber-300", children: [
-          "(",
-          l.gapCount.replace("{count}", String(gaps)),
-          ")"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
-        actions,
-        onChangeColumns && /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Button,
-          {
-            variant: "outline",
-            size: "sm",
-            "aria-pressed": editingColumns,
-            onClick: () => setEditingColumns((v) => !v),
-            "data-testid": `${testId}-edit-columns`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SlidersHorizontal, { className: "size-4" }),
-              l.editColumns
-            ]
-          }
-        ),
-        onDownload && /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Button,
-          {
-            variant: "outline",
-            size: "sm",
-            disabled: rows.length === 0,
-            onClick: () => void onDownload(),
-            "data-testid": `${testId}-download`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-4" }),
-              l.download
-            ]
-          }
-        ),
-        onExport && /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.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__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileDown, { className: "size-4" }),
-              exporting ? l.exporting : l.export
-            ]
-          }
-        )
-      ] })
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
+      actions,
+      onChangeColumns && /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          "aria-pressed": editingColumns,
+          onClick: () => setEditingColumns((v) => !v),
+          "data-testid": `${testId}-edit-columns`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SlidersHorizontal, { className: "size-4" }),
+            l.editColumns
+          ]
+        }
+      ),
+      onDownload && /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: rows.length === 0,
+          onClick: () => void onDownload(),
+          "data-testid": `${testId}-download`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-4" }),
+            l.download
+          ]
+        }
+      ),
+      onExport && /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.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__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileDown, { className: "size-4" }),
+            exporting ? l.exporting : l.export
+          ]
+        }
+      )
+    ] }) }),
     editingColumns && onChangeColumns && /* @__PURE__ */ jsxRuntime.jsx(
       TagColumnsEditor,
       {
@@ -868,116 +946,6 @@ function TagTable({
         testId: `${testId}-columns`
       }
     ),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }),
-      " ",
-      l.loading
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-x-auto rounded-lg border border-border", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse text-sm", "data-testid": `${testId}-table`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-muted/40", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "th",
-            {
-              className: ui.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__ */ jsxRuntime.jsx(
-            "th",
-            {
-              className: "px-3 py-2 text-left font-medium",
-              "data-testid": `${testId}-column-${c.id}`,
-              children: c.name
-            },
-            c.id
-          )),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-medium", children: l.evidence })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-          shown.map((row) => {
-            const id = row.external_id;
-            const gap = isGap(row);
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "tr",
-              {
-                className: ui.cn("border-t border-border align-top", gap && "bg-amber-500/5"),
-                "data-gap": gap || void 0,
-                "data-testid": `${testId}-row-${id}`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "th",
-                    {
-                      scope: "row",
-                      className: ui.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__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          className: ui.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__ */ jsxRuntime.jsx(
-                        "span",
-                        {
-                          className: ROW_LABEL,
-                          title: row.name,
-                          "data-testid": `${testId}-row-${id}-label`,
-                          children: row.name
-                        }
-                      )
-                    }
-                  ),
-                  columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    TagTableCell,
-                    {
-                      row,
-                      column: c,
-                      people,
-                      onChange: onChangeValue,
-                      l,
-                      testId: `${testId}-cell-${id}-${c.id}`
-                    }
-                  ) }, c.id)),
-                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    Evidence,
-                    {
-                      row,
-                      l,
-                      onOpenDocument,
-                      onOpenFact,
-                      onOpenThread,
-                      onOpenRow,
-                      testId: `${testId}-evidence-${id}`
-                    }
-                  ) })
-                ]
-              },
-              id
-            );
-          }),
-          shown.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "border-t border-border px-3 py-2 text-xs text-muted-foreground", children: l.noColumns })
-    ] }),
     onAddRow && /* @__PURE__ */ jsxRuntime.jsxs(
       "form",
       {
@@ -1014,7 +982,123 @@ function TagTable({
           )
         ]
       }
-    )
+    ),
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }),
+      " ",
+      l.loading
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-x-auto rounded-lg border border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "table",
+        {
+          className: "w-full min-w-[36rem] table-fixed border-collapse text-sm",
+          "data-testid": `${testId}-table`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-muted/40", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "th",
+                {
+                  className: ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("th", { className: ui.cn(EVIDENCE_WIDTH, "px-3 py-2 text-left font-medium"), children: l.evidence })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+              rows.map((row) => {
+                const id = row.external_id;
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "tr",
+                  {
+                    className: "border-t border-border align-top",
+                    "data-testid": `${testId}-row-${id}`,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "th",
+                        {
+                          scope: "row",
+                          className: ui.cn(
+                            ROW_LABEL_WIDTH,
+                            "sticky left-0 z-10 bg-background px-3 py-2 text-left font-medium"
+                          ),
+                          children: onOpenRow ? /* @__PURE__ */ jsxRuntime.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: ui.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__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              className: ROW_LABEL,
+                              title: row.name,
+                              "data-testid": `${testId}-row-${id}-label`,
+                              children: row.name
+                            }
+                          )
+                        }
+                      ),
+                      columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        TagTableCell,
+                        {
+                          row,
+                          column: c,
+                          people,
+                          tags,
+                          onOpenTag,
+                          onChange: onChangeValue,
+                          l,
+                          testId: `${testId}-cell-${id}-${c.id}`
+                        }
+                      ) }, c.id)),
+                      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        Evidence,
+                        {
+                          row,
+                          l,
+                          onOpenDocument,
+                          onOpenFact,
+                          onOpenThread,
+                          onOpenRow,
+                          testId: `${testId}-evidence-${id}`
+                        }
+                      ) })
+                    ]
+                  },
+                  id
+                );
+              }),
+              rows.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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";
@@ -1183,5 +1267,5 @@ exports.tagTableDocx = tagTableDocx;
 exports.tagTableMarkdown = tagTableMarkdown;
 exports.workspaceActivityHeadline = workspaceActivityHeadline;
 exports.workspaceActivityTarget = workspaceActivityTarget;
-//# sourceMappingURL=chunk-QOADH2YB.cjs.map
-//# sourceMappingURL=chunk-QOADH2YB.cjs.map
+//# sourceMappingURL=chunk-TF6YMDZL.cjs.map
+//# sourceMappingURL=chunk-TF6YMDZL.cjs.map