@ai-matrx/records-ui 0.102.9 → 0.102.14

package/dist/index.cjs

@@ -6200,9 +6200,11 @@ function PageGlyph() {
 }
 function ReferenceChip({ reference, waiting }) {
   const host = useRecordsUi();
+  const look = useEmbeddedLook();
+  const pending = reference.label == null && reference.token === "record" && !waiting && !host.renderReference;
+  const pendingMark = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_design_system19.Skeleton, { "aria-label": "Loading", "data-records-reference-pending": "", className: "inline-block h-3 w-16 shrink-0 rounded-sm align-middle" });
   const words2 = reference.label ?? (reference.token === "record" ? waiting ?? "Loading\u2026" : WITHHELD_ENTITY_LABEL);
   const drawn = host.renderReference ? host.renderReference({ ...reference, label: reference.label ?? words2 }) : null;
-  const look = useEmbeddedLook();
   if (look?.plainRelation) {
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "span",
@@ -6217,7 +6219,7 @@ function ReferenceChip({ reference, waiting }) {
         title: reference.archived ? ARCHIVED_REFERENCE_TIP : words2,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", "data-records-reference-icon": "", className: "inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: glyphOf(reference.icon) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm leading-none", children: reference.icon }) : reference.icon && host.renderIcon?.(reference.icon) || /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PageGlyph, {}) }),
-          drawn ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: words2 }),
+          drawn ?? (pending ? pendingMark : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: words2 })),
           reference.archived ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
         ]
       }
@@ -6235,7 +6237,7 @@ function ReferenceChip({ reference, waiting }) {
       "data-records-reference-archived": reference.archived ? "" : void 0,
       title: reference.archived ? ARCHIVED_REFERENCE_TIP : words2,
       children: [
-        drawn ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: words2 }),
+        drawn ?? (pending ? pendingMark : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: words2 })),
         reference.archived ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
       ]
     }
@@ -7135,6 +7137,8 @@ function cardWords(record, field2, labels) {
 
 // src/gridEditing.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
+var FLOATING_EDITOR_TRAY_CLASS = "pointer-events-none absolute left-0 z-[26] w-max max-w-[24rem] rounded-md border bg-popover px-1.5 py-0.5 shadow-md";
+var FLOATING_EDITOR_NOTE_CLASS = "[&_[data-records-typed-reads-as]]:pointer-events-none [&_[data-records-typed-reads-as]]:absolute [&_[data-records-typed-reads-as]]:bottom-full [&_[data-records-typed-reads-as]]:left-0 [&_[data-records-typed-reads-as]]:z-[26] [&_[data-records-typed-reads-as]]:mb-1 [&_[data-records-typed-reads-as]]:w-max [&_[data-records-typed-reads-as]]:max-w-[24rem] [&_[data-records-typed-reads-as]]:rounded-md [&_[data-records-typed-reads-as]]:border [&_[data-records-typed-reads-as]]:bg-popover [&_[data-records-typed-reads-as]]:px-1.5 [&_[data-records-typed-reads-as]]:py-0.5 [&_[data-records-typed-reads-as]]:shadow-md";
 var NO_ROWS = [];
 function asksWhoChanged(event) {
   return event.altKey && event.shiftKey && !event.metaKey && !event.ctrlKey && (event.code === "KeyH" || event.key.toLowerCase() === "h");
@@ -7616,11 +7620,11 @@ function useGridEditing({ tableId, fields, rows, reload, reloadAfterWrite, canWr
     discard,
     forget: (cells) => {
       if (cells.length === 0) return;
-      for (const cell of cells) versions.current.delete(cell.rowId);
+      for (const cell2 of cells) versions.current.delete(cell2.rowId);
       setOptimistic((held) => {
         let next = null;
-        for (const cell of cells) {
-          const id = cellKey(cell.rowId, cell.key);
+        for (const cell2 of cells) {
+          const id = cellKey(cell2.rowId, cell2.key);
           if (!(id in held)) continue;
           next = next ?? { ...held };
           delete next[id];
@@ -8094,7 +8098,13 @@ function OpenCell({
       "data-matrx-cell-fill": "",
       "data-matrx-cell-editor": "",
       tabIndex: -1,
-      className: "relative z-[25] flex w-full min-w-0 max-w-full flex-col gap-1 outline-none",
+      className: (0, import_design_system23.cn)(
+        "relative z-[25] flex w-full min-w-0 max-w-full flex-col gap-1 outline-none",
+        FLOATING_EDITOR_NOTE_CLASS,
+        // A field's own input is 36px (h-9); in a 35px row it grew the row 4px. In the cell it is
+        // the row action strip's 32px, so opening a cell never changes the row (STABLE-TABLES).
+        "[&_input:not([type=checkbox]):not([type=radio])]:h-8 [&_input:not([type=checkbox]):not([type=radio])]:py-0"
+      ),
       onDoubleClick: (event) => event.stopPropagation(),
       onKeyDown: (event) => {
         if (event.target?.closest?.("[data-refusal-notice], [data-records-choice-ask]")) return;
@@ -8149,7 +8159,7 @@ function OpenCell({
             addsChoices: true
           }
         ),
-        picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-[10px] text-muted-foreground", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex items-center gap-1", children: [
+        picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: (0, import_design_system23.cn)("text-[10px] text-muted-foreground", FLOATING_EDITOR_TRAY_CLASS, "top-full mt-1"), "data-records-editor-hint": "", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system23.Button, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
           /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system23.Button, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
         ] }),
@@ -10825,7 +10835,7 @@ var ROLLUP_OPERATIONS = ROLLUP_AGG_VALUES.map((value) => ({
   label: ROLLUP_AGG_LABEL[value]
 }));
 var FORMULA_SEPARATOR_LABEL = "Joined by";
-var EDITING_A_WORKED_OUT_COLUMN = "This column works out its answer from the columns picked when it was made. To change what it works out, write it as a formula below \u2014 the store checks it as you type, and a rename alone leaves it exactly as it is.";
+var EDITING_A_WORKED_OUT_COLUMN = "Written as a formula. Edit it below.";
 var FORMULA_DEFAULT_SEPARATOR = " \u2014 ";
 var FORMULA_OPERATIONS = FORMULA_OP_VALUES.map((value) => ({
   value,
@@ -11210,8 +11220,7 @@ function FieldEditor(props) {
             placeholder: "Day rate",
             onChange: (e) => setLabel(e.target.value)
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: onEntity ? "What people will read beside the value." : "What people will read at the top of the column." })
+        )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Label, { className: "text-xs", children: "What it holds" }),
@@ -11222,7 +11231,7 @@ function FieldEditor(props) {
             disabled: editing,
             onValueChange: (next) => setType(next),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectTrigger, { size: "sm", "aria-label": "What this field holds", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectValue, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectTrigger, { size: "sm", "aria-label": "What this field holds", ...choice?.explanation ? { title: choice.explanation } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectValue, {}) }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectContent, { children: FIELD_TYPE_GROUPS.filter((group) => offered.some((c) => c.group === group)).map((group) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_design_system34.SelectGroup, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectLabel, { children: group }),
                 FIELD_TYPE_CATALOGUE.filter((c) => c.group === group && (c.id === type || offered.includes(c))).map((c) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectItem, { value: c.id, children: c.label }, c.id))
@@ -11230,7 +11239,7 @@ function FieldEditor(props) {
             ]
           }
         ),
-        editing && field2 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FieldRetype, { field: liveField ?? field2, tableId }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: choice?.explanation ?? "" })
+        editing && field2 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FieldRetype, { field: liveField ?? field2, tableId }) : null
       ] })
     ] }),
     type === "formula" && others.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-2", children: [
@@ -11268,7 +11277,7 @@ function FieldEditor(props) {
           columns: others
         }
       ) : null
-    ] }) : editing && type === "formula" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "This column works out its answer from other columns, and this table has no other column left for it to read." }) : null,
+    ] }) : editing && type === "formula" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No other column to read." }) : null,
     editing && field2 && !onEntity && (type === "lookup" || type === "rollup") ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SourceArchivedNotice, { fieldId: field2.id, tableId }) : null,
     !editing && !(type === "formula" && formulaWritten) || type === "select" || type === "multi_select" || type === "status" || type === "rating" || type === "barcode" || type === "relation" || type === "entity_reference" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       TypeQuestions,
@@ -11438,11 +11447,7 @@ function FieldEditor(props) {
         ),
         UNIQUE_LABEL
       ] }) : null,
-      rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-muted-foreground", children: [
-        "No checks. Anything this kind of ",
-        onEntity ? "field" : "column",
-        " can hold will be accepted."
-      ] }) : null,
+      rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-muted-foreground", children: "No checks." }) : null,
       rules.map((rule, index) => rule.kind === "unique" ? null : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           import_design_system34.Select,
@@ -11691,8 +11696,7 @@ function TypeQuestions(props) {
           placeholder: "$",
           onChange: (e) => props.setUnit(e.target.value)
         }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Shown with every amount, everywhere the value appears \u2014 including where an assistant reads it." })
+      )
     ] });
   }
   if (type === "datetime") {
@@ -11711,7 +11715,7 @@ function TypeQuestions(props) {
   if (type === "lookup" || type === "rollup" || type === "count") {
     const usable = props.relations;
     if (usable.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: type !== "lookup" ? "No link, Person or File column yet. Add one that holds more than one first." : "No link, Person or File column yet. Add one first." });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No link, Person or File column yet." });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1", children: [
@@ -11757,7 +11761,7 @@ function TypeQuestions(props) {
   }
   if (type === "formula") {
     if (props.others.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "A worked-out column needs other columns to work from, and this table has none yet." });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No other columns yet." });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1", children: [
@@ -11784,8 +11788,7 @@ function TypeQuestions(props) {
             },
             f.id
           );
-        }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "In the order you pick them. Columns are remembered by which column they are, so renaming one never breaks this." })
+        }) })
       ] }),
       props.formulaOp === "concat" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Label, { className: "text-xs", children: FORMULA_SEPARATOR_LABEL }),
@@ -11798,8 +11801,7 @@ function TypeQuestions(props) {
             className: "max-w-[10rem]",
             onChange: (e) => props.setFormulaSeparator(e.target.value)
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "What goes between the columns. Leave it empty to run them straight together." })
+        )
       ] }) : null
     ] });
   }
@@ -11885,18 +11887,14 @@ function ValueOnTheOtherSide({
   const carried = sample.data?.rows[0]?.document ?? null;
   const offered = declared2.length > 0 ? declared2.map((f) => ({ key: f.key, name: fieldName(f) })) : Object.keys(carried ?? {}).map((key) => ({ key, name: (0, import_text_case5.humanizeIdentifier)(key) }));
   const stillAsking = columns.loading || declared2.length === 0 && sample.loading;
-  const body = !relation ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-[11px] text-muted-foreground", children: [
-    fieldName(relation),
-    " points at a table that has no columns to read yet. Add one there first."
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_design_system34.Select, { value, onValueChange: onChange, children: [
+  const body = !relation ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No columns to read yet." }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_design_system34.Select, { value, onValueChange: onChange, children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectTrigger, { size: "sm", "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectValue, { placeholder: "Choose a column" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectContent, { children: offered.map((column) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.SelectItem, { value: column.key, children: column.name }, column.key)) })
   ] });
   if (compact) return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mt-1 flex flex-col gap-1", children: body });
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Label, { className: "text-xs", children: label }),
-    body,
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: help })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Label, { className: "text-xs", title: help, children: label }),
+    body
   ] });
 }
 function withNumber(rule, key, typed2) {
@@ -12255,10 +12253,10 @@ function useGridColours(args) {
         submenu: swatches("sel-highlight", void 0, (color) => {
           void (async () => {
             let kept = 0;
-            for (const cell of cells) {
-              const field2 = idOf(cell.columnKey);
+            for (const cell2 of cells) {
+              const field2 = idOf(cell2.columnKey);
               if (!field2) continue;
-              const answer = await client.tableDecorate({ table_id: tableId, path: ["cells", cell.rowId, field2.id], value: color });
+              const answer = await client.tableDecorate({ table_id: tableId, path: ["cells", cell2.rowId, field2.id], value: color });
               if (!answer.ok) {
                 notify?.error(`The colour was not kept: ${refusalSentence(answer.error)}`);
                 return;
@@ -12691,15 +12689,15 @@ function ActionRowPreview({
 }) {
   const formulas = preview.cells.map((c) => c.formula ?? "").filter((f) => f.trim() !== "");
   const readings = useFormulaReadings(tableId, formulas);
-  const afterWords = (cell) => {
-    if (cell.how === "compute") {
-      const reading = cell.formula ? readings[cell.formula] : void 0;
+  const afterWords = (cell2) => {
+    if (cell2.how === "compute") {
+      const reading = cell2.formula ? readings[cell2.formula] : void 0;
       if (reading && reading.ok === false) return { text: `The store cannot read this formula: ${reading.error}`, note: true };
       const kind = reading && reading.ok ? RESULT_WORDS[reading.result_type] ?? "a value" : "the result";
-      return { text: `Worked out when it runs \u2014 ${kind}${cell.formula ? ` from ${cell.formula}` : ""}`, note: true };
+      return { text: `Worked out when it runs \u2014 ${kind}${cell2.formula ? ` from ${cell2.formula}` : ""}`, note: true };
     }
-    if (cell.computed && cell.how === null) return { text: words(cell.before) || "empty", note: false };
-    return { text: words(cell.after) || "empty", note: false };
+    if (cell2.computed && cell2.how === null) return { text: words(cell2.before) || "empty", note: false };
+    return { text: words(cell2.after) || "empty", note: false };
   };
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-1", "data-records-action-row-preview": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "max-w-full overflow-x-auto rounded border", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
@@ -12712,38 +12710,38 @@ function ActionRowPreview({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { role: "row", className: "contents", children: [
             /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { role: "columnheader", className: "sticky left-0 bg-muted/60 px-2 py-1" }),
-            preview.cells.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            preview.cells.map((cell2) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "span",
               {
                 role: "columnheader",
-                title: cell.name,
-                className: (0, import_design_system38.cn)("truncate border-l bg-muted/60 px-2 py-1 font-medium", cell.changed ? "text-foreground" : "text-muted-foreground"),
-                children: cell.name
+                title: cell2.name,
+                className: (0, import_design_system38.cn)("truncate border-l bg-muted/60 px-2 py-1 font-medium", cell2.changed ? "text-foreground" : "text-muted-foreground"),
+                children: cell2.name
               },
-              cell.key
+              cell2.key
             ))
           ] }),
           ["before", "after"].map((which) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { role: "row", className: "contents", "data-preview-row": which, children: [
             /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { role: "rowheader", className: "sticky left-0 border-t bg-background px-2 py-1 font-medium text-muted-foreground", children: which === "before" ? "Now" : "After" }),
-            preview.cells.map((cell) => {
-              const shown4 = which === "before" ? { text: words(cell.before) || "empty", note: false } : afterWords(cell);
+            preview.cells.map((cell2) => {
+              const shown4 = which === "before" ? { text: words(cell2.before) || "empty", note: false } : afterWords(cell2);
               return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "span",
                 {
                   role: "cell",
-                  "data-changed": cell.changed ? "true" : void 0,
-                  "data-records-preview-cell": cell.key,
+                  "data-changed": cell2.changed ? "true" : void 0,
+                  "data-records-preview-cell": cell2.key,
                   title: shown4.text,
                   className: (0, import_design_system38.cn)(
                     "truncate border-l border-t px-2 py-1",
                     shown4.text === "empty" && "italic text-muted-foreground",
-                    cell.changed && which === "before" && "bg-destructive/10 text-destructive line-through",
-                    cell.changed && which === "after" && "bg-primary/10 font-medium",
+                    cell2.changed && which === "before" && "bg-destructive/10 text-destructive line-through",
+                    cell2.changed && which === "after" && "bg-primary/10 font-medium",
                     shown4.note && "italic"
                   ),
                   children: shown4.text
                 },
-                cell.key
+                cell2.key
               );
             })
           ] }, which))
@@ -14213,15 +14211,15 @@ function planPastedBlock(args) {
     for (const refusal4 of predicted) {
       const key = refusal4.field_key;
       if (key === void 0) continue;
-      const cell = built.find((b) => b.key === key && b.refusal === null);
-      if (!cell) continue;
-      cell.refusal = refusal4.message;
-      cell.value = null;
+      const cell2 = built.find((b) => b.key === key && b.refusal === null);
+      if (!cell2) continue;
+      cell2.refusal = refusal4.message;
+      cell2.value = null;
       delete accepted[key];
       refusals.push({
         fromLine,
         column: fieldName(byKey.get(key) ?? { key }),
-        raw: cell.raw,
+        raw: cell2.raw,
         why: refusal4.message
       });
     }
@@ -14249,7 +14247,7 @@ function planPastedBlock(args) {
 }
 function documentOf(row) {
   const out = {};
-  for (const cell of row.cells) if (cell.refusal === null) out[cell.key] = cell.value;
+  for (const cell2 of row.cells) if (cell2.refusal === null) out[cell2.key] = cell2.value;
   return out;
 }
 var sameWords = (text) => text.trim().replace(/\s+/g, " ").toLowerCase();
@@ -14270,11 +14268,11 @@ function readPasteHeader(args) {
   let named = 0;
   let filled = 0;
   columnKeys.forEach((_, c) => {
-    const cell = head[c];
-    if (cell === void 0 || cell.trim() === "") return;
+    const cell2 = head[c];
+    if (cell2 === void 0 || cell2.trim() === "") return;
     filled += 1;
-    const hits = [...new Set(byName.get(sameWords(cell)) ?? [])];
-    const named1 = hits.filter((f) => sameWords(fieldName(f)) === sameWords(cell));
+    const hits = [...new Set(byName.get(sameWords(cell2)) ?? [])];
+    const named1 = hits.filter((f) => sameWords(fieldName(f)) === sameWords(cell2));
     const pick = named1.length > 0 ? named1 : hits;
     if (pick.length !== 1) return;
     const only = pick[0];
@@ -14285,8 +14283,8 @@ function readPasteHeader(args) {
   });
   if (named === 0 || named * 2 < filled) return null;
   const unmatched = columnKeys.flatMap((_, c) => {
-    const cell = head[c];
-    return mapped[c] === null && cell !== void 0 && cell.trim() !== "" ? [cell.trim()] : [];
+    const cell2 = head[c];
+    return mapped[c] === null && cell2 !== void 0 && cell2.trim() !== "" ? [cell2.trim()] : [];
   });
   return { columnKeys: mapped, unmatched, lines: lines.slice(1) };
 }
@@ -14623,7 +14621,7 @@ function useMergedGridControls(args) {
           }
         } : {},
         clearCells: (cells) => {
-          for (const cell of cells) editing.setCell(cell.rowId, cell.columnId, null);
+          for (const cell2 of cells) editing.setCell(cell2.rowId, cell2.columnId, null);
         },
         fillDown: (rowIds, columnIds) => {
           const byId = new Map(rows.map((r) => [r.id, r]));
@@ -16501,22 +16499,22 @@ var import_design_system51 = require("@ai-matrx/design-system");
 var import_format4 = require("@ai-matrx/kit/format");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var NO_ENRICH_REASON = "Having an agent fill this column is not switched on here yet, so this panel does not offer it rather than offering something that cannot happen. Everything else on this panel works. It is on our list, not yours.";
-function cellState(cell) {
-  if (!cell || !cell.agent_owned) return "none";
-  if (cell.pinned) return "yours";
-  if (cell.absent_reason === "conflicting") return "unsure";
-  if (cell.actor === "agent") return "agent";
+function cellState(cell2) {
+  if (!cell2 || !cell2.agent_owned) return "none";
+  if (cell2.pinned) return "yours";
+  if (cell2.absent_reason === "conflicting") return "unsure";
+  if (cell2.actor === "agent") return "agent";
   return "none";
 }
 function ago(at) {
   return at ? (0, import_format4.formatRelativeTime)(at, { style: "intl", fallback: "" }) : "";
 }
-function EnrichBadge({ cell, onPin, className }) {
-  const state = cellState(cell);
-  if (!cell || state === "none") return null;
-  const source = cell.source ?? {};
+function EnrichBadge({ cell: cell2, onPin, className }) {
+  const state = cellState(cell2);
+  if (!cell2 || state === "none") return null;
+  const source = cell2.source ?? {};
   const read = Array.isArray(source.read) ? source.read : [];
-  const alternates = cell.alternates ?? [];
+  const alternates = cell2.alternates ?? [];
   const word = state === "yours" ? "yours" : state === "unsure" ? "unsure" : "agent";
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_design_system51.HoverCard, { openDelay: 120, children: [
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_design_system51.HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: (0, import_design_system51.cn)("inline-flex items-center gap-1 align-middle", className), children: [
@@ -16528,18 +16526,18 @@ function EnrichBadge({ cell, onPin, className }) {
           children: word
         }
       ),
-      cell.stale ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_design_system51.Badge, { variant: "outline", className: "text-[10px] font-normal leading-none opacity-70", children: "stale" }) : null
+      cell2.stale ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_design_system51.Badge, { variant: "outline", className: "text-[10px] font-normal leading-none opacity-70", children: "stale" }) : null
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_design_system51.HoverCardContent, { className: "w-80 space-y-2 text-xs", children: [
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "font-medium", children: state === "yours" ? "You typed this one in" : state === "unsure" ? "A model had candidates and committed to none" : "Filled in by a model" }),
-      state !== "yours" && cell.on_behalf_of ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-muted-foreground", children: [
+      state !== "yours" && cell2.on_behalf_of ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-muted-foreground", children: [
         "Acting for ",
-        cell.on_behalf_of,
-        cell.written_at ? `, ${ago(cell.written_at)}` : "",
+        cell2.on_behalf_of,
+        cell2.written_at ? `, ${ago(cell2.written_at)}` : "",
         "."
-      ] }) : cell.written_at ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-muted-foreground", children: [
+      ] }) : cell2.written_at ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-muted-foreground", children: [
         "Written ",
-        ago(cell.written_at),
+        ago(cell2.written_at),
         "."
       ] }) : null,
       source.model ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-muted-foreground", children: [
@@ -16556,9 +16554,9 @@ function EnrichBadge({ cell, onPin, className }) {
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-muted-foreground", children: state === "unsure" ? "What it considered" : "What it nearly said instead" }),
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "list-inside list-decimal", children: alternates.slice(0, 4).map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { children: String(a.value ?? "") }, i)) })
       ] }) : null,
-      cell.stale && cell.due_at ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-muted-foreground", children: [
+      cell2.stale && cell2.due_at ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-muted-foreground", children: [
         "Past its date \u2014 it was due to be looked at again ",
-        ago(cell.due_at),
+        ago(cell2.due_at),
         ". The value is still here; nothing was overwritten."
       ] }) : null,
       onPin ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -16567,8 +16565,8 @@ function EnrichBadge({ cell, onPin, className }) {
           size: "sm",
           variant: "outline",
           className: "w-full",
-          onClick: () => void onPin(!cell.pinned),
-          children: cell.pinned ? "Let the model fill this in again" : "Keep this one \u2014 stop the model changing it"
+          onClick: () => void onPin(!cell2.pinned),
+          children: cell2.pinned ? "Let the model fill this in again" : "Keep this one \u2014 stop the model changing it"
         }
       ) : null
     ] })
@@ -16591,7 +16589,7 @@ function useEnrichCells(tableId, recordIds) {
     }
     setError(null);
     const next = /* @__PURE__ */ new Map();
-    for (const cell of answered.data) next.set(`${cell.record_id}:${cell.field_key}`, cell);
+    for (const cell2 of answered.data) next.set(`${cell2.record_id}:${cell2.field_key}`, cell2);
     setCells(next);
   }, [client, tableId, key]);
   (0, import_react91.useEffect)(() => {
@@ -17061,7 +17059,7 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
     filter: filterRefusal(field2) !== null ? false : editorKindFor(field2) === "select" || editorKindFor(field2) === "multi_select" ? "select" : holdsNumbers(field2) ? "number" : "auto",
     // THE MENU'S VALUE LIST WEARS THE CHOICES' COLOURS (lane CELL-EDITORS, night walk 2026-10-06): the
     // same chip the cell draws, never bare words beside a coloured column.
-    ...editorKindFor(field2) === "select" || editorKindFor(field2) === "multi_select" ? { filterValueClass: (value) => choiceChipLookOf(field2, value).className } : {},
+    ...editorKindFor(field2) === "select" || editorKindFor(field2) === "multi_select" ? { filterValueClass: (value, label) => choiceChipLookOf(field2, value, label).className } : {},
     cell: (row) => (
       /*
        * 🚨 A READING QUESTION IS NOT AN EDITING RIGHT. This used to read
@@ -17534,7 +17532,7 @@ function PlanTable({ plan }) {
   const keys = Array.from(new Set(shown4.flatMap((row) => row.cells.map((c) => c.key))));
   if (shown4.length === 0 || keys.length === 0) return null;
   const columnName = /* @__PURE__ */ new Map();
-  for (const row of shown4) for (const cell of row.cells) if (!columnName.has(cell.key)) columnName.set(cell.key, cell.column);
+  for (const row of shown4) for (const cell2 of row.cells) if (!columnName.has(cell2.key)) columnName.set(cell2.key, cell2.column);
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "overflow-auto rounded border", children: [
     /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("table", { className: "w-full text-xs", "data-matrx-paste-plan": true, children: [
       /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("thead", { className: "bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("tr", { children: [
@@ -17547,18 +17545,18 @@ function PlanTable({ plan }) {
           row.recordId === null ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_design_system54.Badge, { variant: "outline", className: "ml-1", children: "new" }) : null
         ] }),
         keys.map((key) => {
-          const cell = row.cells.find((c) => c.key === key);
-          if (!cell) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "px-2 py-1" }, key);
-          if (cell.refusal !== null) {
-            return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "px-2 py-1 text-muted-foreground line-through", children: cell.raw }, key);
+          const cell2 = row.cells.find((c) => c.key === key);
+          if (!cell2) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "px-2 py-1" }, key);
+          if (cell2.refusal !== null) {
+            return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "px-2 py-1 text-muted-foreground line-through", children: cell2.raw }, key);
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "px-2 py-1", children: cell.value === null ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-muted-foreground", children: "cleared" }) : (
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "px-2 py-1", children: cell2.value === null ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-muted-foreground", children: "cleared" }) : (
             // THE WORDS, NOT THE ID. A choice column stores the option
             // record's id and the person pasted a word; showing the id
             // here made this panel print
             // `530808bf-9f2d-4062-bc09-b8cc3b162f2a` where they had
             // written Drain Cleaning (FIX-10C F8).
-            cell.display ?? String(cell.value)
+            cell2.display ?? String(cell2.value)
           ) }, key);
         })
       ] }, row.fromLine)) })
@@ -17859,6 +17857,7 @@ function combineRows(rows, header) {
 
 // src/importRefusals.ts
 var import_download = require("@ai-matrx/kit/download");
+var import_delimited = require("@ai-matrx/kit/delimited");
 function reasonShape(reason) {
   return reason.replace(/"[^"]*"/g, '"\u2026"').replace(/“[^”]*”/g, "\u201C\u2026\u201D").replace(/\b\d+(?:[.,]\d+)*\b/g, "N").replace(/\s+/g, " ").trim();
 }
@@ -17874,21 +17873,24 @@ function groupReasons(reasons) {
   }
   return [...groups.values()].sort((a, b) => b.count - a.count);
 }
-function csvCell(value) {
-  const text = value === null || value === void 0 ? "" : String(value);
-  return /[",\n\r]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
+function cell(value) {
+  if (value === null || value === void 0) return null;
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean" ? value : String(value);
 }
 function refusedRowsCsv(rows, lineOf = (n) => n + 1) {
   const headers = [];
   for (const r of rows) for (const h of Object.keys(r.source ?? {})) if (!headers.includes(h)) headers.push(h);
-  const lines = [[...headers, "Line in your file", "Why it was not added"].map(csvCell).join(",")];
-  for (const r of rows) {
-    const cells = headers.map((h) => csvCell((r.source ?? {})[h]));
-    cells.push(csvCell(typeof r.row === "number" ? lineOf(r.row) : ""));
-    cells.push(csvCell(r.reason ?? ""));
-    lines.push(cells.join(","));
-  }
-  return lines.join("\n") + "\n";
+  return (0, import_delimited.toDelimited)(
+    [
+      [...headers, "Line in your file", "Why it was not added"],
+      ...rows.map((r) => [
+        ...headers.map((h) => cell((r.source ?? {})[h])),
+        typeof r.row === "number" ? lineOf(r.row) : "",
+        r.reason ?? ""
+      ])
+    ],
+    { trailingNewline: true }
+  );
 }
 function offerDownload(name, text, type = "text/csv") {
   if (typeof document === "undefined" || typeof URL === "undefined" || typeof URL.createObjectURL !== "function") return false;
@@ -19392,18 +19394,18 @@ function splitPipes(line) {
   if (text.startsWith("|")) text = text.slice(1);
   if (text.endsWith("|") && !text.endsWith("\\|")) text = text.slice(0, -1);
   const cells = [];
-  let cell = "";
+  let cell2 = "";
   for (let i = 0; i < text.length; i += 1) {
     const ch = text[i];
     if (ch === "\\" && text[i + 1] === "|") {
-      cell += "\\|";
+      cell2 += "\\|";
       i += 1;
     } else if (ch === "|") {
-      cells.push(cell);
-      cell = "";
-    } else cell += ch;
+      cells.push(cell2);
+      cell2 = "";
+    } else cell2 += ch;
   }
-  cells.push(cell);
+  cells.push(cell2);
   return cells.map(cellWords);
 }
 var LIST_ITEM = /^(\s*)(?:[-*+•]|\d{1,3}[.)])\s+(?:\[[ xX]\]\s+)?(.*)$/;
@@ -19520,33 +19522,33 @@ function shapeFromList(items, name, at) {
 function parseDelimited(text, delimiter) {
   const rows = [];
   let row = [];
-  let cell = "";
+  let cell2 = "";
   let quoted2 = false;
   for (let i = 0; i < text.length; i += 1) {
     const ch = text[i];
     if (quoted2) {
       if (ch === '"') {
         if (text[i + 1] === '"') {
-          cell += '"';
+          cell2 += '"';
           i += 1;
         } else quoted2 = false;
-      } else cell += ch;
+      } else cell2 += ch;
       continue;
     }
-    if (ch === '"' && cell.trim() === "") quoted2 = true;
+    if (ch === '"' && cell2.trim() === "") quoted2 = true;
     else if (ch === delimiter) {
-      row.push(cell);
-      cell = "";
+      row.push(cell2);
+      cell2 = "";
     } else if (ch === "\n" || ch === "\r") {
       if (ch === "\r" && text[i + 1] === "\n") i += 1;
-      row.push(cell);
+      row.push(cell2);
       rows.push(row);
       row = [];
-      cell = "";
-    } else cell += ch;
+      cell2 = "";
+    } else cell2 += ch;
   }
-  if (cell.length > 0 || row.length > 0) {
-    row.push(cell);
+  if (cell2.length > 0 || row.length > 0) {
+    row.push(cell2);
     rows.push(row);
   }
   return rows.filter((r) => r.some((c) => c.trim() !== ""));
@@ -19849,10 +19851,10 @@ function shapeTextOfNode(node) {
     flushLine();
     const width = Math.max(...rows.map((r) => r.length));
     const pad4 = (r) => [...r, ...Array.from({ length: width - r.length }, () => "")];
-    const cell = (c) => c.replace(/\|/g, "\\|").replace(/\s+/g, " ").trim();
-    out.push(`| ${pad4(rows[0]).map(cell).join(" | ")} |`);
+    const cell2 = (c) => c.replace(/\|/g, "\\|").replace(/\s+/g, " ").trim();
+    out.push(`| ${pad4(rows[0]).map(cell2).join(" | ")} |`);
     out.push(`|${Array.from({ length: width }, () => "---").join("|")}|`);
-    for (const r of rows.slice(1)) out.push(`| ${pad4(r).map(cell).join(" | ")} |`);
+    for (const r of rows.slice(1)) out.push(`| ${pad4(r).map(cell2).join(" | ")} |`);
     rows = [];
   };
   const textOf = (n) => (n.textContent ?? "").replace(/\s+/g, " ").trim();
@@ -20267,12 +20269,12 @@ var import_data_table10 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function changesFor(step2, direction, versions = /* @__PURE__ */ new Map()) {
   const byRow = /* @__PURE__ */ new Map();
-  for (const cell of step2.cells) {
-    if (step2.created?.includes(cell.rowId)) continue;
-    const patch = byRow.get(cell.rowId) ?? {};
-    const value = direction === "undo" ? cell.before : cell.after;
-    patch[cell.key] = value === void 0 ? null : value;
-    byRow.set(cell.rowId, patch);
+  for (const cell2 of step2.cells) {
+    if (step2.created?.includes(cell2.rowId)) continue;
+    const patch = byRow.get(cell2.rowId) ?? {};
+    const value = direction === "undo" ? cell2.before : cell2.after;
+    patch[cell2.key] = value === void 0 ? null : value;
+    byRow.set(cell2.rowId, patch);
   }
   const changes = [...byRow].map(([record_id, patch]) => ({
     op: "update",
@@ -20300,7 +20302,7 @@ function useGridUndo(args) {
   const dismiss = (0, import_react104.useCallback)(() => setNotice(null), []);
   const push = (0, import_react104.useCallback)((step2) => {
     if (step2.cells.length === 0 && !step2.created?.length && !step2.archived?.length && !step2.retiredField) return;
-    for (const cell of step2.cells) if (typeof cell.version === "number") known.current.set(cell.rowId, cell.version);
+    for (const cell2 of step2.cells) if (typeof cell2.version === "number") known.current.set(cell2.rowId, cell2.version);
     counter.current += 1;
     const id = String(counter.current);
     setHeld((was) => {
@@ -20629,13 +20631,12 @@ function useGridAssist(args) {
   const copyRecordReference = (0, import_react106.useCallback)(
     (rowId) => {
       void (async () => {
-        try {
-          const text = JSON.stringify({ __kind: (0, import_core14.tableKindSlug)(tableId), _record_id: rowId });
-          if (!await (0, import_clipboard2.copyText)(text)) throw new Error("This browser did not let the page write to the clipboard.");
-          say2(true, "The record reference is copied.");
-        } catch (thrown) {
-          say2(false, thrown instanceof Error ? thrown.message : String(thrown));
+        const text = JSON.stringify({ __kind: (0, import_core14.tableKindSlug)(tableId), _record_id: rowId });
+        if (!await (0, import_clipboard2.copyText)(text)) {
+          say2(false, "This browser did not let the page write to the clipboard.");
+          return;
         }
+        say2(true, "The record reference is copied.");
       })();
     },
     [tableId, say2]
@@ -20802,9 +20803,9 @@ function planBulk(args) {
     before: (row.document ?? {})[field2.key] ?? null,
     after: value
   }));
-  const changes = cells.map((cell) => ({
+  const changes = cells.map((cell2) => ({
     op: "update",
-    record_id: cell.rowId,
+    record_id: cell2.rowId,
     patch: { [field2.key]: value }
   }));
   const many = countOf(cells.length, args.noun, args.nounPlural);
@@ -22240,8 +22241,8 @@ function GridBody({
         pastedNames.set(
           field2.key,
           lines.flatMap((line) => {
-            const cell = line[at];
-            return typeof cell === "string" ? (0, import_records36.relationNamesIn)(field2, cell) : [];
+            const cell2 = line[at];
+            return typeof cell2 === "string" ? (0, import_records36.relationNamesIn)(field2, cell2) : [];
           })
         );
       }
@@ -31185,8 +31186,8 @@ function CalendarView({
     }
   });
   const dayDrop = (fallback) => dropOn((e) => {
-    const cell = e.target.closest?.("[data-calendar-day]");
-    return { day: cell?.getAttribute("data-calendar-day") ?? fallback, minute: null };
+    const cell2 = e.target.closest?.("[data-calendar-day]");
+    return { day: cell2?.getAttribute("data-calendar-day") ?? fallback, minute: null };
   });
   const minuteAt = (e) => {
     const slot = e.target?.closest?.("[data-calendar-slot]");
@@ -46644,7 +46645,33 @@ function LinkedLists({ tableId, recordId }) {
   const links = (fields.data ?? []).filter((field2) => editorKindFor(field2) === "relation");
   const labels = useRecordLabels(links);
   const document2 = record.data?.document;
+  const may = useRecordRights(recordId);
   if (links.length === 0 || !document2) return null;
+  if (may.write) {
+    return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_design_system134.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+        RecordFieldsInPlace,
+        {
+          tableId,
+          recordId,
+          fields: links,
+          document: document2,
+          hidden: record.data?.hidden,
+          canWrite: true,
+          reload: () => record.reload(),
+          className: "flex min-w-0 flex-col gap-1",
+          renderLabel: (field2) => {
+            const count = referencesOf(field2, document2[field2.key], "relation", labels).length;
+            return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+              count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
+            ] });
+          }
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_design_system134.Separator, {}),
     links.map((field2) => {