@ai-matrx/agents 0.43.6 → 0.43.9

package/dist/context/react/index.cjs

@@ -53,7 +53,7 @@ module.exports = __toCommonJS(react_exports);
 
 // context/react/ContextRulesTable.tsx
 var React2 = __toESM(require("react"), 1);
-var import_design_system2 = require("@ai-matrx/design-system");
+var import_design_system3 = require("@ai-matrx/design-system");
 
 // context/index.ts
 var DEFAULT_INLINE_MAX_CHARS = 200;
@@ -219,6 +219,14 @@ var ArrowDownToLineIcon = icon(
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 21H5" })
   ] })
 );
+var LockIcon = icon(
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  ] })
+);
+var CheckIcon = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" }));
+var MinusIcon = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 12h14" }));
 
 // context/react/hierarchy.ts
 var AI_MATRX_LEVEL = { id: "ai_matrx", path: ["AI Matrx"], order: 900 };
@@ -293,9 +301,36 @@ function includeChanges(rows, include, cap) {
   return changes;
 }
 
+// context/react/FrozenInclude.tsx
+var import_design_system = require("@ai-matrx/design-system");
+var import_jsx_runtime2 = 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)(
+      "span",
+      {
+        role: "img",
+        "aria-label": `${checked ? "Included" : "Not included"}: ${name}`,
+        "data-frozen-include": checked ? "on" : "off",
+        tabIndex: 0,
+        className: (0, import_design_system.cn)(
+          "inline-flex h-5 items-center gap-0.5 rounded px-1 text-muted-foreground",
+          checked ? "bg-muted text-foreground" : "bg-transparent"
+        ),
+        children: [
+          checked ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MinusIcon, { className: "h-3 w-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LockIcon, { className: "h-2.5 w-2.5 opacity-70" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system.TooltipContent, { children: FROZEN_INCLUDE_TOOLTIP })
+  ] }) });
+}
+
 // context/react/InlineMaxInput.tsx
 var React = __toESM(require("react"), 1);
-var import_design_system = require("@ai-matrx/design-system");
+var import_design_system2 = require("@ai-matrx/design-system");
 
 // context/react/shared.ts
 var LAYER_LABEL = {
@@ -374,7 +409,7 @@ function onRequestReason(row) {
 }
 
 // context/react/InlineMaxInput.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function InlineMaxInput({
   value,
   inherited,
@@ -408,17 +443,17 @@ function InlineMaxInput({
     if (next !== value) onCommit(next);
   };
   const overridden = value !== null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_design_system.cn)("flex items-center justify-end", comfortable ? "gap-0.5" : "gap-1"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  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)(
       "span",
       {
         "aria-hidden": "true",
-        className: (0, import_design_system.cn)("h-1.5 w-1.5 shrink-0 rounded-full", overridden ? "bg-primary" : "bg-transparent")
+        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_runtime2.jsxs)(import_design_system.Tooltip, { open: notice, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_design_system.Input,
+    /* @__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)(
+        import_design_system2.Input,
         {
           type: "text",
           inputMode: "numeric",
@@ -447,30 +482,30 @@ function InlineMaxInput({
               e.currentTarget.blur();
             }
           },
-          className: (0, import_design_system.cn)(
+          className: (0, import_design_system2.cn)(
             "min-w-0 rounded px-1 py-0 text-right tabular-nums shadow-none",
             comfortable ? "h-8 w-[6.5ch] text-base" : "h-6 w-[6.5ch] text-xs"
           )
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system.TooltipContent, { children: `Limit is ${cap}` })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.TooltipContent, { children: `Limit is ${cap}` })
     ] }),
-    overridden && !disabled ? /* @__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.jsx)(
+    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)(
         "button",
         {
           type: "button",
           "aria-label": `Reset inline max for ${label}`,
           onClick: () => onCommit(null),
-          className: (0, import_design_system.cn)(
+          className: (0, import_design_system2.cn)(
             "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_runtime2.jsx)(RotateCcwIcon, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RotateCcwIcon, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system.TooltipContent, { children: `Reset to ${formatLimit(inherited)}` })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": "true", className: (0, import_design_system.cn)("shrink-0", comfortable ? "w-7" : "w-5") })
+      /* @__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") })
   ] });
 }
 
@@ -491,7 +526,7 @@ function summarizeContextRows(rows) {
 }
 
 // context/react/ContextRulesTable.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = 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"
@@ -557,7 +592,7 @@ function ContextRulesTable({
     const changes = bulkChanges(list, next);
     if (changes.length > 0) onSetInclude(changes);
   } : void 0;
-  const renderRow = (row, depth) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const renderRow = (row, depth) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     ContextRuleRow,
     {
       row,
@@ -576,11 +611,11 @@ function ContextRulesTable({
     },
     rowId(row)
   );
-  const heading = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading, { ...props, grid, narrow, comfortable, readOnly }, props.id);
+  const heading = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime3.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_runtime4.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",
@@ -591,7 +626,7 @@ function ContextRulesTable({
         ...levelSwitch(level, bulk(all))
       }) : null,
       level.rows.map((row) => renderRow(row, depth + 1)),
-      level.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "rowgroup", "aria-label": group.ref.label, "data-group": group.ref.id, children: [
+      level.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { role: "rowgroup", "aria-label": group.ref.label, "data-group": group.ref.id, children: [
         heading({
           id: `h:${group.ref.id}`,
           kind: "group",
@@ -606,7 +641,7 @@ function ContextRulesTable({
       ] }, group.ref.id))
     ] }, level.ref.id);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       ref: rootRef,
@@ -614,22 +649,22 @@ function ContextRulesTable({
       "aria-label": "Values",
       "data-density": density,
       "data-layout": narrow ? "narrow" : "wide",
-      className: (0, import_design_system2.cn)("text-xs", className),
+      className: (0, import_design_system3.cn)("text-xs", className),
       children: [
-        narrow ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        narrow ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
           {
             role: "row",
-            className: (0, import_design_system2.cn)(grid, "sticky top-0 z-10 h-7 border-b border-border bg-card font-medium text-muted-foreground"),
+            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_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" })
+              /* @__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" })
             ]
           }
         ),
-        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) => {
+        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) => {
           if (section.label === null || !headed) return renderLevel(section.levels[0], 0);
           const all = section.levels.flatMap(levelRows);
           const several = section.levels.length > 1;
@@ -641,7 +676,7 @@ function ContextRulesTable({
             }
             if (changes.length > 0) onSetInclude?.(changes);
           } : void 0;
-          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "rowgroup", "aria-label": section.label, "data-section": section.label, children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { role: "rowgroup", "aria-label": section.label, "data-section": section.label, children: [
             heading({
               id: `h:${section.id}`,
               kind: "section",
@@ -682,35 +717,35 @@ 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 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_design_system2.Switch,
+  const toggle = showSwitch ? readOnly ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FrozenInclude, { name: switchName, checked }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_design_system3.Switch,
     {
       size: "sm",
       "aria-label": `Include ${switchName}`,
       checked,
-      disabled: readOnly || !onToggle,
+      disabled: !onToggle,
       onCheckedChange: (next) => onToggle?.(next)
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       role: "row",
       "data-heading": kind,
-      className: (0, import_design_system2.cn)(
+      className: (0, import_design_system3.cn)(
         grid,
         "border-b border-border/50 font-medium",
         comfortable ? "min-h-11 py-1" : "min-h-7 py-0.5",
         kind === "group" ? "bg-muted/25 text-muted-foreground" : "bg-muted/60 text-foreground"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "cell", className: (0, import_design_system2.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.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.jsx)("div", { role: "cell", className: (0, import_design_system2.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" })
+        /* @__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" })
       ]
     }
   );
@@ -732,7 +767,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_runtime3.jsx)(
+  const labelNode = onOpenRow ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "button",
     {
       type: "button",
@@ -740,8 +775,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_runtime3.jsx)("span", { className: "block min-w-0 flex-1 truncate", children: row.label });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  ) : /* @__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)(
     "div",
     {
       role: "row",
@@ -751,72 +786,71 @@ function ContextRuleRow({
       "data-included": row.include ? "true" : "false",
       "data-mismatch": mismatches.length > 0 ? "true" : void 0,
       "aria-selected": selected || void 0,
-      className: (0, import_design_system2.cn)(
+      className: (0, import_design_system3.cn)(
         grid,
         "border-b border-border/50",
         comfortable ? "min-h-11" : "h-7",
         selected && "bg-accent"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
           {
             role: "cell",
-            className: (0, import_design_system2.cn)(
+            className: (0, import_design_system3.cn)(
               "flex min-w-0 items-center gap-1.5",
               indent(depth),
               !row.include && "opacity-50"
             ),
             children: [
-              mismatches.length > 0 ? /* @__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)(
+              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)(
                   "span",
                   {
                     role: "img",
                     "aria-label": "Mismatch",
                     className: "inline-flex shrink-0 text-warning",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TriangleAlertIcon, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TriangleAlertIcon, { className: "h-3.5 w-3.5" })
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.TooltipContent, { children: describeMismatches(mismatches) })
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipContent, { children: describeMismatches(mismatches) })
               ] }) : null,
-              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_system2.Tooltip, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.TooltipTrigger, { asChild: true, children: labelNode }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.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 })
+              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 })
                 ] })
               ] }),
-              trail ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 max-w-[45%] shrink truncate text-muted-foreground", children: trail }) : null
+              trail ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 max-w-[45%] shrink truncate text-muted-foreground", children: trail }) : null
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: (0, import_design_system2.cn)("flex justify-center", narrow && "order-last"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_design_system2.Switch,
+        /* @__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)(
+          import_design_system3.Switch,
           {
             size: "sm",
             "aria-label": `Include ${row.label}`,
             checked: row.include,
-            disabled: readOnly,
             onCheckedChange: (next) => onChange(row.key, row.surfaceKey, withInclude(row, next))
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
           {
             role: "cell",
-            className: (0, import_design_system2.cn)("flex items-center justify-end gap-1 tabular-nums", !row.include && "opacity-50"),
+            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_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)("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_system2.TooltipContent, { children: onRequestReason(row) })
+              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) })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: formatChars(row.chars) })
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: formatChars(row.chars) })
             ]
           }
         ),
-        /* @__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)(
+        /* @__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)(
           InlineMaxInput,
           {
             label: row.label,
@@ -843,27 +877,27 @@ 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_runtime3.jsxs)(import_design_system2.Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  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)(
       "button",
       {
         type: "button",
         "aria-label": `Inline max ${row.label}: ${text}`,
         disabled: readOnly,
-        className: (0, import_design_system2.cn)(
+        className: (0, import_design_system3.cn)(
           "relative inline-flex min-w-[2.25rem] items-center justify-end gap-1 rounded px-1 tabular-nums hover:bg-accent disabled:opacity-60",
           comfortable ? "h-8 after:absolute after:-inset-y-1.5 after:inset-x-0 after:content-['']" : "h-6",
           own === null ? "text-muted-foreground" : "text-foreground"
         ),
         children: [
-          own !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, className: "h-1 w-1 rounded-full bg-primary" }) : null,
+          own !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "h-1 w-1 rounded-full bg-primary" }) : null,
           text
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.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)(
+    /* @__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)(
         InlineMaxInput,
         {
           label: row.label,
@@ -882,8 +916,8 @@ function InlineMaxButton({
 
 // context/react/ContextRulesChip.tsx
 var React3 = __toESM(require("react"), 1);
-var import_design_system3 = require("@ai-matrx/design-system");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_design_system4 = require("@ai-matrx/design-system");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var BLIND_TOOLTIP = "This model can't read these values";
 var BLIND_LABEL = "Not read";
 function IconButton({
@@ -892,21 +926,21 @@ function IconButton({
   comfortable,
   children
 }) {
-  return /* @__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)(
+  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)(
       "button",
       {
         type: "button",
         "aria-label": label,
         onClick,
-        className: (0, import_design_system3.cn)(
+        className: (0, import_design_system4.cn)(
           "inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground",
           comfortable ? "h-11 w-11" : "h-7 w-7"
         ),
         children
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipContent, { children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.TooltipContent, { children: label })
   ] });
 }
 function ContextRulesChip({
@@ -947,7 +981,7 @@ function ContextRulesChip({
   const hasPage = on !== void 0 && !hierarchy;
   const headerName = hierarchy ? "" : name;
   const eyeOpen = !blind && on !== false;
-  const faceButton = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const faceButton = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "button",
     {
       type: "button",
@@ -957,7 +991,7 @@ function ContextRulesChip({
       "data-blind": blind ? "true" : void 0,
       "aria-pressed": pressed,
       onClick: isMobile ? () => setOpen(true) : void 0,
-      className: (0, import_design_system3.cn)(
+      className: (0, import_design_system4.cn)(
         "relative inline-flex h-6 min-w-0 shrink items-center gap-1 rounded-md border border-border bg-card px-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent",
         comfortable && "after:absolute after:-inset-x-1.5 after:-inset-y-2.5 after:content-['']",
         !eyeOpen && "text-muted-foreground",
@@ -967,37 +1001,37 @@ function ContextRulesChip({
         className
       ),
       children: [
-        eyeOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(EyeIcon, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(EyeOffIcon, { className: "h-3 w-3 shrink-0" }),
-        name ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 truncate", children: name }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: count }),
-        warn ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "inline-flex shrink-0 items-center gap-0.5 tabular-nums text-warning", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TriangleAlertIcon, { className: "h-3 w-3" }),
+        eyeOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EyeIcon, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EyeOffIcon, { className: "h-3 w-3 shrink-0" }),
+        name ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 truncate", children: name }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: count }),
+        warn ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "inline-flex shrink-0 items-center gap-0.5 tabular-nums text-warning", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TriangleAlertIcon, { className: "h-3 w-3" }),
           mismatchCount
         ] }) : null
       ]
     }
   );
   const faceTip = blind ? BLIND_TOOLTIP : name ? null : faceName;
-  const withBlindTip = (trigger) => faceTip ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipContent, { children: faceTip })
+  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 })
   ] }) : trigger;
-  const body = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-h-0 flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const body = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-h-0 flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
-        className: (0, import_design_system3.cn)(
+        className: (0, import_design_system4.cn)(
           "flex shrink-0 items-center gap-2 border-b border-border px-3",
           comfortable ? "h-12" : "h-10"
         ),
         children: [
-          eyeOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(EyeIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(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,
-            hasPage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              import_design_system3.Switch,
+          eyeOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EyeIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(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,
+            hasPage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_design_system4.Switch,
               {
                 size: "sm",
                 "aria-label": "Include this page",
@@ -1007,8 +1041,8 @@ function ContextRulesChip({
                 className: "mr-1"
               }
             ) : null,
-            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)(
+            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)(
               IconButton,
               {
                 label: "Open full view",
@@ -1017,14 +1051,14 @@ function ContextRulesChip({
                   setOpen(false);
                   onOpenFullView();
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PanelRightIcon, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PanelRightIcon, { className: "h-3.5 w-3.5" })
               }
             )
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_design_system3.cn)("min-h-0 overflow-y-auto", comfortable ? "max-h-[70dvh]" : "max-h-[min(24rem,60vh)]"), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__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)(
       ContextRulesTable,
       {
         rows,
@@ -1040,15 +1074,15 @@ function ContextRulesChip({
     ) })
   ] });
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: [
       withBlindTip(faceButton),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.BottomSheet, { open, onOpenChange: setOpen, title: name || faceName, surface: "solid", children: body })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.BottomSheet, { open, onOpenChange: setOpen, title: name || faceName, surface: "solid", children: body })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Popover, { open, onOpenChange: setOpen, children: [
-    withBlindTip(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.PopoverTrigger, { asChild: true, children: faceButton })),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_design_system3.PopoverContent,
+  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)(
+      import_design_system4.PopoverContent,
       {
         align: "end",
         className: "w-[30rem] max-w-[calc(100vw-1rem)] overflow-hidden p-0",
@@ -1060,12 +1094,12 @@ function ContextRulesChip({
 
 // context/react/ContextRulesPanelBody.tsx
 var React5 = __toESM(require("react"), 1);
-var import_design_system6 = require("@ai-matrx/design-system");
+var import_design_system7 = require("@ai-matrx/design-system");
 
 // context/react/ContextDeliveredValue.tsx
 var React4 = __toESM(require("react"), 1);
-var import_design_system4 = require("@ai-matrx/design-system");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_design_system5 = require("@ai-matrx/design-system");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function ContextDeliveredValue({
   row,
   load,
@@ -1073,10 +1107,10 @@ function ContextDeliveredValue({
 }) {
   const blocks = row.deliveredBlocks ?? [];
   if (!row.delivered && !row.onRequest && blocks.length === 0) {
-    return isServerAuthoritativeKey(row.key) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { "data-testid": "context-server-fills", className: (0, import_design_system4.cn)("text-xs text-muted-foreground", className), children: "Filled in by the server" }) : null;
+    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 /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_design_system4.cn)("flex flex-col gap-3", className), children: [
-    row.delivered ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  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)(
       DeliveredSection,
       {
         title: "Agent received",
@@ -1085,7 +1119,7 @@ function ContextDeliveredValue({
         load
       }
     ) : null,
-    blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       DeliveredSection,
       {
         title: block.label,
@@ -1098,7 +1132,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_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         DeliveredSection,
         {
           title: "Returned on request",
@@ -1108,7 +1142,7 @@ function ContextDeliveredValue({
         }
       )
     ) : null,
-    row.delivered && CONTEXT_FETCHABLE_ROWS[row.key] ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    row.delivered && CONTEXT_FETCHABLE_ROWS[row.key] ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       DeliveredSection,
       {
         title: "Agent can fetch",
@@ -1155,18 +1189,18 @@ function DeliveredSection({
     };
   }, [load, kind, key, attempt]);
   const unavailable = loaded.state === "done" && !loaded.available;
-  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)(
+  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)(
         "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_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)(
+      ) : 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)(
         "span",
         {
           "data-testid": "context-delivered-not-read",
@@ -1175,9 +1209,9 @@ function DeliveredSection({
         }
       ) : null
     ] }),
-    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_system4.Skeleton, { "data-testid": "context-delivered-loading", className: "h-16 w-full" }) : loaded.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.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)(
+    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)(
         "button",
         {
           type: "button",
@@ -1186,11 +1220,11 @@ function DeliveredSection({
           children: "Retry"
         }
       )
-    ] }) : 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)(
+    ] }) : 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)(
       "pre",
       {
         "data-testid": "context-delivered-text",
-        className: (0, import_design_system4.cn)(
+        className: (0, import_design_system5.cn)(
           "max-h-[min(50dvh,22rem)] cursor-text select-text overflow-auto",
           "whitespace-pre-wrap break-words rounded border border-border",
           "bg-muted/40 p-2 font-mono text-[11px] text-foreground"
@@ -1202,8 +1236,8 @@ function DeliveredSection({
 }
 
 // context/react/ContextReceiptBlocks.tsx
-var import_design_system5 = require("@ai-matrx/design-system");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_design_system6 = require("@ai-matrx/design-system");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function ContextReceiptBlocks({
   blocks,
   selectedId,
@@ -1213,29 +1247,29 @@ function ContextReceiptBlocks({
 }) {
   if (blocks.length === 0) return null;
   const comfortable = density === "comfortable";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "table", "aria-label": "Also sent", className: (0, import_design_system5.cn)("text-xs", className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { role: "rowgroup", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  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)(
       "div",
       {
         role: "row",
         className: "flex h-6 items-center bg-muted/40 px-2 font-medium text-muted-foreground",
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { role: "cell", children: "Also sent" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { role: "cell", children: "Also sent" })
       }
     ),
-    blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "div",
       {
         role: "row",
         "data-block-id": block.id,
         "aria-selected": selectedId === block.id || void 0,
-        className: (0, import_design_system5.cn)(
+        className: (0, import_design_system6.cn)(
           CONTEXT_RULES_GRID[density],
           "border-b border-border/50",
           comfortable ? "min-h-11" : "h-7",
           selectedId === block.id && "bg-accent"
         ),
         children: [
-          /* @__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)(
+          /* @__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)(
             "button",
             {
               type: "button",
@@ -1244,9 +1278,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_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" })
+          ) : /* @__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" })
         ]
       },
       block.id
@@ -1258,12 +1292,12 @@ function ContextReceiptBlockDetail({
   load,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_design_system5.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}` })
+  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}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       DeliveredSection,
       {
         title: "Agent received",
@@ -1276,7 +1310,7 @@ function ContextReceiptBlockDetail({
 }
 
 // context/react/ContextRulesPanelBody.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function layerCells(row) {
   const { surface, agent, default_max } = row.layers ?? {};
   const declared = agent?.declared === true;
@@ -1299,38 +1333,38 @@ function layerCells(row) {
 var LAYERS = ["default", "page", "agent", "you"];
 function LayerTable({ row }) {
   const cells = layerCells(row);
-  const cell = (text, winning) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const cell = (text, winning) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "span",
     {
       role: "cell",
       "data-winning": winning ? "true" : void 0,
-      className: (0, import_design_system6.cn)(
+      className: (0, import_design_system7.cn)(
         "rounded px-1.5 py-0.5 text-right tabular-nums",
         winning ? "bg-primary/10 font-medium text-foreground" : "text-muted-foreground"
       ),
       children: text
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { role: "table", "aria-label": "Layers", className: "text-xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { role: "table", "aria-label": "Layers", className: "text-xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.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_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" })
+          /* @__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" })
         ]
       }
     ),
-    LAYERS.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    LAYERS.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime7.jsx)("span", { role: "cell", children: LAYER_LABEL[layer] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.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)
         ]
@@ -1349,29 +1383,28 @@ function RowDetail({
   comfortable,
   loadView
 }) {
-  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]}` })
+  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]}` })
     ] }),
-    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)(TriangleAlertIcon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: describeMismatches(mismatches) })
+    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)(TriangleAlertIcon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: describeMismatches(mismatches) })
     ] }) : null,
-    /* @__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_system6.cn)("flex items-center", comfortable ? "h-11" : "h-7"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_design_system6.Switch,
+    /* @__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)(
+        import_design_system7.Switch,
         {
           size: "sm",
           "aria-label": `Include ${row.label}`,
           checked: row.include,
-          disabled: readOnly,
           onCheckedChange: (next) => onChange(row.key, row.surfaceKey, withInclude(row, next))
         }
       ) }),
-      /* @__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)(
+      /* @__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)(
         InlineMaxInput,
         {
           label: row.label,
@@ -1385,8 +1418,8 @@ function RowDetail({
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LayerTable, { row }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ContextDeliveredValue, { row, load: loadView }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LayerTable, { row }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ContextDeliveredValue, { row, load: loadView }),
     renderDetail ? renderDetail(row) : null
   ] });
 }
@@ -1429,22 +1462,22 @@ 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_runtime7.jsxs)("div", { className: "relative shrink-0 border-b border-border p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(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_system6.Input,
+  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)(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)(
+      import_design_system7.Input,
       {
         type: "search",
         "aria-label": "Search values",
         placeholder: "Search",
         value: query,
         onChange: (e) => setQuery(e.target.value),
-        className: (0, import_design_system6.cn)("pl-7 shadow-none", comfortable ? "h-11 text-base" : "h-8 text-xs")
+        className: (0, import_design_system7.cn)("pl-7 shadow-none", comfortable ? "h-11 text-base" : "h-8 text-xs")
       }
     )
   ] });
-  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)(
+  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)(
       ContextRulesTable,
       {
         rows: visible,
@@ -1459,7 +1492,7 @@ function ContextRulesPanelBody({
         ...mismatches ? { mismatches } : {}
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       ContextReceiptBlocks,
       {
         blocks: visibleBlocks,
@@ -1469,7 +1502,7 @@ function ContextRulesPanelBody({
       }
     )
   ] });
-  const detail = openedBlock ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ContextReceiptBlockDetail, { block: openedBlock, load: loadView }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const detail = openedBlock ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ContextReceiptBlockDetail, { block: openedBlock, load: loadView }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     RowDetail,
     {
       row: selected,
@@ -1483,31 +1516,31 @@ function ContextRulesPanelBody({
     }
   ) : null;
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: (0, import_design_system6.cn)("flex h-full min-h-0 flex-col", className), children: detail ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-12 shrink-0 items-center border-b border-border px-1", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system7.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: (0, import_design_system7.cn)("flex h-full min-h-0 flex-col", className), children: detail ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex h-12 shrink-0 items-center border-b border-border px-1", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
         "button",
         {
           type: "button",
           onClick: () => select(null),
           className: "inline-flex h-11 items-center gap-1 rounded-md px-2 text-sm text-muted-foreground hover:text-foreground",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeftIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChevronLeftIcon, { className: "h-4 w-4" }),
             "Back"
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: detail })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: detail })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
       search,
       table
     ] }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_design_system6.cn)("flex h-full min-h-0", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("aside", { className: "flex w-[22rem] shrink-0 flex-col border-r border-border", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system7.TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: (0, import_design_system7.cn)("flex h-full min-h-0", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("aside", { className: "flex w-[22rem] shrink-0 flex-col border-r border-border", children: [
       search,
       table
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto", children: detail ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground", children: "Select an item" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto", children: detail ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground", children: "Select an item" }) })
   ] }) });
 }
 //# sourceMappingURL=index.cjs.map