@arbidocs/blocks 0.4.83 → 0.4.85

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

@@ -1,28 +1,25 @@
 "use client";
 import { useState, useEffect, useMemo } from 'react';
-import { Download, Loader2, FileDown, Plus, AlertTriangle, FileText, Lightbulb, MessagesSquare } from 'lucide-react';
-import { cn, Checkbox, Button, Input } from '@arbidocs/react/ui';
-import { jsx, jsxs } from 'react/jsx-runtime';
+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/tags/tagMatrixModel.ts
-var sameField = (a, b) => a.type === b.type && a.name.trim().toLowerCase() === b.name.trim().toLowerCase();
-function tagMatrixColumns(matrix) {
-  const columns = [];
-  const add = (f) => {
-    if (!columns.some((c) => c.id === f.id || sameField(c, f))) columns.push(f);
-  };
-  for (const f of matrix?.parent?.fields ?? []) add(f);
-  for (const row of matrix?.rows ?? []) for (const f of row.tag.fields ?? []) add(f);
-  return columns;
-}
-function rowFieldId(row, column) {
-  const fields = row.tag.fields ?? [];
-  if (fields.some((f) => f.id === column.id)) return column.id;
-  return fields.find((f) => sameField(f, column))?.id ?? column.id;
-}
-var cellValue = (row, column) => row.tag.field_values?.[rowFieldId(row, column)];
-var isGap = (row) => row.doc_count + row.fact_count + row.thread_count === 0;
+// src/tags/tagTableModel.ts
+var NO_LINKS = {
+  docs: [],
+  facts: [],
+  threads: [],
+  doc_count: 0,
+  fact_count: 0,
+  thread_count: 0
+};
+var rowLinks = (row) => row.links ?? NO_LINKS;
+var cellValue = (row, column) => row.field_values?.[column.id];
+var isGap = (row) => {
+  const l = rowLinks(row);
+  return l.doc_count + l.fact_count + l.thread_count === 0;
+};
 function cellText(value, column, nameOf) {
   if (value === void 0 || value === null || value === "") return "";
   if (column.type === "checkbox") return value ? "Yes" : "No";
@@ -39,9 +36,10 @@ function parseCell(text, type) {
   }
   return t;
 }
+var fieldWrites = (columns) => columns.map((c) => ({ id: c.id, name: c.name, type: c.type, options: c.options ?? null }));
 var escapeCell = (text) => text.replace(/\|/g, "\\|").replace(/\n+/g, " ");
-function tagMatrixMarkdown(matrix, options) {
-  const columns = tagMatrixColumns(matrix);
+function tagTableMarkdown(table, options) {
+  const { columns } = table;
   const heads = [
     options.rowHeading ?? "Item",
     ...columns.map((c) => c.name),
@@ -55,14 +53,15 @@ function tagMatrixMarkdown(matrix, options) {
     `| ${heads.map(escapeCell).join(" | ")} |`,
     `| ${heads.map(() => "---").join(" | ")} |`
   ];
-  for (const row of matrix.rows ?? []) {
+  for (const row of table.rows) {
+    const l = rowLinks(row);
     const evidence = [
-      `${row.doc_count} document${row.doc_count === 1 ? "" : "s"}`,
-      `${row.fact_count} fact${row.fact_count === 1 ? "" : "s"}`,
-      ...row.thread_count ? [`${row.thread_count} thread${row.thread_count === 1 ? "" : "s"}`] : []
+      `${l.doc_count} document${l.doc_count === 1 ? "" : "s"}`,
+      `${l.fact_count} fact${l.fact_count === 1 ? "" : "s"}`,
+      ...l.thread_count ? [`${l.thread_count} thread${l.thread_count === 1 ? "" : "s"}`] : []
     ].join(", ");
     const cells = [
-      row.tag.name,
+      row.name,
       ...columns.map((c) => cellText(cellValue(row, c), c, options.nameOf)),
       evidence
     ];
@@ -71,7 +70,206 @@ function tagMatrixMarkdown(matrix, options) {
   return `${lines.join("\n")}
 `;
 }
-var DEFAULT_TAG_MATRIX_LABELS = {
+var DEFAULT_TAG_COLUMNS_EDITOR_LABELS = {
+  title: "Columns",
+  addColumn: "Add column",
+  name: "Column name",
+  type: "Type",
+  options: "Choices",
+  optionsPlaceholder: "Choices, comma-separated",
+  remove: "Remove column",
+  moveUp: "Move up",
+  moveDown: "Move down",
+  save: "Save columns",
+  saving: "Saving\u2026",
+  cancel: "Cancel",
+  empty: "No columns.",
+  types: {
+    text: "Text",
+    number: "Number",
+    date: "Date",
+    checkbox: "Yes / no",
+    select: "Choice",
+    person: "Person",
+    document: "Document",
+    relation: "Relation",
+    lookup: "Lookup",
+    rollup: "Rollup"
+  }
+};
+var TYPES = ["text", "number", "date", "checkbox", "select", "person"];
+var toDraft = (f) => ({
+  id: f.id,
+  name: f.name,
+  type: f.type,
+  options: (f.options ?? []).join(", ")
+});
+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
+});
+function TagColumnsEditor({
+  columns,
+  onSave,
+  onCancel,
+  labels,
+  className,
+  testId = "tag-columns"
+}) {
+  const l = { ...DEFAULT_TAG_COLUMNS_EDITOR_LABELS, ...labels };
+  const [drafts, setDrafts] = useState(() => columns.map(toDraft));
+  const [saving, setSaving] = useState(false);
+  const patch = (i, change) => setDrafts((ds) => ds.map((d, j) => j === i ? { ...d, ...change } : d));
+  const move = (i, by) => setDrafts((ds) => {
+    const next = [...ds];
+    const [d] = next.splice(i, 1);
+    next.splice(i + by, 0, d);
+    return next;
+  });
+  const valid = drafts.every(
+    (d) => d.name.trim() && (d.type !== "select" || toWrite(d).options?.length)
+  );
+  const input = "h-8 rounded-md border border-input bg-background px-2 text-sm focus:outline-none focus:ring-1 focus:ring-ring";
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: cn("space-y-2 rounded-lg border border-border p-3", className),
+      onSubmit: async (e) => {
+        e.preventDefault();
+        if (!valid) return;
+        setSaving(true);
+        try {
+          await onSave(drafts.map(toWrite));
+        } finally {
+          setSaving(false);
+        }
+      },
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: l.title }),
+        drafts.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: drafts.map((d, i) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex flex-wrap items-center gap-2",
+            "data-testid": `${testId}-column-${i}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  className: "h-8 w-48",
+                  value: d.name,
+                  placeholder: l.name,
+                  "aria-label": l.name,
+                  onChange: (e) => patch(i, { name: e.target.value }),
+                  "data-testid": `${testId}-name-${i}`
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "select",
+                {
+                  className: cn(input, "w-32"),
+                  value: d.type,
+                  disabled: !!d.id,
+                  "aria-label": l.type,
+                  onChange: (e) => patch(i, { type: e.target.value }),
+                  "data-testid": `${testId}-type-${i}`,
+                  children: (TYPES.includes(d.type) ? TYPES : [d.type, ...TYPES]).map((t) => /* @__PURE__ */ jsx("option", { value: t, children: l.types[t] }, t))
+                }
+              ),
+              d.type === "select" && /* @__PURE__ */ jsx(
+                Input,
+                {
+                  className: "h-8 min-w-48 flex-1",
+                  value: d.options,
+                  placeholder: l.optionsPlaceholder,
+                  "aria-label": l.options,
+                  onChange: (e) => patch(i, { options: e.target.value }),
+                  "data-testid": `${testId}-options-${i}`
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    disabled: i === 0,
+                    "aria-label": l.moveUp,
+                    onClick: () => move(i, -1),
+                    children: /* @__PURE__ */ jsx(ArrowUp, { className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    disabled: i === drafts.length - 1,
+                    "aria-label": l.moveDown,
+                    onClick: () => move(i, 1),
+                    children: /* @__PURE__ */ jsx(ArrowDown, { className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    "aria-label": l.remove,
+                    onClick: () => setDrafts((ds) => ds.filter((_, j) => j !== i)),
+                    "data-testid": `${testId}-remove-${i}`,
+                    children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+                  }
+                )
+              ] })
+            ]
+          },
+          d.id ?? `new-${i}`
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => setDrafts((ds) => [...ds, { name: "", type: "text", options: "" }]),
+              "data-testid": `${testId}-add`,
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+                " ",
+                l.addColumn
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: l.cancel }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "submit",
+                size: "sm",
+                disabled: !valid || saving,
+                "data-testid": `${testId}-save`,
+                children: [
+                  saving && /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+                  saving ? l.saving : l.save
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var DEFAULT_TAG_TABLE_LABELS = {
   row: "Item",
   evidence: "Evidence",
   documents: "{count} documents",
@@ -93,13 +291,14 @@ var DEFAULT_TAG_MATRIX_LABELS = {
   exporting: "Exporting\u2026",
   empty: "No rows yet.",
   loading: "Loading\u2026",
-  noColumns: "No fields yet: add fields to the parent label to get columns.",
+  noColumns: "No columns yet: add one to give each row a value.",
   choose: "\u2014",
-  yes: "Yes"
+  yes: "Yes",
+  editColumns: "Columns"
 };
 var ROW_LABEL_WIDTH = "w-[18rem] min-w-[12rem] max-w-[18rem]";
 var ROW_LABEL = "line-clamp-3 whitespace-normal break-words";
-function TagMatrixCell({
+function TagTableCell({
   row,
   column,
   people,
@@ -112,7 +311,7 @@ function TagMatrixCell({
   const shown = cellText(value, column, nameOf);
   const [draft, setDraft] = useState(shown);
   useEffect(() => setDraft(cellText(value, column)), [value, column]);
-  const set = (next) => void onChange?.(row.tag.external_id, rowFieldId(row, column), next);
+  const set = (next) => void onChange?.(row.external_id, column.id, next);
   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";
@@ -123,7 +322,7 @@ function TagMatrixCell({
         {
           checked: value === true,
           onCheckedChange: (v) => set(v === true),
-          "aria-label": `${row.tag.name}: ${column.name}`,
+          "aria-label": `${row.name}: ${column.name}`,
           "data-testid": testId
         }
       );
@@ -136,7 +335,7 @@ function TagMatrixCell({
           className: cn(field, "min-w-32 pr-6"),
           value: typeof value === "string" ? value : "",
           onChange: (e) => set(e.target.value || null),
-          "aria-label": `${row.tag.name}: ${column.name}`,
+          "aria-label": `${row.name}: ${column.name}`,
           "data-testid": testId,
           children: [
             /* @__PURE__ */ jsx("option", { value: "", children: l.choose }),
@@ -162,7 +361,7 @@ function TagMatrixCell({
             if (e.key === "Enter") e.target.blur();
             if (e.key === "Escape") setDraft(cellText(value, column));
           },
-          "aria-label": `${row.tag.name}: ${column.name}`,
+          "aria-label": `${row.name}: ${column.name}`,
           "data-testid": testId
         }
       );
@@ -192,16 +391,17 @@ function Evidence({
         ]
       }
     );
-  const docs = row.docs ?? [];
-  const facts = row.facts ?? [];
-  const threads = row.threads ?? [];
-  const more = row.doc_count - docs.length + (row.fact_count - facts.length) + (row.thread_count - threads.length);
+  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: [
-      countText(row.doc_count, l.document, l.documents),
-      countText(row.fact_count, l.fact, l.facts),
-      countText(row.thread_count, l.thread, l.threads)
+      countText(links.doc_count, l.document, l.documents),
+      countText(links.fact_count, l.fact, l.facts),
+      countText(links.thread_count, l.thread, l.threads)
     ].filter(Boolean).join(" \xB7 ") }),
     docs.map((d) => /* @__PURE__ */ jsxs(
       "button",
@@ -256,18 +456,19 @@ function Evidence({
       {
         type: "button",
         className: "text-xs text-primary hover:underline",
-        onClick: () => onOpenRow(row.tag.external_id),
+        onClick: () => onOpenRow(row.external_id),
         "data-testid": `${testId}-more`,
         children: l.more.replace("{count}", String(more))
       }
     ) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-more`, children: l.more.replace("{count}", String(more)) }))
   ] });
 }
-function TagMatrix({
-  matrix,
+function TagTable({
+  table,
   isLoading,
   onChangeValue,
   onAddRow,
+  onChangeColumns,
   onOpenDocument,
   onOpenFact,
   onOpenThread,
@@ -278,11 +479,12 @@ function TagMatrix({
   actions,
   labels,
   className,
-  testId = "tag-matrix"
+  testId = "tag-table"
 }) {
-  const l = { ...DEFAULT_TAG_MATRIX_LABELS, ...labels };
-  const columns = useMemo(() => tagMatrixColumns(matrix), [matrix]);
-  const rows = matrix?.rows ?? [];
+  const l = { ...DEFAULT_TAG_TABLE_LABELS, ...labels };
+  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("");
@@ -320,6 +522,20 @@ function TagMatrix({
       ] }),
       /* @__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,
           {
@@ -357,6 +573,19 @@ function TagMatrix({
         )
       ] })
     ] }),
+    editingColumns && onChangeColumns && /* @__PURE__ */ jsx(
+      TagColumnsEditor,
+      {
+        columns,
+        labels: l.columns,
+        onCancel: () => setEditingColumns(false),
+        onSave: async (fields) => {
+          await onChangeColumns(fields);
+          setEditingColumns(false);
+        },
+        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" }),
       " ",
@@ -387,7 +616,7 @@ function TagMatrix({
         ] }) }),
         /* @__PURE__ */ jsxs("tbody", { children: [
           shown.map((row) => {
-            const id = row.tag.external_id;
+            const id = row.external_id;
             const gap = isGap(row);
             return /* @__PURE__ */ jsxs(
               "tr",
@@ -411,24 +640,24 @@ function TagMatrix({
                         {
                           type: "button",
                           className: cn(ROW_LABEL, "text-left hover:text-primary hover:underline"),
-                          title: row.tag.name,
+                          title: row.name,
                           onClick: () => onOpenRow(id),
                           "data-testid": `${testId}-row-${id}-label`,
-                          children: row.tag.name
+                          children: row.name
                         }
                       ) : /* @__PURE__ */ jsx(
                         "span",
                         {
                           className: ROW_LABEL,
-                          title: row.tag.name,
+                          title: row.name,
                           "data-testid": `${testId}-row-${id}-label`,
-                          children: row.tag.name
+                          children: row.name
                         }
                       )
                     }
                   ),
                   columns.map((c) => /* @__PURE__ */ jsx("td", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsx(
-                    TagMatrixCell,
+                    TagTableCell,
                     {
                       row,
                       column: c,
@@ -507,8 +736,8 @@ function TagMatrix({
   ] });
 }
 var DOCX_MIME_TYPE = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
-var TAG_MATRIX_DOCX_LANDSCAPE_AFTER = 6;
-var DEFAULT_TAG_MATRIX_DOCX_LABELS = {
+var TAG_TABLE_DOCX_LANDSCAPE_AFTER = 6;
+var DEFAULT_TAG_TABLE_DOCX_LABELS = {
   row: "Item",
   evidence: "Evidence",
   gaps: "Gaps",
@@ -537,40 +766,46 @@ var cell = (paragraphs, width, fill) => `<w:tc><w:tcPr><w:tcW w:w="${width}" w:t
 var count = (n, one, many) => n === 1 ? one : many.replace("{count}", String(n));
 function evidenceParagraphs(row, l) {
   if (isGap(row)) return [];
-  const docs = row.docs ?? [];
-  const facts = row.facts ?? [];
-  const threads = row.threads ?? [];
-  const more = row.doc_count - docs.length + (row.fact_count - facts.length) + (row.thread_count - threads.length);
+  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);
   return [
     paragraph(
       [
         {
           text: [
-            row.doc_count ? count(row.doc_count, l.document, l.documents) : null,
-            row.fact_count ? count(row.fact_count, l.fact, l.facts) : null,
-            row.thread_count ? count(row.thread_count, l.thread, l.threads) : null
+            links.doc_count ? count(links.doc_count, l.document, l.documents) : null,
+            links.fact_count ? count(links.fact_count, l.fact, l.facts) : null,
+            links.thread_count ? count(links.thread_count, l.thread, l.threads) : null
           ].filter(Boolean).join(" \xB7 "),
           muted: true
         }
       ],
-      "MatrixCell"
+      "TagTableCell"
     ),
     ...docs.map(
       (d) => paragraph(
         [{ text: d.file_name, bold: true }, ...d.note ? [{ text: ` \u2014 ${d.note}` }] : []],
-        "MatrixCell"
+        "TagTableCell"
       )
     ),
-    ...facts.map((f) => paragraph([{ text: `\u201C${f.text}\u201D`, italic: true }], "MatrixCell")),
-    ...threads.map((t) => paragraph([{ text: t.title || l.untitledThread }], "MatrixCell")),
-    ...more > 0 ? [paragraph([{ text: l.more.replace("{count}", String(more)), muted: true }], "MatrixCell")] : []
+    ...facts.map((f) => paragraph([{ text: `\u201C${f.text}\u201D`, italic: true }], "TagTableCell")),
+    ...threads.map((t) => paragraph([{ text: t.title || l.untitledThread }], "TagTableCell")),
+    ...more > 0 ? [
+      paragraph(
+        [{ text: l.more.replace("{count}", String(more)), muted: true }],
+        "TagTableCell"
+      )
+    ] : []
   ];
 }
 function gapParagraphs(row, columns, l) {
   const missing = columns.filter((c) => c.type !== "checkbox" && cellText(cellValue(row, c), c) === "").map((c) => c.name);
   return [
-    ...isGap(row) ? [paragraph([{ text: l.noEvidence, bold: true }], "MatrixCell")] : [],
-    ...missing.length ? [paragraph([{ text: l.missing.replace("{fields}", missing.join(", ")) }], "MatrixCell")] : []
+    ...isGap(row) ? [paragraph([{ text: l.noEvidence, bold: true }], "TagTableCell")] : [],
+    ...missing.length ? [paragraph([{ text: l.missing.replace("{fields}", missing.join(", ")) }], "TagTableCell")] : []
   ];
 }
 function page(landscape) {
@@ -583,40 +818,41 @@ function page(landscape) {
     sectPr: `<w:sectPr><w:pgSz w:w="${landscape ? long : short}" w:h="${landscape ? short : long}"${landscape ? ' w:orient="landscape"' : ""}/><w:pgMar w:top="${margin}" w:right="${margin}" w:bottom="${margin}" w:left="${margin}" w:header="708" w:footer="708" w:gutter="0"/></w:sectPr>`
   };
 }
-function tagMatrixDocumentXml(matrix, options) {
-  const l = { ...DEFAULT_TAG_MATRIX_DOCX_LABELS, ...options.labels };
-  const columns = tagMatrixColumns(matrix);
-  const rows = matrix.rows ?? [];
+function tagTableDocumentXml(table, options) {
+  const l = { ...DEFAULT_TAG_TABLE_DOCX_LABELS, ...options.labels };
+  const { columns, rows } = table;
   const heads = [l.row, ...columns.map((c) => c.name), l.evidence, l.gaps];
-  const landscape = heads.length > TAG_MATRIX_DOCX_LANDSCAPE_AFTER;
+  const landscape = heads.length > TAG_TABLE_DOCX_LANDSCAPE_AFTER;
   const { textWidth, sectPr } = page(landscape);
   const weights = [2, ...columns.map(() => 1), 3, 1.5];
   const total = weights.reduce((a, b) => a + b, 0);
   const widths = weights.map((w) => Math.floor(textWidth * w / total));
   const at = new Date(options.at ?? Date.now()).toISOString().slice(0, 16).replace("T", " ");
-  const header = `<w:tr><w:trPr><w:tblHeader/><w:cantSplit/></w:trPr>${heads.map((h, i) => cell([paragraph([{ text: h, bold: true }], "MatrixCell")], widths[i], "E7E6E6")).join("")}</w:tr>`;
+  const header = `<w:tr><w:trPr><w:tblHeader/><w:cantSplit/></w:trPr>${heads.map(
+    (h, i) => cell([paragraph([{ text: h, bold: true }], "TagTableCell")], widths[i], "E7E6E6")
+  ).join("")}</w:tr>`;
   const body = rows.map((row) => {
     const fill = isGap(row) ? "FFF2CC" : void 0;
     const cells = [
-      cell([paragraph([{ text: row.tag.name, bold: true }], "MatrixCell")], widths[0], fill),
+      cell([paragraph([{ text: row.name, bold: true }], "TagTableCell")], widths[0], fill),
       ...columns.map((c, i) => {
         const text = cellText(cellValue(row, c), c, options.nameOf);
-        return cell(text ? [paragraph([{ text }], "MatrixCell")] : [], widths[i + 1], fill);
+        return cell(text ? [paragraph([{ text }], "TagTableCell")] : [], widths[i + 1], fill);
       }),
       cell(evidenceParagraphs(row, l), widths[columns.length + 1], fill),
       cell(gapParagraphs(row, columns, l), widths[columns.length + 2], fill)
     ];
     return `<w:tr><w:trPr><w:cantSplit/></w:trPr>${cells.join("")}</w:tr>`;
   });
-  const table = `<w:tbl><w:tblPr><w:tblStyle w:val="MatrixTable"/><w:tblW w:w="${textWidth}" w:type="dxa"/><w:tblLayout w:type="fixed"/><w:tblLook w:val="04A0" w:firstRow="1" w:lastRow="0" w:firstColumn="1" w:lastColumn="0" w:noHBand="0" w:noVBand="1"/></w:tblPr><w:tblGrid>${widths.map((w) => `<w:gridCol w:w="${w}"/>`).join("")}</w:tblGrid>${header}${body.join("")}</w:tbl>`;
+  const grid = `<w:tbl><w:tblPr><w:tblStyle w:val="TagTableGrid"/><w:tblW w:w="${textWidth}" w:type="dxa"/><w:tblLayout w:type="fixed"/><w:tblLook w:val="04A0" w:firstRow="1" w:lastRow="0" w:firstColumn="1" w:lastColumn="0" w:noHBand="0" w:noVBand="1"/></w:tblPr><w:tblGrid>${widths.map((w) => `<w:gridCol w:w="${w}"/>`).join("")}</w:tblGrid>${header}${body.join("")}</w:tbl>`;
   return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <w:document xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><w:body>${paragraph(
     [{ text: options.title }],
     "Title"
-  )}${paragraph([{ text: l.takenAt.replace("{at}", `${at} UTC`), muted: true }])}${table}${rows.length ? "" : paragraph([{ text: l.empty, muted: true }])}<w:p/>${sectPr}</w:body></w:document>`;
+  )}${paragraph([{ text: l.takenAt.replace("{at}", `${at} UTC`), muted: true }])}${grid}${rows.length ? "" : paragraph([{ text: l.empty, muted: true }])}<w:p/>${sectPr}</w:body></w:document>`;
 }
 var STYLES = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<w:styles xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main"><w:docDefaults><w:rPrDefault><w:rPr><w:rFonts w:ascii="Calibri" w:hAnsi="Calibri" w:eastAsia="Calibri" w:cs="Calibri"/><w:sz w:val="22"/><w:szCs w:val="22"/><w:lang w:val="en-GB"/></w:rPr></w:rPrDefault><w:pPrDefault><w:pPr><w:spacing w:after="160" w:line="259" w:lineRule="auto"/></w:pPr></w:pPrDefault></w:docDefaults><w:style w:type="paragraph" w:default="1" w:styleId="Normal"><w:name w:val="Normal"/><w:qFormat/></w:style><w:style w:type="paragraph" w:styleId="Title"><w:name w:val="Title"/><w:basedOn w:val="Normal"/><w:next w:val="Normal"/><w:qFormat/><w:pPr><w:spacing w:after="80" w:line="240" w:lineRule="auto"/></w:pPr><w:rPr><w:sz w:val="48"/><w:szCs w:val="48"/></w:rPr></w:style><w:style w:type="paragraph" w:customStyle="1" w:styleId="MatrixCell"><w:name w:val="Matrix Cell"/><w:basedOn w:val="Normal"/><w:qFormat/><w:pPr><w:spacing w:after="40" w:line="240" w:lineRule="auto"/></w:pPr><w:rPr><w:sz w:val="18"/><w:szCs w:val="18"/></w:rPr></w:style><w:style w:type="table" w:default="1" w:styleId="TableNormal"><w:name w:val="Normal Table"/><w:tblPr><w:tblInd w:w="0" w:type="dxa"/><w:tblCellMar><w:top w:w="0" w:type="dxa"/><w:left w:w="108" w:type="dxa"/><w:bottom w:w="0" w:type="dxa"/><w:right w:w="108" w:type="dxa"/></w:tblCellMar></w:tblPr></w:style><w:style w:type="table" w:customStyle="1" w:styleId="MatrixTable"><w:name w:val="Matrix Table"/><w:basedOn w:val="TableNormal"/><w:tblPr><w:tblBorders><w:top w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:left w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:bottom w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:right w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:insideH w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:insideV w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/></w:tblBorders><w:tblCellMar><w:top w:w="60" w:type="dxa"/><w:left w:w="100" w:type="dxa"/><w:bottom w:w="60" w:type="dxa"/><w:right w:w="100" w:type="dxa"/></w:tblCellMar></w:tblPr></w:style></w:styles>`;
+<w:styles xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main"><w:docDefaults><w:rPrDefault><w:rPr><w:rFonts w:ascii="Calibri" w:hAnsi="Calibri" w:eastAsia="Calibri" w:cs="Calibri"/><w:sz w:val="22"/><w:szCs w:val="22"/><w:lang w:val="en-GB"/></w:rPr></w:rPrDefault><w:pPrDefault><w:pPr><w:spacing w:after="160" w:line="259" w:lineRule="auto"/></w:pPr></w:pPrDefault></w:docDefaults><w:style w:type="paragraph" w:default="1" w:styleId="Normal"><w:name w:val="Normal"/><w:qFormat/></w:style><w:style w:type="paragraph" w:styleId="Title"><w:name w:val="Title"/><w:basedOn w:val="Normal"/><w:next w:val="Normal"/><w:qFormat/><w:pPr><w:spacing w:after="80" w:line="240" w:lineRule="auto"/></w:pPr><w:rPr><w:sz w:val="48"/><w:szCs w:val="48"/></w:rPr></w:style><w:style w:type="paragraph" w:customStyle="1" w:styleId="TagTableCell"><w:name w:val="Tag Table Cell"/><w:basedOn w:val="Normal"/><w:qFormat/><w:pPr><w:spacing w:after="40" w:line="240" w:lineRule="auto"/></w:pPr><w:rPr><w:sz w:val="18"/><w:szCs w:val="18"/></w:rPr></w:style><w:style w:type="table" w:default="1" w:styleId="TableNormal"><w:name w:val="Normal Table"/><w:tblPr><w:tblInd w:w="0" w:type="dxa"/><w:tblCellMar><w:top w:w="0" w:type="dxa"/><w:left w:w="108" w:type="dxa"/><w:bottom w:w="0" w:type="dxa"/><w:right w:w="108" w:type="dxa"/></w:tblCellMar></w:tblPr></w:style><w:style w:type="table" w:customStyle="1" w:styleId="TagTableGrid"><w:name w:val="Tag Table"/><w:basedOn w:val="TableNormal"/><w:tblPr><w:tblBorders><w:top w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:left w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:bottom w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:right w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:insideH w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/><w:insideV w:val="single" w:sz="4" w:space="0" w:color="BFBFBF"/></w:tblBorders><w:tblCellMar><w:top w:w="60" w:type="dxa"/><w:left w:w="100" w:type="dxa"/><w:bottom w:w="60" w:type="dxa"/><w:right w:w="100" w:type="dxa"/></w:tblCellMar></w:tblPr></w:style></w:styles>`;
 var CONTENT_TYPES = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/word/document.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml"/><Override PartName="/word/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml"/><Override PartName="/docProps/core.xml" ContentType="application/vnd.openxmlformats-package.core-properties+xml"/></Types>`;
 var ROOT_RELS = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -627,18 +863,18 @@ var coreXml = (title, at) => `<?xml version="1.0" encoding="UTF-8" standalone="y
 <cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><dc:title>${esc(
   title
 )}</dc:title><dcterms:created xsi:type="dcterms:W3CDTF">${at}</dcterms:created><dcterms:modified xsi:type="dcterms:W3CDTF">${at}</dcterms:modified></cp:coreProperties>`;
-function tagMatrixDocx(matrix, options) {
+function tagTableDocx(table, options) {
   const at = new Date(options.at ?? Date.now()).toISOString().replace(/\.\d{3}Z$/, "Z");
   return zipSync({
     "[Content_Types].xml": strToU8(CONTENT_TYPES),
     "_rels/.rels": strToU8(ROOT_RELS),
     "docProps/core.xml": strToU8(coreXml(options.title, at)),
-    "word/document.xml": strToU8(tagMatrixDocumentXml(matrix, { ...options, at })),
+    "word/document.xml": strToU8(tagTableDocumentXml(table, { ...options, at })),
     "word/styles.xml": strToU8(STYLES),
     "word/_rels/document.xml.rels": strToU8(DOCUMENT_RELS)
   });
 }
 
-export { DEFAULT_TAG_MATRIX_DOCX_LABELS, DEFAULT_TAG_MATRIX_LABELS, DOCX_MIME_TYPE, TAG_MATRIX_DOCX_LANDSCAPE_AFTER, TagMatrix, TagMatrixCell, cellText, cellValue, isGap, parseCell, rowFieldId, tagMatrixColumns, tagMatrixDocumentXml, tagMatrixDocx, tagMatrixMarkdown };
-//# sourceMappingURL=chunk-RSKSXEPW.js.map
-//# sourceMappingURL=chunk-RSKSXEPW.js.map
+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