@ai-matrx/records-ui 0.101.30 → 0.101.33

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.101.33
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.31..npm/records-ui/v0.101.33 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.101.32
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.31..npm/records-ui/v0.101.32 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.101.31
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.30..npm/records-ui/v0.101.31 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.101.30
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -2368,10 +2368,10 @@ function shown(value) {
   if (typeof value === "number" || typeof value === "boolean") return String(value);
   return null;
 }
-function tellApart(rows, nameOf) {
+function tellApart(rows, nameOf2) {
   const byName = /* @__PURE__ */ new Map();
   for (const row of rows) {
-    const name = nameOf(row.id).trim().toLowerCase();
+    const name = nameOf2(row.id).trim().toLowerCase();
     byName.set(name, [...byName.get(name) ?? [], row]);
   }
   const out = /* @__PURE__ */ new Map();
@@ -2979,6 +2979,7 @@ function RecordLabelProvider({ children }) {
   const client = (0, import_react14.useRecordsClient)();
   const [names, setNames] = (0, import_react13.useState)({});
   const [archivedRefs, setArchivedRefs] = (0, import_react13.useState)({});
+  const [iconsOf, setIconsOf] = (0, import_react13.useState)({});
   const [settled, setSettled] = (0, import_react13.useState)({});
   const [waitingLines, setWaitingLines] = (0, import_react13.useState)({});
   const asked3 = (0, import_react13.useRef)(/* @__PURE__ */ new Set());
@@ -3061,6 +3062,7 @@ function RecordLabelProvider({ children }) {
     void (async () => {
       const learned = {};
       const archivedNow = {};
+      const iconsNow = {};
       await Promise.all(
         batch.map(async ({ field: field2, ids }) => {
           const wanted = [...ids];
@@ -3073,10 +3075,12 @@ function RecordLabelProvider({ children }) {
             learned[id] = !result.ok ? UNREAD_RECORD_LABEL : typeof words2 === "string" && words2 !== "" ? words2 : WITHHELD_RECORD_LABEL;
           }
           if (result.ok) for (const id of result.archived ?? []) archivedNow[`${field2.id}:${id}`] = true;
+          if (result.ok) for (const [id, pair] of Object.entries(result.icons ?? {})) iconsNow[id] = pair;
         })
       );
       setNames((current) => ({ ...current, ...learned }));
       if (Object.keys(archivedNow).length > 0) setArchivedRefs((current) => ({ ...current, ...archivedNow }));
+      if (Object.keys(iconsNow).length > 0) setIconsOf((current) => ({ ...current, ...iconsNow }));
       for (const { field: field2 } of batch) stopWaitClock(field2.id);
     })();
   }, [client, stopWaitClock]);
@@ -3124,9 +3128,10 @@ function RecordLabelProvider({ children }) {
     () => {
       const answer = ((field2, id) => lookupWords(field2, id));
       answer.archived = (field2, id) => archivedRefs[`${field2.id}:${id}`] === true;
+      answer.icons = (_field, id) => iconsOf[id];
       return answer;
     },
-    [lookupWords, archivedRefs]
+    [lookupWords, archivedRefs, iconsOf]
   );
   const waiting = (0, import_react13.useCallback)((field2) => waitingLines[field2.id] ?? null, [waitingLines]);
   const value = (0, import_react13.useMemo)(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
@@ -5677,7 +5682,7 @@ var import_design_system21 = require("@ai-matrx/design-system");
 
 // src/embeddedLook.tsx
 var import_react32 = require("react");
-var EMBEDDED_LOOK = { blankEmpty: true, choiceDot: true };
+var EMBEDDED_LOOK = { blankEmpty: true, choiceDot: true, plainRelation: true };
 var EmbeddedLookContext = (0, import_react32.createContext)(null);
 var EmbeddedLookProvider = EmbeddedLookContext.Provider;
 function useEmbeddedLook() {
@@ -5693,6 +5698,7 @@ var EMBEDDED_TABLE_CLASS = [
   "[&_thead_th]:border-border",
   "[&_thead_th:last-child]:border-r-0"
 ].join(" ");
+var EMBEDDED_PLAIN_FOOTER_CLASS = "[&_tfoot]:bg-transparent [&_tfoot]:border-t-0";
 
 // src/enumLabels.ts
 function exhaustiveValuesOf() {
@@ -5985,6 +5991,20 @@ function kindLabel(kind) {
 
 // src/ReferenceChips.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
+function glyphOf(icon) {
+  const text = (icon ?? "").trim();
+  return text !== "" && text.length <= 8 && /[^\u0000-\u007f]/.test(text) ? text : null;
+}
+function nameOf(icon) {
+  const text = (icon ?? "").trim();
+  return /^[A-Za-z][A-Za-z0-9_-]{1,40}$/.test(text) ? text : null;
+}
+function iconOf(pair) {
+  const own3 = glyphOf(pair?.icon) ?? nameOf(pair?.icon);
+  const table = glyphOf(pair?.tableIcon) ?? nameOf(pair?.tableIcon);
+  const chosen = own3 ?? table;
+  return chosen ? { icon: chosen } : {};
+}
 function referencesOf(field2, value, kind, labels) {
   if (kind === "entity_reference") {
     return (0, import_records13.entityRefsOf)(value).map((r) => ({ token: r.token, id: r.id, label: r.label }));
@@ -5996,15 +6016,45 @@ function referencesOf(field2, value, kind, labels) {
     id,
     label: labels?.(field2, id) ?? null,
     tableId,
+    ...iconOf(labels?.icons?.(field2, id)),
     ...labels?.archived?.(field2, id) ? { archived: true } : {}
   }));
 }
 var ARCHIVED_REFERENCE_WORD = "Archived";
 var ARCHIVED_REFERENCE_TIP = "In the Archived view; restore it to use it again";
+function PageGlyph() {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 14, height: 14, fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "data-records-page-glyph": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M10 13H8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M16 17H8" })
+  ] });
+}
 function ReferenceChip({ reference, waiting }) {
   const host = useRecordsUi();
   const words2 = reference.label ?? (reference.token === "record" ? waiting ?? "Loading\u2026" : WITHHELD_ENTITY_LABEL);
   const drawn = host.renderReference ? host.renderReference({ ...reference, label: reference.label ?? words2 }) : null;
+  const look = useEmbeddedLook();
+  if (look?.plainRelation) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      "span",
+      {
+        className: (0, import_design_system18.cn)(
+          "inline-flex max-w-full min-w-0 items-center gap-1.5 text-sm text-foreground hover:underline [&_a]:text-inherit [&_a]:no-underline [&_a:hover]:underline",
+          reference.archived && "opacity-70"
+        ),
+        "data-records-reference-chip": reference.token,
+        "data-records-reference-plain": "",
+        "data-records-reference-archived": reference.archived ? "" : void 0,
+        title: reference.archived ? ARCHIVED_REFERENCE_TIP : words2,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { "aria-hidden": "true", "data-records-reference-icon": "", className: "inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: glyphOf(reference.icon) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm leading-none", children: reference.icon }) : reference.icon && host.renderIcon?.(reference.icon) || /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PageGlyph, {}) }),
+          drawn ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate", children: words2 }),
+          reference.archived ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     import_design_system18.Badge,
     {
@@ -6735,7 +6785,7 @@ function renderValue(field2, value, document2, labels, stillWaitingFor, look) {
           "data-records-choice-chip": "",
           ...chip.tinted ? { "data-records-choice-tint": "" } : {},
           children: [
-            look?.choiceDot ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "aria-hidden": "true", "data-records-choice-dot": "", className: (0, import_design_system21.cn)("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
+            look?.choiceDot ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: (0, import_design_system21.cn)("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
             statusMark(field2, item, Array.isArray(value) ? void 0 : document2),
             scalarText(field2, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
           ]
@@ -6890,7 +6940,7 @@ function RecordValue({
   const shape = shown4 && (shown4.id === "date" || shown4.id === "datetime") && isDateField(field2) ? dateFormatFor(field2, value) : void 0;
   const dated = shape ? { ...shape, ...shown4?.options ? { options: shown4.options } : {} } : void 0;
   const formatted = shown4 ? (0, import_data_table4.formatColumnValue)({ format: dated ?? shown4 }, value) : null;
-  if (formatted) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FormattedValue, { value, format: dated ?? shown4 });
+  if (formatted && !(embeddedLook?.blankEmpty && formatted.empty)) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FormattedValue, { value, format: dated ?? shown4 });
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: renderValue(field2, value, document2, labels, stillWaitingFor, embeddedLook) });
 }
 var ONE_FIELD_ARRAYS = /* @__PURE__ */ new WeakMap();
@@ -16466,7 +16516,7 @@ function opensOnKey(event) {
   }
   return true;
 }
-function withOpenRecord(columns, onOpen, nameOf, place = "end", hrefOf) {
+function withOpenRecord(columns, onOpen, nameOf2, place = "end", hrefOf) {
   if (!onOpen) return columns;
   return columns.map((column, index) => {
     const original = column.cell;
@@ -16476,8 +16526,8 @@ function withOpenRecord(columns, onOpen, nameOf, place = "end", hrefOf) {
       {
         type: "button",
         "data-records-open-record": row.id,
-        "aria-label": openRecordLabel(nameOf(row)),
-        title: `${openRecordLabel(nameOf(row))} (Space)`,
+        "aria-label": openRecordLabel(nameOf2(row)),
+        title: `${openRecordLabel(nameOf2(row))} (Space)`,
         className: "shrink-0 rounded px-1 text-xs leading-5 text-muted-foreground opacity-40 hover:bg-muted hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/matrx-row:opacity-100",
         onClick: (event) => {
           event.stopPropagation();
@@ -22570,7 +22620,7 @@ function GridBody({
     [storePaged, query, queryTotal, classicInCard, records.data?.total]
   );
   const showAddLine = mayAddRow && rows.length > 0;
-  const showSummaryLine = rows.length > 0 && (!merged || Object.keys(chosenSummaries).length > 0);
+  const showSummaryLine = rows.length > 0 && (embedded ? Object.keys(chosenSummaries).length > 0 : !merged || Object.keys(chosenSummaries).length > 0);
   const footerFace = JSON.stringify([
     showAddLine ? added.busy : null,
     showSummaryLine ? [chosenSummaries, summaries.values, summaries.rowCount, summaries.loading] : null
@@ -22753,7 +22803,7 @@ function GridBody({
           mode: phone ? "sheet" : toolbarFold2 >= 3 ? "menu" : "inline",
           pinned: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UndoRedoLive, { source: undoSource }),
-            !readOnly && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            !embedded && !readOnly && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               NewFromTemplateMenu,
               {
                 tableId,
@@ -22765,7 +22815,8 @@ function GridBody({
           // NEW RECORD NEVER LEAVES THE ROW (live walk 2026-10-05: at 1440 px with the
           // side chat open it and "From template" both vanished behind the "…"). When the
           // row is short, "From template", undo and the rest ride the "…"; this stays.
-          ...!readOnly && rights.write ? {
+          // EMBEDDED: the "+ New page" line under the table is the create action.
+          ...!embedded && !readOnly && rights.write ? {
             primary: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               NewRecordControl,
               {
@@ -22830,7 +22881,7 @@ function GridBody({
         // 2026-09-28: with the Forms rail open "New record" read "New reco", faded
         // under the slot's edge). Pinned, it sticks to the row's right edge and what
         // scrolls passes under it — the merged grid's rule, not a second one.
-        ...!readOnly && rights.write ? {
+        ...!embedded && !readOnly && rights.write ? {
           overflow: {
             mode: "inline",
             pinned: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_design_system58.Button, { size: "sm", className: "shrink-0", disabled: editingBusy, onClick: () => void addRecord(), children: editingBusy ? "Adding\u2026" : "New record" })
@@ -23081,7 +23132,8 @@ function GridBody({
                   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!",
                     look.fit === "scroll" && "sm:[&>table]:w-max! sm:[&>table]:max-w-none! sm:[&>table]:min-w-full!",
-                    embedded && EMBEDDED_TABLE_CLASS
+                    embedded && EMBEDDED_TABLE_CLASS,
+                    embedded && !showSummaryLine && EMBEDDED_PLAIN_FOOTER_CLASS
                   ),
                   footerRows,
                   ...embedded ? { copy: false } : copyConfig ? { copy: copyConfig } : {},
@@ -31587,7 +31639,11 @@ function ViewSwitcher({
               onUseSort: (sort) => change({ sorts: [sort], order: "sorted" })
             } : {}
           }
-        } : {}
+        } : (view.sorts?.length ?? 0) > 0 || local.sorts ? (
+          /* A VIEW THE HOST HOLDS INLINE (Spaces) has no saved id but still has its sort: the
+             grid opens in it, never in the table's own order. */
+          { viewOrder: { viewId: null, order: null, sorts: local.sorts ?? view.sorts ?? [] } }
+        ) : {}
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       Board,
@@ -45863,22 +45919,22 @@ function RailFrame({
   return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("aside", { "data-rail-column": "", className: "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3", children });
 }
 function filterInWords(filter, fields) {
-  const nameOf = (key) => {
+  const nameOf2 = (key) => {
     const field2 = fields.find((f) => f.key === key);
     return field2 ? fieldName(field2) : (0, import_text_case17.humanizeIdentifier)(key);
   };
   const parts = Object.keys(filter).map((key) => {
     const value = filter[key];
-    if (value === null || value === void 0) return `${nameOf(key)} is not filled in`;
+    if (value === null || value === void 0) return `${nameOf2(key)} is not filled in`;
     if (typeof value === "object") {
       const from = (value.from ?? "").toString().trim();
       const to = (value.to ?? "").toString().trim();
-      if (from !== "" && to !== "") return `${nameOf(key)} from ${from} up to ${to}`;
-      if (from !== "") return `${nameOf(key)} from ${from} onwards`;
-      if (to !== "") return `${nameOf(key)} up to ${to}`;
-      return `${nameOf(key)} in a period nobody named`;
+      if (from !== "" && to !== "") return `${nameOf2(key)} from ${from} up to ${to}`;
+      if (from !== "") return `${nameOf2(key)} from ${from} onwards`;
+      if (to !== "") return `${nameOf2(key)} up to ${to}`;
+      return `${nameOf2(key)} in a period nobody named`;
     }
-    return `${nameOf(key)} is ${String(value)}`;
+    return `${nameOf2(key)} is ${String(value)}`;
   });
   if (parts.length === 0) return "";
   if (parts.length === 1) return parts[0];