@ai-matrx/agents 0.43.6 → 0.43.9

package/dist/context/react/index.js

@@ -7,11 +7,11 @@ import {
   PopoverContent,
   PopoverTrigger,
   Switch,
-  Tooltip as Tooltip2,
-  TooltipContent as TooltipContent2,
-  TooltipProvider,
-  TooltipTrigger as TooltipTrigger2,
-  cn as cn2
+  Tooltip as Tooltip3,
+  TooltipContent as TooltipContent3,
+  TooltipProvider as TooltipProvider2,
+  TooltipTrigger as TooltipTrigger3,
+  cn as cn3
 } from "@ai-matrx/design-system";
 
 // context/index.ts
@@ -178,6 +178,14 @@ var ArrowDownToLineIcon = icon(
     /* @__PURE__ */ jsx("path", { d: "M19 21H5" })
   ] })
 );
+var LockIcon = icon(
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  ] })
+);
+var CheckIcon = icon(/* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }));
+var MinusIcon = icon(/* @__PURE__ */ jsx("path", { d: "M5 12h14" }));
 
 // context/react/hierarchy.ts
 var AI_MATRX_LEVEL = { id: "ai_matrx", path: ["AI Matrx"], order: 900 };
@@ -252,14 +260,41 @@ function includeChanges(rows, include, cap) {
   return changes;
 }
 
+// context/react/FrozenInclude.tsx
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn } from "@ai-matrx/design-system";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var FROZEN_INCLUDE_TOOLTIP = "Sent as shown";
+function FrozenInclude({ name, checked }) {
+  return /* @__PURE__ */ jsx2(TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs2(Tooltip, { children: [
+    /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
+      "span",
+      {
+        role: "img",
+        "aria-label": `${checked ? "Included" : "Not included"}: ${name}`,
+        "data-frozen-include": checked ? "on" : "off",
+        tabIndex: 0,
+        className: 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__ */ jsx2(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx2(MinusIcon, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx2(LockIcon, { className: "h-2.5 w-2.5 opacity-70" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(TooltipContent, { children: FROZEN_INCLUDE_TOOLTIP })
+  ] }) });
+}
+
 // context/react/InlineMaxInput.tsx
 import * as React from "react";
 import {
   Input,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-  cn
+  Tooltip as Tooltip2,
+  TooltipContent as TooltipContent2,
+  TooltipTrigger as TooltipTrigger2,
+  cn as cn2
 } from "@ai-matrx/design-system";
 
 // context/react/shared.ts
@@ -339,7 +374,7 @@ function onRequestReason(row) {
 }
 
 // context/react/InlineMaxInput.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function InlineMaxInput({
   value,
   inherited,
@@ -373,16 +408,16 @@ function InlineMaxInput({
     if (next !== value) onCommit(next);
   };
   const overridden = value !== null;
-  return /* @__PURE__ */ jsxs2("div", { className: cn("flex items-center justify-end", comfortable ? "gap-0.5" : "gap-1"), children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs3("div", { className: cn2("flex items-center justify-end", comfortable ? "gap-0.5" : "gap-1"), children: [
+    /* @__PURE__ */ jsx3(
       "span",
       {
         "aria-hidden": "true",
-        className: cn("h-1.5 w-1.5 shrink-0 rounded-full", overridden ? "bg-primary" : "bg-transparent")
+        className: cn2("h-1.5 w-1.5 shrink-0 rounded-full", overridden ? "bg-primary" : "bg-transparent")
       }
     ),
-    /* @__PURE__ */ jsxs2(Tooltip, { open: notice, children: [
-      /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsxs3(Tooltip2, { open: notice, children: [
+      /* @__PURE__ */ jsx3(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx3(
         Input,
         {
           type: "text",
@@ -412,30 +447,30 @@ function InlineMaxInput({
               e.currentTarget.blur();
             }
           },
-          className: cn(
+          className: cn2(
             "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__ */ jsx2(TooltipContent, { children: `Limit is ${cap}` })
+      /* @__PURE__ */ jsx3(TooltipContent2, { children: `Limit is ${cap}` })
     ] }),
-    overridden && !disabled ? /* @__PURE__ */ jsxs2(Tooltip, { children: [
-      /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx2(
+    overridden && !disabled ? /* @__PURE__ */ jsxs3(Tooltip2, { children: [
+      /* @__PURE__ */ jsx3(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
           "aria-label": `Reset inline max for ${label}`,
           onClick: () => onCommit(null),
-          className: cn(
+          className: cn2(
             "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__ */ jsx2(RotateCcwIcon, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx3(RotateCcwIcon, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ jsx2(TooltipContent, { children: `Reset to ${formatLimit(inherited)}` })
-    ] }) : /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: cn("shrink-0", comfortable ? "w-7" : "w-5") })
+      /* @__PURE__ */ jsx3(TooltipContent2, { children: `Reset to ${formatLimit(inherited)}` })
+    ] }) : /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", className: cn2("shrink-0", comfortable ? "w-7" : "w-5") })
   ] });
 }
 
@@ -456,7 +491,7 @@ function summarizeContextRows(rows) {
 }
 
 // context/react/ContextRulesTable.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "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"
@@ -522,7 +557,7 @@ function ContextRulesTable({
     const changes = bulkChanges(list, next);
     if (changes.length > 0) onSetInclude(changes);
   } : void 0;
-  const renderRow = (row, depth) => /* @__PURE__ */ jsx3(
+  const renderRow = (row, depth) => /* @__PURE__ */ jsx4(
     ContextRuleRow,
     {
       row,
@@ -541,11 +576,11 @@ function ContextRulesTable({
     },
     rowId(row)
   );
-  const heading = (props) => /* @__PURE__ */ jsx3(Heading, { ...props, grid, narrow, comfortable, readOnly }, props.id);
+  const heading = (props) => /* @__PURE__ */ jsx4(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__ */ jsxs3("div", { role: "rowgroup", "aria-label": headed ? level.ref.path.join(" \u203A ") : void 0, "data-level": level.ref.id, children: [
+    return /* @__PURE__ */ jsxs4("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",
@@ -556,7 +591,7 @@ function ContextRulesTable({
         ...levelSwitch(level, bulk(all))
       }) : null,
       level.rows.map((row) => renderRow(row, depth + 1)),
-      level.groups.map((group) => /* @__PURE__ */ jsxs3("div", { role: "rowgroup", "aria-label": group.ref.label, "data-group": group.ref.id, children: [
+      level.groups.map((group) => /* @__PURE__ */ jsxs4("div", { role: "rowgroup", "aria-label": group.ref.label, "data-group": group.ref.id, children: [
         heading({
           id: `h:${group.ref.id}`,
           kind: "group",
@@ -571,7 +606,7 @@ function ContextRulesTable({
       ] }, group.ref.id))
     ] }, level.ref.id);
   };
-  return /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx4(TooltipProvider2, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs4(
     "div",
     {
       ref: rootRef,
@@ -579,22 +614,22 @@ function ContextRulesTable({
       "aria-label": "Values",
       "data-density": density,
       "data-layout": narrow ? "narrow" : "wide",
-      className: cn2("text-xs", className),
+      className: cn3("text-xs", className),
       children: [
-        narrow ? null : /* @__PURE__ */ jsxs3(
+        narrow ? null : /* @__PURE__ */ jsxs4(
           "div",
           {
             role: "row",
-            className: cn2(grid, "sticky top-0 z-10 h-7 border-b border-border bg-card font-medium text-muted-foreground"),
+            className: cn3(grid, "sticky top-0 z-10 h-7 border-b border-border bg-card font-medium text-muted-foreground"),
             children: [
-              /* @__PURE__ */ jsx3("span", { role: "columnheader", children: "Item" }),
-              /* @__PURE__ */ jsx3("span", { role: "columnheader", className: "text-center", children: "Include" }),
-              /* @__PURE__ */ jsx3("span", { role: "columnheader", className: "text-right", children: "Chars" }),
-              /* @__PURE__ */ jsx3("span", { role: "columnheader", className: "pr-6 text-right", children: "Inline max" })
+              /* @__PURE__ */ jsx4("span", { role: "columnheader", children: "Item" }),
+              /* @__PURE__ */ jsx4("span", { role: "columnheader", className: "text-center", children: "Include" }),
+              /* @__PURE__ */ jsx4("span", { role: "columnheader", className: "text-right", children: "Chars" }),
+              /* @__PURE__ */ jsx4("span", { role: "columnheader", className: "pr-6 text-right", children: "Inline max" })
             ]
           }
         ),
-        levels.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "px-2 py-3 text-center text-muted-foreground", children: "None" }) : sectionsOf(levels).map((section) => {
+        levels.length === 0 ? /* @__PURE__ */ jsx4("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;
@@ -606,7 +641,7 @@ function ContextRulesTable({
             }
             if (changes.length > 0) onSetInclude?.(changes);
           } : void 0;
-          return /* @__PURE__ */ jsxs3("div", { role: "rowgroup", "aria-label": section.label, "data-section": section.label, children: [
+          return /* @__PURE__ */ jsxs4("div", { role: "rowgroup", "aria-label": section.label, "data-section": section.label, children: [
             heading({
               id: `h:${section.id}`,
               kind: "section",
@@ -647,35 +682,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__ */ jsx3(
+  const toggle = showSwitch ? readOnly ? /* @__PURE__ */ jsx4(FrozenInclude, { name: switchName, checked }) : /* @__PURE__ */ jsx4(
     Switch,
     {
       size: "sm",
       "aria-label": `Include ${switchName}`,
       checked,
-      disabled: readOnly || !onToggle,
+      disabled: !onToggle,
       onCheckedChange: (next) => onToggle?.(next)
     }
   ) : null;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       role: "row",
       "data-heading": kind,
-      className: cn2(
+      className: cn3(
         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__ */ jsxs3("div", { role: "cell", className: cn2("flex min-w-0 items-baseline gap-1.5", indent(depth)), children: [
-          /* @__PURE__ */ jsx3("span", { className: "min-w-0 whitespace-normal break-words", title: label, children: label }),
-          countLabel ? /* @__PURE__ */ jsx3("span", { className: "shrink-0 font-normal tabular-nums text-muted-foreground", children: countLabel }) : null
+        /* @__PURE__ */ jsxs4("div", { role: "cell", className: cn3("flex min-w-0 items-baseline gap-1.5", indent(depth)), children: [
+          /* @__PURE__ */ jsx4("span", { className: "min-w-0 whitespace-normal break-words", title: label, children: label }),
+          countLabel ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 font-normal tabular-nums text-muted-foreground", children: countLabel }) : null
         ] }),
-        /* @__PURE__ */ jsx3("div", { role: "cell", className: cn2("flex justify-center", narrow && "order-last"), children: toggle }),
-        /* @__PURE__ */ jsx3("div", { role: "cell", className: "text-right font-normal tabular-nums text-muted-foreground", children: total > 0 ? charsLabel : null }),
-        /* @__PURE__ */ jsx3("div", { role: "cell" })
+        /* @__PURE__ */ jsx4("div", { role: "cell", className: cn3("flex justify-center", narrow && "order-last"), children: toggle }),
+        /* @__PURE__ */ jsx4("div", { role: "cell", className: "text-right font-normal tabular-nums text-muted-foreground", children: total > 0 ? charsLabel : null }),
+        /* @__PURE__ */ jsx4("div", { role: "cell" })
       ]
     }
   );
@@ -697,7 +732,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__ */ jsx3(
+  const labelNode = onOpenRow ? /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -705,8 +740,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__ */ jsx3("span", { className: "block min-w-0 flex-1 truncate", children: row.label });
-  return /* @__PURE__ */ jsxs3(
+  ) : /* @__PURE__ */ jsx4("span", { className: "block min-w-0 flex-1 truncate", children: row.label });
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       role: "row",
@@ -716,72 +751,71 @@ function ContextRuleRow({
       "data-included": row.include ? "true" : "false",
       "data-mismatch": mismatches.length > 0 ? "true" : void 0,
       "aria-selected": selected || void 0,
-      className: cn2(
+      className: cn3(
         grid,
         "border-b border-border/50",
         comfortable ? "min-h-11" : "h-7",
         selected && "bg-accent"
       ),
       children: [
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs4(
           "div",
           {
             role: "cell",
-            className: cn2(
+            className: cn3(
               "flex min-w-0 items-center gap-1.5",
               indent(depth),
               !row.include && "opacity-50"
             ),
             children: [
-              mismatches.length > 0 ? /* @__PURE__ */ jsxs3(Tooltip2, { children: [
-                /* @__PURE__ */ jsx3(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx3(
+              mismatches.length > 0 ? /* @__PURE__ */ jsxs4(Tooltip3, { children: [
+                /* @__PURE__ */ jsx4(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx4(
                   "span",
                   {
                     role: "img",
                     "aria-label": "Mismatch",
                     className: "inline-flex shrink-0 text-warning",
-                    children: /* @__PURE__ */ jsx3(TriangleAlertIcon, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ jsx4(TriangleAlertIcon, { className: "h-3.5 w-3.5" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx3(TooltipContent2, { children: describeMismatches(mismatches) })
+                /* @__PURE__ */ jsx4(TooltipContent3, { children: describeMismatches(mismatches) })
               ] }) : null,
-              lead ? /* @__PURE__ */ jsx3("span", { className: "inline-flex shrink-0 items-center", children: lead }) : null,
-              /* @__PURE__ */ jsxs3(Tooltip2, { children: [
-                /* @__PURE__ */ jsx3(TooltipTrigger2, { asChild: true, children: labelNode }),
-                /* @__PURE__ */ jsxs3(TooltipContent2, { children: [
-                  /* @__PURE__ */ jsx3("div", { children: row.label }),
-                  /* @__PURE__ */ jsx3("div", { className: "font-normal text-muted-foreground", children: decided })
+              lead ? /* @__PURE__ */ jsx4("span", { className: "inline-flex shrink-0 items-center", children: lead }) : null,
+              /* @__PURE__ */ jsxs4(Tooltip3, { children: [
+                /* @__PURE__ */ jsx4(TooltipTrigger3, { asChild: true, children: labelNode }),
+                /* @__PURE__ */ jsxs4(TooltipContent3, { children: [
+                  /* @__PURE__ */ jsx4("div", { children: row.label }),
+                  /* @__PURE__ */ jsx4("div", { className: "font-normal text-muted-foreground", children: decided })
                 ] })
               ] }),
-              trail ? /* @__PURE__ */ jsx3("span", { className: "min-w-0 max-w-[45%] shrink truncate text-muted-foreground", children: trail }) : null
+              trail ? /* @__PURE__ */ jsx4("span", { className: "min-w-0 max-w-[45%] shrink truncate text-muted-foreground", children: trail }) : null
             ]
           }
         ),
-        /* @__PURE__ */ jsx3("div", { role: "cell", className: cn2("flex justify-center", narrow && "order-last"), children: /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("div", { role: "cell", className: cn3("flex justify-center", narrow && "order-last"), children: readOnly ? /* @__PURE__ */ jsx4(FrozenInclude, { name: row.label, checked: row.include }) : /* @__PURE__ */ jsx4(
           Switch,
           {
             size: "sm",
             "aria-label": `Include ${row.label}`,
             checked: row.include,
-            disabled: readOnly,
             onCheckedChange: (next) => onChange(row.key, row.surfaceKey, withInclude(row, next))
           }
         ) }),
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs4(
           "div",
           {
             role: "cell",
-            className: cn2("flex items-center justify-end gap-1 tabular-nums", !row.include && "opacity-50"),
+            className: cn3("flex items-center justify-end gap-1 tabular-nums", !row.include && "opacity-50"),
             children: [
-              row.include && row.delivery === "on_request" ? /* @__PURE__ */ jsxs3(Tooltip2, { children: [
-                /* @__PURE__ */ jsx3(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx3("span", { role: "img", "aria-label": "On request", className: "inline-flex text-muted-foreground", children: /* @__PURE__ */ jsx3(ArrowDownToLineIcon, { className: "h-3 w-3" }) }) }),
-                /* @__PURE__ */ jsx3(TooltipContent2, { children: onRequestReason(row) })
+              row.include && row.delivery === "on_request" ? /* @__PURE__ */ jsxs4(Tooltip3, { children: [
+                /* @__PURE__ */ jsx4(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx4("span", { role: "img", "aria-label": "On request", className: "inline-flex text-muted-foreground", children: /* @__PURE__ */ jsx4(ArrowDownToLineIcon, { className: "h-3 w-3" }) }) }),
+                /* @__PURE__ */ jsx4(TooltipContent3, { children: onRequestReason(row) })
               ] }) : null,
-              /* @__PURE__ */ jsx3("span", { children: formatChars(row.chars) })
+              /* @__PURE__ */ jsx4("span", { children: formatChars(row.chars) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx3("div", { role: "cell", children: narrow ? /* @__PURE__ */ jsx3(InlineMaxButton, { row, cap, readOnly, comfortable, onChange }) : /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("div", { role: "cell", children: narrow ? /* @__PURE__ */ jsx4(InlineMaxButton, { row, cap, readOnly, comfortable, onChange }) : /* @__PURE__ */ jsx4(
           InlineMaxInput,
           {
             label: row.label,
@@ -808,27 +842,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__ */ jsxs3(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx3(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx4(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(
       "button",
       {
         type: "button",
         "aria-label": `Inline max ${row.label}: ${text}`,
         disabled: readOnly,
-        className: cn2(
+        className: cn3(
           "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__ */ jsx3("span", { "aria-hidden": true, className: "h-1 w-1 rounded-full bg-primary" }) : null,
+          own !== null ? /* @__PURE__ */ jsx4("span", { "aria-hidden": true, className: "h-1 w-1 rounded-full bg-primary" }) : null,
           text
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx3(PopoverContent, { align: "end", className: "w-auto p-2", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-xs", children: [
-      /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: "Inline max" }),
-      /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(PopoverContent, { align: "end", className: "w-auto p-2", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 text-xs", children: [
+      /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "Inline max" }),
+      /* @__PURE__ */ jsx4(
         InlineMaxInput,
         {
           label: row.label,
@@ -853,13 +887,13 @@ import {
   PopoverContent as PopoverContent2,
   PopoverTrigger as PopoverTrigger2,
   Switch as Switch2,
-  Tooltip as Tooltip3,
-  TooltipContent as TooltipContent3,
-  TooltipProvider as TooltipProvider2,
-  TooltipTrigger as TooltipTrigger3,
-  cn as cn3
+  Tooltip as Tooltip4,
+  TooltipContent as TooltipContent4,
+  TooltipProvider as TooltipProvider3,
+  TooltipTrigger as TooltipTrigger4,
+  cn as cn4
 } from "@ai-matrx/design-system";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var BLIND_TOOLTIP = "This model can't read these values";
 var BLIND_LABEL = "Not read";
 function IconButton({
@@ -868,21 +902,21 @@ function IconButton({
   comfortable,
   children
 }) {
-  return /* @__PURE__ */ jsxs4(Tooltip3, { children: [
-    /* @__PURE__ */ jsx4(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5(Tooltip4, { children: [
+    /* @__PURE__ */ jsx5(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
         "aria-label": label,
         onClick,
-        className: cn3(
+        className: cn4(
           "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__ */ jsx4(TooltipContent3, { children: label })
+    /* @__PURE__ */ jsx5(TooltipContent4, { children: label })
   ] });
 }
 function ContextRulesChip({
@@ -923,7 +957,7 @@ function ContextRulesChip({
   const hasPage = on !== void 0 && !hierarchy;
   const headerName = hierarchy ? "" : name;
   const eyeOpen = !blind && on !== false;
-  const faceButton = /* @__PURE__ */ jsxs4(
+  const faceButton = /* @__PURE__ */ jsxs5(
     "button",
     {
       type: "button",
@@ -933,7 +967,7 @@ function ContextRulesChip({
       "data-blind": blind ? "true" : void 0,
       "aria-pressed": pressed,
       onClick: isMobile ? () => setOpen(true) : void 0,
-      className: cn3(
+      className: cn4(
         "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",
@@ -943,36 +977,36 @@ function ContextRulesChip({
         className
       ),
       children: [
-        eyeOpen ? /* @__PURE__ */ jsx4(EyeIcon, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ jsx4(EyeOffIcon, { className: "h-3 w-3 shrink-0" }),
-        name ? /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate", children: name }) : null,
-        /* @__PURE__ */ jsx4("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: count }),
-        warn ? /* @__PURE__ */ jsxs4("span", { className: "inline-flex shrink-0 items-center gap-0.5 tabular-nums text-warning", children: [
-          /* @__PURE__ */ jsx4(TriangleAlertIcon, { className: "h-3 w-3" }),
+        eyeOpen ? /* @__PURE__ */ jsx5(EyeIcon, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ jsx5(EyeOffIcon, { className: "h-3 w-3 shrink-0" }),
+        name ? /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate", children: name }) : null,
+        /* @__PURE__ */ jsx5("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: count }),
+        warn ? /* @__PURE__ */ jsxs5("span", { className: "inline-flex shrink-0 items-center gap-0.5 tabular-nums text-warning", children: [
+          /* @__PURE__ */ jsx5(TriangleAlertIcon, { className: "h-3 w-3" }),
           mismatchCount
         ] }) : null
       ]
     }
   );
   const faceTip = blind ? BLIND_TOOLTIP : name ? null : faceName;
-  const withBlindTip = (trigger) => faceTip ? /* @__PURE__ */ jsxs4(Tooltip3, { children: [
-    /* @__PURE__ */ jsx4(TooltipTrigger3, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx4(TooltipContent3, { children: faceTip })
+  const withBlindTip = (trigger) => faceTip ? /* @__PURE__ */ jsxs5(Tooltip4, { children: [
+    /* @__PURE__ */ jsx5(TooltipTrigger4, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx5(TooltipContent4, { children: faceTip })
   ] }) : trigger;
-  const body = /* @__PURE__ */ jsxs4("div", { className: "flex min-h-0 flex-col", children: [
-    /* @__PURE__ */ jsxs4(
+  const body = /* @__PURE__ */ jsxs5("div", { className: "flex min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsxs5(
       "div",
       {
-        className: cn3(
+        className: cn4(
           "flex shrink-0 items-center gap-2 border-b border-border px-3",
           comfortable ? "h-12" : "h-10"
         ),
         children: [
-          eyeOpen ? /* @__PURE__ */ jsx4(EyeIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx4(EyeOffIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-          headerName ? /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate text-sm font-medium", children: headerName }) : null,
-          /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${count} \xB7 ${charsLabel} chars` }),
-          /* @__PURE__ */ jsxs4("div", { className: "ml-auto flex shrink-0 items-center gap-0.5", children: [
-            blind ? /* @__PURE__ */ jsx4("span", { className: "mr-1 text-xs text-muted-foreground", children: BLIND_LABEL }) : null,
-            hasPage ? /* @__PURE__ */ jsx4(
+          eyeOpen ? /* @__PURE__ */ jsx5(EyeIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx5(EyeOffIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+          headerName ? /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate text-sm font-medium", children: headerName }) : null,
+          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${count} \xB7 ${charsLabel} chars` }),
+          /* @__PURE__ */ jsxs5("div", { className: "ml-auto flex shrink-0 items-center gap-0.5", children: [
+            blind ? /* @__PURE__ */ jsx5("span", { className: "mr-1 text-xs text-muted-foreground", children: BLIND_LABEL }) : null,
+            hasPage ? /* @__PURE__ */ jsx5(
               Switch2,
               {
                 size: "sm",
@@ -983,8 +1017,8 @@ function ContextRulesChip({
                 className: "mr-1"
               }
             ) : null,
-            anyOverride && !readOnly ? /* @__PURE__ */ jsx4(IconButton, { label: "Reset all", onClick: onResetAll, comfortable, children: /* @__PURE__ */ jsx4(RotateCcwIcon, { className: "h-3.5 w-3.5" }) }) : null,
-            /* @__PURE__ */ jsx4(
+            anyOverride && !readOnly ? /* @__PURE__ */ jsx5(IconButton, { label: "Reset all", onClick: onResetAll, comfortable, children: /* @__PURE__ */ jsx5(RotateCcwIcon, { className: "h-3.5 w-3.5" }) }) : null,
+            /* @__PURE__ */ jsx5(
               IconButton,
               {
                 label: "Open full view",
@@ -993,14 +1027,14 @@ function ContextRulesChip({
                   setOpen(false);
                   onOpenFullView();
                 },
-                children: /* @__PURE__ */ jsx4(PanelRightIcon, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ jsx5(PanelRightIcon, { className: "h-3.5 w-3.5" })
               }
             )
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx4("div", { className: cn3("min-h-0 overflow-y-auto", comfortable ? "max-h-[70dvh]" : "max-h-[min(24rem,60vh)]"), children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5("div", { className: cn4("min-h-0 overflow-y-auto", comfortable ? "max-h-[70dvh]" : "max-h-[min(24rem,60vh)]"), children: /* @__PURE__ */ jsx5(
       ContextRulesTable,
       {
         rows,
@@ -1016,14 +1050,14 @@ function ContextRulesChip({
     ) })
   ] });
   if (isMobile) {
-    return /* @__PURE__ */ jsxs4(TooltipProvider2, { delayDuration: 300, titleTooltips: false, children: [
+    return /* @__PURE__ */ jsxs5(TooltipProvider3, { delayDuration: 300, titleTooltips: false, children: [
       withBlindTip(faceButton),
-      /* @__PURE__ */ jsx4(BottomSheet, { open, onOpenChange: setOpen, title: name || faceName, surface: "solid", children: body })
+      /* @__PURE__ */ jsx5(BottomSheet, { open, onOpenChange: setOpen, title: name || faceName, surface: "solid", children: body })
     ] });
   }
-  return /* @__PURE__ */ jsx4(TooltipProvider2, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs4(Popover2, { open, onOpenChange: setOpen, children: [
-    withBlindTip(/* @__PURE__ */ jsx4(PopoverTrigger2, { asChild: true, children: faceButton })),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(TooltipProvider3, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs5(Popover2, { open, onOpenChange: setOpen, children: [
+    withBlindTip(/* @__PURE__ */ jsx5(PopoverTrigger2, { asChild: true, children: faceButton })),
+    /* @__PURE__ */ jsx5(
       PopoverContent2,
       {
         align: "end",
@@ -1039,14 +1073,14 @@ import * as React5 from "react";
 import {
   Input as Input2,
   Switch as Switch3,
-  TooltipProvider as TooltipProvider3,
-  cn as cn6
+  TooltipProvider as TooltipProvider4,
+  cn as cn7
 } from "@ai-matrx/design-system";
 
 // context/react/ContextDeliveredValue.tsx
 import * as React4 from "react";
-import { ErrorBox, Skeleton, cn as cn4 } from "@ai-matrx/design-system";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { ErrorBox, Skeleton, cn as cn5 } from "@ai-matrx/design-system";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function ContextDeliveredValue({
   row,
   load,
@@ -1054,10 +1088,10 @@ function ContextDeliveredValue({
 }) {
   const blocks = row.deliveredBlocks ?? [];
   if (!row.delivered && !row.onRequest && blocks.length === 0) {
-    return isServerAuthoritativeKey(row.key) ? /* @__PURE__ */ jsx5("p", { "data-testid": "context-server-fills", className: cn4("text-xs text-muted-foreground", className), children: "Filled in by the server" }) : null;
+    return isServerAuthoritativeKey(row.key) ? /* @__PURE__ */ jsx6("p", { "data-testid": "context-server-fills", className: cn5("text-xs text-muted-foreground", className), children: "Filled in by the server" }) : null;
   }
-  return /* @__PURE__ */ jsxs5("div", { className: cn4("flex flex-col gap-3", className), children: [
-    row.delivered ? /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs6("div", { className: cn5("flex flex-col gap-3", className), children: [
+    row.delivered ? /* @__PURE__ */ jsx6(
       DeliveredSection,
       {
         title: "Agent received",
@@ -1066,7 +1100,7 @@ function ContextDeliveredValue({
         load
       }
     ) : null,
-    blocks.map((block) => /* @__PURE__ */ jsx5(
+    blocks.map((block) => /* @__PURE__ */ jsx6(
       DeliveredSection,
       {
         title: block.label,
@@ -1079,7 +1113,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__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         DeliveredSection,
         {
           title: "Returned on request",
@@ -1089,7 +1123,7 @@ function ContextDeliveredValue({
         }
       )
     ) : null,
-    row.delivered && CONTEXT_FETCHABLE_ROWS[row.key] ? /* @__PURE__ */ jsx5(
+    row.delivered && CONTEXT_FETCHABLE_ROWS[row.key] ? /* @__PURE__ */ jsx6(
       DeliveredSection,
       {
         title: "Agent can fetch",
@@ -1136,18 +1170,18 @@ function DeliveredSection({
     };
   }, [load, kind, key, attempt]);
   const unavailable = loaded.state === "done" && !loaded.available;
-  return /* @__PURE__ */ jsxs5("section", { className: "flex flex-col gap-1", "aria-label": title, "data-view-kind": kind, "data-view-key": key, children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-baseline gap-2 text-xs", children: [
-      /* @__PURE__ */ jsx5("span", { className: "font-medium", children: title }),
-      unavailable ? /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs6("section", { className: "flex flex-col gap-1", "aria-label": title, "data-view-kind": kind, "data-view-key": key, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-2 text-xs", children: [
+      /* @__PURE__ */ jsx6("span", { className: "font-medium", children: title }),
+      unavailable ? /* @__PURE__ */ jsx6(
         "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__ */ jsx5("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__ */ jsx5(
+      ) : ref_ || loaded.state === "done" ? /* @__PURE__ */ jsx6("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__ */ jsx6(
         "span",
         {
           "data-testid": "context-delivered-not-read",
@@ -1156,9 +1190,9 @@ function DeliveredSection({
         }
       ) : null
     ] }),
-    unavailable ? null : !load ? /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : loaded.state === "loading" ? /* @__PURE__ */ jsx5(Skeleton, { "data-testid": "context-delivered-loading", className: "h-16 w-full" }) : loaded.state === "error" ? /* @__PURE__ */ jsxs5(ErrorBox, { as: "div", message: loaded.message, className: "flex items-center gap-2 text-xs text-destructive", children: [
-      /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate", title: loaded.message, children: loaded.message }),
-      /* @__PURE__ */ jsx5(
+    unavailable ? null : !load ? /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : loaded.state === "loading" ? /* @__PURE__ */ jsx6(Skeleton, { "data-testid": "context-delivered-loading", className: "h-16 w-full" }) : loaded.state === "error" ? /* @__PURE__ */ jsxs6(ErrorBox, { as: "div", message: loaded.message, className: "flex items-center gap-2 text-xs text-destructive", children: [
+      /* @__PURE__ */ jsx6("span", { className: "min-w-0 truncate", title: loaded.message, children: loaded.message }),
+      /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
@@ -1167,11 +1201,11 @@ function DeliveredSection({
           children: "Retry"
         }
       )
-    ] }) : loaded.text === "" ? /* @__PURE__ */ jsx5("span", { "data-testid": "context-delivered-empty", className: "text-xs text-muted-foreground", children: "None" }) : /* @__PURE__ */ jsx5(
+    ] }) : loaded.text === "" ? /* @__PURE__ */ jsx6("span", { "data-testid": "context-delivered-empty", className: "text-xs text-muted-foreground", children: "None" }) : /* @__PURE__ */ jsx6(
       "pre",
       {
         "data-testid": "context-delivered-text",
-        className: cn4(
+        className: cn5(
           "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"
@@ -1183,8 +1217,8 @@ function DeliveredSection({
 }
 
 // context/react/ContextReceiptBlocks.tsx
-import { cn as cn5 } from "@ai-matrx/design-system";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { cn as cn6 } from "@ai-matrx/design-system";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function ContextReceiptBlocks({
   blocks,
   selectedId,
@@ -1194,29 +1228,29 @@ function ContextReceiptBlocks({
 }) {
   if (blocks.length === 0) return null;
   const comfortable = density === "comfortable";
-  return /* @__PURE__ */ jsx6("div", { role: "table", "aria-label": "Also sent", className: cn5("text-xs", className), children: /* @__PURE__ */ jsxs6("div", { role: "rowgroup", children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7("div", { role: "table", "aria-label": "Also sent", className: cn6("text-xs", className), children: /* @__PURE__ */ jsxs7("div", { role: "rowgroup", children: [
+    /* @__PURE__ */ jsx7(
       "div",
       {
         role: "row",
         className: "flex h-6 items-center bg-muted/40 px-2 font-medium text-muted-foreground",
-        children: /* @__PURE__ */ jsx6("span", { role: "cell", children: "Also sent" })
+        children: /* @__PURE__ */ jsx7("span", { role: "cell", children: "Also sent" })
       }
     ),
-    blocks.map((block) => /* @__PURE__ */ jsxs6(
+    blocks.map((block) => /* @__PURE__ */ jsxs7(
       "div",
       {
         role: "row",
         "data-block-id": block.id,
         "aria-selected": selectedId === block.id || void 0,
-        className: cn5(
+        className: cn6(
           CONTEXT_RULES_GRID[density],
           "border-b border-border/50",
           comfortable ? "min-h-11" : "h-7",
           selectedId === block.id && "bg-accent"
         ),
         children: [
-          /* @__PURE__ */ jsx6("div", { role: "cell", className: "col-span-2 flex min-w-0 items-center", children: onOpenBlock ? /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7("div", { role: "cell", className: "col-span-2 flex min-w-0 items-center", children: onOpenBlock ? /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -1225,9 +1259,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__ */ jsx6("span", { title: block.label, className: "block min-w-0 flex-1 truncate", children: block.label }) }),
-          /* @__PURE__ */ jsx6("div", { role: "cell", className: "text-right tabular-nums", children: formatChars(block.delivered.chars) }),
-          /* @__PURE__ */ jsx6("div", { role: "cell" })
+          ) : /* @__PURE__ */ jsx7("span", { title: block.label, className: "block min-w-0 flex-1 truncate", children: block.label }) }),
+          /* @__PURE__ */ jsx7("div", { role: "cell", className: "text-right tabular-nums", children: formatChars(block.delivered.chars) }),
+          /* @__PURE__ */ jsx7("div", { role: "cell" })
         ]
       },
       block.id
@@ -1239,12 +1273,12 @@ function ContextReceiptBlockDetail({
   load,
   className
 }) {
-  return /* @__PURE__ */ jsxs6("div", { className: cn5("flex flex-col gap-3 p-3", className), children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-      /* @__PURE__ */ jsx6("h3", { className: "min-w-0 truncate text-sm font-medium", children: block.label }),
-      /* @__PURE__ */ jsx6("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${formatChars(block.delivered.chars)} chars \xB7 ${DELIVERY_LABEL.inline}` })
+  return /* @__PURE__ */ jsxs7("div", { className: cn6("flex flex-col gap-3 p-3", className), children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+      /* @__PURE__ */ jsx7("h3", { className: "min-w-0 truncate text-sm font-medium", children: block.label }),
+      /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${formatChars(block.delivered.chars)} chars \xB7 ${DELIVERY_LABEL.inline}` })
     ] }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       DeliveredSection,
       {
         title: "Agent received",
@@ -1257,7 +1291,7 @@ function ContextReceiptBlockDetail({
 }
 
 // context/react/ContextRulesPanelBody.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function layerCells(row) {
   const { surface, agent, default_max } = row.layers ?? {};
   const declared = agent?.declared === true;
@@ -1280,38 +1314,38 @@ function layerCells(row) {
 var LAYERS = ["default", "page", "agent", "you"];
 function LayerTable({ row }) {
   const cells = layerCells(row);
-  const cell = (text, winning) => /* @__PURE__ */ jsx7(
+  const cell = (text, winning) => /* @__PURE__ */ jsx8(
     "span",
     {
       role: "cell",
       "data-winning": winning ? "true" : void 0,
-      className: cn6(
+      className: cn7(
         "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__ */ jsxs7("div", { role: "table", "aria-label": "Layers", className: "text-xs", children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8("div", { role: "table", "aria-label": "Layers", className: "text-xs", children: [
+    /* @__PURE__ */ jsxs8(
       "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__ */ jsx7("span", { role: "columnheader", children: "Layer" }),
-          /* @__PURE__ */ jsx7("span", { role: "columnheader", className: "text-right", children: "Include" }),
-          /* @__PURE__ */ jsx7("span", { role: "columnheader", className: "text-right", children: "Inline max" })
+          /* @__PURE__ */ jsx8("span", { role: "columnheader", children: "Layer" }),
+          /* @__PURE__ */ jsx8("span", { role: "columnheader", className: "text-right", children: "Include" }),
+          /* @__PURE__ */ jsx8("span", { role: "columnheader", className: "text-right", children: "Inline max" })
         ]
       }
     ),
-    LAYERS.map((layer) => /* @__PURE__ */ jsxs7(
+    LAYERS.map((layer) => /* @__PURE__ */ jsxs8(
       "div",
       {
         role: "row",
         className: "grid h-7 grid-cols-[1fr_5rem_5rem] items-center gap-x-2 border-b border-border/50",
         children: [
-          /* @__PURE__ */ jsx7("span", { role: "cell", children: LAYER_LABEL[layer] }),
+          /* @__PURE__ */ jsx8("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)
         ]
@@ -1330,29 +1364,28 @@ function RowDetail({
   comfortable,
   loadView
 }) {
-  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3 p-3", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-      /* @__PURE__ */ jsx7("h3", { className: "min-w-0 truncate text-sm font-medium", children: row.label }),
-      /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: `${formatChars(row.chars)} chars \xB7 ${DELIVERY_LABEL[row.delivery]}` })
+  return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-3 p-3", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+      /* @__PURE__ */ jsx8("h3", { className: "min-w-0 truncate text-sm font-medium", children: row.label }),
+      /* @__PURE__ */ jsx8("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__ */ jsxs7("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__ */ jsx7(TriangleAlertIcon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
-      /* @__PURE__ */ jsx7("span", { children: describeMismatches(mismatches) })
+    mismatches.length > 0 ? /* @__PURE__ */ jsxs8("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__ */ jsx8(TriangleAlertIcon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+      /* @__PURE__ */ jsx8("span", { children: describeMismatches(mismatches) })
     ] }) : null,
-    /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-[auto_1fr] items-center gap-x-4 gap-y-2 text-xs", children: [
-      /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground", children: "Include" }),
-      /* @__PURE__ */ jsx7("div", { className: cn6("flex items-center", comfortable ? "h-11" : "h-7"), children: /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-[auto_1fr] items-center gap-x-4 gap-y-2 text-xs", children: [
+      /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Include" }),
+      /* @__PURE__ */ jsx8("div", { className: cn7("flex items-center", comfortable ? "h-11" : "h-7"), children: readOnly ? /* @__PURE__ */ jsx8(FrozenInclude, { name: row.label, checked: row.include }) : /* @__PURE__ */ jsx8(
         Switch3,
         {
           size: "sm",
           "aria-label": `Include ${row.label}`,
           checked: row.include,
-          disabled: readOnly,
           onCheckedChange: (next) => onChange(row.key, row.surfaceKey, withInclude(row, next))
         }
       ) }),
-      /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground", children: "Inline max" }),
-      /* @__PURE__ */ jsx7("div", { className: "flex", children: /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Inline max" }),
+      /* @__PURE__ */ jsx8("div", { className: "flex", children: /* @__PURE__ */ jsx8(
         InlineMaxInput,
         {
           label: row.label,
@@ -1366,8 +1399,8 @@ function RowDetail({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx7(LayerTable, { row }),
-    /* @__PURE__ */ jsx7(ContextDeliveredValue, { row, load: loadView }),
+    /* @__PURE__ */ jsx8(LayerTable, { row }),
+    /* @__PURE__ */ jsx8(ContextDeliveredValue, { row, load: loadView }),
     renderDetail ? renderDetail(row) : null
   ] });
 }
@@ -1410,9 +1443,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__ */ jsxs7("div", { className: "relative shrink-0 border-b border-border p-2", children: [
-    /* @__PURE__ */ jsx7(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__ */ jsx7(
+  const search = /* @__PURE__ */ jsxs8("div", { className: "relative shrink-0 border-b border-border p-2", children: [
+    /* @__PURE__ */ jsx8(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__ */ jsx8(
       Input2,
       {
         type: "search",
@@ -1420,12 +1453,12 @@ function ContextRulesPanelBody({
         placeholder: "Search",
         value: query,
         onChange: (e) => setQuery(e.target.value),
-        className: cn6("pl-7 shadow-none", comfortable ? "h-11 text-base" : "h-8 text-xs")
+        className: cn7("pl-7 shadow-none", comfortable ? "h-11 text-base" : "h-8 text-xs")
       }
     )
   ] });
-  const table = /* @__PURE__ */ jsxs7("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
-    /* @__PURE__ */ jsx7(
+  const table = /* @__PURE__ */ jsxs8("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
+    /* @__PURE__ */ jsx8(
       ContextRulesTable,
       {
         rows: visible,
@@ -1440,7 +1473,7 @@ function ContextRulesPanelBody({
         ...mismatches ? { mismatches } : {}
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       ContextReceiptBlocks,
       {
         blocks: visibleBlocks,
@@ -1450,7 +1483,7 @@ function ContextRulesPanelBody({
       }
     )
   ] });
-  const detail = openedBlock ? /* @__PURE__ */ jsx7(ContextReceiptBlockDetail, { block: openedBlock, load: loadView }) : selected ? /* @__PURE__ */ jsx7(
+  const detail = openedBlock ? /* @__PURE__ */ jsx8(ContextReceiptBlockDetail, { block: openedBlock, load: loadView }) : selected ? /* @__PURE__ */ jsx8(
     RowDetail,
     {
       row: selected,
@@ -1464,31 +1497,31 @@ function ContextRulesPanelBody({
     }
   ) : null;
   if (isMobile) {
-    return /* @__PURE__ */ jsx7(TooltipProvider3, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsx7("div", { className: cn6("flex h-full min-h-0 flex-col", className), children: detail ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
-      /* @__PURE__ */ jsx7("div", { className: "flex h-12 shrink-0 items-center border-b border-border px-1", children: /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsx8(TooltipProvider4, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsx8("div", { className: cn7("flex h-full min-h-0 flex-col", className), children: detail ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      /* @__PURE__ */ jsx8("div", { className: "flex h-12 shrink-0 items-center border-b border-border px-1", children: /* @__PURE__ */ jsxs8(
         "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__ */ jsx7(ChevronLeftIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx8(ChevronLeftIcon, { className: "h-4 w-4" }),
             "Back"
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx7("div", { className: "min-h-0 flex-1 overflow-y-auto", children: detail })
-    ] }) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
+      /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-y-auto", children: detail })
+    ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
       search,
       table
     ] }) }) });
   }
-  return /* @__PURE__ */ jsx7(TooltipProvider3, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs7("div", { className: cn6("flex h-full min-h-0", className), children: [
-    /* @__PURE__ */ jsxs7("aside", { className: "flex w-[22rem] shrink-0 flex-col border-r border-border", children: [
+  return /* @__PURE__ */ jsx8(TooltipProvider4, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs8("div", { className: cn7("flex h-full min-h-0", className), children: [
+    /* @__PURE__ */ jsxs8("aside", { className: "flex w-[22rem] shrink-0 flex-col border-r border-border", children: [
       search,
       table
     ] }),
-    /* @__PURE__ */ jsx7("section", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto", children: detail ?? /* @__PURE__ */ jsx7("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground", children: "Select an item" }) })
+    /* @__PURE__ */ jsx8("section", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto", children: detail ?? /* @__PURE__ */ jsx8("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground", children: "Select an item" }) })
   ] }) });
 }
 export {