@ai-matrx/records-ui 0.104.2 → 0.106.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.106.0
+
+Duplicate property copies the values (Notion N5): the column menu's "Duplicate property" calls `client.fieldDuplicate` (records 0.79.0) and the copy lands right after the original with every value; the panel it used to open (an empty new column started from the original) is gone from the grid. `FieldEditor`'s `copyOf` prop stays for hosts that want the panel.
+
+**Consumer action:** none; install records 0.79.0 with it.
+
+## 0.105.1
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.104.2..npm/records-ui/v0.105.1 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.105.0
+
+PAGE-BUNDLE: `recordsDataSource` marks itself `opensInOneCall`, so every table page (grid, board, record page, embedded table) opens its shape with one `custom.table_page_bundle` call through @ai-matrx/records 0.78. The `clinicStore` test kit can model the bundle (`bundle: true`); `a-table-opens-in-one-call.test.tsx` fails if a shape door is asked beside the bundle.
+
+**Consumer action:** none.
+
+## 0.104.5
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.104.2..npm/records-ui/v0.104.5 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.104.4
+
+Table-duplicate progress, entity list totals and the export row-cap note format counts through `@ai-matrx/kit/format` `formatCount` (same digits; the export note keeps en-US). Package-twins collapse.
+
+Consumer action: none.
+
+## 0.104.3
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.104.2..npm/records-ui/v0.104.3 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.104.5
+
+- `FormResultsPanel`: the four numbers are plain tiles (no "from 1 record" caption, the rate as a percentage); only choice, checkbox and number questions get an answer chart — free-text questions list their answers. Real-browser walk `demo/typeform-walk.mjs` (welcome, jump, ending, results; desktop and phone) joins `pnpm test:layout`.
+
+**Consumer action:** none.
+
 ## 0.104.2
 
 - (0.104.1 never reached npm: its gate found native selects in `FormFlowEditor` — now the package's `PickOne` — and the owner's-preview test still stubbing `form_preview_asks`; it now stubs `form_preview_route`.)

package/dist/index.cjs

@@ -619,6 +619,7 @@ var import_records = require("@ai-matrx/records");
 var LEVEL_WORD = {
   viewer: "Viewer",
   commenter: "Commenter",
+  edit_content: "Content editor",
   editor: "Editor",
   admin: "Admin"
 };
@@ -626,8 +627,12 @@ var NEEDS = {
   read: "viewer",
   // custom.io_comment_write
   comment: "commenter",
-  // custom.record_update / custom.record_write
-  write: "editor",
+  // custom.record_update / custom.record_write — `edit_content` changes rows and page content;
+  // columns, views and settings (structure) stay with admin below, and sharing with admin.
+  write: "edit_content",
+  // custom.view_designate / view_declare / migrate_merge / record_restore — all ask `editor`: more than
+  // changing content (`edit_content`), less than changing columns (`admin`).
+  organise: "editor",
   // custom.record_delete
   remove: "editor",
   // custom.share_grant — passing your access on is an administrator's right
@@ -648,6 +653,7 @@ function sentenceFor(what, level) {
     read: "open this",
     comment: "leave a comment",
     write: "change anything here",
+    organise: "organise this",
     remove: "delete this",
     share: "pass this on to somebody else",
     structure: "change the columns of this table"
@@ -662,6 +668,7 @@ function whatYouMayDo(level, known = true) {
     read: may("read"),
     comment: may("comment"),
     write: may("write"),
+    organise: may("organise"),
     remove: may("remove"),
     share: may("share"),
     structure: may("structure"),
@@ -15345,7 +15352,18 @@ function useMergedGridControls(args) {
             label: "Duplicate property",
             icon: "copy-plus",
             disabledReason: mayStructure ? void 0 : editable ? rights.why("structure") : "Editing is off here.",
-            onSelect: () => setDialog({ kind: "insert", anchor: columnId2, side: "right", copyOf: field2 })
+            // DUPLICATE PROPERTY (Notion N5): one door declares the copy right after this column and copies
+            // every record's value into it (`custom.field_duplicate`); nothing to fill in, as in Notion.
+            onSelect: () => {
+              void client.fieldDuplicate({ field_id: field2.id }).then((made) => {
+                if (!made.ok) {
+                  notify?.error(`${fieldName(field2)} was not duplicated: ${refusalSentence(made.error)}`);
+                  return;
+                }
+                (0, import_react86.tableShapeChanged)(tableId);
+                notify?.success(`${made.data.label} is added.`);
+              });
+            }
           });
           if (summaries) {
             out.push(summaryMenuItem(field2, columnId2 === firstKey, summaries.chosen[columnId2], summaries.operations, (op2) => summaries.choose(columnId2, op2)));
@@ -15692,7 +15710,7 @@ function useMergedGridControls(args) {
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_design_system47.DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", children: [
           /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_design_system47.DialogHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system47.DialogTitle, { children: columnDialog?.kind === "settings" ? `Column settings \xB7 ${fieldName(columnDialog.field)}` : columnDialog?.kind === "insert" && columnDialog.copyOf ? `Duplicate property \xB7 ${fieldName(columnDialog.copyOf)}` : columnDialog?.kind === "insert" && columnDialog.anchor ? `Add column ${columnDialog.side === "left" ? "left" : "right"} of ${fieldOf2(columnDialog.anchor) ? fieldName(fieldOf2(columnDialog.anchor)) : columnDialog.anchor}` : ADD_FIELD_OPEN_LABEL }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system47.DialogTitle, { children: columnDialog?.kind === "settings" ? `Column settings \xB7 ${fieldName(columnDialog.field)}` : columnDialog?.kind === "insert" && columnDialog.anchor ? `Add column ${columnDialog.side === "left" ? "left" : "right"} of ${fieldOf2(columnDialog.anchor) ? fieldName(fieldOf2(columnDialog.anchor)) : columnDialog.anchor}` : ADD_FIELD_OPEN_LABEL }),
             /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system47.DialogDescription, { className: "sr-only", children: "Name, type and look" })
           ] }),
           columnDialog?.kind === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
@@ -15716,7 +15734,6 @@ function useMergedGridControls(args) {
             FieldEditor,
             {
               tableId,
-              ...columnDialog.copyOf ? { copyOf: columnDialog.copyOf } : {},
               onCancel: () => {
                 pendingInsert.current = null;
                 close();
@@ -25057,6 +25074,7 @@ function createEntityRealtime(options = {}) {
 }
 
 // ../entity-data/src/port/port.ts
+var import_uuid3 = require("@ai-matrx/kit/uuid");
 var import_records38 = require("@ai-matrx/records");
 
 // ../entity-data/src/core/wire.ts
@@ -25157,8 +25175,6 @@ function toColumns(wire) {
 }
 
 // ../entity-data/src/port/port.ts
-var UUID_SHAPE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-var isUuidShape3 = (value) => typeof value === "string" && UUID_SHAPE.test(value);
 function toWireValue(value) {
   if (isRef(value)) return value.id;
   if (Array.isArray(value) && value.length > 0 && value.every(isRef)) {
@@ -25358,7 +25374,7 @@ function createEntityDataPort(options) {
     async get(alias, id) {
       const binding = bindingOf(alias);
       if (!binding) return noSuchAlias(alias);
-      if (!isUuidShape3(id)) return refusal2("invalid_argument", `"${String(id)}" is not a row id.`);
+      if (!(0, import_uuid3.isUuidShape)(id)) return refusal2("invalid_argument", `"${String(id)}" is not a row id.`);
       return getCoalesced(alias, binding.token, id);
     },
     async create(alias, values) {
@@ -25378,20 +25394,20 @@ function createEntityDataPort(options) {
     async update(alias, id, patch, baseVersion) {
       const binding = bindingOf(alias);
       if (!binding) return noSuchAlias(alias);
-      if (!isUuidShape3(id)) return refusal2("invalid_argument", `"${String(id)}" is not a row id.`);
+      if (!(0, import_uuid3.isUuidShape)(id)) return refusal2("invalid_argument", `"${String(id)}" is not a row id.`);
       const answer = await client.update({ token: binding.token, id, baseVersion, patch: toWireValues(patch), opId: (0, import_records38.mintOpId)() });
       return readBack(alias, answer, "The change");
     },
     async archive(alias, id) {
       const binding = bindingOf(alias);
       if (!binding) return noSuchAlias(alias);
-      if (!isUuidShape3(id)) return refusal2("invalid_argument", `"${String(id)}" is not a row id.`);
+      if (!(0, import_uuid3.isUuidShape)(id)) return refusal2("invalid_argument", `"${String(id)}" is not a row id.`);
       return done(await client.archive({ token: binding.token, ids: [id], opId: (0, import_records38.mintOpId)() }));
     },
     async restore(alias, id) {
       const binding = bindingOf(alias);
       if (!binding) return noSuchAlias(alias);
-      if (!isUuidShape3(id)) return refusal2("invalid_argument", `"${String(id)}" is not a row id.`);
+      if (!(0, import_uuid3.isUuidShape)(id)) return refusal2("invalid_argument", `"${String(id)}" is not a row id.`);
       return done(await client.unarchive({ token: binding.token, ids: [id], opId: (0, import_records38.mintOpId)() }));
     },
     subscribe(event, listener) {
@@ -25757,6 +25773,7 @@ var import_react128 = require("@ai-matrx/records/react");
 var import_core19 = require("@ai-matrx/records/core");
 
 // src/viewExport.ts
+var import_format5 = require("@ai-matrx/kit/format");
 var VIEW_EXPORT_PAGE = 500;
 var VIEW_EXPORT_CEILING = 5e3;
 function viewColumns(fields, presentation) {
@@ -25795,7 +25812,7 @@ async function readViewRows(client, tableId, fields, view, ceiling = VIEW_EXPORT
   }
 }
 function cutWords(written) {
-  return `First ${written.toLocaleString("en-US")} rows only`;
+  return `First ${(0, import_format5.formatCount)(written, { locale: "en-US" })} rows only`;
 }
 
 // src/ExportMenu.tsx
@@ -26245,7 +26262,7 @@ var import_clipboard3 = require("@ai-matrx/kit/clipboard");
 var import_design_system66 = require("@ai-matrx/design-system");
 var import_react133 = require("react");
 var import_react134 = require("@ai-matrx/records/react");
-var import_format5 = require("@ai-matrx/kit/format");
+var import_format6 = require("@ai-matrx/kit/format");
 var import_records39 = require("@ai-matrx/records");
 var import_design_system67 = require("@ai-matrx/design-system");
 
@@ -26582,7 +26599,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
               className: "h-9 rounded border bg-background px-2 text-sm",
               value: lead,
               onChange: (e) => setLead(Number(e.target.value)),
-              children: [0, 60, 120, 240, 1440].map((n) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: n, children: n === 0 ? "Right away" : n === 1440 ? "A day from now" : `${(0, import_format5.formatDurationMinutes)(n, { style: "long" })} from now` }, n))
+              children: [0, 60, 120, 240, 1440].map((n) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: n, children: n === 0 ? "Right away" : n === 1440 ? "A day from now" : `${(0, import_format6.formatDurationMinutes)(n, { style: "long" })} from now` }, n))
             }
           )
         ] }),
@@ -26935,7 +26952,7 @@ function tableActions(input) {
     // custom.view_designate asks editor on the table — `canDesignate` in TablePage.
     action(
       { id: "make-default", label: makeDefaultWords(host.layoutLabel), icon: "layout-grid", group: "manage", rank: 4 },
-      "write",
+      "organise",
       input,
       bind(host.makeDefault, table)
     ),
@@ -28114,7 +28131,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, cl
   const levels = (0, import_react144.useMyLevels)(own3.map((t) => t.id));
   const writable = own3.filter((t) => {
     const level = levels.data?.[t.id];
-    return level === "editor" || level === "admin";
+    return level === "edit_content" || level === "editor" || level === "admin";
   }).sort((a, b) => a.name.localeCompare(b.name));
   const [tableId, setTableId] = (0, import_react143.useState)("");
   const proposedName = shape?.name ?? source.title ?? "Saved table";
@@ -30458,7 +30475,7 @@ var import_react188 = require("@ai-matrx/records/react");
 var import_records47 = require("@ai-matrx/records");
 var import_design_system93 = require("@ai-matrx/design-system");
 var import_data_table20 = require("@ai-matrx/design-system/data-table");
-var import_format6 = require("@ai-matrx/kit/format");
+var import_format7 = require("@ai-matrx/kit/format");
 
 // src/recordMoves.tsx
 var import_react171 = require("react");
@@ -30695,10 +30712,10 @@ function recordActions(input) {
       input,
       copyText13 ? () => copyText13(url, record) : void 0
     ),
-    action2({ id: "duplicate", label: "Duplicate", icon: "copy", group: "organize", verb: "duplicate" }, "write", input, bind2(host.duplicate, record)),
+    action2({ id: "duplicate", label: "Duplicate", icon: "copy", group: "organize", verb: "duplicate" }, "organise", input, bind2(host.duplicate, record)),
     action2(
       { id: "merge", label: "Merge with\u2026", icon: "git-merge", group: "organize" },
-      "write",
+      "organise",
       input,
       bind2(host.merge, record)
     ),
@@ -34333,9 +34350,9 @@ function ViewPager({ shown: shown4, total, onMore, step: step2 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("p", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-view-pager": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { children: [
       "Showing ",
-      (0, import_format6.formatCount)(shown4),
+      (0, import_format7.formatCount)(shown4),
       " of ",
-      (0, import_format6.formatCount)(total),
+      (0, import_format7.formatCount)(total),
       " records."
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_design_system93.Button, { size: "sm", variant: "outline", onClick: onMore, children: [
@@ -34805,8 +34822,8 @@ function ArchivedView({
     onRestored?.(recordId);
   };
   const titleKey = table.data?.title_field ?? null;
-  const mayRestore = rights.write;
-  const whyNot = mayRestore ? "" : mayNotRestoreLine(rights.why("write"));
+  const mayRestore = rights.organise;
+  const whyNot = mayRestore ? "" : mayNotRestoreLine(rights.why("organise"));
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: (0, import_design_system94.cn)("flex min-h-0 flex-col gap-2", className), "data-testid": "archived-view", children: [
     /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-sm font-medium", children: "Archived" }),
@@ -35548,7 +35565,7 @@ var import_react201 = require("react");
 var import_react202 = require("@ai-matrx/records/react");
 var import_design_system99 = require("@ai-matrx/design-system");
 var import_data_table21 = require("@ai-matrx/design-system/data-table");
-var import_format7 = require("@ai-matrx/kit/format");
+var import_format8 = require("@ai-matrx/kit/format");
 
 // src/ChecklistRunner.tsx
 var import_react199 = require("react");
@@ -36928,7 +36945,7 @@ function ActionInbox({
                       size: "sm",
                       variant: "ghost",
                       className: "h-6 px-2 text-[11px]",
-                      title: (0, import_format7.formatAbsoluteDate)(c.until),
+                      title: (0, import_format8.formatAbsoluteDate)(c.until),
                       onClick: () => void snooze(item.item_id, item.title, c.until),
                       children: [
                         c.label,
@@ -36970,7 +36987,7 @@ function ActionInbox({
               /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "font-medium", children: held[item.item_id].approve ? "Approved" : "Declined" }),
               /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "text-[11px] text-muted-foreground tabular-nums", children: [
                 "\xB7 made in ",
-                (0, import_format7.formatDurationMs)(Math.max(0, Math.ceil((held[item.item_id].until - Date.now()) / 1e3) * 1e3), { style: "compact" })
+                (0, import_format8.formatDurationMs)(Math.max(0, Math.ceil((held[item.item_id].until - Date.now()) / 1e3) * 1e3), { style: "compact" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_design_system99.Button, { size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => undoHold(held[item.item_id].hold), children: "Undo" })
             ] })
@@ -37195,7 +37212,7 @@ function ActionInbox({
 var import_react203 = require("react");
 var import_react204 = require("@ai-matrx/records/react");
 var import_design_system100 = require("@ai-matrx/design-system");
-var import_format8 = require("@ai-matrx/kit/format");
+var import_format9 = require("@ai-matrx/kit/format");
 var import_text_case14 = require("@ai-matrx/kit/text-case");
 var import_jsx_runtime116 = require("react/jsx-runtime");
 function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
@@ -37488,7 +37505,7 @@ function whenText(at) {
   const then = new Date(at);
   const age = Date.now() - then.getTime();
   if (Number.isNaN(age)) return "\u2014";
-  if (age < 864e5) return (0, import_format8.formatRelativeTime)(then, { style: "intl" });
+  if (age < 864e5) return (0, import_format9.formatRelativeTime)(then, { style: "intl" });
   if (age < 7 * 864e5) {
     return then.toLocaleString(void 0, { weekday: "short", hour: "numeric", minute: "2-digit" });
   }
@@ -38134,7 +38151,7 @@ var import_recharts = require("recharts");
 var import_records51 = require("@ai-matrx/records");
 var import_core21 = require("@ai-matrx/records/core");
 var import_design_system104 = require("@ai-matrx/design-system");
-var import_format9 = require("@ai-matrx/kit/format");
+var import_format10 = require("@ai-matrx/kit/format");
 
 // src/linkWords.ts
 var import_react209 = require("react");
@@ -38742,7 +38759,7 @@ function BigNumber({
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "text-2xl font-semibold tabular-nums", children: pretty(total) }),
       windows ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Trend, { pct: block.totals?.change_pct, aimingUp: !!target, className: "text-sm" }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "text-xs text-muted-foreground", children: windows && typeof priorTotal === "number" ? `${windowName(windows.window, windows.period)} \xB7 ${pretty(priorTotal)} in ${windowName(windows.prior_window, windows.period)}` : `from ${(0, import_format9.formatCount)(records)} ${records === 1 ? "record" : "records"}` })
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "text-xs text-muted-foreground", children: windows && typeof priorTotal === "number" ? `${windowName(windows.window, windows.period)} \xB7 ${pretty(priorTotal)} in ${windowName(windows.prior_window, windows.period)}` : `from ${(0, import_format10.formatCount)(records)} ${records === 1 ? "record" : "records"}` })
   ] });
   const ring = target && typeof target.progress === "number" && typeof target.value === "number" ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { className: "text-right text-xs text-muted-foreground", children: [
@@ -38861,7 +38878,7 @@ var HEIGHT = CHART_PLOT_PX;
 function compactTick(value) {
   if (typeof value !== "number" || !Number.isFinite(value)) return String(value ?? "");
   if (Math.abs(value) < 1e3 && !Number.isInteger(value)) return String(Math.round(value * 10) / 10);
-  return (0, import_format9.formatCount)(value, { style: "compact" });
+  return (0, import_format10.formatCount)(value, { style: "compact" });
 }
 function Drawing({
   kind,
@@ -39000,9 +39017,7 @@ function onlyWholeNumbers(rows) {
 
 // src/FormResultsPanel.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
-function numberBlock(title, value) {
-  return { title, kind: "number", group_by: [], measures: [{ op: "count" }], rows: [{ groups: {}, measures: { count: value }, row_count: 1 }] };
-}
+var CHARTED_KINDS = /* @__PURE__ */ new Set(["select", "multi_select", "checkbox", "number", "currency", "percent", "member", "relation"]);
 function dropOffBlock(results, label) {
   return {
     title: "Reached each question",
@@ -39044,6 +39059,13 @@ function FormResultsPanel({ form, className }) {
       cancelled = true;
     };
   }, [client, form.id, round]);
+  const charted = (0, import_react215.useMemo)(() => {
+    const byKey = new Map((fields.data ?? []).map((f) => [f.key, f]));
+    return (key) => {
+      const field2 = byKey.get(key);
+      return field2 ? CHARTED_KINDS.has(editorKindFor(field2)) : false;
+    };
+  }, [fields.data]);
   const label = (0, import_react215.useMemo)(() => {
     const byKey = new Map((fields.data ?? []).map((f) => [f.key, f]));
     const asks = new Map((form.questions ?? []).map((q) => [q.field, q.ask]));
@@ -39057,12 +39079,15 @@ function FormResultsPanel({ form, className }) {
       /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "text-sm font-medium", children: "Results" }),
       /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_design_system105.Button, { size: "sm", variant: "ghost", className: "ml-auto", onClick: () => setRound((n) => n + 1), children: "Refresh" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "grid grid-cols-2 gap-2 @xl:grid-cols-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChartBlock, { block: numberBlock("Views", results.views), subject: form.subject }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChartBlock, { block: numberBlock("Starts", results.starts), subject: form.subject }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChartBlock, { block: numberBlock("Completions", results.completions), subject: form.subject }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChartBlock, { block: numberBlock("Completion rate %", results.completion_rate), subject: form.subject })
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("dl", { className: "grid grid-cols-2 gap-2 @xl:grid-cols-4", "data-records-form-kpis": "", children: [
+      ["Views", results.views],
+      ["Starts", results.starts],
+      ["Completions", results.completions],
+      ["Completion rate", results.completion_rate === null ? null : `${results.completion_rate}%`]
+    ].map(([name, value]) => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-1 rounded-md border px-3 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("dt", { className: "text-xs text-muted-foreground", children: name }),
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("dd", { className: "text-2xl font-semibold tabular-nums", children: value ?? "\u2014" })
+    ] }, name)) }),
     results.questions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChartBlock, { block: dropOffBlock(results, label), subject: form.subject }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("ul", { className: "flex flex-col gap-1 text-xs", "data-records-form-dropoff": "", children: results.questions.map((q) => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("li", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label(q.field_key) }),
@@ -39101,7 +39126,16 @@ function FormResultsPanel({ form, className }) {
       /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "flex-1 truncate", children: h.value }),
       /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "tabular-nums text-muted-foreground", children: h.count })
     ] }, `${h.key}:${h.value}`)) }) : null,
-    results.questions.filter((q) => q.answers.length > 0).map((q) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChartBlock, { block: answersBlock(q, label(q.field_key)), subject: form.subject }, q.field_key))
+    results.questions.filter((q) => q.answers.length > 0).map(
+      (q) => charted(q.field_key) ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChartBlock, { block: answersBlock(q, label(q.field_key)), subject: form.subject }, q.field_key) : /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("section", { className: "flex flex-col gap-1 rounded-md border px-3 py-2 text-xs", "data-records-form-text-answers": q.field_key, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "font-medium", children: label(q.field_key) }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("span", { className: "text-muted-foreground", children: [
+          q.answered,
+          " answered"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("ul", { className: "flex flex-col gap-0.5", children: q.answers.map((a) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("li", { className: "truncate", children: a.value }, a.value)) })
+      ] }, q.field_key)
+    )
   ] });
 }
 
@@ -41539,8 +41573,9 @@ function QuestionLogic({
   const jumps = question.jumps ?? [];
   const targets = jumpTargets(questions, index, endings, label);
   const points = question.points ?? {};
-  const rawOptions = field2?.options;
-  const choices = Array.isArray(rawOptions) ? rawOptions.filter((o) => typeof o === "string") : [];
+  const choiceFields = field2 && isChoiceField(field2) ? [field2] : [];
+  const options = useChoiceOptions(choiceFields, choiceFields.map((f) => f.key));
+  const choices = field2 ? (options.get(field2.key) ?? []).map((o) => ({ key: o.key, label: o.label })) : [];
   const [answer, setAnswer] = (0, import_react229.useState)("");
   const setJump = (i, part) => onChange({ jumps: jumps.map((j, k) => k === i ? { ...j, ...part } : j) });
   return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "col-span-2 flex flex-col gap-1.5 text-xs", "data-records-form-logic": question.field, children: [
@@ -41564,25 +41599,25 @@ function QuestionLogic({
     /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
       targets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system115.Button, { size: "sm", variant: "outline", onClick: () => onChange({ jumps: [...jumps, { when: null, to: targetOf(targets[0].value) }] }), children: "Add a jump" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-muted-foreground", children: "Points:" }),
-      (choices.length > 0 ? choices : Object.keys(points)).map((choice) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("label", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: choice }),
+      (choices.length > 0 ? choices : Object.keys(points).map((k) => ({ key: k, label: k }))).map((choice) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("label", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: choice.label }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           import_design_system115.BasicInput,
           {
             className: "h-7 w-14 text-xs",
             inputMode: "decimal",
-            "aria-label": `Points for ${choice}`,
-            value: points[choice] ?? "",
+            "aria-label": `Points for ${choice.label}`,
+            value: points[choice.key] ?? "",
             onChange: (e) => {
               const next = { ...points };
               const n = Number(e.target.value);
-              if (e.target.value.trim() === "" || Number.isNaN(n)) delete next[choice];
-              else next[choice] = n;
+              if (e.target.value.trim() === "" || Number.isNaN(n)) delete next[choice.key];
+              else next[choice.key] = n;
               onChange({ points: Object.keys(next).length > 0 ? next : null });
             }
           }
         )
-      ] }, choice)),
+      ] }, choice.key)),
       choices.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system115.BasicInput, { className: "h-7 w-28 text-xs", "aria-label": "Answer worth points", placeholder: "An answer", value: answer, onChange: (e) => setAnswer(e.target.value) }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
@@ -43854,6 +43889,8 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 function makeRecordsDataSource(client, fallbackSchema) {
   const supabase = client;
   return {
+    // PAGE-BUNDLE: the real adapter opens a table page with one `custom.table_page_bundle` call.
+    opensInOneCall: true,
     async rpc(fn, args, options) {
       const schema = options?.schema ?? fallbackSchema;
       if (schema === "custom" && supabase.auth?.getSession && !await hasSession(supabase.auth.getSession)) {
@@ -46167,7 +46204,7 @@ var import_react256 = require("@ai-matrx/records/react");
 var import_core24 = require("@ai-matrx/records/core");
 var import_design_system129 = require("@ai-matrx/design-system");
 var import_jsx_runtime145 = require("react/jsx-runtime");
-var EDIT_LEVELS = /* @__PURE__ */ new Set(["editor", "admin", "owner"]);
+var EDIT_LEVELS = /* @__PURE__ */ new Set(["edit_content", "editor", "admin", "owner"]);
 function PageScreen({
   pageId,
   newOnTable,
@@ -48361,6 +48398,7 @@ function TableReferenceDialog({
 }
 
 // src/TableDuplicate.tsx
+var import_format11 = require("@ai-matrx/kit/format");
 var import_react274 = require("react");
 var import_react275 = require("@ai-matrx/records/react");
 var import_design_system139 = require("@ai-matrx/design-system");
@@ -48369,7 +48407,7 @@ function copyNameFor(name) {
   return `${name.trim() || "Table"} (copy)`;
 }
 function duplicateProgressWords(p) {
-  if (p.records && p.records.total > 0) return `Copying records \xB7 ${p.records.done.toLocaleString()} of ${p.records.total.toLocaleString()}`;
+  if (p.records && p.records.total > 0) return `Copying records \xB7 ${(0, import_format11.formatCount)(p.records.done)} of ${(0, import_format11.formatCount)(p.records.total)}`;
   if (p.views.total > 0 && p.step === "views") return `Copying views \xB7 ${p.views.done} of ${p.views.total}`;
   return "Copying columns\u2026";
 }
@@ -48425,7 +48463,7 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
         " columns, ",
         phase.copy.copied.views,
         " views",
-        phase.copy.copied.withRecords ? `, ${phase.copy.copied.records.toLocaleString()} records` : "",
+        phase.copy.copied.withRecords ? `, ${(0, import_format11.formatCount)(phase.copy.copied.records)} records` : "",
         "."
       ] }),
       phase.copy.notCopied.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
@@ -48839,7 +48877,7 @@ function useSlotScroll(slot) {
 }
 
 // src/TablePage.tsx
-var import_uuid3 = require("@ai-matrx/kit/uuid");
+var import_uuid4 = require("@ai-matrx/kit/uuid");
 var import_jsx_runtime158 = require("react/jsx-runtime");
 var RAIL_TITLE = {
   settings: "Table settings",
@@ -49061,7 +49099,7 @@ function openingView(activeView, activeDashboardId) {
 }
 function savedViewFromParam(activeView) {
   const word = typeof activeView === "string" ? activeView.trim() : "";
-  return (0, import_uuid3.isUuidShape)(word) ? word.toLowerCase() : null;
+  return (0, import_uuid4.isUuidShape)(word) ? word.toLowerCase() : null;
 }
 function addressForView(view, layout) {
   return view && !view.isDefault ? view.id : layout;
@@ -49382,7 +49420,7 @@ function TablePage({
   const [designateRefused, setDesignateRefused] = (0, import_react279.useState)(null);
   const opensAs = view?.isDefault ? view.layout : null;
   const canDesignate = Boolean(
-    rights.write && view && layoutShowing && layoutShowing !== opensAs && storeKeepsLayout(layoutShowing)
+    rights.organise && view && layoutShowing && layoutShowing !== opensAs && storeKeepsLayout(layoutShowing)
   );
   const layoutShowingLabel = layoutShowing ? LAYOUT_LABEL[layoutShowing] : "";
   const designate = async () => {
@@ -49865,7 +49903,7 @@ function TablePage({
         QuestionPanel,
         {
           tableId,
-          activeQuestionId: questionsFromLink && activeItemId && (0, import_uuid3.isUuidShape)(activeItemId) ? activeItemId : null,
+          activeQuestionId: questionsFromLink && activeItemId && (0, import_uuid4.isUuidShape)(activeItemId) ? activeItemId : null,
           draft: questionDraft
         }
       ) : main === "archived" ? (
@@ -50090,6 +50128,7 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 }
 
 // src/entityViews.tsx
+var import_format12 = require("@ai-matrx/kit/format");
 var import_design_system143 = require("@ai-matrx/design-system");
 var import_data_table24 = require("@ai-matrx/design-system/data-table");
 var import_react281 = require("react");
@@ -50280,7 +50319,7 @@ function EntityTablePageBody({
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: (0, import_design_system144.cn)("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
     presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
       presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
-      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : entity.total.toLocaleString() }) : null,
+      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : (0, import_format12.formatCount)(entity.total) }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
         boardable ? /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(import_jsx_runtime159.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_design_system144.Button, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),