@ai-matrx/agents 0.59.179 → 0.59.181

package/dist/versions/react/index.js

@@ -630,7 +630,6 @@ function ModelDiffRenderer({ node, enrichment }) {
           {
             modelId: oldId,
             name: oldName,
-            showId: true,
             className: cn5(
               node.changeType !== "unchanged" ? "text-destructive" : "text-foreground/80"
             )
@@ -650,7 +649,6 @@ function ModelDiffRenderer({ node, enrichment }) {
           {
             modelId: newId,
             name: newName,
-            showId: true,
             className: cn5(
               node.changeType !== "unchanged" ? "text-success" : "text-foreground/80"
             )
@@ -703,7 +701,7 @@ function ModelTierIdentityList({ value }) {
   }
   return /* @__PURE__ */ jsx8("span", { className: "flex flex-col gap-1.5", children: identities.map((identity) => /* @__PURE__ */ jsxs8("span", { className: "grid min-w-0 grid-cols-[5rem_minmax(0,1fr)] items-start gap-2", children: [
     /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: identity.role }),
-    /* @__PURE__ */ jsx8(ModelRef, { modelId: identity.modelId, showId: true })
+    /* @__PURE__ */ jsx8(ModelRef, { modelId: identity.modelId })
   ] }, identity.key)) });
 }
 function ModelTiersDiffRenderer({ node }) {
@@ -728,14 +726,80 @@ var ModelTiersAdapter = {
   toSummaryText: (node, enrichment) => `${summarizeTiers(node.oldValue, enrichment)} \u2192 ${summarizeTiers(node.newValue, enrichment)}`
 };
 
-// versions/react/adapters/SettingsAdapter.tsx
+// versions/react/adapters/RecordFieldsAdapter.tsx
 import { cn as cn6 } from "@ai-matrx/design-system";
+import { humanizeIdentifier as humanizeIdentifier2 } from "@ai-matrx/kit/text-case";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var asRecord = (v) => v && typeof v === "object" && !Array.isArray(v) ? v : {};
+function recordValueText(value) {
+  if (value === void 0 || value === null || value === "") return "\u2014";
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (Array.isArray(value)) return value.length === 0 ? "None" : value.map((v) => typeof v === "string" ? v : JSON.stringify(v)).join(", ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function recordRows(node, keyLabels) {
+  const oldRec = asRecord(node.oldValue);
+  const newRec = asRecord(node.newValue);
+  const known = Object.keys(keyLabels);
+  const extra = [.../* @__PURE__ */ new Set([...Object.keys(oldRec), ...Object.keys(newRec)])].filter((k) => !known.includes(k)).sort();
+  return [...known, ...extra].filter((key) => key in oldRec || key in newRec).map((key) => {
+    const oldText = recordValueText(oldRec[key]);
+    const newText = recordValueText(newRec[key]);
+    return { key, label: keyLabels[key] ?? humanizeIdentifier2(key), oldText, newText, changed: oldText !== newText };
+  });
+}
+function createRecordFieldsAdapter(spec) {
+  function RecordFieldsDiff({ node }) {
+    const rows = recordRows(node, spec.keyLabels);
+    if (rows.length === 0) {
+      return /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30", children: [
+        /* @__PURE__ */ jsx9("div", { className: "px-3 py-1.5 border-r border-border" }),
+        /* @__PURE__ */ jsx9("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground", children: "Nothing set" }),
+        /* @__PURE__ */ jsx9("div", { className: "px-3 py-1.5 text-muted-foreground", children: "Nothing set" })
+      ] });
+    }
+    return /* @__PURE__ */ jsx9(Fragment5, { children: rows.map((r) => /* @__PURE__ */ jsxs9("div", { "data-diff-record-key": r.key, className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30", children: [
+      /* @__PURE__ */ jsx9("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8", children: r.label }),
+      /* @__PURE__ */ jsx9("div", { className: cn6("px-3 py-1.5 border-r border-border whitespace-pre-wrap break-words", r.changed ? "bg-destructive/15 text-destructive-ink" : "text-foreground/80"), children: r.oldText }),
+      /* @__PURE__ */ jsx9("div", { className: cn6("px-3 py-1.5 whitespace-pre-wrap break-words", r.changed ? "bg-success/15 text-success-ink" : "text-foreground/80"), children: r.newText })
+    ] }, r.key)) });
+  }
+  return {
+    label: spec.label,
+    icon: spec.icon,
+    renderDiff: RecordFieldsDiff,
+    toSummaryText: (node) => {
+      const changed = recordRows(node, spec.keyLabels).filter((r) => r.changed);
+      if (changed.length === 1) {
+        const c = changed[0];
+        return `${c.label}: ${c.oldText} \u2192 ${c.newText}`;
+      }
+      return changed.length === 0 ? `${spec.label} unchanged` : `${changed.length} ${spec.label.toLowerCase()} values changed`;
+    }
+  };
+}
+var SkillConfigAdapter = createRecordFieldsAdapter({
+  label: "Skill Configuration",
+  keyLabels: { included: "Always included", listed: "Listed", forbidden: "Never used", disabled: "Skills turned off" }
+});
+var UiGatesAdapter = createRecordFieldsAdapter({
+  label: "UI Gates",
+  keyLabels: { image_urls: "Image links", file_urls: "File links", youtube_videos: "YouTube videos", tools: "Tools" }
+});
+var MatrxDirectivesAdapter = createRecordFieldsAdapter({
+  label: "Matrx Directives",
+  keyLabels: { actions: "Actions", apply_policy: "Apply policy", auto_apply: "Auto-apply all", allow: "Auto-apply only", directive: "Legacy directive" }
+});
+
+// versions/react/adapters/SettingsAdapter.tsx
+import { cn as cn7 } from "@ai-matrx/design-system";
 import {
   filterChanges,
   formatValue
 } from "@ai-matrx/diff/structural";
-import { humanizeIdentifier as humanizeIdentifier2 } from "@ai-matrx/kit/text-case";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { humanizeIdentifier as humanizeIdentifier3 } from "@ai-matrx/kit/text-case";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function SettingsDiffRenderer({ node }) {
   const entries = node.children ?? buildEntries();
   function buildEntries() {
@@ -752,20 +816,20 @@ function SettingsDiffRenderer({ node }) {
       newValue: newSettings[key]
     }));
   }
-  return /* @__PURE__ */ jsx9(Fragment5, { children: entries.map((child) => {
+  return /* @__PURE__ */ jsx10(Fragment6, { children: entries.map((child) => {
     const oldVal = child.oldValue != null ? formatValue(child.oldValue) : "\u2014";
     const newVal = child.newValue != null ? formatValue(child.newValue) : "\u2014";
     const changed = child.changeType !== "unchanged";
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       "div",
       {
         className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30",
         children: [
-          /* @__PURE__ */ jsx9("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8", children: humanizeIdentifier2(child.key) }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8", children: humanizeIdentifier3(child.key) }),
+          /* @__PURE__ */ jsx10(
             "div",
             {
-              className: cn6(
+              className: cn7(
                 "px-3 py-1.5 border-r border-border",
                 changed && child.changeType !== "added" ? "bg-destructive/10 text-destructive-ink bg-destructive/15" : "text-foreground/80",
                 child.changeType === "added" ? "text-muted-foreground/50" : ""
@@ -773,10 +837,10 @@ function SettingsDiffRenderer({ node }) {
               children: oldVal
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "div",
             {
-              className: cn6(
+              className: cn7(
                 "px-3 py-1.5",
                 changed && child.changeType !== "removed" ? "bg-success/10 text-success-ink bg-success/15" : "text-foreground/80",
                 child.changeType === "removed" ? "text-muted-foreground/50" : ""
@@ -808,8 +872,8 @@ var SettingsAdapter = {
 };
 
 // versions/react/adapters/ToolsAdapter.tsx
-import { cn as cn7 } from "@ai-matrx/design-system";
-import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { cn as cn8 } from "@ai-matrx/design-system";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function resolveTool(id, enrichment) {
   return enrichment?.resolveToolId(id) ?? id;
 }
@@ -822,39 +886,39 @@ function ToolsDiffRenderer({ node, enrichment }) {
   const oldTools = Array.isArray(node.oldValue) ? node.oldValue : [];
   const newTools = Array.isArray(node.newValue) ? node.newValue : [];
   const allToolIds = [.../* @__PURE__ */ new Set([...oldTools, ...newTools])];
-  return /* @__PURE__ */ jsx10(Fragment6, { children: allToolIds.map((id) => {
+  return /* @__PURE__ */ jsx11(Fragment7, { children: allToolIds.map((id) => {
     const inOld = oldTools.includes(id);
     const inNew = newTools.includes(id);
     const name = resolveTool(id, enrichment);
     const status = inOld && inNew ? "unchanged" : inOld ? "removed" : "added";
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs11(
       "div",
       {
         className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30",
         children: [
-          /* @__PURE__ */ jsx10("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 min-w-0", children: /* @__PURE__ */ jsx10(ToolRef, { toolId: id, name: name === id ? void 0 : name, showId: true }) }),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 min-w-0", children: /* @__PURE__ */ jsx11(ToolRef, { toolId: id, name: name === id ? void 0 : name }) }),
+          /* @__PURE__ */ jsx11(
             "div",
             {
-              className: cn7(
+              className: cn8(
                 "px-3 py-1.5 border-r border-border",
                 status === "removed" ? "bg-destructive/10 text-destructive-ink bg-destructive/15" : "",
                 status === "added" ? "text-muted-foreground/50" : "",
                 status === "unchanged" ? "text-foreground/80" : ""
               ),
-              children: inOld ? /* @__PURE__ */ jsx10(ToolRef, { toolId: id, name: name === id ? void 0 : name }) : "\u2014"
+              children: inOld ? /* @__PURE__ */ jsx11(ToolRef, { toolId: id, name: name === id ? void 0 : name }) : "\u2014"
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "div",
             {
-              className: cn7(
+              className: cn8(
                 "px-3 py-1.5",
                 status === "added" ? "bg-success/10 text-success-ink bg-success/15" : "",
                 status === "removed" ? "text-muted-foreground/50" : "",
                 status === "unchanged" ? "text-foreground/80" : ""
               ),
-              children: inNew ? /* @__PURE__ */ jsx10(ToolRef, { toolId: id, name: name === id ? void 0 : name }) : "\u2014"
+              children: inNew ? /* @__PURE__ */ jsx11(ToolRef, { toolId: id, name: name === id ? void 0 : name }) : "\u2014"
             }
           )
         ]
@@ -886,12 +950,12 @@ var ToolsAdapter = {
 };
 
 // versions/react/adapters/VariablesAdapter.tsx
-import { cn as cn8 } from "@ai-matrx/design-system";
+import { cn as cn9 } from "@ai-matrx/design-system";
 import {
   formatValue as formatValue2
 } from "@ai-matrx/diff/structural";
 import { InlineTextDiff as InlineTextDiff4 } from "@ai-matrx/diff/react";
-import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function formatVar(v) {
   if (!v) return "\u2014";
   const parts = [`{{${v.name}}}`];
@@ -905,25 +969,25 @@ ${v.helpText}`);
 }
 function VariablesDiffRenderer({ node }) {
   if (node.children && node.children.length > 0) {
-    return /* @__PURE__ */ jsx11(Fragment7, { children: node.children.map((child, i) => /* @__PURE__ */ jsx11(VariableRow, { child }, child.key ?? i)) });
+    return /* @__PURE__ */ jsx12(Fragment8, { children: node.children.map((child, i) => /* @__PURE__ */ jsx12(VariableRow, { child }, child.key ?? i)) });
   }
   const oldVars = Array.isArray(node.oldValue) ? node.oldValue : [];
   const newVars = Array.isArray(node.newValue) ? node.newValue : [];
   const maxLen = Math.max(oldVars.length, newVars.length);
-  return /* @__PURE__ */ jsx11(Fragment7, { children: Array.from({ length: maxLen }, (_, i) => {
+  return /* @__PURE__ */ jsx12(Fragment8, { children: Array.from({ length: maxLen }, (_, i) => {
     const oldVar = oldVars[i];
     const newVar = newVars[i];
     const changed = JSON.stringify(oldVar) !== JSON.stringify(newVar);
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs12(
       "div",
       {
         className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30",
         children: [
-          /* @__PURE__ */ jsx11("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: newVar?.name ?? oldVar?.name ?? `#${i + 1}` }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: newVar?.name ?? oldVar?.name ?? `#${i + 1}` }),
+          /* @__PURE__ */ jsx12(
             "div",
             {
-              className: cn8(
+              className: cn9(
                 "px-3 py-1.5 border-r border-border whitespace-pre-wrap",
                 changed && oldVar ? "bg-destructive/10 text-destructive-ink bg-destructive/15" : "text-foreground/80",
                 !oldVar ? "text-muted-foreground/50" : ""
@@ -931,10 +995,10 @@ function VariablesDiffRenderer({ node }) {
               children: formatVar(oldVar)
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "div",
             {
-              className: cn8(
+              className: cn9(
                 "px-3 py-1.5 whitespace-pre-wrap",
                 changed && newVar ? "bg-success/10 text-success-ink bg-success/15" : "text-foreground/80",
                 !newVar ? "text-muted-foreground/50" : ""
@@ -956,18 +1020,18 @@ function VariableRow({ child }) {
     const oldText = formatVar(oldVar);
     const newText = formatVar(newVar);
     if (oldText !== "" && newText !== "") {
-      return /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-[200px_1fr] type-secondary border-t border-border/30", children: [
-        /* @__PURE__ */ jsx11("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: "{{" + varName + "}}" }),
-        /* @__PURE__ */ jsx11("div", { className: "min-w-0 overflow-x-auto", children: /* @__PURE__ */ jsx11(InlineTextDiff4, { original: oldText, modified: newText }) })
+      return /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-[200px_1fr] type-secondary border-t border-border/30", children: [
+        /* @__PURE__ */ jsx12("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: "{{" + varName + "}}" }),
+        /* @__PURE__ */ jsx12("div", { className: "min-w-0 overflow-x-auto", children: /* @__PURE__ */ jsx12(InlineTextDiff4, { original: oldText, modified: newText }) })
       ] });
     }
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30", children: [
-    /* @__PURE__ */ jsx11("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: "{{" + varName + "}}" }),
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30", children: [
+    /* @__PURE__ */ jsx12("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: "{{" + varName + "}}" }),
+    /* @__PURE__ */ jsx12(
       "div",
       {
-        className: cn8(
+        className: cn9(
           "px-3 py-1.5 border-r border-border whitespace-pre-wrap",
           child.changeType === "removed" ? "bg-destructive/10 text-destructive-ink bg-destructive/15" : "",
           child.changeType === "modified" ? "bg-destructive/10 text-destructive-ink bg-destructive/15" : "",
@@ -977,10 +1041,10 @@ function VariableRow({ child }) {
         children: formatVar(oldVar)
       }
     ),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(
       "div",
       {
-        className: cn8(
+        className: cn9(
           "px-3 py-1.5 whitespace-pre-wrap",
           child.changeType === "added" ? "bg-success/10 text-success-ink bg-success/15" : "",
           child.changeType === "modified" ? "bg-success/10 text-success-ink bg-success/15" : "",
@@ -1011,7 +1075,7 @@ var VariablesAdapter = {
 };
 
 // versions/react/AgentDiffViewer.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function buildAgentAdapterRegistry() {
   const registry = createAdapterRegistry();
   registry.register("messages", MessagesAdapter);
@@ -1036,9 +1100,9 @@ function buildAgentAdapterRegistry() {
   registry.register("ragAwarenessMode", { ...TextFieldAdapter, label: "Knowledge Awareness Mode" });
   registry.register("modelTiers", ModelTiersAdapter);
   registry.register("outputSchema", { ...JsonObjectAdapter, label: "Output Schema" });
-  registry.register("skillConfig", { ...JsonObjectAdapter, label: "Skill Configuration" });
-  registry.register("uiGates", { ...JsonObjectAdapter, label: "UI Gates" });
-  registry.register("matrxDirectives", { ...JsonObjectAdapter, label: "Matrx Directives" });
+  registry.register("skillConfig", SkillConfigAdapter);
+  registry.register("uiGates", UiGatesAdapter);
+  registry.register("matrxDirectives", MatrxDirectivesAdapter);
   return registry;
 }
 function AgentDiffViewer({
@@ -1054,7 +1118,7 @@ function AgentDiffViewer({
 }) {
   const adapters = useMemo(() => buildAgentAdapterRegistry(), []);
   const diffResult = useMemo(() => compareAgentDefinitions(oldAgent, newAgent).diffResult, [oldAgent, newAgent]);
-  return /* @__PURE__ */ jsx12(AgentDiffRefsProvider, { refs, children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(AgentDiffRefsProvider, { refs, children: /* @__PURE__ */ jsx13(
     DiffViewerShell,
     {
       diffResult,
@@ -1084,8 +1148,8 @@ import {
   MatrxVersionTimeline
 } from "@ai-matrx/design-system/data-table";
 import { RecordId } from "@ai-matrx/design-system";
-import { humanizeIdentifier as humanizeIdentifier3 } from "@ai-matrx/kit/text-case";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { humanizeIdentifier as humanizeIdentifier4 } from "@ai-matrx/kit/text-case";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var SILENT = { success: () => {
 }, error: () => {
 } };
@@ -1117,18 +1181,18 @@ function VersionHistoryTimeline({
     return {
       number: version.version_number,
       versionId: version.version_id,
-      idCell: /* @__PURE__ */ jsx13(RecordId, { value: version.version_id, label: "Version" }),
+      idCell: /* @__PURE__ */ jsx14(RecordId, { value: version.version_id, label: "Version" }),
       at: version.changed_at,
       note: version.change_note ?? null,
       loaded: enriched ? version.snapshotLoaded : false,
-      changes: enriched ? /* @__PURE__ */ jsx13(VersionChanges, { version, ports: breakPorts }) : /* @__PURE__ */ jsxs12("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx13(ContractBreak, { version, ports: breakPorts }),
-        /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground", children: "Not loaded" })
+      changes: enriched ? /* @__PURE__ */ jsx14(VersionChanges, { version, ports: breakPorts }) : /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx14(ContractBreak, { version, ports: breakPorts }),
+        /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Not loaded" })
       ] }),
-      changesText: changedFields.map((n) => humanizeIdentifier3(n.key) || n.key).join(", ") || null
+      changesText: changedFields.map((n) => humanizeIdentifier4(n.key) || n.key).join(", ") || null
     };
   });
-  const timeline = (enriched) => /* @__PURE__ */ jsx13(
+  const timeline = (enriched) => /* @__PURE__ */ jsx14(
     MatrxVersionTimeline,
     {
       tableId: `agent.${agentId}.versions`,
@@ -1141,23 +1205,23 @@ function VersionHistoryTimeline({
     }
   );
   if (versions.length === 0) {
-    return /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center py-12 type-body text-muted-foreground", children: "No version history" });
+    return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center py-12 type-body text-muted-foreground", children: "No version history" });
   }
   if (!hasEnrichedData && !enrichLoading) {
-    return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center py-16 gap-4", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "type-title mb-1", children: [
+    return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-center justify-center py-16 gap-4", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "type-title mb-1", children: [
           versions.length,
           " version",
           versions.length !== 1 ? "s" : "",
           " ",
           "available"
         ] }),
-        /* @__PURE__ */ jsx13("p", { className: "type-secondary text-muted-foreground max-w-[320px]", children: "Load history to see what changed in each version" })
+        /* @__PURE__ */ jsx14("p", { className: "type-secondary text-muted-foreground max-w-[320px]", children: "Load history to see what changed in each version" })
       ] }),
-      failedVersions.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-2 max-w-[420px] px-3 py-2 rounded-md border border-destructive/30 bg-destructive/10 type-secondary text-destructive-ink", children: [
-        /* @__PURE__ */ jsx13(AlertTriangle, { className: "w-3.5 h-3.5 mt-0.5 shrink-0" }),
-        /* @__PURE__ */ jsxs12("span", { children: [
+      failedVersions.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2 max-w-[420px] px-3 py-2 rounded-md border border-destructive/30 bg-destructive/10 type-secondary text-destructive-ink", children: [
+        /* @__PURE__ */ jsx14(AlertTriangle, { className: "w-3.5 h-3.5 mt-0.5 shrink-0" }),
+        /* @__PURE__ */ jsxs13("span", { children: [
           failedVersions.length,
           " of ",
           progress.total,
@@ -1167,31 +1231,31 @@ function VersionHistoryTimeline({
           failureReason ? `: ${failureReason}` : ".",
           " Retrying loads the ones that are readable."
         ] }),
-        ErrorMenu ? /* @__PURE__ */ jsx13(ErrorMenu, {}) : null
+        ErrorMenu ? /* @__PURE__ */ jsx14(ErrorMenu, {}) : null
       ] }),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         Button,
         {
-          icon: /* @__PURE__ */ jsx13(Atom, {}),
+          icon: /* @__PURE__ */ jsx14(Atom, {}),
           variant: "primary",
           onClick: () => void fetchEnrichedHistory(),
           children: "Load Full History"
         }
       ),
-      /* @__PURE__ */ jsx13("div", { className: "w-full mt-4 border-t border-border pt-4 px-4", children: timeline(false) }),
+      /* @__PURE__ */ jsx14("div", { className: "w-full mt-4 border-t border-border pt-4 px-4", children: timeline(false) }),
       footer
     ] });
   }
   if (enrichLoading) {
-    return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center py-16 gap-3", children: [
-      /* @__PURE__ */ jsx13(LoaderSpin, { className: "h-8 w-8 text-primary" }),
-      /* @__PURE__ */ jsxs12("div", { className: "type-body text-muted-foreground", children: [
+    return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-center justify-center py-16 gap-3", children: [
+      /* @__PURE__ */ jsx14(LoaderSpin, { className: "h-8 w-8 text-primary" }),
+      /* @__PURE__ */ jsxs13("div", { className: "type-body text-muted-foreground", children: [
         "Loading version details... ",
         progress.fetched,
         "/",
         progress.total
       ] }),
-      /* @__PURE__ */ jsx13("div", { className: "w-48 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14("div", { className: "w-48 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx14(
         "div",
         {
           className: "h-full bg-primary rounded-full transition-all duration-300",
@@ -1202,43 +1266,43 @@ function VersionHistoryTimeline({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs12("div", { className: "px-4 py-3", children: [
-    /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-between mb-3 pb-3 border-b border-border", children: /* @__PURE__ */ jsxs12("div", { className: "type-secondary text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "px-4 py-3", children: [
+    /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-between mb-3 pb-3 border-b border-border", children: /* @__PURE__ */ jsxs13("div", { className: "type-secondary text-muted-foreground", children: [
       enrichedVersions.filter((v) => v.snapshotLoaded).length,
       " of",
       " ",
       versions.length,
       " versions loaded",
-      failedVersions.length > 0 && /* @__PURE__ */ jsxs12("span", { className: "text-destructive", children: [
+      failedVersions.length > 0 && /* @__PURE__ */ jsxs13("span", { className: "text-destructive", children: [
         " ",
         "\xB7 ",
         failedVersions.length,
         " could not be read",
-        ErrorMenu ? /* @__PURE__ */ jsx13(ErrorMenu, { error: failureReason ?? "Some version snapshots could not be read" }) : null
+        ErrorMenu ? /* @__PURE__ */ jsx14(ErrorMenu, { error: failureReason ?? "Some version snapshots could not be read" }) : null
       ] })
     ] }) }),
     timeline(true),
-    /* @__PURE__ */ jsx13("div", { className: "h-[50dvh]" }),
+    /* @__PURE__ */ jsx14("div", { className: "h-[50dvh]" }),
     footer
   ] });
 }
 function VersionChanges({ version, ports }) {
   const diff = version.diffSummary;
   const changedFields = diff?.root.filter((n) => n.changeType !== "unchanged") ?? [];
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx13(ContractBreak, { version, ports }),
-    diff && changedFields.length > 0 ? /* @__PURE__ */ jsx13(ChipSet, { children: changedFields.map((n) => /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx14(ContractBreak, { version, ports }),
+    diff && changedFields.length > 0 ? /* @__PURE__ */ jsx14(ChipSet, { children: changedFields.map((n) => /* @__PURE__ */ jsx14(
       Chip,
       {
         tone: n.changeType === "added" ? "success" : n.changeType === "removed" ? "destructive" : "warning",
-        label: `${humanizeIdentifier3(n.key) || n.key}${n.changeType === "added" ? " +" : n.changeType === "removed" ? " \u2212" : ""}`
+        label: `${humanizeIdentifier4(n.key) || n.key}${n.changeType === "added" ? " +" : n.changeType === "removed" ? " \u2212" : ""}`
       },
       n.key
-    )) }) : diff && changedFields.length === 0 ? /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground", children: "No changes" }) : !version.snapshotLoaded ? (
+    )) }) : diff && changedFields.length === 0 ? /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "No changes" }) : !version.snapshotLoaded ? (
       // An unread snapshot says so — never a lone contract-break button where the
       // changes belong (walk-core 2026-10-18: v9–v2 showed only the shield).
-      /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground", children: "Not loaded" })
-    ) : /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground", children: "First version" })
+      /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Not loaded" })
+    ) : /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "First version" })
   ] });
 }
 function ContractBreak({ version, ports }) {
@@ -1264,8 +1328,8 @@ function ContractBreak({ version, ports }) {
   }
   const autoChange = version.contract_change || null;
   const effectiveChange = declared ?? autoChange;
-  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-1", children: [
-    effectiveChange && /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-1", children: [
+    effectiveChange && /* @__PURE__ */ jsx14(
       Badge2,
       {
         tone: "warning",
@@ -1273,21 +1337,21 @@ function ContractBreak({ version, ports }) {
         children: `Contract: ${effectiveChange}${declared ? " (declared)" : ""}`
       }
     ),
-    ports.onDeclare ? /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx13(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx13(
+    ports.onDeclare ? /* @__PURE__ */ jsxs13(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx14(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
         Button,
         {
-          icon: /* @__PURE__ */ jsx13(ShieldAlert, {}),
+          icon: /* @__PURE__ */ jsx14(ShieldAlert, {}),
           "aria-label": "Mark this version as a contract break the hashes cannot see (e.g. a prompt-level output change)",
           variant: "quiet",
           title: "Mark this version as a contract break the hashes cannot see (e.g. a prompt-level output change)"
         }
       ) }),
-      /* @__PURE__ */ jsxs12(DropdownMenuContent, { align: "start", children: [
-        /* @__PURE__ */ jsx13(DropdownMenuItem, { onClick: () => void declareBreak("input"), children: "Declare input break" }),
-        /* @__PURE__ */ jsx13(DropdownMenuItem, { onClick: () => void declareBreak("output"), children: "Declare output break" }),
-        /* @__PURE__ */ jsx13(DropdownMenuItem, { onClick: () => void declareBreak("both"), children: "Declare input + output break" }),
-        declared && /* @__PURE__ */ jsx13(DropdownMenuItem, { onClick: () => void declareBreak(null), children: "Clear declaration" })
+      /* @__PURE__ */ jsxs13(DropdownMenuContent, { align: "start", children: [
+        /* @__PURE__ */ jsx14(DropdownMenuItem, { onClick: () => void declareBreak("input"), children: "Declare input break" }),
+        /* @__PURE__ */ jsx14(DropdownMenuItem, { onClick: () => void declareBreak("output"), children: "Declare output break" }),
+        /* @__PURE__ */ jsx14(DropdownMenuItem, { onClick: () => void declareBreak("both"), children: "Declare input + output break" }),
+        declared && /* @__PURE__ */ jsx14(DropdownMenuItem, { onClick: () => void declareBreak(null), children: "Clear declaration" })
       ] })
     ] }) : null
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/agents",
-  "version": "0.59.179",
+  "version": "0.59.181",
   "description": "Portable AI Matrx agent stream protocol, event projection, and safe result-presentation primitives.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -509,14 +509,14 @@
   "sideEffects": false,
   "dependencies": {
     "@ai-matrx/alchemy": "latest",
-    "@ai-matrx/associations": "latest",
     "@ai-matrx/api": "latest",
+    "@ai-matrx/associations": "latest",
+    "@ai-matrx/data": "latest",
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/design-system": "latest",
-    "@ai-matrx/data": "latest",
     "@ai-matrx/diff": "latest",
-    "@ai-matrx/kit": "latest",
-    "@ai-matrx/icons": "latest"
+    "@ai-matrx/icons": "latest",
+    "@ai-matrx/kit": "latest"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -561,5 +561,5 @@
     "verify:tarball": "node ./scripts/verify-tarball.mjs",
     "typegen:self-test": "node scripts/typegen/drop-guard.self-test.mjs && node scripts/typegen/check-api-types-fresh.mjs --self-test"
   },
-  "gitHead": "c7880ba0a4edb78ab4c5eafb15840c9163fba699"
+  "gitHead": "b50b1b48e7c1eab250e3abcd099fe98d9988facb"
 }