@ai-matrx/records-ui 0.101.33 → 0.101.34

package/dist/index.js

@@ -5179,6 +5179,7 @@ var EMBEDDED_TABLE_CLASS = [
   "[&_thead_th:last-child]:border-r-0"
 ].join(" ");
 var EMBEDDED_PLAIN_FOOTER_CLASS = "[&_tfoot]:bg-transparent [&_tfoot]:border-t-0";
+var EMBEDDED_PAGE_SIZE = 50;
 
 // src/enumLabels.ts
 function exhaustiveValuesOf() {
@@ -13318,7 +13319,7 @@ function backLinkSentence(column, readers = [], tableName2 = null) {
 }
 
 // src/Grid.tsx
-import { Button as Button42, ConfirmDialog as ConfirmDialog5, cn as cn34, useIsMobile } from "@ai-matrx/design-system";
+import { Button as Button42, ConfirmDialog as ConfirmDialog5, TapTargetSearchGroup, cn as cn34, useIsMobile } from "@ai-matrx/design-system";
 
 // src/gridAddRow.tsx
 import { useCallback as useCallback16, useEffect as useEffect34, useMemo as useMemo22, useRef as useRef23, useState as useState43 } from "react";
@@ -21099,7 +21100,9 @@ function GridBody({
   onAskWhoChanged,
   embedded = false,
   newRowLabel,
-  sortOverride
+  sortOverride,
+  searchOverride,
+  onSearchChange
 }) {
   const toolbarSlot = useTableToolbarSlot();
   const tableCard = useMatrxTableCard();
@@ -21176,6 +21179,14 @@ function GridBody({
       page: 1
     }));
   }, [overrideKey]);
+  const overrideSearchSeen = useRef29(void 0);
+  useEffect47(() => {
+    if (searchOverride === void 0) return;
+    const wanted = searchOverride ?? "";
+    if (overrideSearchSeen.current === wanted) return;
+    overrideSearchSeen.current = wanted;
+    setQuery((held) => held.search === wanted ? held : { ...held, search: wanted, page: 1 });
+  }, [searchOverride]);
   const reportQuery = address?.report;
   useEffect47(() => {
     if (!reportQuery) return;
@@ -21259,7 +21270,32 @@ function GridBody({
     filter: readFilter ?? null,
     version: records.data
   });
-  const pageRows = useMemo35(() => manual && !storePaged ? hand.rows ?? [] : storeRows, [manual, storePaged, hand.rows, storeRows]);
+  const embeddedMore = embedded && storePaged;
+  const [appendedRows, setAppendedRows] = useState59([]);
+  const [appending, setAppending] = useState59(false);
+  const askKey2 = JSON.stringify([tableId, searchTerm, pageSort, readFilter ?? null, viewId]);
+  useEffect47(() => setAppendedRows([]), [askKey2]);
+  const pageRows = useMemo35(() => {
+    if (manual && !storePaged) return hand.rows ?? [];
+    if (!embeddedMore || appendedRows.length === 0) return storeRows;
+    const seen = new Set(storeRows.map((row) => row.id));
+    return [...storeRows, ...appendedRows.filter((row) => !seen.has(row.id))];
+  }, [manual, storePaged, hand.rows, storeRows, embeddedMore, appendedRows]);
+  const showMoreRows = useCallback25(async () => {
+    if (appending || !embeddedMore) return;
+    setAppending(true);
+    const asked3 = await client.listPage({
+      table_id: tableId,
+      ...readFilter ? { filter: readFilter } : {},
+      search: searchTerm.trim() === "" ? null : searchTerm.trim(),
+      sort: pageSort,
+      view_id: manual && pageSort.length === 0 ? viewId : null,
+      limit: EMBEDDED_PAGE_SIZE,
+      offset: pageRows.length
+    });
+    setAppending(false);
+    if (asked3.ok) setAppendedRows((held) => [...held, ...asked3.data.rows]);
+  }, [appending, embeddedMore, client, tableId, readFilter, searchTerm, pageSort, manual, viewId, pageRows.length]);
   const added = useAddedRows({
     tableId,
     enabled: merged,
@@ -22439,6 +22475,21 @@ function GridBody({
   const tableToolbar = useMemo35(
     () => ({
       search: !embedded,
+      // EMBEDDED: Notion's magnifier — the design system's own search group, a button that
+      // opens into a field. It is the same `query.search` the store's read asks.
+      ...embedded ? {
+        customSearch: /* @__PURE__ */ jsx68(
+          TapTargetSearchGroup,
+          {
+            placeholder: "Search",
+            value: searchOverride ?? query.search,
+            onValueChange: (term) => {
+              setQuery((held) => ({ ...held, search: term, page: 1 }));
+              onSearchChange?.(term);
+            }
+          }
+        )
+      } : {},
       // The host (Spaces) has its own Properties menu: an embedded table draws no Columns button.
       ...embedded ? { columns: false } : {},
       searchPlaceholder: "Search records",
@@ -22639,7 +22690,9 @@ function GridBody({
       sheetExtras,
       tableId,
       noun,
-      embedded
+      embedded,
+      searchOverride,
+      onSearchChange
     ]
   );
   const labelOfField = useCallback25(
@@ -22845,7 +22898,7 @@ function GridBody({
                   pageSize,
                   query: tableQuery,
                   ...valueFacets ? { facets: valueFacets, filterUi: VALUE_FILTER_UI } : {},
-                  ...classicInCard ? { hidePagination: true } : {},
+                  ...classicInCard || embeddedMore ? { hidePagination: true } : {},
                   ...embedded ? { appearance: "embedded" } : {},
                   tableClassName: cn34(
                     !look.wrap && "[&_tbody_td]:max-w-[28rem] [&_tbody_td]:overflow-hidden [&_tbody_td]:text-ellipsis [&_tbody_td]:whitespace-nowrap! [&_tbody_td_*]:whitespace-nowrap!",
@@ -22950,7 +23003,15 @@ function GridBody({
                 onShowMore: () => setCardExtraRows((extra) => extra + pageSize)
               }
             ) : null
-          ) : storePaged || embedded ? null : /* @__PURE__ */ jsx68(
+          ) : embeddedMore ? typeof records.data?.total === "number" && records.data.total > pageRows.length ? /* @__PURE__ */ jsx68(
+            MatrxTableCardShowMore,
+            {
+              shown: pageRows.length,
+              total: records.data.total,
+              busy: appending,
+              onShowMore: () => void showMoreRows()
+            }
+          ) : null : storePaged || embedded ? null : /* @__PURE__ */ jsx68(
             Pager,
             {
               page,
@@ -23101,7 +23162,7 @@ import { MatrxTableCard, MatrxTableCardEmpty, TABLE_CARD_DEFAULT_INITIAL_ROWS }
 import { useFields as useFields9, useOptionalRecordsClient as useOptionalRecordsClient9, useTable as useTable7 } from "@ai-matrx/records/react";
 
 // src/entitySource.tsx
-import { useCallback as useCallback26, useEffect as useEffect48, useMemo as useMemo36, useState as useState60 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect48, useMemo as useMemo36, useRef as useRef30, useState as useState60 } from "react";
 import { MatrxDataTable as MatrxDataTable2 } from "@ai-matrx/design-system/data-table";
 import { useRecordsClient as useRecordsClient38 } from "@ai-matrx/records/react";
 import { jsx as jsx69 } from "react/jsx-runtime";
@@ -23109,6 +23170,8 @@ function useEntitySource(token, options = {}) {
   const client = useRecordsClient38();
   const limit = options.limit ?? 50;
   const [tick, setTick] = useState60(0);
+  const held = useRef30(0);
+  const [loadingMore, setLoadingMore] = useState60(false);
   const [state, setState] = useState60({
     label: null,
     columns: [],
@@ -23121,7 +23184,7 @@ function useEntitySource(token, options = {}) {
   useEffect48(() => {
     let cancelled = false;
     const source = { kind: "entity", token };
-    void Promise.all([client.drillDescribe({ source }), client.drillRows({ source, limit })]).then(
+    void Promise.all([client.drillDescribe({ source }), client.drillRows({ source, limit: Math.max(limit, held.current) })]).then(
       ([def, page]) => {
         if (cancelled) return;
         if (!def.ok) return setState((s) => ({ ...s, loading: false, error: refusalSentence(def.error) || "This table could not be read." }));
@@ -23129,6 +23192,7 @@ function useEntitySource(token, options = {}) {
         const api = def.data.api;
         const shown4 = new Set(page.data.columns instanceof Array ? page.data.columns.filter((c) => typeof c === "string") : []);
         const columns = (api?.columns ?? []).filter((c) => c.api_name !== "id" && (shown4.size === 0 || shown4.has(c.api_name) || shown4.has(c.lookup?.via ?? "")));
+        held.current = (page.data.rows ?? []).length;
         setState({
           label: api?.label ?? def.data.label ?? token,
           columns,
@@ -23172,7 +23236,22 @@ function useEntitySource(token, options = {}) {
     },
     [client, token]
   );
-  return { ...state, write, create, reload };
+  const loadMore = useCallback26(async () => {
+    if (loadingMore) return;
+    setLoadingMore(true);
+    const source = { kind: "entity", token };
+    const next = await client.drillRows({ source, limit, offset: held.current });
+    setLoadingMore(false);
+    if (!next.ok) return;
+    const more = next.data.rows ?? [];
+    held.current += more.length;
+    setState((s) => {
+      const seen = new Set(s.rows.map((r) => r.id));
+      return { ...s, rows: [...s.rows, ...more.filter((r) => !seen.has(r.id))] };
+    });
+  }, [client, token, limit, loadingMore]);
+  const hasMore = !state.loading && state.total > state.rows.length;
+  return { ...state, write, create, reload, loadMore, hasMore, loadingMore };
 }
 function entityValueText(column, v) {
   if (v === null || v === void 0 || v === "") return "";
@@ -23202,7 +23281,7 @@ function entityTableColumns(columns) {
     ...c.type === "choice" && c.choices ? { filter: "select", filterOptions: c.choices.map((w) => ({ value: w, label: w })) } : {}
   }));
 }
-function EntityGrid({ entity, pageSize, drill }) {
+function EntityGrid({ entity, pageSize, drill, embedded }) {
   const columns = useMemo36(() => entityTableColumns(entity.columns), [entity.columns]);
   return /* @__PURE__ */ jsx69(
     MatrxDataTable2,
@@ -23212,7 +23291,8 @@ function EntityGrid({ entity, pageSize, drill }) {
       getRowId: (row) => String(row.id),
       isLoading: entity.loading,
       ...pageSize ? { pageSize } : {},
-      ...drill ? { drill } : {}
+      ...drill ? { drill } : {},
+      ...embedded ? { appearance: "embedded", hidePagination: true } : {}
     }
   );
 }
@@ -23807,7 +23887,7 @@ import { Badge as Badge11, Button as Button48, Skeleton as Skeleton5, cn as cn39
 
 // src/BookingBuilder.tsx
 import { ErrorBox as ErrorBox3 } from "@ai-matrx/design-system";
-import { useCallback as useCallback28, useEffect as useEffect51, useMemo as useMemo38, useRef as useRef30, useState as useState63 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect51, useMemo as useMemo38, useRef as useRef31, useState as useState63 } from "react";
 import { useFields as useFields11, useRecordsClient as useRecordsClient41, useTable as useTable9 } from "@ai-matrx/records/react";
 import { formatDurationMinutes } from "@ai-matrx/kit/format";
 import {
@@ -23944,7 +24024,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
   const [confirmation, setConfirmation] = useState63("");
   const [offer, setOffer] = useState63(null);
   const [formId, setFormId] = useState63(bookingId ?? null);
-  const madeRef = useRef30(null);
+  const madeRef = useRef31(null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const askable = useMemo38(
     () => askableFields(fields.data ?? [], STORE_ANSWERS_THESE),
@@ -24014,7 +24094,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
     }),
     [timezone, minutes, buffer, lead, perDay, days, windows]
   );
-  const startedAsking = useRef30(false);
+  const startedAsking = useRef31(false);
   useEffect51(() => {
     if (startedAsking.current || !loaded || existing || formId || !fields.data) return;
     startedAsking.current = true;
@@ -26354,7 +26434,7 @@ function Clause({
 }
 
 // src/TableRename.tsx
-import { useCallback as useCallback33, useEffect as useEffect57, useRef as useRef31, useState as useState70 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect57, useRef as useRef32, useState as useState70 } from "react";
 import { tableShapeChanged as tableShapeChanged6, useRecordsClient as useRecordsClient48 } from "@ai-matrx/records/react";
 import {
   Button as Button53,
@@ -26376,7 +26456,7 @@ function tableNameProblem(typed2) {
 }
 function useRenameFromMenu() {
   const [open, setOpen] = useState70(false);
-  const asked3 = useRef31(false);
+  const asked3 = useRef32(false);
   const ask = useCallback33(() => {
     asked3.current = true;
     window.setTimeout(() => setOpen(true), 0);
@@ -26402,8 +26482,8 @@ function TableRenameDialog({
   const [typed2, setTyped] = useState70(name);
   const [busy, setBusy] = useState70(false);
   const [refused, setRefused] = useState70(null);
-  const box = useRef31(null);
-  const openedAt = useRef31(null);
+  const box = useRef32(null);
+  const openedAt = useRef32(null);
   useEffect57(() => {
     if (!open) return;
     openedAt.current = readTableVersionNow(client, tableId);
@@ -26495,7 +26575,7 @@ function TableRenameDialog({
 }
 
 // src/TableSettings.tsx
-import { useEffect as useEffect62, useRef as useRef32, useState as useState76 } from "react";
+import { useEffect as useEffect62, useRef as useRef33, useState as useState76 } from "react";
 
 // src/ArchiveDeliberately.tsx
 import { useState as useState71 } from "react";
@@ -27140,8 +27220,8 @@ function TableSettings({
       live = false;
     };
   }, [tableId]);
-  const askToArchiveRef = useRef32(null);
-  const archiveAskedSeen = useRef32(0);
+  const askToArchiveRef = useRef33(null);
+  const archiveAskedSeen = useRef33(0);
   const panelReady = Boolean(table.data && fields.data && rights.structure);
   useEffect62(() => {
     const ask = askToArchiveRef.current;
@@ -27547,7 +27627,7 @@ function ShareForSomebodyElse({
 }
 
 // src/RecordBody.tsx
-import { useEffect as useEffect65, useRef as useRef33, useState as useState79 } from "react";
+import { useEffect as useEffect65, useRef as useRef34, useState as useState79 } from "react";
 import { Button as Button60, cn as cn46 } from "@ai-matrx/design-system";
 import { newerKindOf as newerKindOf5 } from "@ai-matrx/records";
 import { tableShapeChanged as tableShapeChanged10, useFieldMutation as useFieldMutation5, useFields as useFields14, useRecord as useRecord2, useRecordsClient as useRecordsClient55, useTable as useTable12 } from "@ai-matrx/records/react";
@@ -27584,9 +27664,9 @@ function BodyEditor({ tableId, recordId, field: field2 }) {
   const raw = record.data?.document?.[field2.key];
   const stored = typeof raw === "string" ? raw : "";
   const [saving, setSaving] = useState79({ phase: "idle" });
-  const lastSaved = useRef33(null);
-  const waiting = useRef33(null);
-  const timer = useRef33(null);
+  const lastSaved = useRef34(null);
+  const waiting = useRef34(null);
+  const timer = useRef34(null);
   if (lastSaved.current === null && record.data) lastSaved.current = stored;
   const write = async () => {
     if (timer.current) clearTimeout(timer.current);
@@ -27607,7 +27687,7 @@ function BodyEditor({ tableId, recordId, field: field2 }) {
       setSaving({ phase: "refused", error: answered.error });
     }
   };
-  const writeRef = useRef33(write);
+  const writeRef = useRef34(write);
   writeRef.current = write;
   useEffect65(
     () => () => {
@@ -28026,7 +28106,7 @@ import {
 import { formatCount as formatCount3 } from "@ai-matrx/kit/format";
 
 // src/Pipeline.tsx
-import { useCallback as useCallback36, useEffect as useEffect67, useMemo as useMemo47, useRef as useRef34, useState as useState83 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect67, useMemo as useMemo47, useRef as useRef35, useState as useState83 } from "react";
 import {
   mayDrag,
   useFields as useFields17,
@@ -28377,9 +28457,9 @@ function PipelineBoard({
   const [waiting, setWaiting] = useState83(/* @__PURE__ */ new Map());
   const [dragging, setDragging] = useState83(null);
   const [over, setOver] = useState83(null);
-  const alive = useRef34(true);
+  const alive = useRef35(true);
   const [selected, setSelected] = useState83(/* @__PURE__ */ new Set());
-  const anchor = useRef34(null);
+  const anchor = useRef35(null);
   const [batch, setBatch] = useState83(/* @__PURE__ */ new Map());
   const [batchSaid, setBatchSaid] = useState83(null);
   const [batchError, setBatchError] = useState83(null);
@@ -28413,7 +28493,7 @@ function PipelineBoard({
     void reload();
   }, [reload]);
   const versions = useRecordVersions(client, rows, (r) => mayDrag(r.level));
-  const versionsRef = useRef34(versions);
+  const versionsRef = useRef35(versions);
   versionsRef.current = versions;
   const drawnVersion = (id) => versionsRef.current.seen(id);
   const stageKey = definition?.stage_field ?? null;
@@ -29002,13 +29082,13 @@ function batchSentence(moved, waiting, notMoved, label) {
 }
 
 // src/CalendarView.tsx
-import { useEffect as useEffect69, useMemo as useMemo50, useRef as useRef36, useState as useState85 } from "react";
+import { useEffect as useEffect69, useMemo as useMemo50, useRef as useRef37, useState as useState85 } from "react";
 import { mayDrag as mayDrag2 } from "@ai-matrx/records/react";
 import { Button as Button64, Select as Select13, SelectContent as SelectContent13, SelectItem as SelectItem13, SelectTrigger as SelectTrigger13, SelectValue as SelectValue13, cn as cn50 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS2 } from "@ai-matrx/design-system/data-table";
 
 // src/recordMoves.tsx
-import { useCallback as useCallback37, useEffect as useEffect68, useMemo as useMemo48, useRef as useRef35, useState as useState84 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect68, useMemo as useMemo48, useRef as useRef36, useState as useState84 } from "react";
 import { useRecordsClient as useRecordsClient60 } from "@ai-matrx/records/react";
 import { Button as Button63 } from "@ai-matrx/design-system";
 import { Fragment as Fragment36, jsx as jsx98, jsxs as jsxs88 } from "react/jsx-runtime";
@@ -29087,7 +29167,7 @@ function useRecordMoves({
     [client, undo, onMoved]
   );
   const offering = Boolean(undo.notice);
-  const undoRef = useRef35(undo);
+  const undoRef = useRef36(undo);
   undoRef.current = undo;
   useEffect68(() => {
     if (!offering || typeof document === "undefined") return;
@@ -29527,7 +29607,7 @@ function CalendarView({
   }, [rows, dateField.key, endField?.key, placedOver, defaultMinutes]);
   const titleOf = (row) => cardWords(row, titleField, labels).text;
   const rowById = (id) => rows.find((r) => r.id === id);
-  const frame = useRef36(null);
+  const frame = useRef37(null);
   const [focusOn, setFocusOn] = useState85(null);
   useEffect69(() => {
     if (!focusOn) return;
@@ -29576,7 +29656,7 @@ function CalendarView({
     const made = await moves.create({ tableId, data, label: `New record on ${where}` });
     if (made) onOpenRecord?.(made);
   };
-  const grabOffset = useRef36(0);
+  const grabOffset = useRef37(0);
   const [resizing, setResizing] = useState85(null);
   const [ghost, setGhost] = useState85(null);
   useEffect69(() => {
@@ -30125,7 +30205,7 @@ function WeekHours({
   render,
   overlay
 }) {
-  const frame = useRef36(null);
+  const frame = useRef37(null);
   useEffect69(() => {
     if (frame.current) frame.current.scrollTop = 7 * HOUR_PX;
   }, []);
@@ -30172,7 +30252,7 @@ function weekHeading(first) {
 }
 
 // src/TimelineView.tsx
-import { useEffect as useEffect70, useMemo as useMemo51, useRef as useRef37, useState as useState86 } from "react";
+import { useEffect as useEffect70, useMemo as useMemo51, useRef as useRef38, useState as useState86 } from "react";
 import { mayDrag as mayDrag3 } from "@ai-matrx/records/react";
 import { Button as Button65, Select as Select14, SelectContent as SelectContent14, SelectItem as SelectItem14, SelectTrigger as SelectTrigger14, SelectValue as SelectValue14, cn as cn51 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS3 } from "@ai-matrx/design-system/data-table";
@@ -30425,10 +30505,10 @@ function TimelineView({
   const width = days * px;
   const scale = useMemo51(() => scaleOf(from, days, zoom), [from, days, zoom]);
   const xOf = (day) => daysBetween(from, day) * px;
-  const scroller = useRef37(null);
+  const scroller = useRef38(null);
   const grouped = Boolean(groupField);
   const [scrollX, setScrollX] = useState86(0);
-  const frame = useRef37(null);
+  const frame = useRef38(null);
   const onScroll = () => {
     if (frame.current !== null) return;
     frame.current = requestAnimationFrame(() => {
@@ -31356,10 +31436,12 @@ function ViewSwitcher({
   footer,
   embedded,
   sortOverride,
+  searchOverride,
+  onSearchChange,
   newRowLabel,
   className
 }) {
-  const pageSize = pageSizeAsked ?? (embedded ? 50 : 200);
+  const pageSize = pageSizeAsked ?? (embedded ? EMBEDDED_PAGE_SIZE : 200);
   const toolbarSlot = useTableToolbarSlot();
   const [layout, setLayout] = useState89(view.layout);
   const hostLayouts = useRecordsUi().layouts ?? [];
@@ -31421,6 +31503,8 @@ function ViewSwitcher({
         ...footer ? { footer } : {},
         ...embedded ? { embedded } : {},
         ...sortOverride !== void 0 ? { sortOverride } : {},
+        ...searchOverride !== void 0 ? { searchOverride } : {},
+        ...onSearchChange ? { onSearchChange } : {},
         ...newRowLabel ? { newRowLabel } : {},
         ...filter ? { filter } : {},
         ...onClearFilter ? { onClearFilter } : {},
@@ -32683,9 +32767,9 @@ import { useRecordsClient as useRecordsClient65 } from "@ai-matrx/records/react"
 import { Badge as Badge14, Button as Button70, Input as Input6, Popover as Popover11, PopoverContent as PopoverContent11, PopoverTrigger as PopoverTrigger11, Skeleton as Skeleton14, cn as cn56 } from "@ai-matrx/design-system";
 
 // src/seedOnce.ts
-import { useCallback as useCallback40, useRef as useRef38 } from "react";
+import { useCallback as useCallback40, useRef as useRef39 } from "react";
 function useSeedGuard() {
-  const claimed = useRef38(/* @__PURE__ */ new Set());
+  const claimed = useRef39(/* @__PURE__ */ new Set());
   return useCallback40((name) => {
     if (claimed.current.has(name)) return false;
     claimed.current.add(name);
@@ -33003,7 +33087,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
 }
 
 // src/ProposalRow.tsx
-import { useEffect as useEffect77, useRef as useRef39, useState as useState93 } from "react";
+import { useEffect as useEffect77, useRef as useRef40, useState as useState93 } from "react";
 import { useRecordsClient as useRecordsClient66 } from "@ai-matrx/records/react";
 import { Badge as Badge15, Button as Button71, cn as cn57 } from "@ai-matrx/design-system";
 import { jsx as jsx109, jsxs as jsxs98 } from "react/jsx-runtime";
@@ -33021,7 +33105,7 @@ function ProposalRow({
   const [settled, setSettled] = useState93(outcome ?? null);
   const [busy, setBusy] = useState93(false);
   const [confirming, setConfirming] = useState93(false);
-  const drawnVersion = useRef39(null);
+  const drawnVersion = useRef40(null);
   const needsVersion = change.act === "update" && Boolean(change.record) && change.version === void 0 && !onApply && !settled;
   useEffect77(() => {
     if (needsVersion && change.record && !drawnVersion.current) drawnVersion.current = readVersionNow(client, change.record);
@@ -33111,7 +33195,7 @@ function ProposalRow({
 }
 
 // src/ActionInbox.tsx
-import { useCallback as useCallback43, useEffect as useEffect79, useMemo as useMemo55, useRef as useRef40, useState as useState95 } from "react";
+import { useCallback as useCallback43, useEffect as useEffect79, useMemo as useMemo55, useRef as useRef41, useState as useState95 } from "react";
 import { useRecordsClient as useRecordsClient68 } from "@ai-matrx/records/react";
 import { Badge as Badge17, Button as Button73, Checkbox as Checkbox11, Skeleton as Skeleton16, cn as cn59 } from "@ai-matrx/design-system";
 import { toggleSelection as toggleSelection2 } from "@ai-matrx/design-system/data-table";
@@ -34016,9 +34100,9 @@ function ActionInbox({
   const [outcome, setOutcome] = useState95({});
   const [busy, setBusy] = useState95(null);
   const [cursor, setCursor] = useState95(0);
-  const listRef = useRef40(null);
+  const listRef = useRef41(null);
   const [selected, setSelected] = useState95(/* @__PURE__ */ new Set());
-  const anchor = useRef40(null);
+  const anchor = useRef41(null);
   const [deciding, setDeciding] = useState95(false);
   const [batchSaid, setBatchSaid] = useState95(null);
   const [view, setView] = useState95("inbox");
@@ -34082,9 +34166,9 @@ function ActionInbox({
     [client, load]
   );
   const [held, setHeld] = useState95({});
-  const holds2 = useRef40(/* @__PURE__ */ new Map());
-  const lastHold = useRef40(null);
-  const holdSeq = useRef40(0);
+  const holds2 = useRef41(/* @__PURE__ */ new Map());
+  const lastHold = useRef41(null);
+  const holdSeq = useRef41(0);
   const [, tick] = useState95(0);
   useEffect79(() => {
     if (Object.keys(held).length === 0) return;
@@ -34141,7 +34225,7 @@ function ActionInbox({
       flush();
     };
   }, []);
-  const resumed = useRef40(false);
+  const resumed = useRef41(false);
   useEffect79(() => {
     if (resumed.current || items === null || view !== "inbox") return;
     resumed.current = true;
@@ -34762,7 +34846,7 @@ function ActionInbox({
 }
 
 // src/HistoryPanel.tsx
-import { useCallback as useCallback44, useEffect as useEffect80, useRef as useRef41, useState as useState96 } from "react";
+import { useCallback as useCallback44, useEffect as useEffect80, useRef as useRef42, useState as useState96 } from "react";
 import {
   useFields as useFields20,
   useRecordChangeRevision,
@@ -34782,9 +34866,9 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   const [error, setError] = useState96(null);
   const [open, setOpen] = useState96(null);
   const [pending, setPending] = useState96({ phase: "idle" });
-  const seenAtPreview = useRef41(null);
+  const seenAtPreview = useRef42(null);
   const [said, setSaid] = useState96(null);
-  const listRef = useRef41(null);
+  const listRef = useRef42(null);
   const changed = useRecordChangeRevision(recordId);
   const load = useCallback44(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
@@ -35077,7 +35161,7 @@ function say(value, field2) {
 }
 
 // src/CommentThread.tsx
-import { useCallback as useCallback45, useEffect as useEffect81, useMemo as useMemo56, useRef as useRef42, useState as useState97 } from "react";
+import { useCallback as useCallback45, useEffect as useEffect81, useMemo as useMemo56, useRef as useRef43, useState as useState97 } from "react";
 import {
   useFields as useFields21,
   useRecordsClient as useRecordsClient70,
@@ -35101,7 +35185,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
   const [people, setPeople] = useState97([]);
   const [mentionQuery, setMentionQuery] = useState97(null);
   const [picked, setPicked] = useState97([]);
-  const box = useRef42(null);
+  const box = useRef43(null);
   const load = useCallback45(async () => {
     const answered = await client.commentThread({ record_id: recordId, include_resolved: showResolved });
     if (!answered.ok) {
@@ -35321,7 +35405,7 @@ function Line({
 }
 
 // src/FieldHistoryPanel.tsx
-import { useCallback as useCallback46, useEffect as useEffect82, useRef as useRef43, useState as useState98 } from "react";
+import { useCallback as useCallback46, useEffect as useEffect82, useRef as useRef44, useState as useState98 } from "react";
 import {
   useFields as useFields22,
   useRecordsClient as useRecordsClient71,
@@ -35345,7 +35429,7 @@ function FieldHistoryPanel({
   const [rows, setRows] = useState98(null);
   const [error, setError] = useState98(null);
   const [pending, setPending] = useState98({ phase: "idle" });
-  const seenAtPreview = useRef43(null);
+  const seenAtPreview = useRef44(null);
   const [said, setSaid] = useState98(null);
   const load = useCallback46(async () => {
     const answered = await client.fieldHistory(
@@ -35593,7 +35677,7 @@ function submissionStamp(args) {
 }
 
 // src/PortalBuilder.tsx
-import { useCallback as useCallback47, useEffect as useEffect83, useMemo as useMemo57, useRef as useRef44, useState as useState99 } from "react";
+import { useCallback as useCallback47, useEffect as useEffect83, useMemo as useMemo57, useRef as useRef45, useState as useState99 } from "react";
 import { useRecordsClient as useRecordsClient72, useTables as useTables4 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput23, Button as Button77, Checkbox as Checkbox12, Label as Label18, Separator as Separator10, Skeleton as Skeleton20, cn as cn63 } from "@ai-matrx/design-system";
 import { Fragment as Fragment44, jsx as jsx115, jsxs as jsxs104 } from "react/jsx-runtime";
@@ -35683,7 +35767,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     if (on) void loadFields(t.id);
   }
   const [linking, setLinking] = useState99(null);
-  const linkingNow = useRef44(null);
+  const linkingNow = useRef45(null);
   async function addLinkBack(id) {
     const clients = (tables.data ?? []).find((t) => t.id === clientTableId);
     if (!clientTableId || !clients) return;
@@ -35710,7 +35794,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     linkingNow.current = null;
     setLinking(null);
   }
-  const autoLinked = useRef44(/* @__PURE__ */ new Set());
+  const autoLinked = useRef45(/* @__PURE__ */ new Set());
   useEffect83(() => {
     if (linking !== null || !clientTableId) return;
     for (const e of Object.values(exposures)) {
@@ -37931,7 +38015,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 
 // src/FormBuilder.tsx
 import { ErrorBox as ErrorBox7 } from "@ai-matrx/design-system";
-import { useCallback as useCallback54, useEffect as useEffect91, useMemo as useMemo62, useRef as useRef46, useState as useState107 } from "react";
+import { useCallback as useCallback54, useEffect as useEffect91, useMemo as useMemo62, useRef as useRef47, useState as useState107 } from "react";
 import { useFields as useFields24, useRecordsClient as useRecordsClient79, useTable as useTable26 } from "@ai-matrx/records/react";
 import { publicFormPath } from "@ai-matrx/records";
 import {
@@ -37945,7 +38029,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
-import { useCallback as useCallback52, useEffect as useEffect89, useMemo as useMemo61, useRef as useRef45, useState as useState105 } from "react";
+import { useCallback as useCallback52, useEffect as useEffect89, useMemo as useMemo61, useRef as useRef46, useState as useState105 } from "react";
 import { useFields as useFields23, useOptionalRecordsClient as useOptionalRecordsClient11 } from "@ai-matrx/records/react";
 import { Button as Button83, Progress, Skeleton as Skeleton25, cn as cn72 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier16 } from "@ai-matrx/kit/text-case";
@@ -38046,8 +38130,8 @@ function FormStage({
   const [writing, setWriting] = useState105(false);
   const [done, setDone] = useState105(null);
   const [hidden, setHidden] = useState105({});
-  const decoy = useRef45("");
-  const stage = useRef45(null);
+  const decoy = useRef46("");
+  const stage = useRef46(null);
   const questions = useMemo61(() => {
     const byKey = new Map((fields ?? []).map((f) => [f.key, f]));
     return (form.questions ?? []).map((q) => {
@@ -38108,13 +38192,13 @@ function FormStage({
     };
   }, [whichAsked, questions, answers]);
   const live = questions.filter((q) => !hidden[q.key]);
-  const told = useRef45(answers);
+  const told = useRef46(answers);
   useEffect89(() => {
     if (told.current === answers) return;
     told.current = answers;
     onAnswersChange?.(answers);
   }, [answers, onAnswersChange]);
-  const resumeAt = useRef45(
+  const resumeAt = useRef46(
     resumed && initialAnswers && Object.keys(initialAnswers).length > 0 ? questions.find((q) => {
       const v = initialAnswers[q.key];
       return v === void 0 || v === null || v === "";
@@ -38707,7 +38791,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
   const [lookUnread, setLookUnread] = useState107(null);
   const [restoredAt, setRestoredAt] = useState107(null);
   const [adding, setAdding] = useState107(false);
-  const keysBeforeAdd = useRef46(null);
+  const keysBeforeAdd = useRef47(null);
   const [makeOnMount, setMakeOnMount] = useState107("waiting");
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const load = useCallback54(async () => {
@@ -39526,13 +39610,13 @@ function bucketWindow2(groupKey, value) {
 import {
   useEffect as useEffect92,
   useId as useId3,
-  useRef as useRef47,
+  useRef as useRef48,
   useState as useState108
 } from "react";
 import { cn as cn75 } from "@ai-matrx/design-system";
 import { jsx as jsx127, jsxs as jsxs116 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
-  const ref = useRef47(null);
+  const ref = useRef48(null);
   const [width, setWidth] = useState108(fallback);
   useEffect92(() => {
     const node = ref.current;
@@ -39820,7 +39904,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback56, useEffect as useEffect94, useRef as useRef48, useState as useState110 } from "react";
+import { useCallback as useCallback56, useEffect as useEffect94, useRef as useRef49, useState as useState110 } from "react";
 import { useRecordsClient as useRecordsClient81 } from "@ai-matrx/records/react";
 import { Button as Button87, Skeleton as Skeleton29, cn as cn77 } from "@ai-matrx/design-system";
 import { jsx as jsx129, jsxs as jsxs118 } from "react/jsx-runtime";
@@ -39831,7 +39915,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
   const [showing, setShowing] = useState110(null);
   const [error, setError] = useState110(null);
   const [busy, setBusy] = useState110(null);
-  const paper = useRef48(null);
+  const paper = useRef49(null);
   const load = useCallback56(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
@@ -40802,7 +40886,7 @@ import { RecordsProvider as RecordsProvider2, useFields as useFields27, useRecor
 import { Button as Button89, CreatablePicker as CreatablePicker2 } from "@ai-matrx/design-system";
 
 // src/RecordsMount.tsx
-import { useRef as useRef49 } from "react";
+import { useRef as useRef50 } from "react";
 import { RecordsProvider } from "@ai-matrx/records/react";
 import { jsx as jsx133 } from "react/jsx-runtime";
 var STORE_DECIDES_REASON = "This host offers exactly what the record store says this person may do: the level comes back with the table on the read door, so a control they cannot use is never drawn in the first place.";
@@ -40820,7 +40904,7 @@ function RecordsMount({
   return /* @__PURE__ */ jsx133(RecordsProvider, { config, children: /* @__PURE__ */ jsx133(RecordsUiProvider, { value: bound2, children: /* @__PURE__ */ jsx133(RecordLabelProvider, { children }) }) });
 }
 function useShallowStableHost(host) {
-  const held = useRef49(null);
+  const held = useRef50(null);
   const next = host ?? {};
   const previous = held.current;
   if (previous !== null && sameParts(previous, next)) return previous;
@@ -41914,7 +41998,7 @@ function TargetControl({
 }
 
 // src/QuestionPanel.tsx
-import { useEffect as useEffect99, useMemo as useMemo68, useRef as useRef50, useState as useState116 } from "react";
+import { useEffect as useEffect99, useMemo as useMemo68, useRef as useRef51, useState as useState116 } from "react";
 import { Badge as Badge23, BasicInput as BasicInput32, Button as Button92, Checkbox as Checkbox16, Label as Label23, Skeleton as Skeleton32, cn as cn82 } from "@ai-matrx/design-system";
 import { useFields as useFields30, useRecordsClient as useRecordsClient85 } from "@ai-matrx/records/react";
 
@@ -42366,7 +42450,7 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
   const [saveError, setSaveError] = useState116(null);
   const [saving, setSaving] = useState116(false);
   const [linkMissed, setLinkMissed] = useState116(false);
-  const openedFromLink = useRef50(false);
+  const openedFromLink = useRef51(false);
   useEffect99(() => {
     let live = true;
     void questionsOf(client, tableId).then((answer2) => {
@@ -44110,12 +44194,12 @@ function FormsPanel({ tableId, activeFormId, className }) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback62, useEffect as useEffect103, useRef as useRef52, useState as useState121 } from "react";
+import { useCallback as useCallback62, useEffect as useEffect103, useRef as useRef53, useState as useState121 } from "react";
 import { useFields as useFields33, useRecordsClient as useRecordsClient90, useTable as useTable33 } from "@ai-matrx/records/react";
 import { Button as Button97, Input as Input8, Skeleton as Skeleton37, Textarea as Textarea7, cn as cn86 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback61, useEffect as useEffect102, useMemo as useMemo70, useRef as useRef51, useState as useState120 } from "react";
+import { useCallback as useCallback61, useEffect as useEffect102, useMemo as useMemo70, useRef as useRef52, useState as useState120 } from "react";
 import {
   coerceTypedAnswer as coerceTypedAnswer3,
   coercionLabel,
@@ -44173,7 +44257,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [items, setItems] = useState120([]);
   const [lastSynced, setLastSynced] = useState120(null);
   const [sending, setSending] = useState120(false);
-  const queueRef = useRef51(null);
+  const queueRef = useRef52(null);
   useEffect102(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
@@ -44553,7 +44637,7 @@ function AdHocCaptureSheet({
   const [error, setError] = useState121(null);
   const [uploadError, setUploadError] = useState121(null);
   const [flushing, setFlushing] = useState121(false);
-  const queue = useRef52([]);
+  const queue = useRef53([]);
   const keep = useCallback62(
     async (next) => {
       queue.current = next;
@@ -45093,7 +45177,7 @@ function useEmbedHandshake(args) {
 }
 
 // src/TablePage.tsx
-import { useCallback as useCallback67, useEffect as useEffect109, useMemo as useMemo74, useRef as useRef53, useState as useState131 } from "react";
+import { useCallback as useCallback67, useEffect as useEffect109, useMemo as useMemo74, useRef as useRef54, useState as useState131 } from "react";
 import { archivedByLine as archivedByLine2 } from "@ai-matrx/records";
 import { useFields as useFields36, useRecordsClient as useRecordsClient95, useTable as useTable35 } from "@ai-matrx/records/react";
 import {
@@ -46067,6 +46151,8 @@ function TablePage({
   tableId,
   presentation: pagePresentation2 = "page",
   newRowLabel,
+  searchOverride,
+  onSearchChange,
   pageSize: pageSizeAsked,
   seedViews,
   onLeave,
@@ -46125,7 +46211,7 @@ function TablePage({
   const [hostLayout, setHostLayout] = useState131(hostFromLink);
   const [views, setViews] = useState131(void 0);
   const [pickedViewId, setPickedViewId] = useState131(savedFromLink);
-  const viewSeen = useRef53(null);
+  const viewSeen = useRef54(null);
   const [viewLinkMissed, setViewLinkMissed] = useState131(false);
   const [layoutChosen, setLayoutChosen] = useState131(false);
   const railAsked = typeof activeRail === "string" ? activeRail.trim() : "";
@@ -46160,7 +46246,7 @@ function TablePage({
   const face = tableOpening(view, hostLayouts.map((h) => h.id));
   const designated = face.kind === "designated";
   const embedded = pagePresentation2 === "embedded";
-  const pageSize = pageSizeAsked ?? (embedded ? 50 : 100);
+  const pageSize = pageSizeAsked ?? (embedded ? EMBEDDED_PAGE_SIZE : 100);
   const chooserInline = !embedded && !designated && !phone && toolbarFold2 < 2;
   const chooserCompact = !embedded && !designated && !phone && toolbarFold2 >= 2;
   const controlsInSheet = phone && !designated;
@@ -46196,7 +46282,7 @@ function TablePage({
     lookDiffers: view ? lookDiffers(view, look) : false
   };
   const shownSignature = JSON.stringify(shownReport);
-  const reportRef = useRef53(onShownViewChange);
+  const reportRef = useRef54(onShownViewChange);
   reportRef.current = onShownViewChange;
   useEffect109(() => {
     reportRef.current?.(JSON.parse(shownSignature));
@@ -46257,7 +46343,7 @@ function TablePage({
     },
     [client, tableId, view, looks]
   );
-  const arrival = useRef53(viewAddress ?? null);
+  const arrival = useRef54(viewAddress ?? null);
   const [gridQuery, setGridQuery] = useState131(null);
   const [addressResetEpoch, setAddressResetEpoch] = useState131(0);
   const reportGrid = useCallback67((q) => {
@@ -46268,7 +46354,7 @@ function TablePage({
     () => ({ initial: arrival.current, report: reportGrid, resetEpoch: addressResetEpoch }),
     [reportGrid, addressResetEpoch]
   );
-  const hiddenApplied = useRef53(false);
+  const hiddenApplied = useRef54(false);
   useEffect109(() => {
     const hidden = arrival.current?.hidden;
     if (hiddenApplied.current || !view || !looks || !hidden || hidden.length === 0) return;
@@ -46289,9 +46375,9 @@ function TablePage({
   const gridPending = !isViewAddressEmpty({ ...arrival.current ?? {}, hidden: [] });
   const addressReady = Boolean(view && looks) && (gridQuery !== null || !gridPending);
   const addressSignature = JSON.stringify(viewAddressToParams(addressNow));
-  const addressReportRef = useRef53(onViewAddressChange);
+  const addressReportRef = useRef54(onViewAddressChange);
   addressReportRef.current = onViewAddressChange;
-  const addressSent = useRef53(null);
+  const addressSent = useRef54(null);
   useEffect109(() => {
     if (!addressReady) return;
     if (addressSent.current === null && addressSignature === JSON.stringify(viewAddressToParams(arrival.current))) {
@@ -46546,9 +46632,9 @@ function TablePage({
     }
   });
   const openedEntry = ACTION_PRESS.find((entry) => entry.press.main !== void 0 && entry.press.main === main) ?? ACTION_PRESS.find((entry) => entry.press.rail !== void 0 && entry.press.rail === rail) ?? null;
-  const actionsRef = useRef53(actions);
+  const actionsRef = useRef54(actions);
   actionsRef.current = actions;
-  const onActionsRef = useRef53(onActions);
+  const onActionsRef = useRef54(onActions);
   onActionsRef.current = onActions;
   useEffect109(() => {
     onActionsRef.current?.(actionsRef.current);
@@ -46951,6 +47037,8 @@ function TablePage({
                 chooser: false,
                 ...embedded ? { embedded } : {},
                 ...newRowLabel ? { newRowLabel } : {},
+                ...searchOverride !== void 0 ? { searchOverride } : {},
+                ...onSearchChange ? { onSearchChange } : {},
                 footer,
                 openExport: () => setRail("export"),
                 view: {
@@ -47113,6 +47201,7 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 }
 
 // src/entityViews.tsx
+import { MatrxTableCardShowMore as MatrxTableCardShowMore2 } from "@ai-matrx/design-system/data-table";
 import { useEffect as useEffect110, useMemo as useMemo75, useState as useState132 } from "react";
 import { Button as Button106, ErrorBox as ErrorBox9, Input as Input12, cn as cn93 } from "@ai-matrx/design-system";
 import { useRecordsClient as useRecordsClient96 } from "@ai-matrx/records/react";
@@ -47256,7 +47345,7 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
 function EntityTablePage({
   source,
   presentation = "page",
-  pageSize = 100,
+  pageSize = presentation === "embedded" ? EMBEDDED_PAGE_SIZE : 100,
   layout: opened = "grid",
   onLayoutChange,
   groupBy,
@@ -47340,7 +47429,18 @@ function EntityTablePage({
       ] })
     ] }) : null,
     addRefused ? /* @__PURE__ */ jsx153(ErrorBox9, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
-    entity.error ? /* @__PURE__ */ jsx153("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ jsx153(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ jsx153(EntityGrid, { entity, pageSize, ...drill ? { drill } : {} })
+    entity.error ? /* @__PURE__ */ jsx153("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ jsx153(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ jsxs141(Fragment62, { children: [
+      /* @__PURE__ */ jsx153(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
+      presentation === "embedded" && entity.hasMore ? /* @__PURE__ */ jsx153(
+        MatrxTableCardShowMore2,
+        {
+          shown: entity.rows.length,
+          total: entity.total,
+          busy: entity.loadingMore,
+          onShowMore: () => void entity.loadMore()
+        }
+      ) : null
+    ] })
   ] });
 }