@ai-matrx/records-ui 0.101.31 → 0.101.33

package/CHANGELOG.md

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

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]);
@@ -5986,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 }));
@@ -5997,6 +6016,7 @@ function referencesOf(field2, value, kind, labels) {
     id,
     label: labels?.(field2, id) ?? null,
     tableId,
+    ...iconOf(labels?.icons?.(field2, id)),
     ...labels?.archived?.(field2, id) ? { archived: true } : {}
   }));
 }
@@ -6028,7 +6048,7 @@ function ReferenceChip({ reference, waiting }) {
         "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, {}) }),
+          /* @__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
         ]
@@ -16496,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;
@@ -16506,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();
@@ -45899,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];