@ai-matrx/records-ui 0.101.30 → 0.101.31

package/dist/index.d.cts

@@ -584,6 +584,8 @@ interface ReferenceChipRef {
      * archived (chair ruling B3-21), so the chip still names it and draws the archived state.
      */
     archived?: boolean | undefined;
+    /** The record's (or its table's) icon — an emoji or short glyph — when the host knows one. */
+    icon?: string | null | undefined;
 }
 interface RecordsUiHost {
     /**
@@ -2142,7 +2144,8 @@ declare const NO_COLUMNS_WHY: string;
  * ordered by the table's own sort exactly as before, and offers no Reorder.
  */
 interface GridViewOrder {
-    viewId: Uuid;
+    /** The saved view's id; `null` for a view a host holds inline (it still carries its own `sorts`). */
+    viewId: Uuid | null;
     /** The view's own order word (`definition.order`). */
     order: ViewOrder;
     /** The view's own sort (`definition.sorts`) — where a sorted view OPENS, over the table's. */
@@ -3372,6 +3375,7 @@ declare function useChoiceNudge(enabled?: boolean): ChoiceNudge | null;
 interface EmbeddedLook {
     blankEmpty: boolean;
     choiceDot: boolean;
+    plainRelation: boolean;
 }
 
 /** The envelope for one key, when the document carries one. */

package/dist/index.d.ts

@@ -584,6 +584,8 @@ interface ReferenceChipRef {
      * archived (chair ruling B3-21), so the chip still names it and draws the archived state.
      */
     archived?: boolean | undefined;
+    /** The record's (or its table's) icon — an emoji or short glyph — when the host knows one. */
+    icon?: string | null | undefined;
 }
 interface RecordsUiHost {
     /**
@@ -2142,7 +2144,8 @@ declare const NO_COLUMNS_WHY: string;
  * ordered by the table's own sort exactly as before, and offers no Reorder.
  */
 interface GridViewOrder {
-    viewId: Uuid;
+    /** The saved view's id; `null` for a view a host holds inline (it still carries its own `sorts`). */
+    viewId: Uuid | null;
     /** The view's own order word (`definition.order`). */
     order: ViewOrder;
     /** The view's own sort (`definition.sorts`) — where a sorted view OPENS, over the table's. */
@@ -3372,6 +3375,7 @@ declare function useChoiceNudge(enabled?: boolean): ChoiceNudge | null;
 interface EmbeddedLook {
     blankEmpty: boolean;
     choiceDot: boolean;
+    plainRelation: boolean;
 }
 
 /** The envelope for one key, when the document carries one. */

package/dist/index.js

@@ -5157,7 +5157,7 @@ import { Badge as Badge5, cn as cn17 } from "@ai-matrx/design-system";
 
 // src/embeddedLook.tsx
 import { createContext as createContext4, useContext as useContext4 } from "react";
-var EMBEDDED_LOOK = { blankEmpty: true, choiceDot: true };
+var EMBEDDED_LOOK = { blankEmpty: true, choiceDot: true, plainRelation: true };
 var EmbeddedLookContext = createContext4(null);
 var EmbeddedLookProvider = EmbeddedLookContext.Provider;
 function useEmbeddedLook() {
@@ -5173,6 +5173,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() {
@@ -5481,10 +5482,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__ */ jsxs18("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__ */ jsx22("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx22("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+    /* @__PURE__ */ jsx22("path", { d: "M10 13H8" }),
+    /* @__PURE__ */ jsx22("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__ */ jsxs18(
+      "span",
+      {
+        className: cn15(
+          "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__ */ jsx22("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__ */ jsx22("span", { className: "text-sm leading-none", children: reference.icon }) : /* @__PURE__ */ jsx22(PageGlyph, {}) }),
+          drawn ?? /* @__PURE__ */ jsx22("span", { className: "truncate", children: words2 }),
+          reference.archived ? /* @__PURE__ */ jsx22("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs18(
     Badge4,
     {
@@ -6215,7 +6245,7 @@ function renderValue(field2, value, document2, labels, stillWaitingFor, look) {
           "data-records-choice-chip": "",
           ...chip.tinted ? { "data-records-choice-tint": "" } : {},
           children: [
-            look?.choiceDot ? /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", "data-records-choice-dot": "", className: cn17("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
+            look?.choiceDot ? /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: cn17("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)
           ]
@@ -6370,7 +6400,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 ? formatColumnValue({ format: dated ?? shown4 }, value) : null;
-  if (formatted) return /* @__PURE__ */ jsx26(FormattedValue, { value, format: dated ?? shown4 });
+  if (formatted && !(embeddedLook?.blankEmpty && formatted.empty)) return /* @__PURE__ */ jsx26(FormattedValue, { value, format: dated ?? shown4 });
   return /* @__PURE__ */ jsx26(Fragment6, { children: renderValue(field2, value, document2, labels, stillWaitingFor, embeddedLook) });
 }
 var ONE_FIELD_ARRAYS = /* @__PURE__ */ new WeakMap();
@@ -22288,7 +22318,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
@@ -22471,7 +22501,7 @@ function GridBody({
           mode: phone ? "sheet" : toolbarFold2 >= 3 ? "menu" : "inline",
           pinned: /* @__PURE__ */ jsxs61(Fragment23, { children: [
             /* @__PURE__ */ jsx68(UndoRedoLive, { source: undoSource }),
-            !readOnly && rights.write ? /* @__PURE__ */ jsx68(
+            !embedded && !readOnly && rights.write ? /* @__PURE__ */ jsx68(
               NewFromTemplateMenu,
               {
                 tableId,
@@ -22483,7 +22513,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__ */ jsx68(
               NewRecordControl,
               {
@@ -22548,7 +22579,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__ */ jsx68(Button42, { size: "sm", className: "shrink-0", disabled: editingBusy, onClick: () => void addRecord(), children: editingBusy ? "Adding\u2026" : "New record" })
@@ -22799,7 +22830,8 @@ function GridBody({
                   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!",
                     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 } : {},
@@ -31396,7 +31428,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__ */ jsx105(
       Board,