@ai-matrx/records-ui 0.101.34 → 0.101.35

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # 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

package/dist/index.cjs

@@ -23451,8 +23451,10 @@ 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,
@@ -23465,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: Math.max(limit, held.current) })]).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." }));
@@ -23492,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) => {
@@ -23522,7 +23528,7 @@ function useEntitySource(token, options = {}) {
     if (loadingMore) return;
     setLoadingMore(true);
     const source = { kind: "entity", token };
-    const next = await client.drillRows({ source, limit, offset: held.current });
+    const next = await client.drillRows({ source, limit, offset: held.current, ...search ? { search } : {} });
     setLoadingMore(false);
     if (!next.ok) return;
     const more = next.data.rows ?? [];
@@ -23531,7 +23537,7 @@ function useEntitySource(token, options = {}) {
       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]);
+  }, [client, token, limit, loadingMore, search]);
   const hasMore = !state.loading && state.total > state.rows.length;
   return { ...state, write, create, reload, loadMore, hasMore, loadingMore };
 }
@@ -47268,9 +47274,10 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 }
 
 // src/entityViews.tsx
+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_system138 = require("@ai-matrx/design-system");
+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;
@@ -47314,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);
@@ -47333,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",
             {
@@ -47342,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" }),
@@ -47395,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,
@@ -47412,6 +47419,8 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
 function EntityTablePage({
   source,
   presentation = "page",
+  searchOverride,
+  onSearchChange,
   pageSize = presentation === "embedded" ? EMBEDDED_PAGE_SIZE : 100,
   layout: opened = "grid",
   onLayoutChange,
@@ -47420,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) => {
@@ -47452,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,
@@ -47495,8 +47506,19 @@ 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,
+    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,
@@ -47523,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 } : {},
@@ -47536,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" },
@@ -47672,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",
@@ -47695,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,
@@ -47712,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",
@@ -47722,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",
@@ -47737,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,
@@ -47756,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",
@@ -47853,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 }) });
@@ -47888,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
   ] });