@ai-matrx/records-ui 0.84.0 → 0.84.4

package/dist/index.cjs

@@ -40,6 +40,7 @@ __export(src_exports, {
   ArchivedDisclosure: () => ArchivedDisclosure,
   ArchivedPortals: () => ArchivedPortals,
   ArchivedView: () => ArchivedView,
+  BOOKING_NOT_HERE_LINE: () => BOOKING_NOT_HERE_LINE,
   BOOKING_PAGE_STATE_LABEL: () => BOOKING_PAGE_STATE_LABEL,
   BOOKING_PAGE_STATE_VALUES: () => BOOKING_PAGE_STATE_VALUES,
   BookingBuilder: () => BookingBuilder,
@@ -561,13 +562,20 @@ function plainSentence(message) {
   }
   return { kept: kept.length === 0 ? null : kept.join(" "), dropped };
 }
+function exampleOf(error) {
+  const detail = error.detail;
+  if (!detail || typeof detail !== "object") return null;
+  const example = detail.example;
+  return typeof example === "string" && example.trim() !== "" ? example.trim() : null;
+}
 function refusalForAPerson(error) {
   const code = error.code ?? "internal";
   const message = plainSentence(String(error.message ?? ""));
   const hint = plainSentence(String(error.hint ?? ""));
   const title = TITLE[code] ?? "The store refused this";
   const hintIsForEngineers = isEngineerText(String(error.hint ?? ""));
-  const remedy = (hintIsForEngineers ? null : hint.kept) ?? REMEDY[code] ?? REMEDY["internal"];
+  const example = exampleOf(error);
+  const remedy = (example ? `Enter it like ${example}.` : null) ?? (hintIsForEngineers ? null : hint.kept) ?? REMEDY[code] ?? REMEDY["internal"];
   const messageIsForEngineers = isEngineerText(String(error.message ?? ""));
   const said = (messageIsForEngineers ? "" : message.kept ?? "").trim();
   const forEngineers = [
@@ -591,7 +599,9 @@ function refusalForAPerson(error) {
 }
 function refusalLineForAPerson(error) {
   const plain = refusalForAPerson(error);
-  return `${plain.sentence} ${plain.remedy}`.trim();
+  const sentence2 = plain.sentence.trim();
+  const ended = sentence2 === "" || /[.!?…:]$/.test(sentence2) ? sentence2 : `${sentence2}.`;
+  return `${ended} ${plain.remedy}`.trim();
 }
 
 // src/names.ts
@@ -1061,6 +1071,42 @@ function asRefusal(thrown, sentence2, remedy, code = "internal") {
   return refusalFromThrown(thrown, sentence2, remedy, code);
 }
 
+// src/tellApart.ts
+function shown(value) {
+  if (value === null || value === void 0) return null;
+  if (typeof value === "string") return value.trim() === "" ? null : value.trim();
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return null;
+}
+function tellApart(rows, nameOf) {
+  const byName = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const name = nameOf(row.id).trim().toLowerCase();
+    byName.set(name, [...byName.get(name) ?? [], row]);
+  }
+  const out = /* @__PURE__ */ new Map();
+  for (const [name, group] of byName) {
+    if (group.length < 2) continue;
+    const keys = [
+      ...new Set(
+        group.flatMap(
+          (row) => Object.keys(row.document ?? {}).filter((k) => !k.startsWith("_") && shown(row.document?.[k]) !== null)
+        )
+      )
+    ].filter((k) => group.some((row) => (shown(row.document?.[k]) ?? "").toLowerCase() !== name));
+    const valuesOf = (k) => group.map((row) => shown(row.document?.[k]) ?? "");
+    const differs = keys.filter((k) => new Set(valuesOf(k)).size > 1);
+    const whole = differs.find((k) => new Set(valuesOf(k)).size === group.length);
+    const chosen = whole ? [whole] : differs.slice(0, 2);
+    if (chosen.length === 0) continue;
+    for (const row of group) {
+      const words = chosen.map((k) => shown(row.document?.[k])).filter((w) => w !== null);
+      if (words.length > 0) out.set(row.id, words.join(" \xB7 "));
+    }
+  }
+  return out;
+}
+
 // src/RelationPicker.tsx
 var import_jsx_runtime4 = (
   // The Field's own name is already printed above this control by
@@ -1202,9 +1248,12 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
     setSearch("");
     toggle(createdId);
   };
-  const visible = (rows ?? []).filter(
-    (row) => search.trim() === "" ? true : titleOf(row.id).toLowerCase().includes(search.trim().toLowerCase())
-  );
+  const apart = tellApart(rows ?? [], titleOf);
+  const visible = (rows ?? []).filter((row) => {
+    const q = search.trim().toLowerCase();
+    if (q === "") return true;
+    return `${titleOf(row.id)} ${apart.get(row.id) ?? ""}`.toLowerCase().includes(q);
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_design_system3.cn)("flex flex-wrap items-center gap-1", className), children: [
     picked.map((recordId) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       RecordChip,
@@ -1235,17 +1284,21 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
           " at most. Remove one to add another."
         ] }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.ScrollArea, { className: "max-h-56", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: visible.map((row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: visible.map((row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
             "button",
             {
               type: "button",
               onClick: () => toggle(row.id),
-              title: titleOf(row.id),
+              title: apart.has(row.id) ? `${titleOf(row.id)} \u2014 ${apart.get(row.id)}` : titleOf(row.id),
+              "data-relation-candidate": row.id,
               className: (0, import_design_system3.cn)(
                 "w-full truncate rounded px-2 py-1 text-left text-xs hover:bg-muted",
                 picked.includes(row.id) ? "bg-accent text-accent-foreground" : ""
               ),
-              children: titleOf(row.id)
+              children: [
+                titleOf(row.id),
+                apart.has(row.id) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "block truncate text-[11px] text-muted-foreground", "data-tell-apart": "", children: apart.get(row.id) }) : null
+              ]
             }
           ) }, row.id)) }),
           rows && visible.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Nothing in that table matches." }) : null
@@ -2177,7 +2230,7 @@ var FIELD_RULE_KIND_VALUES = ["min", "max", "length", "pattern", "equals_field",
 var FIELD_RULE_KIND_LABEL = {
   min: "At least",
   max: "At most",
-  length: "No longer than",
+  length: "Number of characters",
   pattern: "Looks like",
   equals_field: "Same as the column",
   differs_from_field: "Different from the column"
@@ -2209,6 +2262,20 @@ function envelopeFor(document2, key) {
   const block = document2?._values;
   return block?.[key];
 }
+function unresolvedFor(document2, key) {
+  const sources = document2?._sources;
+  if (!sources || typeof sources !== "object") return void 0;
+  for (const source of Object.values(sources)) {
+    const held = source?.unresolved?.[key];
+    if (typeof held === "string" && held) return held;
+    if (Array.isArray(held) && held.length) return held.map(String).join(", ");
+  }
+  return void 0;
+}
+function hasFormula(field) {
+  const config = field.config ?? {};
+  return Boolean(config.expr) || Boolean(String(config.formula_text ?? "").trim());
+}
 var ABSENCE_WORDS = ABSENCE_WORD_LABEL;
 function renderValue(field, value, document2, labels, stillWaitingFor) {
   const envelope = envelopeFor(document2, field.key);
@@ -2216,6 +2283,13 @@ function renderValue(field, value, document2, labels, stillWaitingFor) {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
   }
   if (value === null || value === void 0 || value === "") {
+    const gone = unresolvedFor(document2, field.key);
+    if (gone) {
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `It pointed at ${gone}`, children: "The record this pointed at no longer exists" });
+    }
+    if (field.type === "formula" && !hasFormula(field)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-xs italic text-muted-foreground", children: "Worked out once its formula is in place" });
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
   }
   const kind = editorKindFor(field);
@@ -3242,7 +3316,7 @@ function EnrichPanel({ tableId, fieldId, className }) {
   (0, import_react17.useEffect)(() => {
     void load();
   }, [load]);
-  const shown = (0, import_react17.useMemo)(
+  const shown2 = (0, import_react17.useMemo)(
     () => fieldId ? (rows ?? []).filter((r) => r.field_id === fieldId) : rows ?? [],
     [rows, fieldId]
   );
@@ -3301,7 +3375,7 @@ function EnrichPanel({ tableId, fieldId, className }) {
   );
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RefusalNotice, { error, className });
   if (rows === null) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.Skeleton, { className: (0, import_design_system8.cn)("h-40 w-full", className) });
-  if (shown.length === 0 && fieldId) {
+  if (shown2.length === 0 && fieldId) {
     const target = (fields.data ?? []).find((f) => f.id === fieldId);
     const setup = draft[fieldId] ?? { instruction: "", every: "30" };
     if (!rights.admin) {
@@ -3364,13 +3438,13 @@ function EnrichPanel({ tableId, fieldId, className }) {
       outcome ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-xs text-muted-foreground", children: outcome.message }) : null
     ] });
   }
-  if (shown.length === 0) {
+  if (shown2.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: (0, import_design_system8.cn)("space-y-2 p-4 text-sm", className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "font-medium", children: "No column here is filled in by a model." }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-muted-foreground", children: rights.admin ? "Open a column's menu and choose \u201CLet AI fill\u201D to set one up \u2014 or just ask for it in plain words and the agent will." : "An admin on this table sets that up." })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_design_system8.cn)("space-y-6 p-4", className), children: shown.map((row) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_design_system8.cn)("space-y-6 p-4", className), children: shown2.map((row) => {
     const d = draft[row.field_id] ?? {
       instruction: row.enrichment?.instruction ?? "",
       every: row.review_interval_days ? String(row.review_interval_days) : ""
@@ -3659,18 +3733,18 @@ function Outcome({ outcome, onClose }) {
   ] });
 }
 function PlanTable({ plan }) {
-  const shown = plan.rows.slice(0, 8);
-  const keys = Array.from(new Set(shown.flatMap((row) => row.cells.map((c) => c.key))));
-  if (shown.length === 0 || keys.length === 0) return null;
+  const shown2 = plan.rows.slice(0, 8);
+  const keys = Array.from(new Set(shown2.flatMap((row) => row.cells.map((c) => c.key))));
+  if (shown2.length === 0 || keys.length === 0) return null;
   const columnName = /* @__PURE__ */ new Map();
-  for (const row of shown) for (const cell of row.cells) if (!columnName.has(cell.key)) columnName.set(cell.key, cell.column);
+  for (const row of shown2) for (const cell of row.cells) if (!columnName.has(cell.key)) columnName.set(cell.key, cell.column);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "overflow-auto rounded border", children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { className: "w-full text-xs", "data-matrx-paste-plan": true, children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "Row" }),
         keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: columnName.get(key) ?? key }, key))
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { children: shown.map((row) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { className: "border-t", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { children: shown2.map((row) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { className: "border-t", children: [
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("td", { className: "whitespace-nowrap px-2 py-1", children: [
           row.fromLine,
           row.recordId === null ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system9.Badge, { variant: "outline", className: "ml-1", children: "new" }) : null
@@ -3692,9 +3766,9 @@ function PlanTable({ plan }) {
         })
       ] }, row.fromLine)) })
     ] }),
-    plan.rows.length > shown.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: [
+    plan.rows.length > shown2.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: [
       "\u2026and ",
-      plan.rows.length - shown.length,
+      plan.rows.length - shown2.length,
       " more rows the same way."
     ] }) : null
   ] });
@@ -4754,7 +4828,6 @@ function checkImportRules(fields, rows, mapping) {
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var BATCH = 250;
 var SAMPLES = 40;
-var MAPPING_COLUMNS = "minmax(9rem, 11rem) minmax(14rem, 17rem) minmax(13rem, 1fr) minmax(8rem, 10rem)";
 var ABSENT = "__absent__";
 function obviousTitleColumn(columns) {
   const says = /^(title|name|record|customer|client|company|job|item|subject|label|description)\b|(\bname|\btitle|\bnumber|\bid)$/i;
@@ -4771,7 +4844,11 @@ async function sha256(bytes) {
   return Array.from(new Uint8Array(digest)).map((b) => b.toString(16).padStart(2, "0")).join("");
 }
 function typeWord(t) {
-  return fieldTypeChoice(t)?.label ?? (t === "relation" ? "Points at another table" : t);
+  if (t === "range") return fieldTypeChoice("number")?.label ?? "Number";
+  return fieldTypeChoice(t)?.label ?? (t === "relation" ? "Points at another table" : humanize(t));
+}
+function lineInYourFile(dataRow) {
+  return dataRow + 1;
 }
 function ImportWizard({ tableId, onDone, onWrote, className }) {
   const client = (0, import_react27.useRecordsClient)();
@@ -5012,6 +5089,7 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
   const refusedByRules = ruleVerdicts.reduce((n, v) => n + v.refused, 0);
   const [goAheadAnyway, setGoAheadAnyway] = (0, import_react26.useState)(false);
   (0, import_react26.useEffect)(() => setGoAheadAnyway(false), [ruleVerdicts]);
+  const afterWrite = !busy && (phase === "done" || alreadyRan !== null || ledger !== null && ledger.seen > 0);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: (0, import_design_system13.cn)("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium", children: "Import" }),
@@ -5042,7 +5120,11 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
     problem ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RefusalNotice, { error: problem }) : null,
     phase === "reading" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: "Reading the file\u2026" }) : null,
     phase === "planning" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: "Working out what each column is\u2026" }) : null,
-    plan && parsed ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    plan && parsed && afterWrite ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-muted-foreground", "data-import-after-write": "", children: [
+      fileName ? `${fileName} has been sent to this table` : "This file has been sent to this table",
+      ledger && !ledger.final ? ", but the run stopped part-way. Importing it again would write the rows that already landed a second time, so fix the file (or keep only the rows below the ones that landed) and choose it again." : ". What landed and what was refused is below. To import another file, choose it above."
+    ] }) : null,
+    plan && parsed && !afterWrite ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
       titleKey ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-2 rounded border bg-muted/40 px-2 py-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium", children: "What each record is called" }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
@@ -5076,30 +5158,19 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
         ),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-muted-foreground", children: titleMappedTo ? `goes into ${titleFieldLabel}, so every record this file makes has a name you can read in the grid and on a chip.` : `Nothing goes into ${titleFieldLabel} yet, so every record this file makes would land with no name at all. Pick the column that says what each row IS.` })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full overflow-x-auto rounded border", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "min-w-[52rem]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex w-full min-w-0 flex-col rounded border", "data-import-mapping": "", children: plan.columns.map((column) => {
+        const to = mapping[column.header] ?? "";
+        const absent = unmapped === "ignore" ? "\u2014 leave it out \u2014" : "\u2014 offer it as a new column \u2014";
+        const matchedField = column.field_id ? declared.find((f) => f.id === column.field_id) : void 0;
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "div",
           {
-            className: "grid items-center gap-x-3 border-b bg-muted px-2 py-1 font-medium",
-            style: { gridTemplateColumns: MAPPING_COLUMNS },
+            "data-import-column": column.header,
+            className: "flex min-w-0 flex-col gap-1 border-t px-2 py-1.5 first:border-t-0",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Column in the file" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Goes to" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Kind" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "First values" })
-            ]
-          }
-        ),
-        plan.columns.map((column) => {
-          const to = mapping[column.header] ?? "";
-          const absent = unmapped === "ignore" ? "\u2014 leave it out \u2014" : "\u2014 offer it as a new column \u2014";
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-            "div",
-            {
-              className: "grid items-start gap-x-3 border-t px-2 py-1",
-              style: { gridTemplateColumns: MAPPING_COLUMNS },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate pt-1.5 font-medium", title: column.header, children: column.header }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "min-w-[8rem] flex-1 break-words font-medium", children: column.header }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-muted-foreground", children: "goes to" }),
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                   import_design_system13.Select,
                   {
@@ -5120,7 +5191,7 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
                           size: "sm",
                           "aria-label": `Where ${column.header} goes`,
                           "data-goes-to": column.header,
-                          className: "w-full min-w-[14rem]",
+                          className: "min-w-[14rem] flex-1",
                           children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.SelectValue, {})
                         }
                       ),
@@ -5130,42 +5201,53 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
                       ] })
                     ]
                   }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  import_design_system13.Badge,
+                  {
+                    variant: column.matched ? "secondary" : "outline",
+                    className: "text-[11px] font-normal",
+                    "data-import-kind": column.header,
+                    children: matchedField ? fieldTypeLabel(matchedField) : typeWord(column.type)
+                  }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "pt-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Badge, { variant: column.matched ? "secondary" : "outline", className: "text-[11px] font-normal", children: typeWord(column.type) }),
-                  column.unit ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ml-1 opacity-60", children: column.unit }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-0.5 text-muted-foreground", children: column.why }),
-                  column.ambiguous ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: "Check a date you know before you run this." }) : null,
-                  column.collides_with ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: "Two columns in this file would make the same column." }) : null,
-                  ruleVerdictOf.get(column.header) ? (() => {
-                    const v = ruleVerdictOf.get(column.header);
-                    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { "data-import-rule-refusal": column.header, className: "mt-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                        RefusalLine,
-                        {
-                          error: refusal(
-                            "refused_by_rule",
-                            `${v.refused} of ${v.judged} row${v.judged === 1 ? "" : "s"} would be refused by ${fieldName(v.field)}'s rules. ${v.firstWhy}`,
-                            "Send this column somewhere else, fix those rows in your file, or import the rest and they are listed afterwards."
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-muted-foreground", "data-import-rule-sample": "", children: [
-                        "Line ",
-                        v.firstLine,
-                        " in your file: ",
-                        v.firstRaw
-                      ] })
-                    ] });
-                  })() : null
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate pt-1.5 text-muted-foreground", children: (column.samples ?? []).slice(0, 3).map(String).join(" \xB7 ") })
-              ]
-            },
-            column.header
-          );
-        })
-      ] }) }),
+                column.unit ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ml-1 opacity-60", children: column.unit }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-0.5 break-words text-muted-foreground", children: column.why }),
+                column.ambiguous ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: "Check a date you know before you run this." }) : null,
+                column.collides_with ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: "Two columns in this file would make the same column." }) : null,
+                ruleVerdictOf.get(column.header) ? (() => {
+                  const v = ruleVerdictOf.get(column.header);
+                  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { "data-import-rule-refusal": column.header, className: "mt-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      RefusalLine,
+                      {
+                        error: refusal(
+                          "refused_by_rule",
+                          `${v.refused} of ${v.judged} row${v.judged === 1 ? "" : "s"} would be refused by ${fieldName(v.field)}'s rules. ${v.firstWhy}`,
+                          "Send this column somewhere else, fix those rows in your file, or import the rest and they are listed afterwards."
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-muted-foreground", "data-import-rule-sample": "", children: [
+                      "Line ",
+                      lineInYourFile(v.firstLine),
+                      " in your file: ",
+                      v.firstRaw
+                    ] })
+                  ] });
+                })() : null
+              ] }),
+              (column.samples ?? []).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "break-words text-muted-foreground", children: [
+                "First values: ",
+                (column.samples ?? []).slice(0, 3).map(String).join(" \xB7 ")
+              ] }) : null
+            ]
+          },
+          column.header
+        );
+      }) }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Separator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "flex items-center gap-1", children: [
@@ -5302,7 +5384,7 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "The row in your file" })
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { children: interesting.slice(0, 200).map((o) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: "border-t align-top", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: o.row }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: lineInYourFile(o.row) }),
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: o.outcome === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             RefusalLine,
             {
@@ -5326,8 +5408,10 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
           " that ",
           ledger?.refused === 1 ? "was" : "were",
           " refused",
-          " ",
-          "are kept with this import \u2014 open them again from the list of imports below, with the store's reason and the line from your file on each."
+          ledger?.refused === 1 ? " is" : " are",
+          " kept with this import \u2014 open ",
+          ledger?.refused === 1 ? "it" : "them",
+          " again from the list of imports below, with the store's reason and the line from your file on each."
         ] }) : null
       ] }) : null
     ] }) : null,
@@ -5375,7 +5459,7 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { children: runRows.rows.map((row, i) => {
               const source = row.source ?? {};
               return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: "border-t align-top", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: String(row.row ?? "") }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: typeof row.row === "number" ? lineInYourFile(row.row) : String(row.row ?? "") }),
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   RefusalLine,
                   {
@@ -5621,6 +5705,7 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
   const [sensitivity, setSensitivity] = (0, import_react30.useState)(String(field?.sensitivity ?? "internal"));
   const [contextPolicy, setContextPolicy] = (0, import_react30.useState)(String(field?.context_policy ?? "include"));
   const [rules, setRules] = (0, import_react30.useState)(field?.rules ?? []);
+  const [allowOther, setAllowOther] = (0, import_react30.useState)(field?.config?.["allow_other"] === true);
   const [optionText, setOptionText] = (0, import_react30.useState)("");
   const [unit, setUnit] = (0, import_react30.useState)(field?.unit ?? "$");
   const [withTime, setWithTime] = (0, import_react30.useState)(String(field?.config?.["kind"] ?? "date") === "datetime");
@@ -5677,7 +5762,10 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
         // REMOVES a spec and the column goes back to the target table's own
         // reference column — a panel that only sent the key when it was set
         // could turn the override on and never off.
-        ...field.type === "relation" ? { display } : {}
+        ...field.type === "relation" ? { display } : {},
+        // STORE-RULE-GAPS: a choice list's own setting, sent for every list so
+        // turning it off is as possible as turning it on.
+        ...field.type === "list" ? { allow_other: allowOther } : {}
       };
       const written2 = await mutation.update({ field_id: field.id, patch });
       if (written2 !== null) onSaved?.();
@@ -5704,6 +5792,7 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
       context_policy: contextPolicy,
       rules,
       ...type === "select" || type === "multi_select" ? { options } : {},
+      ...(type === "select" || type === "multi_select") && allowOther ? { allow_other: true } : {},
       ...type === "currency" ? { unit } : {},
       ...type === "datetime" ? { kind: withTime ? "datetime" : "date" } : {},
       ...type === "lookup" ? { via, pick } : {},
@@ -5835,7 +5924,18 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
           }
         ),
         "Each value has its own date"
-      ] })
+      ] }),
+      type === "select" || type === "multi_select" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_design_system15.Checkbox,
+          {
+            checked: allowOther,
+            "aria-label": "A value that is not one of the choices is added to them",
+            onCheckedChange: (v) => setAllowOther(v === true)
+          }
+        ),
+        "A value that is not one of the choices is added to them"
+      ] }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system15.Separator, {}),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
@@ -5883,15 +5983,37 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
             ]
           }
         ),
+        rule.kind === "length" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_design_system15.BasicInput,
+          {
+            className: "h-8 w-24",
+            inputMode: "numeric",
+            placeholder: "fewest",
+            value: rule.min === void 0 ? "" : String(rule.min),
+            "aria-label": `Check ${index + 1} fewest characters`,
+            onChange: (e) => setRules(rules.map((r, i) => i === index ? withNumber(r, "min", e.target.value) : r))
+          }
+        ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           import_design_system15.BasicInput,
           {
             className: "h-8",
+            ...rule.kind === "length" ? { inputMode: "numeric", placeholder: "most" } : {},
             value: String(rule.value ?? ""),
-            "aria-label": `Check ${index + 1} value`,
+            "aria-label": rule.kind === "length" ? `Check ${index + 1} most characters` : `Check ${index + 1} value`,
             onChange: (e) => setRules(rules.map((r, i) => i === index ? { ...r, value: e.target.value } : r))
           }
         ),
+        rule.kind === "pattern" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_design_system15.BasicInput,
+          {
+            className: "h-8",
+            placeholder: "for example 949-555-0142",
+            value: rule.example ?? "",
+            "aria-label": `Check ${index + 1} example`,
+            onChange: (e) => setRules(rules.map((r, i) => i === index ? withText(r, "example", e.target.value) : r))
+          }
+        ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           import_design_system15.Button,
           {
@@ -6197,6 +6319,17 @@ function ValueOnTheOtherSide({
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[11px] text-muted-foreground", children: help })
   ] });
 }
+function withNumber(rule, key, typed) {
+  const { [key]: _gone, ...rest } = rule;
+  const trimmed = typed.trim();
+  if (trimmed === "") return rest;
+  const n = Number(trimmed);
+  return Number.isFinite(n) ? { ...rest, [key]: n } : { ...rest, [key]: trimmed };
+}
+function withText(rule, key, typed) {
+  const { [key]: _gone, ...rest } = rule;
+  return typed.trim() === "" ? rest : { ...rest, [key]: typed };
+}
 
 // src/StageRules.tsx
 var import_react33 = require("react");
@@ -6953,9 +7086,9 @@ function TableSettings({
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StageRulesSection, { tableId }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "font-medium", children: "Proposed" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: proposals?.length ?? 0 })
+      proposals === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: proposals.length })
     ] }),
-    proposals === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground", children: "Nothing is listing proposals here yet: the store has no `custom.field_propose` door, so this panel would be inventing an empty queue. When the door lands, its rows appear in this list with the same accept and reject." }) : proposals.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground", children: "No field is waiting for a decision." }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "divide-y rounded border", children: proposals.map((proposal) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 px-2 py-1.5", children: [
+    proposals === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground", children: "Columns proposed for this table \u2014 by an import or by an agent \u2014 wait in this table's Inbox, where each one is accepted or turned down." }) : proposals.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground", children: "No field is waiting for a decision." }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "divide-y rounded border", children: proposals.map((proposal) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 px-2 py-1.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "min-w-[8rem] flex-1 break-words", children: proposal.field.label || proposal.field.key }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "min-w-[8rem] flex-1 break-words text-muted-foreground", children: proposal.why }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Badge, { variant: "secondary", className: "text-[10px] font-normal", children: proposal.proposed_by }),
@@ -7719,10 +7852,10 @@ function Peek({ tableId, recordId, onClose, className }) {
 }
 function computedInPlainWords(row, field) {
   const name = field ? fieldName(field) : humanize(row.field_key);
-  const shown = row.value === null || row.value === void 0 || row.value === "" ? "nothing" : String(row.value);
+  const shown2 = row.value === null || row.value === void 0 || row.value === "" ? "nothing" : String(row.value);
   const when = new Date(row.computed_at);
   const at = Number.isNaN(when.getTime()) ? "" : ` on ${when.toLocaleDateString()}`;
-  return `${name} was worked out as ${shown}${at}.`;
+  return `${name} was worked out as ${shown2}${at}.`;
 }
 
 // src/views.ts
@@ -8673,7 +8806,7 @@ function Gallery({
   onOpenRecord,
   note
 }) {
-  const shown = fields.slice(0, 4);
+  const shown2 = fields.slice(0, 4);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex min-h-0 flex-col gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Note, { children: note }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("ul", { className: "grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-2 overflow-y-auto", children: rows.map((row) => {
@@ -8686,7 +8819,7 @@ function Gallery({
           onClick: () => onOpenRecord?.(row.id),
           children: [
             typeof image === "string" && image !== "" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: image, alt: "", className: "h-28 w-full rounded object-cover" }) : null,
-            shown.map((field) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "flex min-w-0 items-baseline gap-1 text-xs", children: [
+            shown2.map((field) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "flex min-w-0 items-baseline gap-1 text-xs", children: [
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "shrink-0 text-muted-foreground", children: fieldName(field) }),
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "min-w-0 truncate", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(RecordValue, { field, value: (row.document ?? {})[field.key], document: row.document }) })
             ] }, field.key))
@@ -10016,18 +10149,18 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
   (0, import_react63.useEffect)(() => {
     void load();
   }, [load]);
-  const shown = (0, import_react63.useMemo)(() => {
+  const shown2 = (0, import_react63.useMemo)(() => {
     const all = items ?? [];
     if (!tableId) return all;
     return all.filter((i) => i.kind !== "assignment" || i.subject_kind !== "record" || true);
   }, [items, tableId]);
   (0, import_react63.useEffect)(() => {
-    if (cursor >= shown.length) setCursor(Math.max(0, shown.length - 1));
-  }, [shown.length, cursor]);
+    if (cursor >= shown2.length) setCursor(Math.max(0, shown2.length - 1));
+  }, [shown2.length, cursor]);
   (0, import_react63.useEffect)(() => {
     const el = listRef.current?.querySelector(`[data-row="${cursor}"]`);
     el?.scrollIntoView({ block: "nearest" });
-  }, [cursor, shown.length]);
+  }, [cursor, shown2.length]);
   const decide = (0, import_react63.useCallback)(
     async (item, approve) => {
       if (item.kind === "assignment") return;
@@ -10052,11 +10185,11 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
   );
   const onKeyDown = (0, import_react63.useCallback)(
     (event) => {
-      const item = shown[cursor];
+      const item = shown2[cursor];
       const key = event.key;
       if (key === "j" || key === "ArrowDown") {
         event.preventDefault();
-        setCursor((c) => Math.min(shown.length - 1, c + 1));
+        setCursor((c) => Math.min(shown2.length - 1, c + 1));
       } else if (key === "k" || key === "ArrowUp") {
         event.preventDefault();
         setCursor((c) => Math.max(0, c - 1));
@@ -10071,7 +10204,7 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
         void decide(item, key === "a");
       }
     },
-    [shown, cursor, decide, open, load]
+    [shown2, cursor, decide, open, load]
   );
   if (items === null) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Skeleton, { className: (0, import_design_system30.cn)("h-32 w-full", className) });
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -10084,12 +10217,12 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "text-sm font-medium", children: "Inbox" }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs text-muted-foreground", children: shown.length }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs text-muted-foreground", children: shown2.length }),
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ml-auto hidden text-[10px] text-muted-foreground sm:inline", children: "j/k move \xB7 a approve \xB7 d decline \xB7 o open \xB7 r refresh" }),
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Refresh" })
         ] }),
         error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RefusalNotice, { error }) : null,
-        shown.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-muted-foreground", children: includeSettled ? "Nothing has come through this inbox yet." : "Nothing is waiting on you." }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ol", { ref: listRef, className: "flex min-h-0 flex-col gap-1 overflow-y-auto", children: shown.map((item, index) => {
+        shown2.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-muted-foreground", children: includeSettled ? "Nothing has come through this inbox yet." : "Nothing is waiting on you." }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ol", { ref: listRef, className: "flex min-h-0 flex-col gap-1 overflow-y-auto", children: shown2.map((item, index) => {
           const settled = outcome[item.item_id];
           return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
             "li",
@@ -10165,6 +10298,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   const [pending, setPending] = (0, import_react65.useState)({ phase: "idle" });
   const [said, setSaid] = (0, import_react65.useState)(null);
   const listRef = (0, import_react65.useRef)(null);
+  const changed = (0, import_react66.useRecordChangeRevision)(recordId);
   const load = (0, import_react65.useCallback)(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
     if (!answered.ok) {
@@ -10173,7 +10307,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
     }
     setError(null);
     setEntries(answered.data);
-  }, [client, recordId]);
+  }, [client, recordId, changed]);
   (0, import_react65.useEffect)(() => {
     void load();
   }, [load]);
@@ -10515,9 +10649,9 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
   }, [mentionQuery, people, picked]);
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RefusalNotice, { error, className });
   if (!thread || table.loading || fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_design_system32.Skeleton, { className: (0, import_design_system32.cn)("h-32 w-full", className) });
-  const shown = fieldKey ? thread.comments.filter((c) => c.field_key === fieldKey) : thread.comments;
-  const roots = shown.filter((c) => !c.parent_comment_id);
-  const repliesOf = (id) => shown.filter((c) => c.parent_comment_id === id);
+  const shown2 = fieldKey ? thread.comments.filter((c) => c.field_key === fieldKey) : thread.comments;
+  const roots = shown2.filter((c) => !c.parent_comment_id);
+  const repliesOf = (id) => shown2.filter((c) => c.parent_comment_id === id);
   const fieldLabel = fieldKey ? (fields.data ?? []).find((f) => f.key === fieldKey)?.label || humanize(fieldKey) : null;
   async function post() {
     if (draft.trim() === "") return;
@@ -10560,7 +10694,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("section", { className: (0, import_design_system32.cn)("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-baseline gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-sm font-medium", children: fieldLabel ? `Comments on ${fieldLabel}` : "Comments" }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-xs text-muted-foreground", children: shown.length }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-xs text-muted-foreground", children: shown2.length }),
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         import_design_system32.Button,
         {
@@ -11312,16 +11446,16 @@ function PortalsPanel({ tableId, activePortalId, className }) {
   const holdingThis = new Set(
     exposures.filter((e) => e.table_id === tableId).map((e) => e.portal_id)
   );
-  const shown = onATable ? portals.filter((p) => holdingThis.has(p.portal_id)) : portals;
+  const shown2 = onATable ? portals.filter((p) => holdingThis.has(p.portal_id)) : portals;
   const couldTakeIt = onATable ? portals.filter((p) => !holdingThis.has(p.portal_id)) : [];
   const elsewhere = couldTakeIt.length;
   const origin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { className: (0, import_design_system36.cn)("flex flex-col gap-3", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-sm font-medium", children: "Portals" }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs text-muted-foreground", children: shown.length === 0 ? "none for this table" : `${shown.length}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs text-muted-foreground", children: shown2.length === 0 ? "none for this table" : `${shown2.length}` }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1" }),
-      shown.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system36.Button, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a portal" }) : null
+      shown2.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system36.Button, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a portal" }) : null
     ] }),
     listError ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RefusalNotice, { error: listError }) : null,
     building ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -11346,7 +11480,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
         onClose: () => setAdding(null)
       }
     ) : null,
-    shown.length === 0 && !listError && !building && !adding ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    shown2.length === 0 && !listError && !building && !adding ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       BuildOrAsk,
       {
         mayBuild: true,
@@ -11368,7 +11502,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
         ]
       }
     ) : null,
-    shown.length === 0 && !listError && !building && !adding && elsewhere > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-md border border-dashed border-border p-2.5", children: [
+    shown2.length === 0 && !listError && !building && !adding && elsewhere > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-md border border-dashed border-border p-2.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-xs text-muted-foreground", children: "Or add this table to a portal your clients already sign in to:" }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-wrap gap-1.5", children: couldTakeIt.map((portal) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
         import_design_system36.Button,
@@ -11385,8 +11519,8 @@ function PortalsPanel({ tableId, activePortalId, className }) {
         portal.portal_id
       )) })
     ] }) : null,
-    activePortalId && !shown.some((p) => p.portal_id === activePortalId) ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: PORTAL_NOT_HERE_LINE }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "flex flex-col gap-2", children: shown.map((portal) => {
+    activePortalId && !shown2.some((p) => p.portal_id === activePortalId) ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: PORTAL_NOT_HERE_LINE }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "flex flex-col gap-2", children: shown2.map((portal) => {
       const url = `${origin}${(0, import_records9.portalPath)(portal.slug)}`;
       const open = openId === portal.portal_id;
       const linked = portal.portal_id === activePortalId;
@@ -11533,7 +11667,7 @@ function ArchivePortalControl({
 }
 function CopyLink({ url, what }) {
   const [copied, setCopied] = (0, import_react73.useState)(false);
-  const [shown, setShown] = (0, import_react73.useState)(false);
+  const [shown2, setShown] = (0, import_react73.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       import_design_system36.Button,
@@ -11555,7 +11689,7 @@ function CopyLink({ url, what }) {
         children: copied ? "Copied" : what ? `Copy ${what}` : "Copy link"
       }
     ),
-    shown ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "mt-1.5 w-full break-all rounded border border-dashed border-border px-2 py-1 text-xs", children: [
+    shown2 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "mt-1.5 w-full break-all rounded border border-dashed border-border px-2 py-1 text-xs", children: [
       "This browser would not let the page copy for you, so here it is to copy by hand: ",
       url
     ] }) : null
@@ -14143,20 +14277,23 @@ function ChartBlock({ block, subject, className }) {
       label: point.label === "All records" ? block.title : `${block.title} \xB7 ${point.label}`
     });
   } : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("figure", { className: (0, import_design_system46.cn)("flex min-w-0 flex-col gap-1.5 rounded border p-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("figcaption", { className: "flex items-baseline gap-2 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "truncate font-medium", children: block.title || CHART_KIND_LABEL[kind] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ml-auto shrink-0 text-muted-foreground", children: kind === "stuck" ? `${block.days ?? 14} days` : primary.replace("_", " of ") }),
-      typeof block.ms === "number" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "shrink-0 tabular-nums text-muted-foreground/70", title: "how long the store took", children: [
-        pretty(block.ms),
-        " ms"
-      ] }) : null
-    ] }),
-    block.refused ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RefusalNotice, { error: asRefusal2(block) }) : needs ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: needs }) : kind === "stuck" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StuckList, { rows: block.rows ?? [] }) : points.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: "The store answered this question with no groups at all, so there is nothing to draw yet." }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, { children: kind === "number" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BigNumber, { points, measure: primary, onDrill: drill }) : kind === "table" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(GroupTable, { points, series, onDrill: drill }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Drawing, { kind, points, series, config, onDrill: drill }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Values, { points, measure: primary, config, onDrill: drill })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    "figure",
+    {
+      className: (0, import_design_system46.cn)("flex min-w-0 flex-col gap-1.5 rounded border p-2", className),
+      ...typeof block.ms === "number" ? { "data-store-ms": pretty(block.ms) } : {},
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("figcaption", { className: "flex items-baseline gap-2 text-xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "truncate font-medium", children: block.title || CHART_KIND_LABEL[kind] }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ml-auto shrink-0 text-muted-foreground", children: kind === "stuck" ? `${block.days ?? 14} days` : primary.replace("_", " of ") })
+        ] }),
+        block.refused ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RefusalNotice, { error: asRefusal2(block) }) : needs ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: needs }) : kind === "stuck" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StuckList, { rows: block.rows ?? [] }) : points.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: "The store answered this question with no groups at all, so there is nothing to draw yet." }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, { children: kind === "number" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BigNumber, { points, measure: primary, onDrill: drill }) : kind === "table" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(GroupTable, { points, series, onDrill: drill }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Drawing, { kind, points, series, config, onDrill: drill }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Values, { points, measure: primary, config, onDrill: drill })
+        ] }) })
+      ]
+    }
+  );
 }
 function BigNumber({
   points,
@@ -14768,7 +14905,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
     },
     [client, load]
   );
-  const [shown, setShown] = (0, import_react98.useState)(null);
+  const [shown2, setShown] = (0, import_react98.useState)(null);
   const copy = (0, import_react98.useCallback)(async (url, formId) => {
     try {
       await navigator.clipboard.writeText(url);
@@ -14867,7 +15004,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
               ) : null
             ] }),
             rights.structure && publishGate.why ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-1.5 text-xs text-muted-foreground", children: publishGate.why }) : null,
-            shown && shown === url ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "mt-1.5 break-all rounded border border-dashed px-2 py-1 text-xs", children: [
+            shown2 && shown2 === url ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "mt-1.5 break-all rounded border border-dashed px-2 py-1 text-xs", children: [
               "This browser would not let the page copy for you, so here it is to copy by hand:",
               " ",
               url
@@ -15029,7 +15166,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: (0, import_design_system49.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") ?? "Making a booking page needs the admin level on this table, because it lets people with no account take time in your calendar." });
   }
   const url = formId ? `${publicOrigin}${(0, import_records13.bookingPath)(formId)}` : null;
-  const shown = offer ?? null;
+  const shown2 = offer ?? null;
   return (
     // THE RAIL IS 384px WIDE AND THE VIEWPORT IS NOT (walk 1, 2026-09-21):
     // every split below is a CONTAINER query, so this screen is the same
@@ -15177,21 +15314,21 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
           }
         )
       ] }),
-      shown ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "rounded-md border bg-muted/40 p-2.5 text-xs", children: [
+      shown2 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "rounded-md border bg-muted/40 p-2.5 text-xs", children: [
         "Saved. The page offers ",
-        shown.slot_minutes,
+        shown2.slot_minutes,
         "-minute appointments in ",
-        shown.timezone,
+        shown2.timezone,
         ", up to",
         " ",
-        shown.max_per_day,
+        shown2.max_per_day,
         " a day, ",
-        shown.days,
+        shown2.days,
         " days ahead",
-        shown.buffer_minutes > 0 ? `, with ${shown.buffer_minutes} minutes between them` : "",
+        shown2.buffer_minutes > 0 ? `, with ${shown2.buffer_minutes} minutes between them` : "",
         ":",
         " ",
-        shown.windows.map(
+        shown2.windows.map(
           (w) => `${DAYS.find((d) => d.weekday === w.weekday)?.label ?? w.weekday} ${w.from}\u2013${w.to}`
         ).join(", "),
         "."
@@ -15233,21 +15370,22 @@ var import_react103 = require("@ai-matrx/records/react");
 var import_records14 = require("@ai-matrx/records");
 var import_design_system50 = require("@ai-matrx/design-system");
 var import_jsx_runtime53 = require("react/jsx-runtime");
+var BOOKING_NOT_HERE_LINE = "The link named a booking page this table does not have \u2014 it may have been closed for good, or it writes into another table. The booking pages this table does have are listed here.";
 var WHAT_A_BOOKING_PAGE_IS = "A booking page offers times you are free and writes each appointment into this table as an ordinary record.";
 function bookingSuggestion(tableName2) {
-  const subject = tableName2?.trim() ? tableName2.trim() : "appointments";
-  return `Let clients book a 30-minute ${subject} slot on Tuesday and Thursday afternoons.`;
+  const name = tableName2?.trim();
+  return name ? `Let clients book a 30-minute appointment on Tuesday and Thursday afternoons, and put each one in ${name}.` : "Let clients book a 30-minute appointment on Tuesday and Thursday afternoons.";
 }
 var NO_ADMIN2 = "Opening a booking page lets people with no account take time in your calendar, so it needs the admin level on the table the appointments land in.";
 var STATE_WORDS = BOOKING_PAGE_STATE_LABEL;
-function BookingSlots({ tableId, className }) {
+function BookingSlots({ tableId, activeBookingId, className }) {
   const client = (0, import_react103.useRecordsClient)();
   const host = useRecordsUi();
   const [pages, setPages] = (0, import_react102.useState)(null);
   const [error, setError] = (0, import_react102.useState)(null);
   const [busy, setBusy] = (0, import_react102.useState)(null);
   const [copied, setCopied] = (0, import_react102.useState)(null);
-  const [shown, setShown] = (0, import_react102.useState)(null);
+  const [shown2, setShown] = (0, import_react102.useState)(null);
   const [building, setBuilding] = (0, import_react102.useState)(false);
   const load = (0, import_react102.useCallback)(async () => {
     const answered = await client.bookings(tableId ? { table_id: tableId } : {});
@@ -15313,6 +15451,7 @@ function BookingSlots({ tableId, className }) {
       tableId && pages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system50.Button, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a booking page" }) : null
     ] }),
     error ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(RefusalNotice, { error }) : null,
+    activeBookingId && !pages.some((p) => p.form_id === activeBookingId) ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: BOOKING_NOT_HERE_LINE }) : null,
     building && tableId ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       BookingBuilder,
       {
@@ -15348,53 +15487,66 @@ function BookingSlots({ tableId, className }) {
       const url = `${origin}${(0, import_records14.bookingPath)(page.form_id)}`;
       const mayOpen = levels.data?.[page.table_id] === "admin";
       const open = page.published_at !== null && page.closed_at === null;
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("li", { className: "rounded-md border p-2.5", "data-testid": "booking-page", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: page.title ?? page.slug }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system50.Badge, { variant: page.state === "open" ? "default" : "secondary", children: page.state })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: STATE_WORDS[page.state] ?? page.state }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "mt-1.5 text-xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-medium", children: page.upcoming }),
-          " coming up",
-          " \xB7 ",
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-medium", children: page.booked }),
-          " booked in all",
-          page.held > 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-            " \xB7 ",
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-medium", children: page.held }),
-            " being held right now"
-          ] }) : null,
-          page.cancelled > 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-            " \xB7 ",
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-medium", children: page.cancelled }),
-            " cancelled"
-          ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-muted-foreground", children: [
-            " \xB7 ",
-            page.slot_minutes,
-            " minutes each"
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: nextInWords(page) }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system50.Button, { size: "sm", variant: "outline", onClick: () => void copy(url, page.form_id), children: copied === page.form_id ? "Copied" : "Copy link" }),
-          mayOpen ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-            import_design_system50.Button,
-            {
-              size: "sm",
-              variant: "ghost",
-              disabled: busy === page.form_id,
-              onClick: () => void toggle(page),
-              children: busy === page.form_id ? "\u2026" : open ? "Close" : "Open"
-            }
-          ) : null
-        ] }),
-        shown && shown === url ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "mt-1.5 break-all rounded border border-dashed px-2 py-1 text-xs", children: [
-          "This browser would not let the page copy for you, so here it is to copy by hand: ",
-          url
-        ] }) : null
-      ] }, page.form_id);
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        "li",
+        {
+          "data-testid": "booking-page",
+          "data-linked": page.form_id === activeBookingId ? "true" : void 0,
+          ref: page.form_id === activeBookingId ? (el) => el?.scrollIntoView({ block: "nearest" }) : void 0,
+          className: (0, import_design_system50.cn)(
+            "rounded-md border p-2.5",
+            page.form_id === activeBookingId && "border-primary ring-1 ring-primary"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: page.title ?? page.slug }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system50.Badge, { variant: page.state === "open" ? "default" : "secondary", children: page.state })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: STATE_WORDS[page.state] ?? page.state }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "mt-1.5 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-medium", children: page.upcoming }),
+              " coming up",
+              " \xB7 ",
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-medium", children: page.booked }),
+              " booked in all",
+              page.held > 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+                " \xB7 ",
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-medium", children: page.held }),
+                " being held right now"
+              ] }) : null,
+              page.cancelled > 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+                " \xB7 ",
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-medium", children: page.cancelled }),
+                " cancelled"
+              ] }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-muted-foreground", children: [
+                " \xB7 ",
+                page.slot_minutes,
+                " minutes each"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: nextInWords(page) }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system50.Button, { size: "sm", variant: "outline", onClick: () => void copy(url, page.form_id), children: copied === page.form_id ? "Copied" : "Copy link" }),
+              mayOpen ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_design_system50.Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  disabled: busy === page.form_id,
+                  onClick: () => void toggle(page),
+                  children: busy === page.form_id ? "\u2026" : open ? "Close" : "Open"
+                }
+              ) : null
+            ] }),
+            shown2 && shown2 === url ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "mt-1.5 break-all rounded border border-dashed px-2 py-1 text-xs", children: [
+              "This browser would not let the page copy for you, so here it is to copy by hand: ",
+              url
+            ] }) : null
+          ]
+        },
+        page.form_id
+      );
     }) }),
     pages.length > 0 && !levels.loading && levels.data && subjectIds.every((id) => levels.data?.[id] !== "admin") ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs text-muted-foreground", children: NO_ADMIN2 }) : null
   ] });
@@ -16533,8 +16685,15 @@ var LANE_TITLE = {
 };
 var APP_TABLE_PREFIX = "records_ui_";
 var LANE_EMPTY = {
-  mine: "Nothing of your own yet. New table makes one that only you can see.",
-  organization: "No tables shared across your organization yet. A table you make is yours until you change its visibility to internal.",
+  // 🚨 BOTH SENTENCES USED TO DESCRIBE A PRODUCT THAT DOES NOT EXIST
+  // (VERIFIER-15 M2, VERIFIER-16 M6). "New table makes one that only you can
+  // see" — New table makes one shared with the organization, and it lands under
+  // My organization. "A table you make is yours until you change its visibility
+  // to internal" — it is internal from the start, and no screen here changes a
+  // table's visibility at all. An empty lane says what is true and names only a
+  // control that exists.
+  mine: "Nothing here is visible to you alone. A new table is shared with your organization from the start.",
+  organization: "No tables shared across your organization yet. New table makes one, and everyone here can open it.",
   system: "The platform's own tables are not in this organization's store.",
   community: "Nothing shared beyond your organization. A table published by link or to the world lands here.",
   app: "The app has not needed a table of its own in this organization yet. Saving a view, writing a comment or building a form makes one, and it appears here rather than among your own data."
@@ -17179,7 +17338,7 @@ function TablePage({
         }
       ) : null,
       rail === "forms" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
-      rail === "bookings" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(BookingSlots, { tableId }) : null,
+      rail === "bookings" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
       rail === "checklists" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         ChecklistsPanel,
         {