@ai-matrx/records-ui 0.101.30 → 0.101.31

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog — @ai-matrx/records-ui
 
+## 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

@@ -5677,7 +5677,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 +5693,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() {
@@ -6001,10 +6002,39 @@ function referencesOf(field2, value, kind, labels) {
 }
 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: reference.icon ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm leading-none", children: 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 +6765,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 +6920,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();
@@ -22570,7 +22600,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 +22783,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 +22795,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 +22861,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 +23112,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 +31619,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,