@ai-matrx/agents 0.59.213 → 0.59.215

package/dist/context/react/index.cjs

@@ -147,49 +147,15 @@ function formatChars(n) {
 }
 
 // context/react/icons.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function icon(children) {
-  return function Icon(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": "true",
-        ...props,
-        children
-      }
-    );
-  };
-}
-var EyeIcon = icon(
-  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
-  ] })
-);
-var RotateCcwIcon = icon(
-  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 3v5h5" })
-  ] })
-);
-var ArrowDownToLineIcon = icon(
-  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 17V3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 11 6 6 6-6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 21H5" })
-  ] })
-);
-var MinusIcon = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 12h14" }));
+var import_icons = require("@ai-matrx/design-system/icons");
+var sized = (Glyph) => Glyph;
+var EyeIcon = sized(import_icons.EyeIcon);
+var RotateCcwIcon = sized(import_icons.RotateCcwIcon);
+var ArrowDownToLineIcon = sized(import_icons.ArrowDownToLineIcon);
+var MinusIcon = sized(import_icons.MinusIcon);
 
 // context/react/ContextRulesTable.tsx
-var import_icons5 = require("@ai-matrx/design-system/icons");
+var import_icons6 = require("@ai-matrx/design-system/icons");
 
 // context/react/hierarchy.ts
 var AI_MATRX_LEVEL = { id: "ai_matrx", path: ["AI Matrx"], order: 900 };
@@ -266,12 +232,12 @@ function includeChanges(rows, include, cap) {
 
 // context/react/FrozenInclude.tsx
 var import_design_system = require("@ai-matrx/design-system");
-var import_icons2 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_icons3 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime = require("react/jsx-runtime");
 var FROZEN_INCLUDE_TOOLTIP = "Sent as shown";
 function FrozenInclude({ name, checked }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system.Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "span",
       {
         role: "img",
@@ -283,12 +249,12 @@ function FrozenInclude({ name, checked }) {
           checked ? "bg-muted text-foreground" : "bg-transparent"
         ),
         children: [
-          checked ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MinusIcon, { className: "h-3 w-3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.LockIcon, { className: "h-2.5 w-2.5 opacity-70" })
+          checked ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MinusIcon, { className: "h-3 w-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.LockIcon, { className: "h-2.5 w-2.5 opacity-70" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system.TooltipContent, { children: FROZEN_INCLUDE_TOOLTIP })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.TooltipContent, { children: FROZEN_INCLUDE_TOOLTIP })
   ] }) });
 }
 
@@ -373,7 +339,7 @@ function onRequestReason(row) {
 }
 
 // context/react/InlineMaxInput.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function InlineMaxInput({
   value,
   inherited,
@@ -407,16 +373,16 @@ function InlineMaxInput({
     if (next !== value) onCommit(next);
   };
   const overridden = value !== null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: (0, import_design_system2.cn)("flex items-center justify-end", comfortable ? "gap-0.5" : "gap-1"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_design_system2.cn)("flex items-center justify-end", comfortable ? "gap-0.5" : "gap-1"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "span",
       {
         "aria-hidden": "true",
         className: (0, import_design_system2.cn)("h-1.5 w-1.5 shrink-0 rounded-full", overridden ? "bg-primary" : "bg-transparent")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.Tooltip, { open: notice, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.Tooltip, { open: notice, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         import_design_system2.Input,
         {
           type: "text",
@@ -452,10 +418,10 @@ function InlineMaxInput({
           )
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.TooltipContent, { children: `Limit is ${cap}` })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.TooltipContent, { children: `Limit is ${cap}` })
     ] }),
-    overridden && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    overridden && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "button",
         {
           type: "button",
@@ -465,11 +431,11 @@ function InlineMaxInput({
             "inline-flex shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground",
             comfortable ? "h-8 w-7" : "h-5 w-5"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RotateCcwIcon, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RotateCcwIcon, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.TooltipContent, { children: `Reset to ${formatLimit(inherited)}` })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": "true", className: (0, import_design_system2.cn)("shrink-0", comfortable ? "w-7" : "w-5") })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.TooltipContent, { children: `Reset to ${formatLimit(inherited)}` })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": "true", className: (0, import_design_system2.cn)("shrink-0", comfortable ? "w-7" : "w-5") })
   ] });
 }
 
@@ -490,7 +456,7 @@ function summarizeContextRows(rows) {
 }
 
 // context/react/ContextRulesTable.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var CONTEXT_RULES_GRID = {
   compact: "grid grid-cols-[minmax(0,1fr)_2.75rem_4rem_6.5rem] items-center gap-x-2 px-2",
   comfortable: "grid grid-cols-[minmax(0,1fr)_2.75rem_3.5rem_6.75rem] items-center gap-x-1.5 px-3"
@@ -556,7 +522,7 @@ function ContextRulesTable({
     const changes = bulkChanges(list, next);
     if (changes.length > 0) onSetInclude(changes);
   } : void 0;
-  const renderRow = (row, depth) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const renderRow = (row, depth) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     ContextRuleRow,
     {
       row,
@@ -575,11 +541,11 @@ function ContextRulesTable({
     },
     rowId(row)
   );
-  const heading = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading, { ...props, grid, narrow, comfortable, readOnly }, props.id);
+  const heading = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading, { ...props, grid, narrow, comfortable, readOnly }, props.id);
   const renderLevel = (level, depth) => {
     const all = levelRows(level);
     const name = level.ref.path[level.ref.path.length - 1] ?? "";
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { role: "rowgroup", "aria-label": headed ? level.ref.path.join(" \u203A ") : void 0, "data-level": level.ref.id, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "rowgroup", "aria-label": headed ? level.ref.path.join(" \u203A ") : void 0, "data-level": level.ref.id, children: [
       headed ? heading({
         id: `h:${level.ref.id}`,
         kind: "level",
@@ -590,7 +556,7 @@ function ContextRulesTable({
         ...levelSwitch(level, bulk(all))
       }) : null,
       level.rows.map((row) => renderRow(row, depth + 1)),
-      level.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { role: "rowgroup", "aria-label": group.ref.label, "data-group": group.ref.id, children: [
+      level.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "rowgroup", "aria-label": group.ref.label, "data-group": group.ref.id, children: [
         heading({
           id: `h:${group.ref.id}`,
           kind: "group",
@@ -605,7 +571,7 @@ function ContextRulesTable({
       ] }, group.ref.id))
     ] }, level.ref.id);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       ref: rootRef,
@@ -615,20 +581,20 @@ function ContextRulesTable({
       "data-layout": narrow ? "narrow" : "wide",
       className: (0, import_design_system3.cn)("text-xs", className),
       children: [
-        narrow ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        narrow ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "div",
           {
             role: "row",
             className: (0, import_design_system3.cn)(grid, "sticky top-0 z-10 h-7 border-b border-border bg-card font-medium text-muted-foreground"),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { role: "columnheader", children: "Item" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { role: "columnheader", className: "text-center", children: "Include" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { role: "columnheader", className: "text-right", children: "Chars" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { role: "columnheader", className: "pr-6 text-right", children: "Inline max" })
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { role: "columnheader", children: "Item" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { role: "columnheader", className: "text-center", children: "Include" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { role: "columnheader", className: "text-right", children: "Chars" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { role: "columnheader", className: "pr-6 text-right", children: "Inline max" })
             ]
           }
         ),
-        levels.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "px-2 py-3 text-center text-muted-foreground", children: "None" }) : sectionsOf(levels).map((section) => {
+        levels.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "px-2 py-3 text-center text-muted-foreground", children: "None" }) : sectionsOf(levels).map((section) => {
           if (section.label === null || !headed) return renderLevel(section.levels[0], 0);
           const all = section.levels.flatMap(levelRows);
           const several = section.levels.length > 1;
@@ -640,7 +606,7 @@ function ContextRulesTable({
             }
             if (changes.length > 0) onSetInclude?.(changes);
           } : void 0;
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { role: "rowgroup", "aria-label": section.label, "data-section": section.label, children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "rowgroup", "aria-label": section.label, "data-section": section.label, children: [
             heading({
               id: `h:${section.id}`,
               kind: "section",
@@ -681,7 +647,7 @@ function Heading({
   const total = rows.length;
   const showSwitch = !noSwitch && (Boolean(onToggle) || readOnly && total > 0);
   const countLabel = total > 0 ? count === total ? String(total) : `${count}/${total}` : null;
-  const toggle = showSwitch ? readOnly ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FrozenInclude, { name: switchName, checked }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const toggle = showSwitch ? readOnly ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FrozenInclude, { name: switchName, checked }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_design_system3.Switch,
     {
       size: "sm",
@@ -691,7 +657,7 @@ function Heading({
       onCheckedChange: (next) => onToggle?.(next)
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       role: "row",
@@ -703,13 +669,13 @@ function Heading({
         kind === "group" ? "bg-muted/25 text-muted-foreground" : "bg-muted/60 text-foreground"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { role: "cell", className: (0, import_design_system3.cn)("flex min-w-0 items-baseline gap-1.5", indent(depth)), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 whitespace-normal break-words", title: label, children: label }),
-          countLabel ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "shrink-0 font-normal tabular-nums text-muted-foreground", children: countLabel }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "cell", className: (0, import_design_system3.cn)("flex min-w-0 items-baseline gap-1.5", indent(depth)), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 whitespace-normal break-words", title: label, children: label }),
+          countLabel ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "shrink-0 font-normal tabular-nums text-muted-foreground", children: countLabel }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { role: "cell", className: (0, import_design_system3.cn)("flex justify-center", narrow && "order-last"), children: toggle }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { role: "cell", className: "text-right font-normal tabular-nums text-muted-foreground", children: total > 0 ? charsLabel : null }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { role: "cell" })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: (0, import_design_system3.cn)("flex justify-center", narrow && "order-last"), children: toggle }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: "text-right font-normal tabular-nums text-muted-foreground", children: total > 0 ? charsLabel : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell" })
       ]
     }
   );
@@ -731,7 +697,7 @@ function ContextRuleRow({
 }) {
   const selfChecked = row.blockedBy === "self_check" || mismatches.some((m) => m.reason === "self_check");
   const decided = selfChecked ? SELF_CHECK_TOOLTIP : row.serverResolved ? SERVER_RESOLVED_TOOLTIP : `Include: ${LAYER_LABEL[row.decided_by.include]} \xB7 Limit: ${LAYER_LABEL[row.decided_by.max_inline_chars]}`;
-  const labelNode = onOpenRow ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const labelNode = onOpenRow ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "button",
     {
       type: "button",
@@ -739,8 +705,8 @@ function ContextRuleRow({
       className: "block min-w-0 flex-1 truncate text-left hover:underline focus-visible:underline focus-visible:outline-none",
       children: row.label
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "block min-w-0 flex-1 truncate", children: row.label });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block min-w-0 flex-1 truncate", children: row.label });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       role: "row",
@@ -757,7 +723,7 @@ function ContextRuleRow({
         selected && "bg-accent"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "div",
           {
             role: "cell",
@@ -767,31 +733,31 @@ function ContextRuleRow({
               !row.include && "opacity-50"
             ),
             children: [
-              mismatches.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Tooltip, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              mismatches.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.Tooltip, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "span",
                   {
                     role: "img",
                     "aria-label": "Mismatch",
                     className: "inline-flex shrink-0 text-warning",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons5.AlertTriangleIcon, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons6.AlertTriangleIcon, { className: "h-3.5 w-3.5" })
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipContent, { children: describeMismatches(mismatches) })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.TooltipContent, { children: describeMismatches(mismatches) })
               ] }) : null,
-              lead ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "inline-flex shrink-0 items-center", children: lead }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Tooltip, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipTrigger, { asChild: true, children: labelNode }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.TooltipContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: row.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "font-normal text-muted-foreground", children: decided })
+              lead ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "inline-flex shrink-0 items-center", children: lead }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.Tooltip, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.TooltipTrigger, { asChild: true, children: labelNode }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.TooltipContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: row.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "font-normal text-muted-foreground", children: decided })
                 ] })
               ] }),
-              trail ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 max-w-[45%] shrink truncate text-muted-foreground", children: trail }) : null
+              trail ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 max-w-[45%] shrink truncate text-muted-foreground", children: trail }) : null
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { role: "cell", className: (0, import_design_system3.cn)("flex justify-center", narrow && "order-last"), children: readOnly ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FrozenInclude, { name: row.label, checked: row.include }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: (0, import_design_system3.cn)("flex justify-center", narrow && "order-last"), children: readOnly ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FrozenInclude, { name: row.label, checked: row.include }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_design_system3.Switch,
           {
             size: "sm",
@@ -800,21 +766,21 @@ function ContextRuleRow({
             onCheckedChange: (next) => onChange(row.key, row.surfaceKey, withInclude(row, next))
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "div",
           {
             role: "cell",
             className: (0, import_design_system3.cn)("flex items-center justify-end gap-1 tabular-nums", !row.include && "opacity-50"),
             children: [
-              row.include && row.delivery === "on_request" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Tooltip, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { role: "img", "aria-label": "On request", className: "inline-flex text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ArrowDownToLineIcon, { className: "h-3 w-3" }) }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipContent, { children: onRequestReason(row) })
+              row.include && row.delivery === "on_request" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.Tooltip, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { role: "img", "aria-label": "On request", className: "inline-flex text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowDownToLineIcon, { className: "h-3 w-3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.TooltipContent, { children: onRequestReason(row) })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: formatChars(row.chars) })
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: formatChars(row.chars) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { role: "cell", children: narrow ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InlineMaxButton, { row, cap, readOnly, comfortable, onChange }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", children: narrow ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InlineMaxButton, { row, cap, readOnly, comfortable, onChange }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           InlineMaxInput,
           {
             label: row.label,
@@ -841,8 +807,8 @@ function InlineMaxButton({
   const [open, setOpen] = React2.useState(false);
   const own = row.userRule?.max_inline_chars ?? null;
   const text = own !== null ? formatLimit(own) : limitPlaceholder(row, cap);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "button",
       {
         type: "button",
@@ -854,14 +820,14 @@ function InlineMaxButton({
           own === null ? "text-muted-foreground" : "text-foreground"
         ),
         children: [
-          own !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "h-1 w-1 rounded-full bg-primary" }) : null,
+          own !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, className: "h-1 w-1 rounded-full bg-primary" }) : null,
           text
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.PopoverContent, { align: "end", className: "w-auto p-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted-foreground", children: "Inline max" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.PopoverContent, { align: "end", className: "w-auto p-2", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-muted-foreground", children: "Inline max" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         InlineMaxInput,
         {
           label: row.label,
@@ -882,8 +848,8 @@ function InlineMaxButton({
 var React3 = __toESM(require("react"), 1);
 var import_controls = require("@ai-matrx/design-system/controls");
 var import_design_system4 = require("@ai-matrx/design-system");
-var import_icons7 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_icons8 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var BLIND_TOOLTIP = "This model can't read these values";
 var BLIND_LABEL = "Not read";
 function IconButton({
@@ -892,8 +858,8 @@ function IconButton({
   comfortable,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         type: "button",
@@ -906,7 +872,7 @@ function IconButton({
         children
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.TooltipContent, { children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.TooltipContent, { children: label })
   ] });
 }
 function ContextRulesChip({
@@ -949,7 +915,7 @@ function ContextRulesChip({
   const canMaster = !readOnly && on !== void 0 && onToggleAll !== void 0;
   const setEverything = (next) => onToggleAll?.(next);
   const eyeOpen = !blind && on !== false;
-  const faceButton = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const faceButton = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_controls.Button,
     {
       variant,
@@ -958,19 +924,19 @@ function ContextRulesChip({
       ...warn ? { "data-mismatch": "true" } : {},
       ...blind ? { "data-blind": "true" } : {},
       ...pressed !== void 0 ? { pressed } : {},
-      ...warn ? { tone: "warning", glyphTone: "warning", iconEnd: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons7.AlertTriangleIcon, {}) } : {},
-      icon: eyeOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EyeIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons7.EyeOffIcon, {}),
+      ...warn ? { tone: "warning", glyphTone: "warning", iconEnd: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons8.AlertTriangleIcon, {}) } : {},
+      icon: eyeOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(EyeIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons8.EyeOffIcon, {}),
       ...isMobile ? { onClick: () => setOpen(true) } : {},
       className: (0, import_design_system4.cn)("min-w-0", className),
       children: `${name ? `${name} \xB7 ` : ""}${count}${warn ? ` \xB7 ${mismatchCount}` : ""}`
     }
   );
   const faceTip = blind ? BLIND_TOOLTIP : name ? null : faceName;
-  const withBlindTip = (trigger) => faceTip ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.TooltipTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.TooltipContent, { children: faceTip })
+  const withBlindTip = (trigger) => faceTip ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.TooltipTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.TooltipContent, { children: faceTip })
   ] }) : trigger;
-  const body = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  const body = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       className: "flex min-h-0 flex-col",
@@ -978,7 +944,7 @@ function ContextRulesChip({
         if (event.key === "Escape" && event.currentTarget.contains(event.target)) setOpen(false);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
           {
             className: (0, import_design_system4.cn)(
@@ -986,12 +952,12 @@ function ContextRulesChip({
               comfortable ? "h-12" : "h-10"
             ),
             children: [
-              eyeOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EyeIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons7.EyeOffIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-              headerName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 truncate text-sm font-medium", children: headerName }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${count} \xB7 ${charsLabel} chars` }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ml-auto flex shrink-0 items-center gap-0.5", children: [
-                blind ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mr-1 text-xs text-muted-foreground", children: BLIND_LABEL }) : null,
-                canMaster ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              eyeOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(EyeIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons8.EyeOffIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              headerName ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 truncate text-sm font-medium", children: headerName }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${count} \xB7 ${charsLabel} chars` }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ml-auto flex shrink-0 items-center gap-0.5", children: [
+                blind ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mr-1 text-xs text-muted-foreground", children: BLIND_LABEL }) : null,
+                canMaster ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   import_design_system4.Switch,
                   {
                     size: "sm",
@@ -1001,8 +967,8 @@ function ContextRulesChip({
                     className: "mr-1"
                   }
                 ) : null,
-                anyOverride && !readOnly ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconButton, { label: "Reset all", onClick: onResetAll, comfortable, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RotateCcwIcon, { className: "h-3.5 w-3.5" }) }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                anyOverride && !readOnly ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconButton, { label: "Reset all", onClick: onResetAll, comfortable, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RotateCcwIcon, { className: "h-3.5 w-3.5" }) }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   IconButton,
                   {
                     label: "Open full view",
@@ -1011,14 +977,14 @@ function ContextRulesChip({
                       setOpen(false);
                       onOpenFullView();
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons7.PanelRightIcon, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons8.PanelRightIcon, { className: "h-3.5 w-3.5" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_design_system4.cn)("min-h-0 overflow-y-auto", comfortable ? "max-h-[70dvh]" : "max-h-[min(24rem,60vh)]"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_design_system4.cn)("min-h-0 overflow-y-auto", comfortable ? "max-h-[70dvh]" : "max-h-[min(24rem,60vh)]"), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           ContextRulesTable,
           {
             rows,
@@ -1036,14 +1002,14 @@ function ContextRulesChip({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: [
       withBlindTip(faceButton),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.BottomSheet, { open, onOpenChange: setOpen, title: name || faceName, surface: "solid", children: body })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.BottomSheet, { open, onOpenChange: setOpen, title: name || faceName, surface: "solid", children: body })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.Popover, { open, onOpenChange: setOpen, children: [
-    withBlindTip(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.PopoverTrigger, { asChild: true, children: faceButton })),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.Popover, { open, onOpenChange: setOpen, children: [
+    withBlindTip(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.PopoverTrigger, { asChild: true, children: faceButton })),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       import_design_system4.PopoverContent,
       {
         align: "end",
@@ -1057,12 +1023,12 @@ function ContextRulesChip({
 // context/react/ContextRulesPanelBody.tsx
 var React5 = __toESM(require("react"), 1);
 var import_design_system7 = require("@ai-matrx/design-system");
-var import_icons8 = require("@ai-matrx/design-system/icons");
+var import_icons9 = require("@ai-matrx/design-system/icons");
 
 // context/react/ContextDeliveredValue.tsx
 var React4 = __toESM(require("react"), 1);
 var import_design_system5 = require("@ai-matrx/design-system");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function ContextDeliveredValue({
   row,
   load,
@@ -1070,10 +1036,10 @@ function ContextDeliveredValue({
 }) {
   const blocks = row.deliveredBlocks ?? [];
   if (!row.delivered && !row.onRequest && blocks.length === 0) {
-    return isServerAuthoritativeKey(row.key) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { "data-testid": "context-server-fills", className: (0, import_design_system5.cn)("text-xs text-muted-foreground", className), children: "Filled in by the server" }) : null;
+    return isServerAuthoritativeKey(row.key) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { "data-testid": "context-server-fills", className: (0, import_design_system5.cn)("text-xs text-muted-foreground", className), children: "Filled in by the server" }) : null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_design_system5.cn)("flex flex-col gap-3", className), children: [
-    row.delivered ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_design_system5.cn)("flex flex-col gap-3", className), children: [
+    row.delivered ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       DeliveredSection,
       {
         title: "Agent received",
@@ -1082,7 +1048,7 @@ function ContextDeliveredValue({
         load
       }
     ) : null,
-    blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       DeliveredSection,
       {
         title: block.label,
@@ -1095,7 +1061,7 @@ function ContextDeliveredValue({
     row.onRequest || row.delivery === "on_request" && row.delivered ? (
       // A lazy value (a document, a file family …) carries no ref: the turn never reads
       // it. It is fetched — and sized — when opened.
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         DeliveredSection,
         {
           title: "Returned on request",
@@ -1105,7 +1071,7 @@ function ContextDeliveredValue({
         }
       )
     ) : null,
-    row.delivered && CONTEXT_FETCHABLE_ROWS[row.key] ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    row.delivered && CONTEXT_FETCHABLE_ROWS[row.key] ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       DeliveredSection,
       {
         title: "Agent can fetch",
@@ -1152,18 +1118,18 @@ function DeliveredSection({
     };
   }, [load, kind, key, attempt]);
   const unavailable = loaded.state === "done" && !loaded.available;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "flex flex-col gap-1", "aria-label": title, "data-view-kind": kind, "data-view-key": key, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-baseline gap-2 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-medium", children: title }),
-      unavailable ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "flex flex-col gap-1", "aria-label": title, "data-view-kind": kind, "data-view-key": key, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-baseline gap-2 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-medium", children: title }),
+      unavailable ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "span",
         {
           "data-testid": "context-delivered-unavailable",
           className: "rounded border border-border px-1.5 text-[11px] text-muted-foreground",
           children: "Not available to this agent"
         }
-      ) : ref_ || loaded.state === "done" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "tabular-nums text-muted-foreground", children: `${formatChars(ref_ ? ref_.chars : loaded.state === "done" ? loaded.chars : 0)} chars` }) : null,
-      loaded.state === "done" && loaded.fetched === false ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      ) : ref_ || loaded.state === "done" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "tabular-nums text-muted-foreground", children: `${formatChars(ref_ ? ref_.chars : loaded.state === "done" ? loaded.chars : 0)} chars` }) : null,
+      loaded.state === "done" && loaded.fetched === false ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "span",
         {
           "data-testid": "context-delivered-not-read",
@@ -1172,9 +1138,9 @@ function DeliveredSection({
         }
       ) : null
     ] }),
-    unavailable ? null : !load ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : loaded.state === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Skeleton, { "data-testid": "context-delivered-loading", className: "h-16 w-full" }) : loaded.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.ErrorBox, { as: "div", message: loaded.message, className: "flex items-center gap-2 text-xs text-destructive", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "min-w-0 truncate", title: loaded.message, children: loaded.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    unavailable ? null : !load ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : loaded.state === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system5.Skeleton, { "data-testid": "context-delivered-loading", className: "h-16 w-full" }) : loaded.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system5.ErrorBox, { as: "div", message: loaded.message, className: "flex items-center gap-2 text-xs text-destructive", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 truncate", title: loaded.message, children: loaded.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           type: "button",
@@ -1183,7 +1149,7 @@ function DeliveredSection({
           children: "Retry"
         }
       )
-    ] }) : loaded.text === "" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-testid": "context-delivered-empty", className: "text-xs text-muted-foreground", children: "None" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    ] }) : loaded.text === "" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-testid": "context-delivered-empty", className: "text-xs text-muted-foreground", children: "None" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "pre",
       {
         "data-testid": "context-delivered-text",
@@ -1200,7 +1166,7 @@ function DeliveredSection({
 
 // context/react/ContextReceiptBlocks.tsx
 var import_design_system6 = require("@ai-matrx/design-system");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function ContextReceiptBlocks({
   blocks,
   selectedId,
@@ -1210,16 +1176,16 @@ function ContextReceiptBlocks({
 }) {
   if (blocks.length === 0) return null;
   const comfortable = density === "comfortable";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "table", "aria-label": "Also sent", className: (0, import_design_system6.cn)("text-xs", className), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { role: "rowgroup", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "table", "aria-label": "Also sent", className: (0, import_design_system6.cn)("text-xs", className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { role: "rowgroup", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "div",
       {
         role: "row",
         className: "flex h-6 items-center bg-muted/40 px-2 font-medium text-muted-foreground",
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { role: "cell", children: "Also sent" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { role: "cell", children: "Also sent" })
       }
     ),
-    blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "div",
       {
         role: "row",
@@ -1232,7 +1198,7 @@ function ContextReceiptBlocks({
           selectedId === block.id && "bg-accent"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "cell", className: "col-span-2 flex min-w-0 items-center", children: onOpenBlock ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "cell", className: "col-span-2 flex min-w-0 items-center", children: onOpenBlock ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
@@ -1241,9 +1207,9 @@ function ContextReceiptBlocks({
               className: "block min-w-0 flex-1 truncate text-left hover:underline focus-visible:underline focus-visible:outline-none",
               children: block.label
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { title: block.label, className: "block min-w-0 flex-1 truncate", children: block.label }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "cell", className: "text-right tabular-nums", children: formatChars(block.delivered.chars) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "cell" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { title: block.label, className: "block min-w-0 flex-1 truncate", children: block.label }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "cell", className: "text-right tabular-nums", children: formatChars(block.delivered.chars) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "cell" })
         ]
       },
       block.id
@@ -1255,12 +1221,12 @@ function ContextReceiptBlockDetail({
   load,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_design_system6.cn)("flex flex-col gap-3 p-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "min-w-0 truncate text-sm font-medium", children: block.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${formatChars(block.delivered.chars)} chars \xB7 ${DELIVERY_LABEL.inline}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_design_system6.cn)("flex flex-col gap-3 p-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "min-w-0 truncate text-sm font-medium", children: block.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${formatChars(block.delivered.chars)} chars \xB7 ${DELIVERY_LABEL.inline}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       DeliveredSection,
       {
         title: "Agent received",
@@ -1273,7 +1239,7 @@ function ContextReceiptBlockDetail({
 }
 
 // context/react/ContextRulesPanelBody.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function layerCells(row) {
   const { surface, agent, default_max } = row.layers ?? {};
   const declared = agent?.declared === true;
@@ -1296,7 +1262,7 @@ function layerCells(row) {
 var LAYERS = ["default", "page", "agent", "you"];
 function LayerTable({ row }) {
   const cells = layerCells(row);
-  const cell = (text, winning) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const cell = (text, winning) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "span",
     {
       role: "cell",
@@ -1308,26 +1274,26 @@ function LayerTable({ row }) {
       children: text
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { role: "table", "aria-label": "Layers", className: "text-xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { role: "table", "aria-label": "Layers", className: "text-xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "div",
       {
         role: "row",
         className: "grid h-7 grid-cols-[1fr_5rem_5rem] items-center gap-x-2 border-b border-border font-medium text-muted-foreground",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { role: "columnheader", children: "Layer" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { role: "columnheader", className: "text-right", children: "Include" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { role: "columnheader", className: "text-right", children: "Inline max" })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { role: "columnheader", children: "Layer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { role: "columnheader", className: "text-right", children: "Include" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { role: "columnheader", className: "text-right", children: "Inline max" })
         ]
       }
     ),
-    LAYERS.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    LAYERS.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "div",
       {
         role: "row",
         className: "grid h-7 grid-cols-[1fr_5rem_5rem] items-center gap-x-2 border-b border-border/50",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { role: "cell", children: LAYER_LABEL[layer] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { role: "cell", children: LAYER_LABEL[layer] }),
           cell(cells[layer].include, row.decided_by.include === layer),
           cell(cells[layer].limit, row.decided_by.max_inline_chars === layer)
         ]
@@ -1346,18 +1312,18 @@ function RowDetail({
   comfortable,
   loadView
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-3 p-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "min-w-0 truncate text-sm font-medium", children: row.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${formatChars(row.chars)} chars \xB7 ${DELIVERY_LABEL[row.delivery]}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-3 p-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "min-w-0 truncate text-sm font-medium", children: row.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${formatChars(row.chars)} chars \xB7 ${DELIVERY_LABEL[row.delivery]}` })
     ] }),
-    mismatches.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-start gap-1.5 rounded-md border border-warning/40 bg-warning/10 px-2 py-1.5 text-xs text-warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons8.AlertTriangleIcon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: describeMismatches(mismatches) })
+    mismatches.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-start gap-1.5 rounded-md border border-warning/40 bg-warning/10 px-2 py-1.5 text-xs text-warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons9.AlertTriangleIcon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: describeMismatches(mismatches) })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-[auto_1fr] items-center gap-x-4 gap-y-2 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-muted-foreground", children: "Include" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: (0, import_design_system7.cn)("flex items-center", comfortable ? "h-11" : "h-7"), children: readOnly ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FrozenInclude, { name: row.label, checked: row.include }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid grid-cols-[auto_1fr] items-center gap-x-4 gap-y-2 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-muted-foreground", children: "Include" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: (0, import_design_system7.cn)("flex items-center", comfortable ? "h-11" : "h-7"), children: readOnly ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FrozenInclude, { name: row.label, checked: row.include }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         import_design_system7.Switch,
         {
           size: "sm",
@@ -1366,8 +1332,8 @@ function RowDetail({
           onCheckedChange: (next) => onChange(row.key, row.surfaceKey, withInclude(row, next))
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-muted-foreground", children: "Inline max" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-muted-foreground", children: "Inline max" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         InlineMaxInput,
         {
           label: row.label,
@@ -1381,8 +1347,8 @@ function RowDetail({
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LayerTable, { row }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ContextDeliveredValue, { row, load: loadView }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LayerTable, { row }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ContextDeliveredValue, { row, load: loadView }),
     renderDetail ? renderDetail(row) : null
   ] });
 }
@@ -1425,9 +1391,9 @@ function ContextRulesPanelBody({
   const openedBlock = openBlockId ? (blocks ?? []).find((b) => b.id === openBlockId) ?? null : null;
   const selected = !openedBlock && selectedKey ? rows.find((r) => r.key === selectedKey) ?? null : null;
   const comfortable = !!isMobile;
-  const search = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative shrink-0 border-b border-border p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons8.SearchIcon, { className: "pointer-events-none absolute left-4 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const search = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative shrink-0 border-b border-border p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons9.SearchIcon, { className: "pointer-events-none absolute left-4 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_design_system7.Input,
       {
         type: "search",
@@ -1439,8 +1405,8 @@ function ContextRulesPanelBody({
       }
     )
   ] });
-  const table = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const table = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       ContextRulesTable,
       {
         rows: visible,
@@ -1455,7 +1421,7 @@ function ContextRulesPanelBody({
         ...mismatches ? { mismatches } : {}
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       ContextReceiptBlocks,
       {
         blocks: visibleBlocks,
@@ -1465,7 +1431,7 @@ function ContextRulesPanelBody({
       }
     )
   ] });
-  const detail = openedBlock ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ContextReceiptBlockDetail, { block: openedBlock, load: loadView }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const detail = openedBlock ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ContextReceiptBlockDetail, { block: openedBlock, load: loadView }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     RowDetail,
     {
       row: selected,
@@ -1479,8 +1445,8 @@ function ContextRulesPanelBody({
     }
   ) : null;
   const sideBySide = !isMobile;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system7.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-slot": "context-rules-panel", className: (0, import_design_system7.cn)("@container flex h-full min-h-0 min-w-0", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system7.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-slot": "context-rules-panel", className: (0, import_design_system7.cn)("@container flex h-full min-h-0 min-w-0", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "aside",
       {
         "data-slot": "context-rules-list",
@@ -1494,8 +1460,8 @@ function ContextRulesPanelBody({
         ]
       }
     ),
-    detail ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { "data-slot": "context-rules-detail", className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    detail ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { "data-slot": "context-rules-detail", className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "div",
         {
           className: (0, import_design_system7.cn)(
@@ -1503,7 +1469,7 @@ function ContextRulesPanelBody({
             comfortable ? "h-12" : "h-8",
             sideBySide && "@min-[40rem]:hidden"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "button",
             {
               type: "button",
@@ -1513,14 +1479,14 @@ function ContextRulesPanelBody({
                 comfortable ? "h-11 text-sm" : "h-7 text-xs"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons8.ChevronLeftIcon, { className: comfortable ? "h-4 w-4" : "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons9.ChevronLeftIcon, { className: comfortable ? "h-4 w-4" : "h-3.5 w-3.5" }),
                 "Back"
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: detail })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: detail })
     ] }) : null
   ] }) });
 }