@ai-matrx/content-ir-react 0.18.1 → 0.19.0

package/dist/index.cjs

@@ -74,10 +74,12 @@ __export(index_exports, {
   kindIsRoutable: () => kindIsRoutable,
   kindServerDataFromStoredValue: () => kindServerDataFromStoredValue,
   markKindPartialUnsafe: () => markKindPartialUnsafe,
+  noteRecordChanged: () => noteRecordChanged,
   provisionalDirectiveSlug: () => provisionalDirectiveSlug,
   readIrRouteMarker: () => readIrRouteMarker,
   readsApplyLedger: () => readsApplyLedger,
   recordFallbackName: () => recordFallbackName,
+  recordRevision: () => recordRevision,
   registerDirectiveRenderer: () => registerDirectiveRenderer,
   resetDirectiveRenderers: () => resetDirectiveRenderers,
   resetPartialUnsafeKinds: () => resetPartialUnsafeKinds,
@@ -92,6 +94,7 @@ __export(index_exports, {
   useDirectiveHost: () => useDirectiveHost,
   useDirectiveScope: () => useDirectiveScope,
   useKindRouteEnv: () => useKindRouteEnv,
+  useRecordRevision: () => useRecordRevision,
   useRecordValues: () => useRecordValues
 });
 module.exports = __toCommonJS(index_exports);
@@ -366,8 +369,8 @@ var ComponentResolver = class {
   }
   bumpKind(kind) {
     this.kindVersions.set(kind, (this.kindVersions.get(kind) ?? 0) + 1);
-    const listeners = this.kindListeners.get(kind);
-    if (listeners) for (const listener of listeners) listener();
+    const listeners2 = this.kindListeners.get(kind);
+    if (listeners2) for (const listener of listeners2) listener();
   }
   notifyChanged() {
     this.version += 1;
@@ -833,7 +836,7 @@ var import_content_ir8 = require("@ai-matrx/content-ir");
 var import_content_ir4 = require("@ai-matrx/content-ir");
 
 // directives/ApplyDirectiveButton.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_content_ir3 = require("@ai-matrx/content-ir");
 
 // directives/item-changes.ts
@@ -912,6 +915,64 @@ function itemChanges(item, current, options = {}) {
   return out;
 }
 
+// directives/record-values.ts
+var import_react4 = require("react");
+var revisions = /* @__PURE__ */ new Map();
+var listeners = /* @__PURE__ */ new Set();
+function recordRevision(id) {
+  return revisions.get(id) ?? 0;
+}
+function noteRecordChanged(id) {
+  if (!id) return;
+  revisions.set(id, recordRevision(id) + 1);
+  for (const listener of listeners) listener();
+}
+function subscribeRevisions(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function useRecordRevision(id) {
+  return (0, import_react4.useSyncExternalStore)(
+    subscribeRevisions,
+    () => recordRevision(id),
+    () => 0
+  );
+}
+function useRecordValues(read, ref) {
+  const revision = useRecordRevision(ref?.id ?? "");
+  const key = ref && read ? `${ref.noun}:${ref.id}#${revision}` : "";
+  const [result, setResult] = (0, import_react4.useState)({
+    key: "",
+    values: null,
+    status: "idle"
+  });
+  (0, import_react4.useEffect)(() => {
+    if (!key || !read) return;
+    const split = key.indexOf(":");
+    const target = {
+      noun: key.slice(0, split),
+      id: key.slice(split + 1, key.lastIndexOf("#"))
+    };
+    let live = true;
+    setResult({ key, values: null, status: "loading" });
+    read(target).then((values) => {
+      if (!live) return;
+      setResult({ key, values, status: values ? "ready" : "unavailable" });
+    }).catch(() => {
+      if (!live) return;
+      setResult({ key, values: null, status: "unavailable" });
+    });
+    return () => {
+      live = false;
+    };
+  }, [key, read]);
+  if (!key) return { values: null, status: "idle" };
+  if (result.key !== key) return { values: null, status: "loading" };
+  return { values: result.values, status: result.status };
+}
+
 // directives/failure-words.ts
 var PAST = {
   create: "created",
@@ -1031,6 +1092,13 @@ function classIcon(directiveClass, noun) {
 
 // directives/ApplyDirectiveButton.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function announceChangedRecords(directive, items) {
+  if (!TARGETING_CLASSES.has(directive.directiveClass)) return;
+  for (const item of items) {
+    const id = itemRecordId(item);
+    if (id) noteRecordChanged(id);
+  }
+}
 var applyOutcomes = /* @__PURE__ */ new WeakMap();
 var EMPTY_AUTHORITY = {};
 var outcomeListeners = /* @__PURE__ */ new Set();
@@ -1053,7 +1121,7 @@ function subscribeOutcomes(listener) {
   };
 }
 function useApplyOutcome(host, identity) {
-  return (0, import_react4.useSyncExternalStore)(
+  return (0, import_react5.useSyncExternalStore)(
     subscribeOutcomes,
     () => applyOutcomes.get(host)?.get(identity) ?? null,
     () => null
@@ -1078,12 +1146,12 @@ function ApplyDirectiveButton({
   const items = directive.items;
   const readsLedger = readsApplyLedger(host, directive);
   const initial = readsLedger ? { status: "checking" } : { status: "idle" };
-  const [state, setState] = (0, import_react4.useState)(initial);
-  const [elapsed, setElapsed] = (0, import_react4.useState)(0);
-  const [askingAgain, setAskingAgain] = (0, import_react4.useState)(false);
-  const startedAt = (0, import_react4.useRef)(null);
+  const [state, setState] = (0, import_react5.useState)(initial);
+  const [elapsed, setElapsed] = (0, import_react5.useState)(0);
+  const [askingAgain, setAskingAgain] = (0, import_react5.useState)(false);
+  const startedAt = (0, import_react5.useRef)(null);
   const identity = JSON.stringify([directive.slug, items, conversationId ?? null]);
-  const [stateFor, setStateFor] = (0, import_react4.useState)(identity);
+  const [stateFor, setStateFor] = (0, import_react5.useState)(identity);
   if (stateFor !== identity) {
     setStateFor(identity);
     setState(initial);
@@ -1092,15 +1160,15 @@ function ApplyDirectiveButton({
   }
   const shared = useApplyOutcome(host.confirm ?? EMPTY_AUTHORITY, identity);
   const view = state.status === "asking" || !shared ? state : shared;
-  const currentIdentity = (0, import_react4.useRef)(identity);
-  (0, import_react4.useEffect)(() => {
+  const currentIdentity = (0, import_react5.useRef)(identity);
+  (0, import_react5.useEffect)(() => {
     currentIdentity.current = identity;
   }, [identity]);
   const nounText = (0, import_content_ir3.nounLabel)(directive.noun, host.nouns);
   const shellKey = readsLedger ? JSON.stringify([directive.slug, items, conversationId ?? null]) : "";
   const read = host.applyState;
   const report = host.reportError;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!shellKey || !read) return;
     const [slug, shellItems, inConversation] = JSON.parse(shellKey);
     const shell = { __kind: slug, items: shellItems };
@@ -1148,14 +1216,14 @@ function ApplyDirectiveButton({
   const appliedClean = view.status === "applied" && view.failed === 0 ? view : null;
   const appliedBefore = appliedClean ? appliedClean.before : null;
   const phaseKey = view.status === "checking" || view.status === "finishing" ? "pending" : appliedClean ? `applied:${JSON.stringify(appliedBefore)}` : "open";
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!onPhase) return;
     if (phaseKey === "pending") onPhase({ phase: "pending" });
     else if (phaseKey === "open") onPhase({ phase: "open" });
     else onPhase({ phase: "applied", before: appliedBefore });
   }, [phaseKey, onPhase, appliedBefore]);
   const applyingSince = view.status === "applying" ? view.startedAt : null;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (applyingSince === null) return;
     startedAt.current = applyingSince;
     const id = setInterval(
@@ -1207,7 +1275,13 @@ function ApplyDirectiveButton({
       const shell = { __kind: directive.slug, items };
       if (conversationId) shell.conversationId = conversationId;
       if (again) shell.force = true;
-      const result = await confirm(shell);
+      let result;
+      try {
+        result = await confirm(shell);
+      } finally {
+        announceChangedRecords(directive, items);
+      }
+      for (const record of result.records ?? []) noteRecordChanged(record.id);
       publishOutcome(confirm, askedFor, {
         status: "applied",
         applied: result.applied,
@@ -1368,7 +1442,7 @@ function FailureNotice({
   words,
   raw
 }) {
-  const [open, setOpen] = (0, import_react4.useState)(false);
+  const [open, setOpen] = (0, import_react5.useState)(false);
   const detail = raw?.trim() ?? "";
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex min-w-0 flex-col gap-0.5", "data-apply-failure": true, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "min-w-0", children: [
@@ -1487,39 +1561,6 @@ function resetDirectiveRenderers() {
 // directives/SideEffectDirectiveCard.tsx
 var import_react6 = require("react");
 var import_content_ir7 = require("@ai-matrx/content-ir");
-
-// directives/record-values.ts
-var import_react5 = require("react");
-function useRecordValues(read, ref) {
-  const key = ref && read ? `${ref.noun}:${ref.id}` : "";
-  const [result, setResult] = (0, import_react5.useState)({
-    key: "",
-    values: null,
-    status: "idle"
-  });
-  (0, import_react5.useEffect)(() => {
-    if (!key || !read) return;
-    const split = key.indexOf(":");
-    const target = { noun: key.slice(0, split), id: key.slice(split + 1) };
-    let live = true;
-    setResult({ key, values: null, status: "loading" });
-    read(target).then((values) => {
-      if (!live) return;
-      setResult({ key, values, status: values ? "ready" : "unavailable" });
-    }).catch(() => {
-      if (!live) return;
-      setResult({ key, values: null, status: "unavailable" });
-    });
-    return () => {
-      live = false;
-    };
-  }, [key, read]);
-  if (!key) return { values: null, status: "idle" };
-  if (result.key !== key) return { values: null, status: "loading" };
-  return { values: result.values, status: result.status };
-}
-
-// directives/SideEffectDirectiveCard.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ROWS_BEFORE_FOLD = 3;
 function ItemRow({