@ai-matrx/agents 0.59.179 → 0.59.181

package/dist/versions/react/index.cjs

@@ -653,7 +653,6 @@ function ModelDiffRenderer({ node, enrichment }) {
           {
             modelId: oldId,
             name: oldName,
-            showId: true,
             className: (0, import_design_system5.cn)(
               node.changeType !== "unchanged" ? "text-destructive" : "text-foreground/80"
             )
@@ -673,7 +672,6 @@ function ModelDiffRenderer({ node, enrichment }) {
           {
             modelId: newId,
             name: newName,
-            showId: true,
             className: (0, import_design_system5.cn)(
               node.changeType !== "unchanged" ? "text-success" : "text-foreground/80"
             )
@@ -726,7 +724,7 @@ function ModelTierIdentityList({ value }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "flex flex-col gap-1.5", children: identities.map((identity) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "grid min-w-0 grid-cols-[5rem_minmax(0,1fr)] items-start gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-muted-foreground", children: identity.role }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModelRef, { modelId: identity.modelId, showId: true })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModelRef, { modelId: identity.modelId })
   ] }, identity.key)) });
 }
 function ModelTiersDiffRenderer({ node }) {
@@ -751,11 +749,77 @@ var ModelTiersAdapter = {
   toSummaryText: (node, enrichment) => `${summarizeTiers(node.oldValue, enrichment)} \u2192 ${summarizeTiers(node.newValue, enrichment)}`
 };
 
-// versions/react/adapters/SettingsAdapter.tsx
+// versions/react/adapters/RecordFieldsAdapter.tsx
 var import_design_system6 = require("@ai-matrx/design-system");
-var import_structural2 = require("@ai-matrx/diff/structural");
 var import_text_case2 = require("@ai-matrx/kit/text-case");
 var import_jsx_runtime9 = require("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] ?? (0, import_text_case2.humanizeIdentifier)(key), oldText, newText, changed: oldText !== newText };
+  });
+}
+function createRecordFieldsAdapter(spec) {
+  function RecordFieldsDiff({ node }) {
+    const rows = recordRows(node, spec.keyLabels);
+    if (rows.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "px-3 py-1.5 border-r border-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground", children: "Nothing set" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "px-3 py-1.5 text-muted-foreground", children: "Nothing set" })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "data-diff-record-key": r.key, className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8", children: r.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_design_system6.cn)("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__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_design_system6.cn)("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
+var import_design_system7 = require("@ai-matrx/design-system");
+var import_structural2 = require("@ai-matrx/diff/structural");
+var import_text_case3 = require("@ai-matrx/kit/text-case");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function SettingsDiffRenderer({ node }) {
   const entries = node.children ?? buildEntries();
   function buildEntries() {
@@ -772,20 +836,20 @@ function SettingsDiffRenderer({ node }) {
       newValue: newSettings[key]
     }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: entries.map((child) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: entries.map((child) => {
     const oldVal = child.oldValue != null ? (0, import_structural2.formatValue)(child.oldValue) : "\u2014";
     const newVal = child.newValue != null ? (0, import_structural2.formatValue)(child.newValue) : "\u2014";
     const changed = child.changeType !== "unchanged";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "div",
       {
         className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8", children: (0, import_text_case2.humanizeIdentifier)(child.key) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8", children: (0, import_text_case3.humanizeIdentifier)(child.key) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "div",
             {
-              className: (0, import_design_system6.cn)(
+              className: (0, import_design_system7.cn)(
                 "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" : ""
@@ -793,10 +857,10 @@ function SettingsDiffRenderer({ node }) {
               children: oldVal
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "div",
             {
-              className: (0, import_design_system6.cn)(
+              className: (0, import_design_system7.cn)(
                 "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" : ""
@@ -828,8 +892,8 @@ var SettingsAdapter = {
 };
 
 // versions/react/adapters/ToolsAdapter.tsx
-var import_design_system7 = require("@ai-matrx/design-system");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_design_system8 = require("@ai-matrx/design-system");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function resolveTool(id, enrichment) {
   return enrichment?.resolveToolId(id) ?? id;
 }
@@ -842,39 +906,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__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: allToolIds.map((id) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { 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__ */ (0, import_jsx_runtime10.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "div",
       {
         className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToolRef, { toolId: id, name: name === id ? void 0 : name, showId: true }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToolRef, { toolId: id, name: name === id ? void 0 : name }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "div",
             {
-              className: (0, import_design_system7.cn)(
+              className: (0, import_design_system8.cn)(
                 "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__ */ (0, import_jsx_runtime10.jsx)(ToolRef, { toolId: id, name: name === id ? void 0 : name }) : "\u2014"
+              children: inOld ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToolRef, { toolId: id, name: name === id ? void 0 : name }) : "\u2014"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "div",
             {
-              className: (0, import_design_system7.cn)(
+              className: (0, import_design_system8.cn)(
                 "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__ */ (0, import_jsx_runtime10.jsx)(ToolRef, { toolId: id, name: name === id ? void 0 : name }) : "\u2014"
+              children: inNew ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToolRef, { toolId: id, name: name === id ? void 0 : name }) : "\u2014"
             }
           )
         ]
@@ -906,10 +970,10 @@ var ToolsAdapter = {
 };
 
 // versions/react/adapters/VariablesAdapter.tsx
-var import_design_system8 = require("@ai-matrx/design-system");
+var import_design_system9 = require("@ai-matrx/design-system");
 var import_structural3 = require("@ai-matrx/diff/structural");
 var import_react5 = require("@ai-matrx/diff/react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function formatVar(v) {
   if (!v) return "\u2014";
   const parts = [`{{${v.name}}}`];
@@ -923,25 +987,25 @@ ${v.helpText}`);
 }
 function VariablesDiffRenderer({ node }) {
   if (node.children && node.children.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: node.children.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(VariableRow, { child }, child.key ?? i)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: node.children.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: Array.from({ length: maxLen }, (_, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: Array.from({ length: maxLen }, (_, i) => {
     const oldVar = oldVars[i];
     const newVar = newVars[i];
     const changed = JSON.stringify(oldVar) !== JSON.stringify(newVar);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
       {
         className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)(
             "div",
             {
-              className: (0, import_design_system8.cn)(
+              className: (0, import_design_system9.cn)(
                 "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" : ""
@@ -949,10 +1013,10 @@ function VariablesDiffRenderer({ node }) {
               children: formatVar(oldVar)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "div",
             {
-              className: (0, import_design_system8.cn)(
+              className: (0, import_design_system9.cn)(
                 "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" : ""
@@ -974,18 +1038,18 @@ function VariableRow({ child }) {
     const oldText = formatVar(oldVar);
     const newText = formatVar(newVar);
     if (oldText !== "" && newText !== "") {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-[200px_1fr] type-secondary border-t border-border/30", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: "{{" + varName + "}}" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "min-w-0 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react5.InlineTextDiff, { original: oldText, modified: newText }) })
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-[200px_1fr] type-secondary border-t border-border/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: "{{" + varName + "}}" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "min-w-0 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react5.InlineTextDiff, { original: oldText, modified: newText }) })
       ] });
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: "{{" + varName + "}}" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-[200px_1fr_1fr] type-secondary border-t border-border/30", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "px-3 py-1.5 border-r border-border text-muted-foreground pl-8 font-mono", children: "{{" + varName + "}}" }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
-        className: (0, import_design_system8.cn)(
+        className: (0, import_design_system9.cn)(
           "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" : "",
@@ -995,10 +1059,10 @@ function VariableRow({ child }) {
         children: formatVar(oldVar)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
-        className: (0, import_design_system8.cn)(
+        className: (0, import_design_system9.cn)(
           "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" : "",
@@ -1029,7 +1093,7 @@ var VariablesAdapter = {
 };
 
 // versions/react/AgentDiffViewer.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function buildAgentAdapterRegistry() {
   const registry = (0, import_react7.createAdapterRegistry)();
   registry.register("messages", MessagesAdapter);
@@ -1054,9 +1118,9 @@ function buildAgentAdapterRegistry() {
   registry.register("ragAwarenessMode", { ...import_react7.TextFieldAdapter, label: "Knowledge Awareness Mode" });
   registry.register("modelTiers", ModelTiersAdapter);
   registry.register("outputSchema", { ...import_react7.JsonObjectAdapter, label: "Output Schema" });
-  registry.register("skillConfig", { ...import_react7.JsonObjectAdapter, label: "Skill Configuration" });
-  registry.register("uiGates", { ...import_react7.JsonObjectAdapter, label: "UI Gates" });
-  registry.register("matrxDirectives", { ...import_react7.JsonObjectAdapter, label: "Matrx Directives" });
+  registry.register("skillConfig", SkillConfigAdapter);
+  registry.register("uiGates", UiGatesAdapter);
+  registry.register("matrxDirectives", MatrxDirectivesAdapter);
   return registry;
 }
 function AgentDiffViewer({
@@ -1072,7 +1136,7 @@ function AgentDiffViewer({
 }) {
   const adapters = (0, import_react6.useMemo)(() => buildAgentAdapterRegistry(), []);
   const diffResult = (0, import_react6.useMemo)(() => compareAgentDefinitions(oldAgent, newAgent).diffResult, [oldAgent, newAgent]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AgentDiffRefsProvider, { refs, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AgentDiffRefsProvider, { refs, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_react7.DiffViewerShell,
     {
       diffResult,
@@ -1092,11 +1156,11 @@ function AgentDiffViewer({
 // versions/react/VersionHistoryTimeline.tsx
 var import_react8 = require("react");
 var import_controls2 = require("@ai-matrx/design-system/controls");
-var import_design_system9 = require("@ai-matrx/design-system");
-var import_data_table = require("@ai-matrx/design-system/data-table");
 var import_design_system10 = require("@ai-matrx/design-system");
-var import_text_case3 = require("@ai-matrx/kit/text-case");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_data_table = require("@ai-matrx/design-system/data-table");
+var import_design_system11 = require("@ai-matrx/design-system");
+var import_text_case4 = require("@ai-matrx/kit/text-case");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var SILENT = { success: () => {
 }, error: () => {
 } };
@@ -1128,18 +1192,18 @@ function VersionHistoryTimeline({
     return {
       number: version.version_number,
       versionId: version.version_id,
-      idCell: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system10.RecordId, { value: version.version_id, label: "Version" }),
+      idCell: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system11.RecordId, { value: version.version_id, label: "Version" }),
       at: version.changed_at,
       note: version.change_note ?? null,
       loaded: enriched ? version.snapshotLoaded : false,
-      changes: enriched ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(VersionChanges, { version, ports: breakPorts }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContractBreak, { version, ports: breakPorts }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground", children: "Not loaded" })
+      changes: enriched ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(VersionChanges, { version, ports: breakPorts }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ContractBreak, { version, ports: breakPorts }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "Not loaded" })
       ] }),
-      changesText: changedFields.map((n) => (0, import_text_case3.humanizeIdentifier)(n.key) || n.key).join(", ") || null
+      changesText: changedFields.map((n) => (0, import_text_case4.humanizeIdentifier)(n.key) || n.key).join(", ") || null
     };
   });
-  const timeline = (enriched) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  const timeline = (enriched) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_data_table.MatrxVersionTimeline,
     {
       tableId: `agent.${agentId}.versions`,
@@ -1152,23 +1216,23 @@ function VersionHistoryTimeline({
     }
   );
   if (versions.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center justify-center py-12 type-body text-muted-foreground", children: "No version history" });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center py-12 type-body text-muted-foreground", children: "No version history" });
   }
   if (!hasEnrichedData && !enrichLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "type-title mb-1", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "type-title mb-1", children: [
           versions.length,
           " version",
           versions.length !== 1 ? "s" : "",
           " ",
           "available"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "type-secondary text-muted-foreground max-w-[320px]", children: "Load history to see what changed in each version" })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "type-secondary text-muted-foreground max-w-[320px]", children: "Load history to see what changed in each version" })
       ] }),
-      failedVersions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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__ */ (0, import_jsx_runtime13.jsx)(AlertTriangle, { className: "w-3.5 h-3.5 mt-0.5 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+      failedVersions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(AlertTriangle, { className: "w-3.5 h-3.5 mt-0.5 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
           failedVersions.length,
           " of ",
           progress.total,
@@ -1178,31 +1242,31 @@ function VersionHistoryTimeline({
           failureReason ? `: ${failureReason}` : ".",
           " Retrying loads the ones that are readable."
         ] }),
-        ErrorMenu ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorMenu, {}) : null
+        ErrorMenu ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ErrorMenu, {}) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         import_controls2.Button,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Atom, {}),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Atom, {}),
           variant: "primary",
           onClick: () => void fetchEnrichedHistory(),
           children: "Load Full History"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-full mt-4 border-t border-border pt-4 px-4", children: timeline(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full mt-4 border-t border-border pt-4 px-4", children: timeline(false) }),
       footer
     ] });
   }
   if (enrichLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LoaderSpin, { className: "h-8 w-8 text-primary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "type-body text-muted-foreground", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LoaderSpin, { className: "h-8 w-8 text-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "type-body text-muted-foreground", children: [
         "Loading version details... ",
         progress.fetched,
         "/",
         progress.total
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-48 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-48 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "div",
         {
           className: "h-full bg-primary rounded-full transition-all duration-300",
@@ -1213,43 +1277,43 @@ function VersionHistoryTimeline({
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "px-4 py-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center justify-between mb-3 pb-3 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "type-secondary text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "px-4 py-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-between mb-3 pb-3 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "type-secondary text-muted-foreground", children: [
       enrichedVersions.filter((v) => v.snapshotLoaded).length,
       " of",
       " ",
       versions.length,
       " versions loaded",
-      failedVersions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "text-destructive", children: [
+      failedVersions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "text-destructive", children: [
         " ",
         "\xB7 ",
         failedVersions.length,
         " could not be read",
-        ErrorMenu ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorMenu, { error: failureReason ?? "Some version snapshots could not be read" }) : null
+        ErrorMenu ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ErrorMenu, { error: failureReason ?? "Some version snapshots could not be read" }) : null
       ] })
     ] }) }),
     timeline(true),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "h-[50dvh]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "h-[50dvh]" }),
     footer
   ] });
 }
 function VersionChanges({ version, ports }) {
   const diff = version.diffSummary;
   const changedFields = diff?.root.filter((n) => n.changeType !== "unchanged") ?? [];
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContractBreak, { version, ports }),
-    diff && changedFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_controls2.ChipSet, { children: changedFields.map((n) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ContractBreak, { version, ports }),
+    diff && changedFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_controls2.ChipSet, { children: changedFields.map((n) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       import_controls2.Chip,
       {
         tone: n.changeType === "added" ? "success" : n.changeType === "removed" ? "destructive" : "warning",
-        label: `${(0, import_text_case3.humanizeIdentifier)(n.key) || n.key}${n.changeType === "added" ? " +" : n.changeType === "removed" ? " \u2212" : ""}`
+        label: `${(0, import_text_case4.humanizeIdentifier)(n.key) || n.key}${n.changeType === "added" ? " +" : n.changeType === "removed" ? " \u2212" : ""}`
       },
       n.key
-    )) }) : diff && changedFields.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground", children: "No changes" }) : !version.snapshotLoaded ? (
+    )) }) : diff && changedFields.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground", children: "Not loaded" })
-    ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground", children: "First version" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "Not loaded" })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "First version" })
   ] });
 }
 function ContractBreak({ version, ports }) {
@@ -1275,8 +1339,8 @@ function ContractBreak({ version, ports }) {
   }
   const autoChange = version.contract_change || null;
   const effectiveChange = declared ?? autoChange;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
-    effectiveChange && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
+    effectiveChange && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       import_controls2.Badge,
       {
         tone: "warning",
@@ -1284,21 +1348,21 @@ function ContractBreak({ version, ports }) {
         children: `Contract: ${effectiveChange}${declared ? " (declared)" : ""}`
       }
     ),
-    ports.onDeclare ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system9.DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    ports.onDeclare ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_design_system10.DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system10.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         import_controls2.Button,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ShieldAlert, {}),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(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__ */ (0, import_jsx_runtime13.jsxs)(import_design_system9.DropdownMenuContent, { align: "start", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.DropdownMenuItem, { onClick: () => void declareBreak("input"), children: "Declare input break" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.DropdownMenuItem, { onClick: () => void declareBreak("output"), children: "Declare output break" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.DropdownMenuItem, { onClick: () => void declareBreak("both"), children: "Declare input + output break" }),
-        declared && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.DropdownMenuItem, { onClick: () => void declareBreak(null), children: "Clear declaration" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_design_system10.DropdownMenuContent, { align: "start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system10.DropdownMenuItem, { onClick: () => void declareBreak("input"), children: "Declare input break" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system10.DropdownMenuItem, { onClick: () => void declareBreak("output"), children: "Declare output break" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system10.DropdownMenuItem, { onClick: () => void declareBreak("both"), children: "Declare input + output break" }),
+        declared && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system10.DropdownMenuItem, { onClick: () => void declareBreak(null), children: "Clear declaration" })
       ] })
     ] }) : null
   ] });