@ai-matrx/records-ui 0.85.10 → 0.85.11

package/dist/index.cjs

@@ -3423,7 +3423,7 @@ function OpenCell({
 // src/Grid.tsx
 var import_react32 = require("react");
 var import_react33 = require("@ai-matrx/records/react");
-var import_records9 = require("@ai-matrx/records");
+var import_records10 = require("@ai-matrx/records");
 var import_data_table3 = require("@ai-matrx/design-system/data-table");
 
 // src/presentation.ts
@@ -5141,6 +5141,7 @@ function GridLayoutMenu({
 // src/handOrder.tsx
 var import_react30 = require("react");
 var import_react31 = require("@ai-matrx/records/react");
+var import_records9 = require("@ai-matrx/records");
 var import_design_system15 = require("@ai-matrx/design-system");
 
 // src/viewKeys.ts
@@ -5456,12 +5457,6 @@ var HAND_ORDER_NOTE = "Sort: Manual \u2014 the cards are in the order set by han
 function reorderNote(startSortName, direction) {
   return startSortName && direction ? `Saving makes this order the view's sort. It replaces the sort by ${startSortName} ${sortArrow(direction)}. Nothing changes until you save.` : "Saving makes this order the view's sort. Nothing changes until you save.";
 }
-function inHandOrder(rows, positions) {
-  const placed = rows.filter((r) => positions.has(r.id));
-  const rest = rows.filter((r) => !positions.has(r.id));
-  placed.sort((a, b) => positions.get(a.id) - positions.get(b.id));
-  return [...placed, ...rest];
-}
 function moveRow(list, from, to) {
   if (from === to || from < 0 || from >= list.length) return [...list];
   const next = [...list];
@@ -5472,31 +5467,34 @@ function moveRow(list, from, to) {
 var DOOR_PAGE_MAX = 500;
 function useHandOrderRows(args) {
   const client = (0, import_react31.useRecordsClient)();
-  const { viewId, active, page, pageSize, filtered } = args;
+  const { viewId, active, page, pageSize } = args;
+  const filter = args.filter && Object.keys(args.filter).length > 0 ? args.filter : null;
+  const filterKey = filter ? (0, import_records9.stableFilterKey)(filter) : "";
+  const filterNow = (0, import_react30.useRef)(filter);
+  filterNow.current = filter;
   const [answer, setAnswer] = (0, import_react30.useState)(null);
   const [tick, setTick] = (0, import_react30.useState)(0);
-  const limit = filtered ? DOOR_PAGE_MAX : Math.max(1, Math.min(pageSize, DOOR_PAGE_MAX));
-  const offset = filtered ? 0 : page * pageSize;
-  const key = `${viewId ?? ""}:${limit}:${offset}`;
+  const limit = Math.max(1, Math.min(pageSize, DOOR_PAGE_MAX));
+  const offset = Math.max(0, page) * limit;
+  const key = `${viewId ?? ""}:${limit}:${offset}:${filterKey}`;
   (0, import_react30.useEffect)(() => {
     if (!active || !viewId) return;
     let cancelled = false;
-    void client.readInViewOrder({ view_id: viewId, limit, offset }).then((result) => {
+    void client.readInViewOrder({ view_id: viewId, filter: filterNow.current, limit, offset }).then((result) => {
       if (cancelled) return;
-      setAnswer(result.ok ? { key, rows: result.data ?? [], error: null } : { key, rows: [], error: result.error });
+      setAnswer(
+        result.ok ? { key, rows: (result.data ?? []).map(({ position: _p, ...row }) => row), error: null } : { key, rows: [], error: result.error }
+      );
     });
     return () => {
       cancelled = true;
     };
-  }, [client, viewId, active, limit, offset, key, args.version, tick]);
+  }, [client, viewId, active, limit, offset, key, filterKey, args.version, tick]);
   const rows = (0, import_react30.useMemo)(() => {
     if (!active || !viewId || !answer || answer.key !== key) return null;
     if (answer.error) return null;
-    if (!filtered) return answer.rows.map(({ position: _p, ...row }) => row);
-    const positions = /* @__PURE__ */ new Map();
-    answer.rows.forEach((row, i) => positions.set(row.id, row.position ?? DOOR_PAGE_MAX * 1024 + i));
-    return inHandOrder(args.filteredRows, positions);
-  }, [active, viewId, answer, key, filtered, args.filteredRows]);
+    return answer.rows;
+  }, [active, viewId, answer, key]);
   return {
     rows,
     loading: active && Boolean(viewId) && (!answer || answer.key !== key),
@@ -5635,8 +5633,7 @@ function Grid({
     active: manual,
     page,
     pageSize,
-    filtered: Boolean(filter),
-    filteredRows: storeRows,
+    filter: filter ?? null,
     version: records.data
   });
   const rows = (0, import_react32.useMemo)(() => manual ? hand.rows ?? [] : storeRows, [manual, hand.rows, storeRows]);
@@ -6280,7 +6277,7 @@ function Grid({
                         tableName: table.data ? tableName(table.data) : "",
                         fields: fields.data ?? [],
                         document: row.document ?? {},
-                        level: (0, import_records9.asPermissionLevel)(row.level)
+                        level: (0, import_records10.asPermissionLevel)(row.level)
                       })
                     },
                     action.id
@@ -7750,10 +7747,10 @@ var import_design_system23 = require("@ai-matrx/design-system");
 // src/FormulaTextEditor.tsx
 var import_react42 = require("react");
 var import_react43 = require("@ai-matrx/records/react");
-var import_records10 = require("@ai-matrx/records");
+var import_records11 = require("@ai-matrx/records");
 var import_design_system21 = require("@ai-matrx/design-system");
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var FORMULA_FUNCTIONS = import_records10.RULE_NODE_KINDS.map((row) => row.node).filter((node) => node.startsWith("fx.")).map((node) => node.slice(3).toUpperCase()).filter((name) => !["ADD", "SUB", "MUL", "DIV", "EQ", "NEQ", "GT", "GTE", "LT", "LTE", "NEG", "FIELD", "CONST"].includes(name)).sort();
+var FORMULA_FUNCTIONS = import_records11.RULE_NODE_KINDS.map((row) => row.node).filter((node) => node.startsWith("fx.")).map((node) => node.slice(3).toUpperCase()).filter((name) => !["ADD", "SUB", "MUL", "DIV", "EQ", "NEQ", "GT", "GTE", "LT", "LTE", "NEG", "FIELD", "CONST"].includes(name)).sort();
 var RESULT_WORD = {
   number: "a number",
   text: "text",
@@ -7974,11 +7971,11 @@ function EntityReferenceKindPicker({ value, onChange, locked = false, className
 }
 
 // src/FieldEditor.tsx
-var import_records11 = require("@ai-matrx/records");
+var import_records12 = require("@ai-matrx/records");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var RULE_KINDS = FIELD_RULE_KIND_VALUES.map((kind) => ({ kind, label: FIELD_RULE_KIND_LABEL[kind] }));
-var SENSITIVITIES = import_records11.FIELD_SENSITIVITIES.map((value) => ({ value, label: FIELD_SENSITIVITY_LABEL[value] }));
-var AGENT_VISIBILITY = import_records11.CONTEXT_POLICIES.map((value) => ({ value, label: CONTEXT_POLICY_LABEL[value] }));
+var SENSITIVITIES = import_records12.FIELD_SENSITIVITIES.map((value) => ({ value, label: FIELD_SENSITIVITY_LABEL[value] }));
+var AGENT_VISIBILITY = import_records12.CONTEXT_POLICIES.map((value) => ({ value, label: CONTEXT_POLICY_LABEL[value] }));
 var ROLLUP_OPERATIONS = ROLLUP_AGG_VALUES.map((value) => ({
   value,
   label: ROLLUP_AGG_LABEL[value]
@@ -10800,14 +10797,14 @@ function computedInPlainWords(row, field) {
 // src/ViewSwitcher.tsx
 var import_react67 = require("react");
 var import_react68 = require("@ai-matrx/records/react");
-var import_records13 = require("@ai-matrx/records");
+var import_records14 = require("@ai-matrx/records");
 var import_design_system33 = require("@ai-matrx/design-system");
 var import_data_table5 = require("@ai-matrx/design-system/data-table");
 
 // src/Pipeline.tsx
 var import_react65 = require("react");
 var import_react66 = require("@ai-matrx/records/react");
-var import_records12 = require("@ai-matrx/records");
+var import_records13 = require("@ai-matrx/records");
 var import_design_system32 = require("@ai-matrx/design-system");
 var import_data_table4 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime37 = require("react/jsx-runtime");
@@ -10873,7 +10870,7 @@ function PipelineBoard({
       alive.current = false;
     };
   }, []);
-  const filterKey = (0, import_records12.stableFilterKey)(filter);
+  const filterKey = (0, import_records13.stableFilterKey)(filter);
   const reload = (0, import_react65.useCallback)(async () => {
     setLoading(true);
     const [read, board, held] = await Promise.all([
@@ -11517,8 +11514,8 @@ function useViewRecords(view, pageSize = 200, filter, viewId) {
       cancelled = true;
     };
   }, [client, ruleId, pageSize]);
-  const asked = (0, import_records13.stableFilterKey)(filter ?? null);
-  const fromView = asked !== "{}" && (asked === (0, import_records13.stableFilterKey)(view.where ?? null) || asked === (0, import_records13.stableFilterKey)(view.filters ?? null));
+  const asked = (0, import_records14.stableFilterKey)(filter ?? null);
+  const fromView = asked !== "{}" && (asked === (0, import_records14.stableFilterKey)(view.where ?? null) || asked === (0, import_records14.stableFilterKey)(view.filters ?? null));
   const tableRows = (0, import_react67.useMemo)(() => table.data?.rows ?? [], [table.data]);
   const manual = view.order === "manual" && Boolean(viewId) && !ruleId;
   const hand = useHandOrderRows({
@@ -11526,8 +11523,7 @@ function useViewRecords(view, pageSize = 200, filter, viewId) {
     active: manual,
     page: 0,
     pageSize,
-    filtered: Boolean(filter),
-    filteredRows: tableRows,
+    filter: filter ?? null,
     version: table.data
   });
   const rows = ruleId ? ruled.rows : manual ? hand.rows ?? [] : tableRows;
@@ -12078,7 +12074,7 @@ function Card2({
 
 // src/ArchivedView.tsx
 var import_react69 = require("react");
-var import_records14 = require("@ai-matrx/records");
+var import_records15 = require("@ai-matrx/records");
 var import_react70 = require("@ai-matrx/records/react");
 var import_design_system34 = require("@ai-matrx/design-system");
 var import_jsx_runtime39 = require("react/jsx-runtime");
@@ -12088,7 +12084,7 @@ function mayNotRestoreLine(why) {
   return said === "" ? "Bringing a record back needs permission to edit this table. Ask somebody who has it." : said;
 }
 function archivedRowLine(row, titleKey) {
-  return `${recordName(row.document, titleKey)} \u2014 ${(0, import_records14.archivedByLine)(row)}`;
+  return `${recordName(row.document, titleKey)} \u2014 ${(0, import_records15.archivedByLine)(row)}`;
 }
 function ArchivedView({
   tableId,
@@ -12102,7 +12098,7 @@ function ArchivedView({
   const table = (0, import_react70.useTable)(tableId);
   const rights = useTableRights(table.data);
   const fields = (0, import_react70.useFields)(tableId);
-  const [lane, setLane] = (0, import_react69.useState)(laneFromHost ?? import_records14.DEFAULT_ARCHIVE_LANE);
+  const [lane, setLane] = (0, import_react69.useState)(laneFromHost ?? import_records15.DEFAULT_ARCHIVE_LANE);
   const [rows, setRows] = (0, import_react69.useState)([]);
   const [loading, setLoading] = (0, import_react69.useState)(true);
   const [error, setError] = (0, import_react69.useState)(null);
@@ -12149,15 +12145,15 @@ function ArchivedView({
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: (0, import_design_system34.cn)("flex min-h-0 flex-col gap-2", className), "data-testid": "archived-view", children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium", children: "Archived" }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "ml-auto flex items-center gap-0.5", role: "group", "aria-label": "Archived by", children: import_records14.ARCHIVE_LANES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "ml-auto flex items-center gap-0.5", role: "group", "aria-label": "Archived by", children: import_records15.ARCHIVE_LANES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         import_design_system34.Button,
         {
           size: "sm",
           variant: option === lane ? "secondary" : "ghost",
           "aria-pressed": option === lane,
-          title: import_records14.ARCHIVE_LANE_MEANS[option],
+          title: import_records15.ARCHIVE_LANE_MEANS[option],
           onClick: () => pick(option),
-          children: import_records14.ARCHIVE_LANE_LABEL[option]
+          children: import_records15.ARCHIVE_LANE_LABEL[option]
         },
         option
       )) })
@@ -12173,7 +12169,7 @@ function ArchivedView({
     ),
     error ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RefusalNotice, { error }) : null,
     loading && !error ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system34.Skeleton, { className: "h-24 w-full" }) : null,
-    !loading && !error && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { "data-testid": "archived-empty", className: "rounded-md border border-dashed px-3 py-6 text-xs text-muted-foreground", children: (0, import_records14.emptyArchiveLine)(lane) }) : null,
+    !loading && !error && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { "data-testid": "archived-empty", className: "rounded-md border border-dashed px-3 py-6 text-xs text-muted-foreground", children: (0, import_records15.emptyArchiveLine)(lane) }) : null,
     !loading && !error && rows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "flex flex-col gap-1", "data-testid": "archived-rows", children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "li",
       {
@@ -12183,7 +12179,7 @@ function ArchivedView({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
             /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate text-sm", children: recordName(row.document, titleKey) }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-testid": "archived-who", children: (0, import_records14.archivedByLine)(row) }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-testid": "archived-who", children: (0, import_records15.archivedByLine)(row) }),
             refusal2 && refusal2.recordId === row.id ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RefusalNotice, { error: refusal2.error, className: "mt-2" }) : null
           ] }),
           mayRestore ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -12206,7 +12202,7 @@ function ArchivedView({
 
 // src/ArchivedDisclosure.tsx
 var import_react71 = require("react");
-var import_records15 = require("@ai-matrx/records");
+var import_records16 = require("@ai-matrx/records");
 var import_react72 = require("@ai-matrx/records/react");
 var import_design_system35 = require("@ai-matrx/design-system");
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -12306,10 +12302,10 @@ function ArchivedPortals({
         error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RefusalNotice, { error }) : null,
         rows === null && !error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system35.Skeleton, { className: "h-16 w-full" }) : null,
         said ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "rounded-md border border-border px-3 py-2 text-xs", "data-testid": "archived-portal-said", children: said }) : null,
-        rows !== null && !error && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { "data-testid": "archived-portals-empty", className: "text-xs text-muted-foreground", children: (0, import_records15.emptyPortalArchiveLine)() }) : null,
+        rows !== null && !error && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { "data-testid": "archived-portals-empty", className: "text-xs text-muted-foreground", children: (0, import_records16.emptyPortalArchiveLine)() }) : null,
         rows !== null && rows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ul", { className: "flex flex-col gap-1.5", "data-testid": "archived-portals", children: rows.map((portal) => {
           const asking = confirming === portal.portal_id;
-          const matches2 = (0, import_records15.portalTitleTypedBack)(typed, portal.title);
+          const matches2 = (0, import_records16.portalTitleTypedBack)(typed, portal.title);
           return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "li",
             {
@@ -12348,7 +12344,7 @@ function ArchivedPortals({
                 ] }),
                 asking ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
-                    (0, import_records15.portalConfirmLine)(portal.title),
+                    (0, import_records16.portalConfirmLine)(portal.title),
                     " Restoring it puts it back exactly as it was: everyone who was invited can sign in again, and it shows the same Tables."
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
@@ -15115,7 +15111,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
 // src/PortalsPanel.tsx
 var import_react93 = require("react");
 var import_react94 = require("@ai-matrx/records/react");
-var import_records16 = require("@ai-matrx/records");
+var import_records17 = require("@ai-matrx/records");
 var import_design_system46 = require("@ai-matrx/design-system");
 
 // src/BuildOrAsk.tsx
@@ -15350,74 +15346,89 @@ function PortalLookEditor({ card, onSaved, className }) {
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-1 text-xs", children: [
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: "Footer links" }),
-      links.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          import_design_system45.BasicInput,
-          {
-            value: link.label,
-            placeholder: "Call dispatch",
-            "aria-label": `Footer link ${i + 1} words`,
-            onChange: (e) => setLinks((ls) => ls.map((l, j) => j === i ? { ...l, label: e.target.value } : l))
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          import_design_system45.BasicInput,
-          {
-            value: link.url,
-            placeholder: "tel:+1 805 555 0142",
-            "aria-label": `Footer link ${i + 1} address`,
-            onChange: (e) => setLinks((ls) => ls.map((l, j) => j === i ? { ...l, url: e.target.value } : l))
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system45.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setLinks((ls) => ls.filter((_, j) => j !== i)), children: "Remove" })
-      ] }, i)),
+      links.map((link, i) => (
+        // Wraps at phone width: the two boxes share a row when there is room, and "Remove" is
+        // never pushed past the edge (measured at 390: it was clipped).
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            import_design_system45.BasicInput,
+            {
+              className: "min-w-0 flex-1 basis-32",
+              value: link.label,
+              placeholder: "Call dispatch",
+              "aria-label": `Footer link ${i + 1} words`,
+              onChange: (e) => setLinks((ls) => ls.map((l, j) => j === i ? { ...l, label: e.target.value } : l))
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            import_design_system45.BasicInput,
+            {
+              className: "min-w-0 flex-1 basis-40",
+              value: link.url,
+              placeholder: "tel:+1 805 555 0142",
+              "aria-label": `Footer link ${i + 1} address`,
+              onChange: (e) => setLinks((ls) => ls.map((l, j) => j === i ? { ...l, url: e.target.value } : l))
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system45.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setLinks((ls) => ls.filter((_, j) => j !== i)), children: "Remove" })
+        ] }, i)
+      )),
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system45.Button, { type: "button", size: "sm", variant: "outline", onClick: () => setLinks((ls) => [...ls, { label: "", url: "" }]), children: "Add a footer link" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-muted-foreground", children: "A link is a web address (https://), an email (mailto:) or a phone number (tel:)." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h4", { className: "mt-1 text-xs font-medium", children: "Forms clients can send" }),
     formsError ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RefusalNotice, { error: formsError }) : null,
     formsUnread ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs text-muted-foreground", children: "The other forms on these tables could not be listed just now; the ones already on the portal are below." }) : null,
-    forms === null ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs text-muted-foreground", children: "Reading the forms on this portal's tables\u2026" }) : forms.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs text-muted-foreground", children: "None of the tables this portal shows has a form yet. Make one on a table's Forms tab and it appears here." }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { className: "flex flex-col gap-1", children: forms.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("li", { className: "flex flex-wrap items-center gap-1.5 rounded border border-border px-2 py-1 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        "input",
-        {
-          type: "checkbox",
-          checked: f.on,
-          "aria-label": `Offer ${f.title} on the portal`,
-          onChange: (e) => setForms((rows) => rows?.map((r) => r.form_id === f.form_id ? { ...r, on: e.target.checked } : r) ?? rows)
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "min-w-0 flex-1 truncate", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "font-medium", children: f.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "text-muted-foreground", children: [
-          " \xB7 answers go to ",
-          f.table
+    forms === null ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs text-muted-foreground", children: "Reading the forms on this portal's tables\u2026" }) : forms.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs text-muted-foreground", children: "None of the tables this portal shows has a form yet. Make one on a table's Forms tab and it appears here." }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { className: "flex flex-col gap-1", children: forms.map((f, i) => (
+      // Two rows: the form's whole name first (at 390 a one-row layout truncated every title
+      // to "Re…"/"Up…"), then its button words and its order.
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("li", { className: "flex flex-col gap-1 rounded border border-border px-2 py-1.5 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "flex items-start gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            "input",
+            {
+              className: "mt-0.5",
+              type: "checkbox",
+              checked: f.on,
+              "aria-label": `Offer ${f.title} on the portal`,
+              onChange: (e) => setForms((rows) => rows?.map((r) => r.form_id === f.form_id ? { ...r, on: e.target.checked } : r) ?? rows)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "font-medium", children: f.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "text-muted-foreground", children: [
+              " \xB7 answers go to ",
+              f.table
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-1.5 pl-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            import_design_system45.BasicInput,
+            {
+              className: "h-7 min-w-0 flex-1",
+              value: f.label,
+              placeholder: "Button words (optional)",
+              "aria-label": `What the portal calls ${f.title}`,
+              onChange: (e) => setForms((rows) => rows?.map((r) => r.form_id === f.form_id ? { ...r, label: e.target.value } : r) ?? rows)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system45.Button, { type: "button", size: "sm", variant: "ghost", "aria-label": `Move ${f.title} up`, disabled: i === 0, onClick: () => move(i, -1), children: "Up" }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            import_design_system45.Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              "aria-label": `Move ${f.title} down`,
+              disabled: i === forms.length - 1,
+              onClick: () => move(i, 1),
+              children: "Down"
+            }
+          )
         ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        import_design_system45.BasicInput,
-        {
-          className: "h-7 w-40",
-          value: f.label,
-          placeholder: "Button words (optional)",
-          "aria-label": `What the portal calls ${f.title}`,
-          onChange: (e) => setForms((rows) => rows?.map((r) => r.form_id === f.form_id ? { ...r, label: e.target.value } : r) ?? rows)
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system45.Button, { type: "button", size: "sm", variant: "ghost", "aria-label": `Move ${f.title} up`, disabled: i === 0, onClick: () => move(i, -1), children: "Up" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        import_design_system45.Button,
-        {
-          type: "button",
-          size: "sm",
-          variant: "ghost",
-          "aria-label": `Move ${f.title} down`,
-          disabled: i === forms.length - 1,
-          onClick: () => move(i, 1),
-          children: "Down"
-        }
-      )
-    ] }, f.form_id)) }),
+      ] }, f.form_id)
+    )) }),
     error ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RefusalNotice, { error }) : null,
     said ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xs text-muted-foreground", "aria-live": "polite", children: said }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system45.Button, { type: "button", size: "sm", onClick: () => void save(), disabled: busy, children: busy ? "Saving\u2026" : "Save the look and forms" }) })
@@ -15564,7 +15575,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
     ] }) : null,
     activePortalId && !shown3.some((p) => p.portal_id === activePortalId) ? /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.jsx)("ul", { className: "flex flex-col gap-2", children: shown3.map((portal) => {
-      const url = `${origin}${(0, import_records16.portalPath)(portal.slug)}`;
+      const url = `${origin}${(0, import_records17.portalPath)(portal.slug)}`;
       const open = openId === portal.portal_id;
       const linked = portal.portal_id === activePortalId;
       return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
@@ -15679,8 +15690,8 @@ function ArchivePortalControl({
       }
     ),
     asking ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mt-1.5 flex w-full flex-col gap-1.5 rounded-md border border-dashed border-border p-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs text-muted-foreground", "data-testid": "portal-archive-consequence", children: (0, import_records16.portalArchiveConsequence)(portal.title, portal.signed_in, portal.invited) }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records16.portalConfirmLine)(portal.title) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs text-muted-foreground", "data-testid": "portal-archive-consequence", children: (0, import_records17.portalArchiveConsequence)(portal.title, portal.signed_in, portal.invited) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records17.portalConfirmLine)(portal.title) }),
       /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           import_design_system46.BasicInput,
@@ -15698,7 +15709,7 @@ function ArchivePortalControl({
             size: "sm",
             variant: "destructive",
             "data-testid": "portal-archive-do",
-            disabled: busy || !(0, import_records16.portalTitleTypedBack)(typed, portal.title),
+            disabled: busy || !(0, import_records17.portalTitleTypedBack)(typed, portal.title),
             onClick: () => void go(),
             children: busy ? "Archiving\u2026" : "Archive it"
           }
@@ -16857,7 +16868,7 @@ function usePublishGate() {
 }
 
 // src/FormBuilder.tsx
-var import_records17 = require("@ai-matrx/records");
+var import_records18 = require("@ai-matrx/records");
 var import_design_system52 = require("@ai-matrx/design-system");
 
 // src/FormRunner.tsx
@@ -17722,7 +17733,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           PublishRow,
           {
-            url: `${publicOrigin}${(0, import_records17.publicFormPath)(draft.id)}`,
+            url: `${publicOrigin}${(0, import_records18.publicFormPath)(draft.id)}`,
             state: draft.state,
             mayPublish: rights.structure && !publishGate.blocked,
             why: publishGate.why ?? rights.why("structure"),
@@ -18740,7 +18751,7 @@ function SignBlock({ tableId, recordId, render, className }) {
 // src/ChartBlock.tsx
 var import_react117 = require("react");
 var import_recharts = require("recharts");
-var import_records18 = require("@ai-matrx/records");
+var import_records19 = require("@ai-matrx/records");
 var import_core8 = require("@ai-matrx/records/core");
 var import_design_system57 = require("@ai-matrx/design-system");
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -18811,7 +18822,7 @@ function ChartBlock({ block, subject, className }) {
   const kind = block.kind;
   const tableId = block.table_id ?? subject;
   const measures = block.measures && block.measures.length > 0 ? block.measures : [{ op: "count" }];
-  const primary = (0, import_records18.measureKey)(measures[0]);
+  const primary = (0, import_records19.measureKey)(measures[0]);
   const windows = kind === "stuck" ? null : block.compare ?? null;
   const compared = !!windows;
   const grain = block.bucket?.by ?? null;
@@ -19737,7 +19748,7 @@ function TargetControl({
 // src/FormsPanel.tsx
 var import_react120 = require("react");
 var import_react121 = require("@ai-matrx/records/react");
-var import_records19 = require("@ai-matrx/records");
+var import_records20 = require("@ai-matrx/records");
 var import_design_system59 = require("@ai-matrx/design-system");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var FORM_NOT_HERE_LINE = "The link named a form this table does not have \u2014 it may have been removed, or it belongs to another table. The forms this table does have are listed here.";
@@ -19841,7 +19852,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
       }
     ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("ul", { className: "flex flex-col gap-2", children: forms.map((form) => {
-      const url = `${origin}${(0, import_records19.publicFormPath)(form.form_id)}`;
+      const url = `${origin}${(0, import_records20.publicFormPath)(form.form_id)}`;
       return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
         "li",
         {
@@ -19906,7 +19917,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
 // src/BookingBuilder.tsx
 var import_react122 = require("react");
 var import_react123 = require("@ai-matrx/records/react");
-var import_records20 = require("@ai-matrx/records");
+var import_records21 = require("@ai-matrx/records");
 var import_design_system60 = require("@ai-matrx/design-system");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var STORE_ANSWERS_THESE = ["slot", "status", "booked_with"];
@@ -20050,7 +20061,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
   if (!rights.structure) {
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: (0, import_design_system60.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_records20.bookingPath)(formId)}` : null;
+  const url = formId ? `${publicOrigin}${(0, import_records21.bookingPath)(formId)}` : null;
   const shown3 = offer ?? null;
   return (
     // THE RAIL IS 384px WIDE AND THE VIEWPORT IS NOT (walk 1, 2026-09-21):
@@ -20252,7 +20263,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
 // src/BookingSlots.tsx
 var import_react124 = require("react");
 var import_react125 = require("@ai-matrx/records/react");
-var import_records21 = require("@ai-matrx/records");
+var import_records22 = require("@ai-matrx/records");
 var import_design_system61 = require("@ai-matrx/design-system");
 var import_jsx_runtime66 = 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.";
@@ -20369,7 +20380,7 @@ function BookingSlots({ tableId, activeBookingId, className }) {
       " Open the table the appointments should land in to make one."
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("ul", { className: "flex flex-col gap-2", children: pages.map((page) => {
-      const url = `${origin}${(0, import_records21.bookingPath)(page.form_id)}`;
+      const url = `${origin}${(0, import_records22.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_runtime66.jsxs)(
@@ -20471,7 +20482,7 @@ var import_design_system63 = require("@ai-matrx/design-system");
 
 // src/CaptureRun.tsx
 var import_react126 = require("react");
-var import_records22 = require("@ai-matrx/records");
+var import_records23 = require("@ai-matrx/records");
 var import_react127 = require("@ai-matrx/records/react");
 var import_design_system62 = require("@ai-matrx/design-system");
 var import_jsx_runtime67 = require("react/jsx-runtime");
@@ -20526,7 +20537,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [sending, setSending] = (0, import_react126.useState)(false);
   const queueRef = (0, import_react126.useRef)(null);
   (0, import_react126.useEffect)(() => {
-    const q2 = (0, import_records22.openCaptureQueue)({
+    const q2 = (0, import_records23.openCaptureQueue)({
       onChange: (c, all) => {
         setCounts(c);
         setItems(all);
@@ -20793,7 +20804,7 @@ function CaptureRun({ sheetId, face: given, className }) {
         value: String(answers[q.field] ?? ""),
         onChange: (e) => {
           const raw = e.target.value;
-          const answered2 = field ? (0, import_records22.coerceTypedAnswer)(field, raw, { label: q.ask ?? (0, import_records22.coercionLabel)(field) }) : { value: raw };
+          const answered2 = field ? (0, import_records23.coerceTypedAnswer)(field, raw, { label: q.ask ?? (0, import_records23.coercionLabel)(field) }) : { value: raw };
           setAnswers((held) => ({
             ...held,
             [q.field]: raw === "" ? "" : "refusal" in answered2 ? raw : answered2.value
@@ -21450,7 +21461,7 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 var import_react142 = require("react");
 var import_react143 = require("@ai-matrx/records/react");
 var import_core10 = require("@ai-matrx/records/core");
-var import_records24 = require("@ai-matrx/records");
+var import_records25 = require("@ai-matrx/records");
 var import_design_system69 = require("@ai-matrx/design-system");
 
 // src/ExampleTables.tsx
@@ -21548,7 +21559,7 @@ var import_core9 = require("@ai-matrx/records/core");
 
 // src/WhereItLives.tsx
 var import_react140 = require("react");
-var import_records23 = require("@ai-matrx/records");
+var import_records24 = require("@ai-matrx/records");
 var import_react141 = require("@ai-matrx/records/react");
 var import_design_system68 = require("@ai-matrx/design-system");
 var import_jsx_runtime74 = require("react/jsx-runtime");
@@ -21674,7 +21685,7 @@ function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "head
                     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SharedNameAddress, { to: choosing, all: answer.home.destinations }),
                     "?"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-muted-foreground", children: (0, import_records23.moveConsequence)(answer.home, choosing) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-muted-foreground", children: (0, import_records24.moveConsequence)(answer.home, choosing) }),
                   said?.tone === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { "data-where-it-lives-said": "refused", role: "alert", className: "text-destructive", children: said.text }) : null,
                   /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex gap-2", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_design_system68.Button, { size: "sm", className: "h-7 text-xs", disabled: moving, onClick: () => void move(choosing), children: moving ? `Moving to ${choosing.name}\u2026` : said?.tone === "refused" ? "Try again" : "Move it" }),
@@ -21813,7 +21824,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
       alive = false;
     };
   }, [client]);
-  const listed = facts.phase === "read" ? (0, import_records24.withTablePlacement)(
+  const listed = facts.phase === "read" ? (0, import_records25.withTablePlacement)(
     (0, import_core10.withTableFacts)(tables.data ?? [], facts.rows, me),
     facts.rows
   ) : tables.data ?? [];
@@ -22018,7 +22029,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
 
 // src/TablePage.tsx
 var import_react146 = require("react");
-var import_records25 = require("@ai-matrx/records");
+var import_records26 = require("@ai-matrx/records");
 var import_react147 = require("@ai-matrx/records/react");
 var import_design_system71 = require("@ai-matrx/design-system");
 
@@ -22220,7 +22231,7 @@ function TableNotHere({
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: (0, import_design_system71.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-sm font-medium", children: "This table is archived" }),
       /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records25.archivedByLine)(row) }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records26.archivedByLine)(row) }),
       refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(RefusalNotice, { error: refusal2 }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(