@ai-matrx/content-ir-react 0.20.2 → 0.22.0

package/dist/react.js

@@ -98,8 +98,8 @@ import { useEffect as useEffect2, useRef, useState as useState2, useSyncExternal
 import { nounLabel } from "@ai-matrx/content-ir";
 
 // directives/item-changes.ts
-import { isUuidShape } from "@ai-matrx/kit/uuid";
 import { humanizeIdentifier } from "@ai-matrx/kit/text-case";
+import { itemTitle } from "@ai-matrx/content-ir";
 var TARGETING_CLASSES = /* @__PURE__ */ new Set(["update", "delete"]);
 var NOT_A_CHANGE = /* @__PURE__ */ new Set(["__kind", "id"]);
 var CHANGE_VALUE_MAX = 280;
@@ -115,10 +115,14 @@ function fieldLabel(key) {
 function directiveFieldLabel(key, titleColumn) {
   return titleColumn && key === titleColumn ? "Title" : fieldLabel(key);
 }
+function itemOwnName(item, titleColumn) {
+  const probe = itemTitle(item, titleColumn, 0, 2);
+  return probe === "Item 1 of 2" ? null : probe;
+}
+var NO_TITLE_WORD = "No title";
 var EMPTY_VALUE_WORD = "None";
-function recordFallbackName(nounLabel3, id) {
-  const short = isUuidShape(id) ? id.slice(0, 8) : id.length > 12 ? `${id.slice(0, 12)}\u2026` : id;
-  return `${nounLabel3} ${short}`;
+function recordFallbackName(nounLabel3) {
+  return nounLabel3.trim() || "Record";
 }
 var EMPTY = { value: EMPTY_VALUE_WORD, full: EMPTY_VALUE_WORD, clears: true };
 function describeValue(value, word) {
@@ -617,7 +621,7 @@ function ApplyDirectiveButton({
           ) : null,
           records.map((record) => /* @__PURE__ */ jsx4("span", { className: "inline-flex min-w-0 items-center", children: host.renderRecord?.({
             ...record,
-            fallback: recordFallbackName(label2, record.id),
+            fallback: recordFallbackName(label2),
             context: "applied",
             trashed
           }) }, `${record.noun}:${record.id}`)),
@@ -665,6 +669,14 @@ function ApplyDirectiveButton({
       }
     );
   }
+  const warm = () => {
+    const read2 = host.readRecord;
+    if (!read2 || !TARGETING_CLASSES.has(directive.directiveClass)) return;
+    for (const item of items) {
+      const id = itemRecordId(item);
+      if (id) void read2({ noun: directive.noun, id }).catch(() => null);
+    }
+  };
   const destructive = directive.directiveClass === "delete";
   const muted = nothingToChange && view.status === "idle";
   return /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 flex-wrap items-center justify-end gap-x-2 gap-y-1", children: [
@@ -674,6 +686,8 @@ function ApplyDirectiveButton({
       {
         type: "button",
         onClick: () => void handleApply(),
+        onPointerEnter: warm,
+        onFocus: warm,
         disabled: view.status === "applying" || view.status === "asking" || items.length === 0,
         "data-apply-tone": muted ? "muted" : destructive ? "destructive" : "default",
         title: muted ? "It sets no fields, so applying it changes nothing." : void 0,
@@ -832,7 +846,6 @@ import {
   directiveDisplay as directiveDisplay3,
   itemFacts,
   itemSubtitle,
-  itemTitle,
   nounLabel as nounLabel2,
   nounTitleColumn
 } from "@ai-matrx/content-ir";
@@ -859,7 +872,8 @@ function ItemRow({
     return /* @__PURE__ */ jsx7(TargetRow, { directive, item, recordId, index, phase });
   }
   const titleColumn = nounTitleColumn(directive.noun, host.nouns);
-  const title = itemTitle(item, titleColumn, index, total);
+  const ownName = itemOwnName(item, titleColumn);
+  const title = ownName ?? NO_TITLE_WORD;
   const subtitle = itemSubtitle(item);
   const valueWord = directiveValueWord(host, directive.noun);
   const facts = itemFacts(titleColumn ? omitKey(item, titleColumn) : item).map((fact) => ({
@@ -871,7 +885,14 @@ function ItemRow({
   const display = directiveDisplay3(directive.directiveClass, directive.noun, host.nouns);
   const openItem = host.openItem;
   const body = /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsx7("span", { className: "min-w-0 shrink-0 truncate font-medium text-foreground", children: title }),
+    /* @__PURE__ */ jsx7(
+      "span",
+      {
+        className: `min-w-0 shrink-0 truncate font-medium ${ownName ? "text-foreground" : "italic text-muted-foreground"}`,
+        "data-item-untitled": ownName ? void 0 : "",
+        children: title
+      }
+    ),
     /* @__PURE__ */ jsx7("span", { className: "hidden min-w-0 flex-1 items-baseline gap-2 overflow-hidden sm:flex", children: facts.map((fact) => /* @__PURE__ */ jsxs5("span", { className: "truncate text-[11px] text-muted-foreground", "data-item-fact": fact.key, children: [
       fact.label,
       " ",
@@ -900,7 +921,12 @@ function ItemRow({
         children: body
       }
     ) : /* @__PURE__ */ jsx7("span", { className: "flex min-w-0 flex-1 items-center gap-2 px-1 py-0.5", children: body }),
-    host.renderCopy?.({ label: title, value: item, kind, size: "xs" })
+    host.renderCopy?.({
+      label: ownName ?? `this ${nounLabel2(directive.noun, host.nouns)}`,
+      value: item,
+      kind,
+      size: "xs"
+    })
   ] });
 }
 function DirectiveChangeList({
@@ -954,7 +980,7 @@ function TargetRow({
   phase
 }) {
   const host = useDirectiveHost();
-  const fallback = recordFallbackName(nounLabel2(directive.noun, host.nouns), recordId);
+  const fallback = recordFallbackName(nounLabel2(directive.noun, host.nouns));
   const isUpdate = directive.directiveClass === "update";
   const readsLive = isUpdate && phase.phase === "open";
   const live = useRecordValues(