@ai-matrx/records-ui 0.110.11 → 0.111.0

package/dist/index.d.cts

@@ -2860,6 +2860,15 @@ interface FieldEditorCommon {
     /** Called after the store has accepted the removal, so the list can re-read. */
     onRemoved?: (() => void) | undefined;
     className?: string | undefined;
+    /**
+     * A NEW column that starts as this kind (and name) — a host's own type menu (Spaces' "New property"
+     * → Formula / Rollup) opens the panel already on the kind the person picked. Ignored when `field`
+     * or `copyOf` is given.
+     */
+    startAs?: {
+        type: PickableFieldType;
+        label?: string | undefined;
+    } | undefined;
 }
 /**
  * ONE EDITOR FOR BOTH KINDS OF TABLE (lane 7 STANDARD-TABLES, wave 1; Doctrine R13).

package/dist/index.d.ts

@@ -2860,6 +2860,15 @@ interface FieldEditorCommon {
     /** Called after the store has accepted the removal, so the list can re-read. */
     onRemoved?: (() => void) | undefined;
     className?: string | undefined;
+    /**
+     * A NEW column that starts as this kind (and name) — a host's own type menu (Spaces' "New property"
+     * → Formula / Rollup) opens the panel already on the kind the person picked. Ignored when `field`
+     * or `copyOf` is given.
+     */
+    startAs?: {
+        type: PickableFieldType;
+        label?: string | undefined;
+    } | undefined;
 }
 /**
  * ONE EDITOR FOR BOTH KINDS OF TABLE (lane 7 STANDARD-TABLES, wave 1; Doctrine R13).

package/dist/index.js

@@ -12370,8 +12370,9 @@ function FieldEditor(props) {
   const sensitivities = onEntity ? SENSITIVITIES.filter((row) => row.value === "public" || row.value === "internal") : SENSITIVITIES;
   const copyOf = field2 ? void 0 : props.copyOf;
   const start = field2 ?? copyOf;
-  const [label, setLabel] = useState33(field2?.label ?? (copyOf ? `${copyOf.label} (1)` : ""));
-  const [type, setType] = useState33(() => startingType(start));
+  const startAs = start ? void 0 : props.startAs;
+  const [label, setLabel] = useState33(field2?.label ?? (copyOf ? `${copyOf.label} (1)` : startAs?.label ?? ""));
+  const [type, setType] = useState33(() => startAs ? startAs.type : startingType(start));
   const [required, setRequired] = useState33(start?.required ?? false);
   const [multi, setMulti] = useState33(start?.multi ?? false);
   const [dated, setDated] = useState33(start?.dated ?? false);
@@ -12438,6 +12439,9 @@ function FieldEditor(props) {
   );
   const rollupFilterChanged = JSON.stringify(rollupFilter) !== JSON.stringify(savedRollupFilter);
   const [relationTarget, setRelationTarget] = useState33(String(start?.relation_target ?? ""));
+  const [showOnOther, setShowOnOther] = useState33(true);
+  const [reverseRefused, setReverseRefused] = useState33(null);
+  const otherTable = useTable(!field2 && type === "relation" && relationTarget !== "" ? relationTarget : null);
   const [display, setDisplay] = useState33(start?.display ?? null);
   const [formulaOp, setFormulaOp] = useState33(() => formulaOpOf(start));
   const [formulaFields, setFormulaFields] = useState33(() => formulaFieldIdsOf(start));
@@ -12649,6 +12653,15 @@ function FieldEditor(props) {
       }
     }
     setBackfillError(null);
+    if (type === "relation" && showOnOther && otherTable.data && otherTable.data.id !== tableId) {
+      const made = await client.relationReverseField({ field_id: written });
+      if (!made.ok) {
+        setReverseRefused(made.error);
+        return;
+      }
+      tableShapeChanged4(relationTarget);
+    }
+    setReverseRefused(null);
     onSaved?.();
   };
   const remove = async () => {
@@ -12840,6 +12853,19 @@ function FieldEditor(props) {
         ),
         "Each value has its own date"
       ] }),
+      !field2 && type === "relation" && otherTable.data && otherTable.data.id !== tableId ? /* @__PURE__ */ jsxs37("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx42(
+          Checkbox6,
+          {
+            checked: showOnOther,
+            "aria-label": `Show on ${otherTable.data.name ?? "the other table"}`,
+            onCheckedChange: (v) => setShowOnOther(v === true),
+            "data-records-show-on-other": ""
+          }
+        ),
+        "Show on ",
+        otherTable.data.name ?? "the other table"
+      ] }) : null,
       CHOICE_EDITOR_ADDS_WHAT_IS_TYPED && (type === "select" || type === "multi_select") ? /* @__PURE__ */ jsxs37("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx42(
           Checkbox6,
@@ -13007,6 +13033,10 @@ function FieldEditor(props) {
       ) : null,
       /* @__PURE__ */ jsx42(Button18, { type: "button", size: "sm", className: "h-6 px-2 text-xs", onClick: () => onSaved?.(), children: "Done" })
     ] }) : null,
+    reverseRefused ? /* @__PURE__ */ jsxs37("div", { "data-records-reverse-field-refused": "", className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx42("p", { className: "text-[11px]", children: "The link is made. Its column on the other table was not:" }),
+      /* @__PURE__ */ jsx42(RefusalNotice, { error: reverseRefused })
+    ] }) : null,
     backfillError ? /* @__PURE__ */ jsxs37("div", { "data-records-autonumber-backfill-refused": "", className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx42("p", { className: "text-[11px]", children: "The column is made. The records already in the table were not numbered:" }),
       /* @__PURE__ */ jsx42(RefusalNotice, { error: backfillError })
@@ -19215,8 +19245,9 @@ function withTypeMark(field2, header) {
 
 // src/ReverseColumns.tsx
 import { useCallback as useCallback21, useEffect as useEffect43, useMemo as useMemo28, useRef as useRef30, useState as useState52, useSyncExternalStore as useSyncExternalStore3 } from "react";
-import { useFields as useFields6, useReverseColumns as useReverseColumns3, useReverseLinks, useTable as useTable4 } from "@ai-matrx/records/react";
-import { Button as Button35, Dialog as Dialog10, DialogContent as DialogContent10, DialogHeader as DialogHeader10, DialogTitle as DialogTitle10, Separator as Separator4, Skeleton as Skeleton5, cn as cn33 } from "@ai-matrx/design-system";
+import { isReverseField } from "@ai-matrx/records";
+import { useFields as useFields6, useOptionalRecordsClient as useOptionalRecordsClient9, useReverseColumns as useReverseColumns3, useReverseLinks, useTable as useTable4 } from "@ai-matrx/records/react";
+import { Button as Button35, Dialog as Dialog10, DialogContent as DialogContent10, DialogHeader as DialogHeader10, DialogTitle as DialogTitle10, Popover as Popover7, PopoverContent as PopoverContent7, PopoverTrigger as PopoverTrigger7, Separator as Separator4, Skeleton as Skeleton5, cn as cn33 } from "@ai-matrx/design-system";
 import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs56 } from "react/jsx-runtime";
 function reverseColumnId(column) {
   return `${REVERSE_COLUMN_PREFIX}${column.key}`;
@@ -19339,7 +19370,71 @@ function ReverseCell({ held, column, rowId, tableId }) {
   const readReading = () => held.reading;
   const answer = useSyncExternalStore3(subscribe, readAnswer, readAnswer);
   const reading = useSyncExternalStore3(subscribe, readReading, readReading);
-  return /* @__PURE__ */ jsx61(ReverseLinkChips, { column, answer, loading: reading, clamp: { tableId, recordId: rowId } });
+  const chips = /* @__PURE__ */ jsx61(ReverseLinkChips, { column, answer, loading: reading, clamp: { tableId, recordId: rowId } });
+  if (column.read_only) return chips;
+  return /* @__PURE__ */ jsxs56("span", { className: "flex min-w-0 items-start gap-1", children: [
+    /* @__PURE__ */ jsx61("span", { className: "min-w-0 flex-1", children: chips }),
+    /* @__PURE__ */ jsx61(ReverseLinksEditPopover, { tableId, recordId: rowId, column })
+  ] });
+}
+function useReverseField(tableId, column) {
+  const client = useOptionalRecordsClient9();
+  const [field2, setField] = useState52(null);
+  useEffect43(() => {
+    if (column.read_only || !client) return;
+    let live = true;
+    void client.fields({ table_id: tableId, withReverse: true }).then((read) => {
+      if (live && read.ok) setField(read.data.find((f) => f.key === column.key && isReverseField(f)) ?? null);
+    });
+    return () => {
+      live = false;
+    };
+  }, [client, tableId, column.key, column.read_only]);
+  return field2;
+}
+function ReverseLinksEditor({ tableId, recordId, column, autoOpen, onClose }) {
+  const client = useOptionalRecordsClient9();
+  const field2 = useReverseField(tableId, column);
+  const ids = useMemo28(() => [recordId], [recordId]);
+  const one = useMemo28(() => [column], [column]);
+  const read = useReverseLinks(tableId, one, ids, REVERSE_LINKS_EDIT_MAX);
+  const answer = read.data?.[column.key]?.[recordId];
+  const [refused, setRefused] = useState52(null);
+  if (read.error) return /* @__PURE__ */ jsx61(RefusalNotice, { error: read.error });
+  if (!field2 || !answer || !client) return /* @__PURE__ */ jsx61(Skeleton5, { className: "h-7 w-40", "data-records-reverse-editor-loading": "" });
+  const current = answer.links.map((l) => l.id);
+  const write = async (next) => {
+    const want = (Array.isArray(next) ? next : next ? [next] : []).map(String);
+    const add = want.filter((id) => !current.includes(id));
+    const remove = current.filter((id) => !want.includes(id));
+    if (add.length === 0 && remove.length === 0) return;
+    const done = await client.relationReverseSet({ record_id: recordId, field_id: field2.id, add, remove });
+    setRefused(done.ok ? null : done.error);
+    if (done.ok) read.reload();
+  };
+  return /* @__PURE__ */ jsxs56("span", { className: "flex min-w-0 flex-col gap-1", "data-records-reverse-editor": column.key, children: [
+    /* @__PURE__ */ jsx61(RelationPicker, { field: field2, value: current, onChange: (next) => void write(next), autoOpen, onClose }),
+    refused ? /* @__PURE__ */ jsx61(RefusalNotice, { error: refused }) : null
+  ] });
+}
+var REVERSE_LINKS_EDIT_MAX = 50;
+function ReverseLinksEditPopover({ tableId, recordId, column }) {
+  const [open, setOpen] = useState52(false);
+  return /* @__PURE__ */ jsxs56(Popover7, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx61(PopoverTrigger7, { asChild: true, children: /* @__PURE__ */ jsx61(
+      Button35,
+      {
+        size: "sm",
+        variant: "ghost",
+        className: "h-5 w-5 shrink-0 p-0 text-muted-foreground",
+        "aria-label": `Link ${column.source_table_name}`,
+        title: `Link ${column.source_table_name}`,
+        "data-records-reverse-edit": column.key,
+        children: "+"
+      }
+    ) }),
+    /* @__PURE__ */ jsx61(PopoverContent7, { sizing: "content", align: "start", className: "w-80 p-2", children: open ? /* @__PURE__ */ jsx61(ReverseLinksEditor, { tableId, recordId, column }) : null })
+  ] });
 }
 var EMPTY_COLUMNS = [];
 function ReverseLinksSections({ tableId, recordId }) {
@@ -19365,7 +19460,7 @@ function ReverseLinksSection({ tableId, recordId, column }) {
       answer && answer.total > 0 ? /* @__PURE__ */ jsx61("span", { className: "text-[11px] text-muted-foreground", children: answer.total }) : null,
       /* @__PURE__ */ jsx61(AddLinkedButton, { column, onAdd: () => setAdding(true) })
     ] }),
-    first.error ? /* @__PURE__ */ jsx61(RefusalNotice, { error: first.error }) : /* @__PURE__ */ jsx61(ReverseLinkChips, { column, answer, loading: first.loading }),
+    first.error ? /* @__PURE__ */ jsx61(RefusalNotice, { error: first.error }) : column.read_only ? /* @__PURE__ */ jsx61(ReverseLinkChips, { column, answer, loading: first.loading }) : /* @__PURE__ */ jsx61(ReverseLinksEditor, { tableId, recordId, column }),
     answer && answer.total > answer.links.length && answer.links.length < 50 ? /* @__PURE__ */ jsxs56(Button35, { size: "sm", variant: "ghost", className: "self-start px-1 text-[11px]", onClick: () => setShown((n) => n + REVERSE_PANEL_PAGE), children: [
       "Show ",
       Math.min(REVERSE_PANEL_PAGE, answer.total - answer.links.length),
@@ -23281,7 +23376,7 @@ function BulkActions({
 import { useEffect as useEffect51, useMemo as useMemo35, useRef as useRef36, useState as useState60 } from "react";
 import { useRecordsClient as useRecordsClient38 } from "@ai-matrx/records/react";
 import { stableFilterKey as stableFilterKey2 } from "@ai-matrx/records";
-import { Button as Button41, ConfirmDialog as ConfirmDialog4, Popover as Popover7, PopoverContent as PopoverContent7, PopoverTrigger as PopoverTrigger7, cn as cn35 } from "@ai-matrx/design-system";
+import { Button as Button41, ConfirmDialog as ConfirmDialog4, Popover as Popover8, PopoverContent as PopoverContent8, PopoverTrigger as PopoverTrigger8, cn as cn35 } from "@ai-matrx/design-system";
 import { jsx as jsx71, jsxs as jsxs64 } from "react/jsx-runtime";
 function sortArrow(direction) {
   return direction === "asc" ? "\u2191" : "\u2193";
@@ -23307,8 +23402,8 @@ function SortGlyph() {
 }
 function SortStateControl({ label, line, attention = false, actions = [], mode }) {
   const [open, setOpen] = useState60(false);
-  return /* @__PURE__ */ jsxs64(Popover7, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx71(PopoverTrigger7, { asChild: true, children: /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs64(Popover8, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx71(PopoverTrigger8, { asChild: true, children: /* @__PURE__ */ jsxs64(
       Button41,
       {
         size: "sm",
@@ -23331,7 +23426,7 @@ function SortStateControl({ label, line, attention = false, actions = [], mode }
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs64(PopoverContent7, { sizing: "content", align: "start", className: "w-72 p-2", "data-sort-state": "", children: [
+    /* @__PURE__ */ jsxs64(PopoverContent8, { sizing: "content", align: "start", className: "w-72 p-2", "data-sort-state": "", children: [
       /* @__PURE__ */ jsx71("p", { className: "px-1 pb-2 text-xs text-foreground", children: line }),
       actions.length > 0 ? /* @__PURE__ */ jsx71("div", { className: "flex flex-wrap justify-end gap-1", children: actions.map((action3) => /* @__PURE__ */ jsx71(
         Button41,
@@ -25768,7 +25863,7 @@ function sortIgnoredOf(answer) {
 // src/RecordsTableCard.tsx
 import { MatrxTableCard, MatrxTableCardEmpty, MatrxTableCardShowMore as MatrxTableCardShowMore2, TABLE_CARD_DEFAULT_INITIAL_ROWS } from "@ai-matrx/design-system/data-table";
 import { Button as Button43 } from "@ai-matrx/design-system";
-import { useFields as useFields9, useOptionalRecordsClient as useOptionalRecordsClient9, useTable as useTable7 } from "@ai-matrx/records/react";
+import { useFields as useFields9, useOptionalRecordsClient as useOptionalRecordsClient10, useTable as useTable7 } from "@ai-matrx/records/react";
 
 // src/entityTable.tsx
 import { useId as useId2, useMemo as useMemo38 } from "react";
@@ -26002,7 +26097,7 @@ function EntityGrid({
 // src/RecordsTableCard.tsx
 import { Fragment as Fragment27, jsx as jsx74, jsxs as jsxs66 } from "react/jsx-runtime";
 function RecordsTableCard(props) {
-  const client = useOptionalRecordsClient9();
+  const client = useOptionalRecordsClient10();
   if (!client) {
     return /* @__PURE__ */ jsx74(MatrxTableCard, { title: "Table", ...props.className ? { className: props.className } : {}, children: /* @__PURE__ */ jsx74(MatrxTableCardEmpty, { message: "This table cannot be shown here: the page has no connection to the data store." }) });
   }
@@ -27883,7 +27978,7 @@ function nextInWords(page) {
 import { useEffect as useEffect58, useState as useState68 } from "react";
 import { moveConsequence } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient46 } from "@ai-matrx/records/react";
-import { Button as Button50, ErrorBox as ErrorBox4, Popover as Popover8, PopoverContent as PopoverContent8, PopoverTrigger as PopoverTrigger8 } from "@ai-matrx/design-system";
+import { Button as Button50, ErrorBox as ErrorBox4, Popover as Popover9, PopoverContent as PopoverContent9, PopoverTrigger as PopoverTrigger9 } from "@ai-matrx/design-system";
 import { jsx as jsx84, jsxs as jsxs75 } from "react/jsx-runtime";
 function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "header", openAsked = 0 }) {
   const client = useRecordsClient46();
@@ -27944,7 +28039,7 @@ function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "head
     onMoved?.(moved.data.to);
   }
   return /* @__PURE__ */ jsxs75(
-    Popover8,
+    Popover9,
     {
       open,
       onOpenChange: (next) => {
@@ -27956,7 +28051,7 @@ function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "head
         setOpen(next);
       },
       children: [
-        /* @__PURE__ */ jsx84(PopoverTrigger8, { asChild: true, children: variant === "anchor" ? /* @__PURE__ */ jsx84("span", { "aria-hidden": true, className: "pointer-events-none inline-block h-0 w-0", "data-where-it-lives-anchor": tableId }) : /* @__PURE__ */ jsxs75(
+        /* @__PURE__ */ jsx84(PopoverTrigger9, { asChild: true, children: variant === "anchor" ? /* @__PURE__ */ jsx84("span", { "aria-hidden": true, className: "pointer-events-none inline-block h-0 w-0", "data-where-it-lives-anchor": tableId }) : /* @__PURE__ */ jsxs75(
           "button",
           {
             type: "button",
@@ -27975,7 +28070,7 @@ function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "head
           }
         ) }),
         /* @__PURE__ */ jsx84(
-          PopoverContent8,
+          PopoverContent9,
           {
             align: "start",
             className: "w-80 p-3 text-xs",
@@ -30281,7 +30376,7 @@ function RecordFieldsInPlace({
 // src/ShareControl.tsx
 import { copyText as copyText4 } from "@ai-matrx/kit/clipboard";
 import { useEffect as useEffect67, useState as useState79 } from "react";
-import { Button as Button59, Popover as Popover9, PopoverContent as PopoverContent9, PopoverTrigger as PopoverTrigger9 } from "@ai-matrx/design-system";
+import { Button as Button59, Popover as Popover10, PopoverContent as PopoverContent10, PopoverTrigger as PopoverTrigger10 } from "@ai-matrx/design-system";
 import { Fragment as Fragment35, jsx as jsx96, jsxs as jsxs87 } from "react/jsx-runtime";
 function useCanShare() {
   return typeof useRecordsUi().share === "function";
@@ -30348,9 +30443,9 @@ function ShareForSomebodyElse({
       setCopied("no");
     }
   };
-  return /* @__PURE__ */ jsxs87(Popover9, { onOpenChange: (open) => open ? null : setCopied(null), children: [
-    /* @__PURE__ */ jsx96(PopoverTrigger9, { asChild: true, children: /* @__PURE__ */ jsx96(Button59, { size, variant, className, title: kind === "table" ? "Who can share this table" : "Who can share this record", "data-share-for-somebody-else": "", children: "Share" }) }),
-    /* @__PURE__ */ jsxs87(PopoverContent9, { align: "end", className: "w-72 space-y-2 p-3 text-sm", children: [
+  return /* @__PURE__ */ jsxs87(Popover10, { onOpenChange: (open) => open ? null : setCopied(null), children: [
+    /* @__PURE__ */ jsx96(PopoverTrigger10, { asChild: true, children: /* @__PURE__ */ jsx96(Button59, { size, variant, className, title: kind === "table" ? "Who can share this table" : "Who can share this record", "data-share-for-somebody-else": "", children: "Share" }) }),
+    /* @__PURE__ */ jsxs87(PopoverContent10, { align: "end", className: "w-72 space-y-2 p-3 text-sm", children: [
       /* @__PURE__ */ jsx96("p", { children: whyNot }),
       /* @__PURE__ */ jsxs87("p", { className: "text-xs text-muted-foreground", children: [
         "The link opens this ",
@@ -33790,7 +33885,7 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
 
 // src/GalleryCover.tsx
 import { useEffect as useEffect76, useState as useState89 } from "react";
-import { useOptionalRecordsClient as useOptionalRecordsClient10 } from "@ai-matrx/records/react";
+import { useOptionalRecordsClient as useOptionalRecordsClient11 } from "@ai-matrx/records/react";
 import { Fragment as Fragment43, jsx as jsx107 } from "react/jsx-runtime";
 function isImageAddress(value) {
   return typeof value === "string" && /^(https?:\/\/|\/|data:image\/)/i.test(value.trim());
@@ -33808,7 +33903,7 @@ function GalleryCover({ field: field2, value }) {
   return null;
 }
 function FileCover({ recordId }) {
-  const client = useOptionalRecordsClient10();
+  const client = useOptionalRecordsClient11();
   const host = useRecordsUi();
   const [read, setRead] = useState89(null);
   useEffect76(() => {
@@ -35482,7 +35577,7 @@ function ArchivedPortals({
 // src/ViewBar.tsx
 import { useCallback as useCallback43, useEffect as useEffect80, useRef as useRef49, useState as useState93 } from "react";
 import { useRecordsClient as useRecordsClient67 } from "@ai-matrx/records/react";
-import { Badge as Badge14, Button as Button70, Input as Input6, Popover as Popover10, PopoverContent as PopoverContent10, PopoverTrigger as PopoverTrigger10, Skeleton as Skeleton15, cn as cn58 } from "@ai-matrx/design-system";
+import { Badge as Badge14, Button as Button70, Input as Input6, Popover as Popover11, PopoverContent as PopoverContent11, PopoverTrigger as PopoverTrigger11, Skeleton as Skeleton15, cn as cn58 } from "@ai-matrx/design-system";
 
 // src/seedOnce.ts
 import { useCallback as useCallback42, useRef as useRef48 } from "react";
@@ -35687,8 +35782,8 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
   if (error) return /* @__PURE__ */ jsx112(RefusalNotice, { error, className, actions: /* @__PURE__ */ jsx112(Button70, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" }) });
   if (views === null) return /* @__PURE__ */ jsx112(Skeleton15, { className: cn58("h-8 w-28 shrink-0", className) });
   const current = views.find((v) => v.id === active) ?? null;
-  return /* @__PURE__ */ jsxs102(Popover10, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx112(PopoverTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs102(
+  return /* @__PURE__ */ jsxs102(Popover11, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx112(PopoverTrigger11, { asChild: true, children: /* @__PURE__ */ jsxs102(
       Button70,
       {
         size: "sm",
@@ -35702,7 +35797,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs102(PopoverContent10, { sizing: "content", align: "start", className: "w-64 p-1", "data-view-picker-content": "", children: [
+    /* @__PURE__ */ jsxs102(PopoverContent11, { sizing: "content", align: "start", className: "w-64 p-1", "data-view-picker-content": "", children: [
       /* @__PURE__ */ jsxs102("div", { role: "group", "aria-label": "Saved views", className: "flex max-h-[50dvh] flex-col overflow-y-auto", children: [
         views.map((view) => /* @__PURE__ */ jsxs102(
           "button",
@@ -38562,7 +38657,7 @@ function submissionStamp(args) {
 
 // src/FormResultsPanel.tsx
 import { useEffect as useEffect90, useMemo as useMemo62, useState as useState103 } from "react";
-import { useFields as useFields23, useOptionalRecordsClient as useOptionalRecordsClient13 } from "@ai-matrx/records/react";
+import { useFields as useFields23, useOptionalRecordsClient as useOptionalRecordsClient14 } from "@ai-matrx/records/react";
 import { Button as Button77, Skeleton as Skeleton21, cn as cn67 } from "@ai-matrx/design-system";
 
 // src/ChartBlock.tsx
@@ -38591,7 +38686,7 @@ import { formatCount as formatCount5 } from "@ai-matrx/kit/format";
 
 // src/linkWords.ts
 import { useEffect as useEffect87, useMemo as useMemo60, useState as useState100 } from "react";
-import { useOptionalRecordsClient as useOptionalRecordsClient11 } from "@ai-matrx/records/react";
+import { useOptionalRecordsClient as useOptionalRecordsClient12 } from "@ai-matrx/records/react";
 
 // src/charts.ts
 var CHART_KIND_LABEL = {
@@ -38801,7 +38896,7 @@ function bucketWindow2(groupKey, value) {
 
 // src/linkWords.ts
 function useLinkGroupNamer(block, tableId) {
-  const client = useOptionalRecordsClient11();
+  const client = useOptionalRecordsClient12();
   const groupBy = block.kind === "stuck" ? [] : block.group_by ?? [];
   const rows = block.kind === "stuck" ? [] : block.rows ?? [];
   const ask = JSON.stringify([tableId, groupBy, rows.map((r) => r.groups ?? null)]);
@@ -38852,7 +38947,7 @@ function useLinkGroupNamer(block, tableId) {
 
 // src/measureWords.ts
 import { useEffect as useEffect88, useState as useState101 } from "react";
-import { useOptionalRecordsClient as useOptionalRecordsClient12 } from "@ai-matrx/records/react";
+import { useOptionalRecordsClient as useOptionalRecordsClient13 } from "@ai-matrx/records/react";
 import { humanizeIdentifier as humanizeIdentifier17 } from "@ai-matrx/kit/text-case";
 var OP_WORD = { sum: "Total", avg: "Average", min: "Lowest", max: "Highest" };
 function measureWords(key, fields) {
@@ -38867,7 +38962,7 @@ function measureWords(key, fields) {
   return word ? `${word} ${name.charAt(0).toLowerCase()}${name.slice(1)}` : `${humanizeIdentifier17(op2)} ${name}`;
 }
 function useMeasureWords(key, tableId) {
-  const client = useOptionalRecordsClient12();
+  const client = useOptionalRecordsClient13();
   const [fields, setFields] = useState101(null);
   const needs = key !== "count";
   useEffect88(() => {
@@ -39522,7 +39617,7 @@ function answersBlock(question, title) {
   };
 }
 function FormResultsPanel({ form, className }) {
-  const client = useOptionalRecordsClient13();
+  const client = useOptionalRecordsClient14();
   const fields = useFields23(form.subject);
   const [results, setResults] = useState103(null);
   const [error, setError] = useState103(null);
@@ -42234,7 +42329,7 @@ function EmbedSnippets({ url, label }) {
 
 // src/FormRunner.tsx
 import { useCallback as useCallback54, useEffect as useEffect97, useMemo as useMemo67, useRef as useRef57, useState as useState111 } from "react";
-import { useFields as useFields24, useOptionalRecordsClient as useOptionalRecordsClient14 } from "@ai-matrx/records/react";
+import { useFields as useFields24, useOptionalRecordsClient as useOptionalRecordsClient15 } from "@ai-matrx/records/react";
 import { Button as Button85, Label as Label22, Progress, Skeleton as Skeleton27, cn as cn77, formThemeClasses } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier18 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment53, jsx as jsx132, jsxs as jsxs122 } from "react/jsx-runtime";
@@ -42248,7 +42343,7 @@ function FormRunner(props) {
   return /* @__PURE__ */ jsx132(ConnectedFormRunner, { ...props });
 }
 function ConnectedFormRunner(props) {
-  const client = useOptionalRecordsClient14();
+  const client = useOptionalRecordsClient15();
   const fields = useFields24(props.form.subject);
   const { form, className } = props;
   const submit = useCallback54(
@@ -44632,9 +44727,9 @@ import { useFields as useFields30, useRecordsClient as useRecordsClient86, useTa
 import {
   BasicInput as BasicInput31,
   Button as Button93,
-  Popover as Popover11,
-  PopoverContent as PopoverContent11,
-  PopoverTrigger as PopoverTrigger11,
+  Popover as Popover12,
+  PopoverContent as PopoverContent12,
+  PopoverTrigger as PopoverTrigger12,
   Select as Select18,
   SelectContent as SelectContent18,
   SelectItem as SelectItem18,
@@ -45658,8 +45753,8 @@ function BlockSettingsMenu({
   title,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs131(Popover11, { children: [
-    /* @__PURE__ */ jsx142(PopoverTrigger11, { asChild: true, children: /* @__PURE__ */ jsx142(
+  return /* @__PURE__ */ jsxs131(Popover12, { children: [
+    /* @__PURE__ */ jsx142(PopoverTrigger12, { asChild: true, children: /* @__PURE__ */ jsx142(
       Button93,
       {
         type: "button",
@@ -45672,7 +45767,7 @@ function BlockSettingsMenu({
         children: /* @__PURE__ */ jsx142("span", { "aria-hidden": true, className: "text-sm leading-none", children: "\u22EF" })
       }
     ) }),
-    /* @__PURE__ */ jsx142(PopoverContent11, { align: "end", width: "lg", padding: "sm", "data-dashboard-block-settings": "", children: /* @__PURE__ */ jsx142(BlockSettings, { spec, title, onChange }) })
+    /* @__PURE__ */ jsx142(PopoverContent12, { align: "end", width: "lg", padding: "sm", "data-dashboard-block-settings": "", children: /* @__PURE__ */ jsx142(BlockSettings, { spec, title, onChange }) })
   ] });
 }
 function BlockSettings({
@@ -46877,7 +46972,7 @@ function QuestionAnswerView({ tableId, spec, answer, fields, related = NO_RELATE
 
 // src/TableAsk.tsx
 import { useState as useState121 } from "react";
-import { BasicInput as BasicInput33, Button as Button95, Popover as Popover12, PopoverContent as PopoverContent12, PopoverTrigger as PopoverTrigger12, Skeleton as Skeleton35 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput33, Button as Button95, Popover as Popover13, PopoverContent as PopoverContent13, PopoverTrigger as PopoverTrigger13, Skeleton as Skeleton35 } from "@ai-matrx/design-system";
 import { optionLabel as optionLabel4 } from "@ai-matrx/records";
 import { useFields as useFields32, useRecordsClient as useRecordsClient88 } from "@ai-matrx/records/react";
 
@@ -47117,9 +47212,9 @@ function TableAsk({ tableId, onOpenInQuestions }) {
     const answered = await askQuestion(client, tableId, read.spec, all);
     setSaid(answered.ok ? { kind: "answer", reads: read.reads, spec: read.spec, answer: answered.data } : { kind: "refused", error: answered.error });
   };
-  return /* @__PURE__ */ jsxs133(Popover12, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx144(PopoverTrigger12, { asChild: true, children: /* @__PURE__ */ jsx144(Button95, { size: "sm", variant: "ghost", title: "Ask this table", "data-table-ask": "", children: "Ask" }) }),
-    /* @__PURE__ */ jsxs133(PopoverContent12, { align: "end", className: "flex w-96 max-w-[calc(100vw-2rem)] flex-col gap-2 p-2 text-xs", "data-table-ask-panel": "", children: [
+  return /* @__PURE__ */ jsxs133(Popover13, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx144(PopoverTrigger13, { asChild: true, children: /* @__PURE__ */ jsx144(Button95, { size: "sm", variant: "ghost", title: "Ask this table", "data-table-ask": "", children: "Ask" }) }),
+    /* @__PURE__ */ jsxs133(PopoverContent13, { align: "end", className: "flex w-96 max-w-[calc(100vw-2rem)] flex-col gap-2 p-2 text-xs", "data-table-ask-panel": "", children: [
       /* @__PURE__ */ jsxs133(
         "form",
         {
@@ -49514,7 +49609,7 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
 
 // src/ViewFilter.tsx
 import { useEffect as useEffect113, useMemo as useMemo77, useState as useState133 } from "react";
-import { Button as Button106, Popover as Popover13, PopoverContent as PopoverContent13, PopoverTrigger as PopoverTrigger13 } from "@ai-matrx/design-system";
+import { Button as Button106, Popover as Popover14, PopoverContent as PopoverContent14, PopoverTrigger as PopoverTrigger14 } from "@ai-matrx/design-system";
 import { useFields as useFields36 } from "@ai-matrx/records/react";
 import { jsx as jsx156, jsxs as jsxs145 } from "react/jsx-runtime";
 function conditionCount(expr) {
@@ -49545,7 +49640,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
     // THE BUILDER FLOATS OVER THE TABLE (STABLE-TABLES; Notion's filter popover): drawn inside the
     // toolbar row it grew the row and pushed the whole table down (0.13 + 0.13 layout shift).
     /* @__PURE__ */ jsxs145(
-      Popover13,
+      Popover14,
       {
         open,
         onOpenChange: (next) => {
@@ -49553,7 +49648,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
           setOpen(next);
         },
         children: [
-          /* @__PURE__ */ jsx156(PopoverTrigger13, { asChild: true, children: /* @__PURE__ */ jsx156(
+          /* @__PURE__ */ jsx156(PopoverTrigger14, { asChild: true, children: /* @__PURE__ */ jsx156(
             Button106,
             {
               size: "sm",
@@ -49565,7 +49660,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
               children: count > 0 ? `Filter \xB7 ${count}` : "Filter"
             }
           ) }),
-          /* @__PURE__ */ jsx156(PopoverContent13, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ jsxs145(
+          /* @__PURE__ */ jsx156(PopoverContent14, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ jsxs145(
             "div",
             {
               className: "flex flex-col gap-2 text-xs",