@ai-matrx/records-ui 0.101.33 → 0.101.35

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.101.35
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.34..npm/records-ui/v0.101.35 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.101.34
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.33..npm/records-ui/v0.101.34 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.101.33
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -5699,6 +5699,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() {
@@ -21381,7 +21382,9 @@ function GridBody({
   onAskWhoChanged,
   embedded = false,
   newRowLabel,
-  sortOverride
+  sortOverride,
+  searchOverride,
+  onSearchChange
 }) {
   const toolbarSlot = useTableToolbarSlot();
   const tableCard = (0, import_data_table10.useMatrxTableCard)();
@@ -21458,6 +21461,14 @@ function GridBody({
       page: 1
     }));
   }, [overrideKey]);
+  const overrideSearchSeen = (0, import_react113.useRef)(void 0);
+  (0, import_react113.useEffect)(() => {
+    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;
   (0, import_react113.useEffect)(() => {
     if (!reportQuery) return;
@@ -21541,7 +21552,32 @@ function GridBody({
     filter: readFilter ?? null,
     version: records.data
   });
-  const pageRows = (0, import_react113.useMemo)(() => manual && !storePaged ? hand.rows ?? [] : storeRows, [manual, storePaged, hand.rows, storeRows]);
+  const embeddedMore = embedded && storePaged;
+  const [appendedRows, setAppendedRows] = (0, import_react113.useState)([]);
+  const [appending, setAppending] = (0, import_react113.useState)(false);
+  const askKey2 = JSON.stringify([tableId, searchTerm, pageSort, readFilter ?? null, viewId]);
+  (0, import_react113.useEffect)(() => setAppendedRows([]), [askKey2]);
+  const pageRows = (0, import_react113.useMemo)(() => {
+    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 = (0, import_react113.useCallback)(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,
@@ -22721,6 +22757,21 @@ function GridBody({
   const tableToolbar = (0, import_react113.useMemo)(
     () => ({
       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__ */ (0, import_jsx_runtime68.jsx)(
+          import_design_system58.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",
@@ -22921,7 +22972,9 @@ function GridBody({
       sheetExtras,
       tableId,
       noun,
-      embedded
+      embedded,
+      searchOverride,
+      onSearchChange
     ]
   );
   const labelOfField = (0, import_react113.useCallback)(
@@ -23127,7 +23180,7 @@ function GridBody({
                   pageSize,
                   query: tableQuery,
                   ...valueFacets ? { facets: valueFacets, filterUi: VALUE_FILTER_UI } : {},
-                  ...classicInCard ? { hidePagination: true } : {},
+                  ...classicInCard || embeddedMore ? { hidePagination: true } : {},
                   ...embedded ? { appearance: "embedded" } : {},
                   tableClassName: (0, import_design_system58.cn)(
                     !look.wrap && "[&_tbody_td]:max-w-[28rem] [&_tbody_td]:overflow-hidden [&_tbody_td]:text-ellipsis [&_tbody_td]:whitespace-nowrap! [&_tbody_td_*]:whitespace-nowrap!",
@@ -23232,7 +23285,15 @@ function GridBody({
                 onShowMore: () => setCardExtraRows((extra) => extra + pageSize)
               }
             ) : null
-          ) : storePaged || embedded ? null : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          ) : embeddedMore ? typeof records.data?.total === "number" && records.data.total > pageRows.length ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            import_data_table10.MatrxTableCardShowMore,
+            {
+              shown: pageRows.length,
+              total: records.data.total,
+              busy: appending,
+              onShowMore: () => void showMoreRows()
+            }
+          ) : null : storePaged || embedded ? null : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             Pager,
             {
               page,
@@ -23390,7 +23451,11 @@ var import_jsx_runtime69 = require("react/jsx-runtime");
 function useEntitySource(token, options = {}) {
   const client = (0, import_react116.useRecordsClient)();
   const limit = options.limit ?? 50;
+  const search = (options.search ?? "").trim();
   const [tick, setTick] = (0, import_react115.useState)(0);
+  const held = (0, import_react115.useRef)(0);
+  const askedSearch = (0, import_react115.useRef)("");
+  const [loadingMore, setLoadingMore] = (0, import_react115.useState)(false);
   const [state, setState] = (0, import_react115.useState)({
     label: null,
     columns: [],
@@ -23402,8 +23467,12 @@ function useEntitySource(token, options = {}) {
   });
   (0, import_react115.useEffect)(() => {
     let cancelled = false;
+    if (askedSearch.current !== search) {
+      askedSearch.current = search;
+      held.current = 0;
+    }
     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), ...search ? { search } : {} })]).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." }));
@@ -23411,6 +23480,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,
@@ -23428,7 +23498,7 @@ function useEntitySource(token, options = {}) {
     return () => {
       cancelled = true;
     };
-  }, [client, token, limit, tick]);
+  }, [client, token, limit, tick, search]);
   const reload = (0, import_react115.useCallback)(() => setTick((t) => t + 1), []);
   const write = (0, import_react115.useCallback)(
     async (rowId, apiName, value) => {
@@ -23454,7 +23524,22 @@ function useEntitySource(token, options = {}) {
     },
     [client, token]
   );
-  return { ...state, write, create, reload };
+  const loadMore = (0, import_react115.useCallback)(async () => {
+    if (loadingMore) return;
+    setLoadingMore(true);
+    const source = { kind: "entity", token };
+    const next = await client.drillRows({ source, limit, offset: held.current, ...search ? { search } : {} });
+    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, search]);
+  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 "";
@@ -23484,7 +23569,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 = (0, import_react115.useMemo)(() => entityTableColumns(entity.columns), [entity.columns]);
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     import_data_table11.MatrxDataTable,
@@ -23494,7 +23579,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 } : {}
     }
   );
 }
@@ -31547,10 +31633,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] = (0, import_react178.useState)(view.layout);
   const hostLayouts = useRecordsUi().layouts ?? [];
@@ -31612,6 +31700,8 @@ function ViewSwitcher({
         ...footer ? { footer } : {},
         ...embedded ? { embedded } : {},
         ...sortOverride !== void 0 ? { sortOverride } : {},
+        ...searchOverride !== void 0 ? { searchOverride } : {},
+        ...onSearchChange ? { onSearchChange } : {},
         ...newRowLabel ? { newRowLabel } : {},
         ...filter ? { filter } : {},
         ...onClearFilter ? { onClearFilter } : {},
@@ -46134,6 +46224,8 @@ function TablePage({
   tableId,
   presentation: pagePresentation2 = "page",
   newRowLabel,
+  searchOverride,
+  onSearchChange,
   pageSize: pageSizeAsked,
   seedViews,
   onLeave,
@@ -46227,7 +46319,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;
@@ -47018,6 +47110,8 @@ function TablePage({
                 chooser: false,
                 ...embedded ? { embedded } : {},
                 ...newRowLabel ? { newRowLabel } : {},
+                ...searchOverride !== void 0 ? { searchOverride } : {},
+                ...onSearchChange ? { onSearchChange } : {},
                 footer,
                 openExport: () => setRail("export"),
                 view: {
@@ -47180,8 +47274,10 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 }
 
 // src/entityViews.tsx
-var import_react267 = require("react");
 var import_design_system138 = require("@ai-matrx/design-system");
+var import_data_table22 = require("@ai-matrx/design-system/data-table");
+var import_react267 = require("react");
+var import_design_system139 = require("@ai-matrx/design-system");
 var import_react268 = require("@ai-matrx/records/react");
 var import_jsx_runtime153 = require("react/jsx-runtime");
 var entityTitleColumn = entityNameColumn;
@@ -47225,14 +47321,14 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
     setMoving(null);
     if (says) setRefused({ to, says });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: (0, import_design_system138.cn)("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.api_name, children: lanes.map((lane) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: (0, import_design_system139.cn)("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.api_name, children: lanes.map((lane) => {
     const cards = rowsOf3(lane.key);
     if (lane.key === "" && cards.length === 0) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
       "section",
       {
         "aria-label": lane.label,
-        className: (0, import_design_system138.cn)("flex w-60 shrink-0 flex-col gap-1.5 rounded-md bg-muted/40 p-1.5", over === lane.key && "ring-1 ring-ring"),
+        className: (0, import_design_system139.cn)("flex w-60 shrink-0 flex-col gap-1.5 rounded-md bg-muted/40 p-1.5", over === lane.key && "ring-1 ring-ring"),
         onDragOver: writable && lane.key ? (e) => {
           e.preventDefault();
           setOver(lane.key);
@@ -47244,7 +47340,7 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
             /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "truncate font-medium", children: lane.label }),
             /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
           ] }),
-          refused && refused.to === lane.key ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: refused.says, operation: "Move a card", origin: "records-ui/entityViews" }) : null,
+          refused && refused.to === lane.key ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system139.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: refused.says, operation: "Move a card", origin: "records-ui/entityViews" }) : null,
           cards.map((row) => /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
             "article",
             {
@@ -47253,7 +47349,7 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
                 e.dataTransfer.setData("text/x-entity-row", row.id);
                 e.dataTransfer.effectAllowed = "move";
               },
-              className: (0, import_design_system138.cn)("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab", moving?.id === row.id && "opacity-60"),
+              className: (0, import_design_system139.cn)("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab", moving?.id === row.id && "opacity-60"),
               "data-records-entity-card": row.id,
               children: [
                 onOpenRecord ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("button", { type: "button", className: "truncate text-left font-medium hover:underline", onClick: () => onOpenRecord(row.id), children: shown3(title ? row[title.api_name] : row.id) || "Untitled" }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "truncate font-medium", children: shown3(title ? row[title.api_name] : row.id) || "Untitled" }),
@@ -47306,7 +47402,7 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
     };
   }, [client, ask, kind, title]);
   if (!block) {
-    return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: (0, import_design_system138.cn)("min-h-24 animate-pulse rounded bg-muted/40", className), "aria-busy": "true" });
+    return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: (0, import_design_system139.cn)("min-h-24 animate-pulse rounded bg-muted/40", className), "aria-busy": "true" });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
     ChartBlock,
@@ -47323,7 +47419,9 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
 function EntityTablePage({
   source,
   presentation = "page",
-  pageSize = 100,
+  searchOverride,
+  onSearchChange,
+  pageSize = presentation === "embedded" ? EMBEDDED_PAGE_SIZE : 100,
   layout: opened = "grid",
   onLayoutChange,
   groupBy,
@@ -47331,7 +47429,9 @@ function EntityTablePage({
   actions,
   className
 }) {
-  const entity = useEntitySource(source.token, { limit: pageSize });
+  const [typed2, setTyped] = (0, import_react267.useState)("");
+  const term = searchOverride ?? typed2;
+  const entity = useEntitySource(source.token, { limit: pageSize, search: term });
   const [layout, setLayout] = (0, import_react267.useState)(opened);
   (0, import_react267.useEffect)(() => setLayout(opened), [opened]);
   const choose = (next) => {
@@ -47363,21 +47463,21 @@ function EntityTablePage({
     rowNoun: (entity.label ?? "record").toLowerCase(),
     enabled: layout === "grid"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: (0, import_design_system138.cn)("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: (0, import_design_system139.cn)("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
     presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
       presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
       presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading ? "" : entity.total.toLocaleString() }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
         boardable ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.Button, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
-          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.Button, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system139.Button, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system139.Button, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
         ] }) : null,
-        entity.creatable && naming === null ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.Button, { size: "sm", variant: "ghost", onClick: () => {
+        entity.creatable && naming === null ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system139.Button, { size: "sm", variant: "ghost", onClick: () => {
           setAddRefused(null);
           setNaming("");
         }, children: "New page" }) : null,
         entity.creatable && naming !== null ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
-          import_design_system138.Input,
+          import_design_system139.Input,
           {
             autoFocus: true,
             "data-records-entity-new": source.token,
@@ -47406,8 +47506,30 @@ function EntityTablePage({
         actions
       ] })
     ] }) : null,
-    addRefused ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.ErrorBox, { 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__ */ (0, import_jsx_runtime153.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(EntityGrid, { entity, pageSize, ...drill ? { drill } : {} })
+    addRefused ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system139.ErrorBox, { 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__ */ (0, import_jsx_runtime153.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, { children: [
+      presentation === "embedded" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+        import_design_system138.TapTargetSearchGroup,
+        {
+          placeholder: "Search",
+          value: term,
+          onValueChange: (next) => {
+            setTyped(next);
+            onSearchChange?.(next);
+          }
+        }
+      ) }) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
+      presentation === "embedded" && entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+        import_data_table22.MatrxTableCardShowMore,
+        {
+          shown: entity.rows.length,
+          total: entity.total,
+          busy: entity.loadingMore,
+          onShowMore: () => void entity.loadMore()
+        }
+      ) : null
+    ] })
   ] });
 }
 
@@ -47423,6 +47545,8 @@ function TablePage2(props) {
       source,
       ...rest.presentation ? { presentation: rest.presentation } : {},
       ...rest.pageSize ? { pageSize: rest.pageSize } : {},
+      ...rest.searchOverride !== void 0 ? { searchOverride: rest.searchOverride } : {},
+      ...rest.onSearchChange ? { onSearchChange: rest.onSearchChange } : {},
       ...layout ? { layout } : {},
       ...onLayoutChange ? { onLayoutChange } : {},
       ...groupBy ? { groupBy } : {},
@@ -47436,7 +47560,7 @@ function TablePage2(props) {
 var import_react269 = require("react");
 var import_records62 = require("@ai-matrx/records");
 var import_react270 = require("@ai-matrx/records/react");
-var import_design_system139 = require("@ai-matrx/design-system");
+var import_design_system140 = require("@ai-matrx/design-system");
 var import_jsx_runtime155 = require("react/jsx-runtime");
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
@@ -47572,7 +47696,7 @@ function BindingDetails({
   const setTemplate = (next) => onChange({ ...binding, transform: { join: "\n", ...binding.transform, name: "list", template: next } });
   return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
-      import_design_system139.Button,
+      import_design_system140.Button,
       {
         type: "button",
         size: "sm",
@@ -47595,7 +47719,7 @@ function BindingDetails({
       }
     ),
     shape === "value" && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
-      import_design_system139.CreatablePicker,
+      import_design_system140.CreatablePicker,
       {
         value: binding.field_key ?? null,
         options: fieldOptions,
@@ -47612,7 +47736,7 @@ function BindingDetails({
       /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
         "textarea",
         {
-          className: (0, import_design_system139.cn)(
+          className: (0, import_design_system140.cn)(
             "min-h-[3.5rem] w-full rounded-md border border-border bg-background px-2 py-1.5 font-mono text-xs"
           ),
           "aria-label": "Each row reads as",
@@ -47622,7 +47746,7 @@ function BindingDetails({
         }
       ),
       !disabled && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
-        import_design_system139.Button,
+        import_design_system140.Button,
         {
           type: "button",
           size: "sm",
@@ -47637,7 +47761,7 @@ function BindingDetails({
     shape === "collection" && /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       "Up to",
       /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
-        import_design_system139.BasicInput,
+        import_design_system140.BasicInput,
         {
           type: "number",
           min: 1,
@@ -47656,7 +47780,7 @@ function BindingDetails({
     /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
       /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
       DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
-        import_design_system139.Button,
+        import_design_system140.Button,
         {
           type: "button",
           size: "sm",
@@ -47753,7 +47877,7 @@ function RecordNameWords({ tableId, recordId }) {
 // src/HeldChangeDecision.tsx
 var import_react272 = require("react");
 var import_react273 = require("@ai-matrx/records/react");
-var import_design_system140 = require("@ai-matrx/design-system");
+var import_design_system141 = require("@ai-matrx/design-system");
 var import_jsx_runtime157 = require("react/jsx-runtime");
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }) {
   return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(import_react273.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Decision, { approvalId, onDecided }) });
@@ -47788,8 +47912,8 @@ function Decision({ approvalId, onDecided }) {
   if (may === null) return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
   return /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
     may ? /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(import_design_system140.Button, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(import_design_system140.Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(import_design_system141.Button, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
+      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(import_design_system141.Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
     ] }) : !error && /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
     error ? /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(RefusalLine, { error }) : null
   ] });