agentix-cli 0.22.0 → 0.25.0

package/dist/{chunk-CNNLREHD.js → chunk-P4VWIVKN.js}

@@ -1,30 +1,67 @@
-var p=`:root {
-  --ax-bg: oklch(0.16 0.010 265);
-  --ax-bg-elev: oklch(0.19 0.012 265);
-  --ax-surface: oklch(0.21 0.012 265);
-  --ax-surface-2: oklch(0.24 0.014 265);
-  --ax-surface-3: oklch(0.27 0.016 265);
-  --ax-border: oklch(0.29 0.014 265);
-  --ax-border-2: oklch(0.35 0.016 265);
-  --ax-text: oklch(0.95 0.005 265);
-  --ax-text-2: oklch(0.80 0.008 265);
-  --ax-muted: oklch(0.60 0.010 265);
-  --ax-accent: oklch(0.78 0.13 165);
-  --ax-accent-2: oklch(0.55 0.11 165);
-  --ax-warn: oklch(0.80 0.14 75);
-  --ax-err: oklch(0.68 0.19 25);
-  --ax-info: oklch(0.78 0.10 220);
-  --ax-radius: 6px;
-  --ax-radius-lg: 8px;
-  --ax-radius-sm: 5px;
+import{c as s,d as l,e as c,f as p}from"./chunk-LDHPMJ7M.js";var n=`:root {
+  /* --- Brand (agentina) --------------------------------------------- */
+  --ax-blue: #2979FF;
+  --ax-blue-d: #1B5FD9;
+  --ax-blue-t: #E7F0FF;
+  --ax-blue-e: #A9CBFF;
+  --ax-green: #22B573;
+  --ax-green-d: #178F58;
+  --ax-green-e: #A9E8C9;
+  --ax-amber: #FFB300;
+  --ax-amber-e: #FFE08A;
+  --ax-amber-t: #FFFCF5;
+  --ax-red: #F23A3A;
+  --ax-red-t: #FEECEC;
+  --ax-red-e: #F9C1C1;
+
+  /* --- Surfaces + text ---------------------------------------------- */
+  --ax-bg: #f8f9fa;
+  --ax-bg-elev: #f1f3f4;
+  --ax-surface: #ffffff;
+  --ax-surface-2: #f8f9fa;
+  --ax-surface-3: #f1f3f4;
+  --ax-border: #e8eaed;
+  --ax-border-2: #dadce0;
+  --ax-text: #202124;
+  --ax-text-2: #5f6368;
+  --ax-muted: #9aa0a6;
+
+  /* --- Semantic ------------------------------------------------------ */
+  --ax-accent: var(--ax-blue);
+  --ax-accent-2: var(--ax-blue-d);
+  --ax-accent-t: var(--ax-blue-t);
+  --ax-ok: var(--ax-green);
+  --ax-warn: var(--ax-amber);
+  --ax-err: var(--ax-red);
+  --ax-info: var(--ax-blue);
+
+  /* --- Shape ---------------------------------------------------------
+     The offset shadow is the signature move: a solid, un-blurred drop in a
+     darker shade of the element's own colour. It reads as a physical edge
+     rather than a glow, and it is what stops flat 2px-bordered boxes from
+     looking like a wireframe. */
+  --ax-border-w: 2px;
+  --ax-radius: 16px;
+  --ax-radius-lg: 20px;
+  --ax-radius-sm: 12px;
+  --ax-radius-pill: 999px;
+  --ax-shadow: 0 3px 0 var(--ax-border);
+  --ax-shadow-lg: 0 4px 0 var(--ax-border-2);
+  --ax-shadow-accent: 0 4px 0 var(--ax-blue-d);
+  --ax-shadow-ok: 0 4px 0 var(--ax-green-d);
+
+  /* --- Spacing ------------------------------------------------------- */
   --ax-pad: 16px;
   --ax-pad-sm: 10px;
   --ax-gap: 12px;
-  --ax-font: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;
-  --ax-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;
-  --ax-fs: 13px;
-  --ax-fs-sm: 12px;
-  --ax-fs-xs: 11px;
+
+  /* --- Type ---------------------------------------------------------- */
+  --ax-font: "Outfit", -apple-system, "Segoe UI", system-ui, sans-serif;
+  --ax-mono: "Roboto Mono", ui-monospace, "SF Mono", Consolas, monospace;
+  --ax-fs: 14px;
+  --ax-fs-sm: 13px;
+  --ax-fs-xs: 12px;
+
   /* Legacy aliases so older CSS blocks keep rendering until they're ported. */
   --bg: var(--ax-bg);
   --card: var(--ax-surface);
@@ -33,40 +70,48 @@ var p=`:root {
   --text: var(--ax-text);
   --muted: var(--ax-muted);
   --accent: var(--ax-accent);
-  --green: var(--ax-accent);
   --yellow: var(--ax-warn);
   --red: var(--ax-err);
   --blue: var(--ax-info);
   --gray: var(--ax-muted);
-  color-scheme: dark;
-}
-[data-theme="light"] {
-  --ax-bg: oklch(0.98 0.002 265);
-  --ax-bg-elev: oklch(0.96 0.003 265);
-  --ax-surface: oklch(0.99 0.002 265);
-  --ax-surface-2: oklch(0.955 0.003 265);
-  --ax-surface-3: oklch(0.92 0.004 265);
-  --ax-border: oklch(0.88 0.006 265);
-  --ax-border-2: oklch(0.78 0.008 265);
-  --ax-text: oklch(0.22 0.010 265);
-  --ax-text-2: oklch(0.36 0.010 265);
-  --ax-muted: oklch(0.54 0.010 265);
-  --ax-accent: oklch(0.55 0.14 165);
   color-scheme: light;
 }
-[data-theme="crt"] {
-  --ax-bg: #05140a;
-  --ax-bg-elev: #061a0d;
-  --ax-surface: #08201f;
-  --ax-surface-2: #0b2922;
-  --ax-surface-3: #0e3329;
-  --ax-border: #164a30;
-  --ax-border-2: #1f6a44;
-  --ax-text: #b7ffcc;
-  --ax-text-2: #83e3a8;
-  --ax-muted: #4f9a73;
-  --ax-accent: #6dff9e;
-  --ax-font: "IBM Plex Mono", ui-monospace, monospace;
+
+/* Dark is not a tint of light \u2014 the brand colours are lifted toward their
+   tints so they keep contrast against a dark ground, and the offset shadow
+   goes DARKER than the surface instead of lighter. Same shape language,
+   inverted physics. */
+[data-theme="dark"] {
+  --ax-blue: #6BA5FF;
+  --ax-blue-d: #1B5FD9;
+  --ax-blue-t: #16233d;
+  --ax-blue-e: #2f4d7a;
+  --ax-green: #4ED89B;
+  --ax-green-d: #178F58;
+  --ax-green-e: #1e4a36;
+  --ax-amber: #FFC948;
+  --ax-amber-e: #4a3a12;
+  --ax-amber-t: #2a2313;
+  --ax-red: #FF6B6B;
+  --ax-red-t: #3a1c1c;
+  --ax-red-e: #6b2f2f;
+
+  --ax-bg: #14161a;
+  --ax-bg-elev: #191c21;
+  --ax-surface: #1e2228;
+  --ax-surface-2: #23272e;
+  --ax-surface-3: #2a2f37;
+  --ax-border: #2f353e;
+  --ax-border-2: #3d444f;
+  --ax-text: #f1f3f4;
+  --ax-text-2: #b6bcc4;
+  --ax-muted: #858c96;
+
+  --ax-shadow: 0 3px 0 #0e1013;
+  --ax-shadow-lg: 0 4px 0 #0e1013;
+  --ax-shadow-accent: 0 4px 0 #14396e;
+  --ax-shadow-ok: 0 4px 0 #11402c;
+  color-scheme: dark;
 }
 
 /* Base element resets shared across every page. */
@@ -75,16 +120,16 @@ html, body {
   margin: 0; min-height: 100vh;
   background: var(--ax-bg); color: var(--ax-text);
   font-family: var(--ax-font); font-size: var(--ax-fs);
-  -webkit-font-smoothing: antialiased; font-feature-settings: "ss01", "cv01";
+  -webkit-font-smoothing: antialiased;
 }
 pre, code, .ax-mono {
   font-family: var(--ax-mono); font-variant-numeric: tabular-nums;
   letter-spacing: -0.01em;
 }
-a { color: var(--ax-accent); text-decoration: none; }
-a:hover { text-decoration: underline; }
+a { color: var(--ax-accent); text-decoration: none; font-weight: 600; }
+a:hover { color: var(--ax-accent-2); text-decoration: underline; }
 .ax-muted { color: var(--ax-muted); }
-.ax-accent { color: var(--ax-accent); }`;var g=`
+.ax-accent { color: var(--ax-accent); }`;var x=`
 /* --- Dots --- */
 .ax-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ax-muted); }
 .ax-dot--ok, .ax-dot--live { background: var(--ax-accent); }
@@ -105,8 +150,9 @@ a:hover { text-decoration: underline; }
 /* --- Badges --- */
 .ax-badge {
   display: inline-flex; align-items: center; gap: 4px;
-  padding: 1px 7px; border-radius: 3px; font-size: var(--ax-fs-xs); line-height: 16px;
-  border: 1px solid var(--ax-border-2); color: var(--ax-text-2); background: transparent;
+  padding: 2px 10px; border-radius: var(--ax-radius-pill); font-size: var(--ax-fs-xs); line-height: 18px;
+  border: var(--ax-border-w) solid var(--ax-border-2); color: var(--ax-text-2);
+  background: var(--ax-surface); font-weight: 600;
 }
 .ax-badge--mono {
   font-family: var(--ax-mono); letter-spacing: 0.02em;
@@ -136,20 +182,25 @@ a:hover { text-decoration: underline; }
 
 /* --- Buttons --- */
 .ax-btn {
-  background: transparent; color: var(--ax-text-2);
-  border: 1px solid var(--ax-border-2); border-radius: var(--ax-radius);
-  padding: 7px 14px; font: inherit; font-size: var(--ax-fs); cursor: pointer;
-  transition: border-color 0.1s, color 0.1s, background 0.1s;
-  line-height: 1.4;
+  background: var(--ax-surface); color: var(--ax-text-2);
+  border: var(--ax-border-w) solid var(--ax-border-2); border-radius: var(--ax-radius);
+  padding: 8px 16px; font: inherit; font-size: var(--ax-fs); font-weight: 600;
+  cursor: pointer; line-height: 1.4;
+  box-shadow: var(--ax-shadow);
+  transition: border-color 0.1s, color 0.1s, background 0.1s, transform 0.06s, box-shadow 0.06s;
 }
 .ax-btn:hover:not(:disabled) { color: var(--ax-text); border-color: var(--ax-accent); }
-.ax-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+/* The offset shadow collapses on press so the control physically sinks \u2014
+   the whole point of an un-blurred drop rather than a glow. */
+.ax-btn:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 1px 0 var(--ax-border); }
+.ax-btn:disabled { opacity: 0.5; cursor: not-allowed; box-shadow: none; }
 
 .ax-btn--primary {
   background: color-mix(in oklch, var(--ax-accent) 15%, var(--ax-surface));
   color: var(--ax-accent);
   border-color: color-mix(in oklch, var(--ax-accent) 50%, var(--ax-border-2));
-  font-weight: 600;
+  font-weight: 700;
+  box-shadow: var(--ax-shadow-accent);
 }
 .ax-btn--primary:hover:not(:disabled) {
   background: color-mix(in oklch, var(--ax-accent) 25%, var(--ax-surface));
@@ -158,12 +209,14 @@ a:hover { text-decoration: underline; }
 
 .ax-btn--ghost {
   background: transparent; color: var(--ax-muted);
-  border-color: var(--ax-border);
+  border-color: var(--ax-border); box-shadow: none;
 }
+.ax-btn--ghost:active:not(:disabled) { transform: none; }
 
 .ax-btn--danger {
   color: var(--ax-err);
-  border-color: color-mix(in oklch, var(--ax-err) 50%, var(--ax-border-2));
+  border-color: var(--ax-red-e);
+  box-shadow: 0 4px 0 var(--ax-red-e);
 }
 .ax-btn--danger:hover:not(:disabled) {
   background: color-mix(in oklch, var(--ax-err) 12%, var(--ax-surface));
@@ -173,20 +226,21 @@ a:hover { text-decoration: underline; }
 /* --- Chips (read-only labels used in kanban filters, etc.) --- */
 .ax-chip {
   display: inline-block; padding: 0 6px; font-family: var(--ax-mono);
-  font-size: 10px; line-height: 16px; border-radius: 3px; color: var(--ax-muted);
-  border: 1px solid var(--ax-border); background: var(--ax-surface);
+  font-size: 11px; line-height: 18px; border-radius: var(--ax-radius-pill); color: var(--ax-text-2);
+  border: var(--ax-border-w) solid var(--ax-border); background: var(--ax-surface); font-weight: 600;
 }
 
 /* --- Cards --- */
 .ax-card {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
-  border-radius: var(--ax-radius); padding: var(--ax-pad);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
+  border-radius: var(--ax-radius-lg); padding: var(--ax-pad);
+  box-shadow: var(--ax-shadow);
 }
 
 /* Step cards used by the setup wizard / onboarding-style flows. */
 .ax-step {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
-  border-radius: 8px; padding: 20px 22px; margin: 14px 0;
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
+  border-radius: var(--ax-radius); padding: 20px 22px; margin: 14px 0;
 }
 .ax-step__head {
   font-size: var(--ax-fs-xs); font-weight: 600; text-transform: uppercase;
@@ -194,7 +248,7 @@ a:hover { text-decoration: underline; }
   margin: 0 0 14px; display: flex; align-items: center; gap: 10px;
 }
 .ax-step__num {
-  width: 22px; height: 22px; border-radius: 4px;
+  width: 22px; height: 22px; border-radius: var(--ax-radius-sm);
   background: color-mix(in oklch, var(--ax-accent) 15%, var(--ax-surface));
   border: 1px solid color-mix(in oklch, var(--ax-accent) 45%, var(--ax-border-2));
   color: var(--ax-accent);
@@ -209,7 +263,7 @@ a:hover { text-decoration: underline; }
   gap: var(--ax-gap); padding: var(--ax-pad) var(--ax-pad) 0;
 }
 .ax-stat {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius); padding: 14px 16px;
 }
 .ax-stat__label {
@@ -243,8 +297,8 @@ a:hover { text-decoration: underline; }
 .ax-field input, .ax-field textarea, .ax-field select {
   width: 100%;
   background: var(--ax-bg); color: var(--ax-text);
-  border: 1px solid var(--ax-border-2); border-radius: var(--ax-radius);
-  padding: 8px 10px; font: inherit; font-size: var(--ax-fs);
+  border: var(--ax-border-w) solid var(--ax-border-2); border-radius: var(--ax-radius);
+  padding: 11px 14px; font: inherit; font-size: var(--ax-fs);
   transition: border-color 0.1s ease;
 }
 .ax-field input:focus, .ax-field textarea:focus, .ax-field select:focus {
@@ -310,7 +364,7 @@ a:hover { text-decoration: underline; }
 }
 .ax-page-head .ax-lead code {
   font-family: var(--ax-mono); font-size: 11.5px;
-  background: var(--ax-surface-2); padding: 1px 6px; border-radius: 3px;
+  background: var(--ax-surface-2); padding: 1px 6px; border-radius: var(--ax-radius-sm);
 }
 
 /* --- Health strip --- */
@@ -319,7 +373,7 @@ a:hover { text-decoration: underline; }
   display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
 }
 .ax-health-card {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-sm); padding: 12px 14px;
   display: flex; align-items: center; gap: 11px;
   transition: border-color 120ms;
@@ -360,8 +414,8 @@ a:hover { text-decoration: underline; }
 .ax-wit b { color: var(--ax-text); font-weight: 600; }
 .ax-wit code {
   font-family: var(--ax-mono); font-size: 11.5px;
-  background: var(--ax-bg); padding: 1px 5px; border-radius: 3px;
-  border: 1px solid var(--ax-border);
+  background: var(--ax-bg); padding: 1px 5px; border-radius: var(--ax-radius-sm);
+  border: var(--ax-border-w) solid var(--ax-border);
 }
 .ax-wit .ax-wit__dismiss {
   background: transparent; border: 0; color: var(--ax-muted);
@@ -375,7 +429,7 @@ a:hover { text-decoration: underline; }
   display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px;
 }
 .ax-section-head__icon {
-  width: 44px; height: 44px; border-radius: 10px;
+  width: 44px; height: 44px; border-radius: var(--ax-radius);
   background: color-mix(in oklch, var(--ax-accent) 10%, var(--ax-surface));
   border: 1px solid color-mix(in oklch, var(--ax-accent) 25%, var(--ax-border));
   display: grid; place-items: center; flex-shrink: 0;
@@ -395,7 +449,7 @@ a:hover { text-decoration: underline; }
 /* --- Row cards (collapsible list items) --- */
 .ax-stack { display: flex; flex-direction: column; gap: 10px; }
 .ax-row-card {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-lg); padding: 14px 16px;
   transition: border-color 160ms, transform 160ms;
 }
@@ -439,14 +493,14 @@ a:hover { text-decoration: underline; }
 .ax-trigger-pill {
   font-family: var(--ax-mono); font-size: 11px;
   padding: 2px 8px; background: var(--ax-bg);
-  border: 1px solid var(--ax-border); border-radius: 4px;
+  border: var(--ax-border-w) solid var(--ax-border); border-radius: var(--ax-radius-sm);
   color: var(--ax-text);
 }
 
 /* --- Avatars (coloured initial square) --- */
 .ax-avatar {
-  width: 36px; height: 36px; border-radius: 9px; flex-shrink: 0;
-  background: var(--ax-surface-2); border: 1px solid var(--ax-border-2);
+  width: 36px; height: 36px; border-radius: var(--ax-radius); flex-shrink: 0;
+  background: var(--ax-surface-2); border: var(--ax-border-w) solid var(--ax-border-2);
   display: grid; place-items: center;
   font-weight: 600; font-size: 14px; letter-spacing: -0.01em;
   color: var(--ax-text);
@@ -481,8 +535,8 @@ a:hover { text-decoration: underline; }
 .ax-pill {
   display: inline-flex; align-items: center; gap: 5px;
   font-size: 11px; padding: 2px 8px; line-height: 16px;
-  border-radius: 10px; background: var(--ax-surface-2);
-  color: var(--ax-text-2); border: 1px solid var(--ax-border);
+  border-radius: var(--ax-radius); background: var(--ax-surface-2);
+  color: var(--ax-text-2); border: var(--ax-border-w) solid var(--ax-border);
   white-space: nowrap;
 }
 .ax-pill .ax-pill__dot {
@@ -510,7 +564,7 @@ a:hover { text-decoration: underline; }
   display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
 }
 .ax-connector {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-lg); padding: 18px 18px 16px;
   cursor: pointer; position: relative;
   transition: border-color 160ms, transform 160ms, background 160ms;
@@ -527,10 +581,10 @@ a:hover { text-decoration: underline; }
   display: flex; align-items: center; gap: 12px; margin-bottom: 10px;
 }
 .ax-connector__logo {
-  width: 40px; height: 40px; border-radius: 10px;
+  width: 40px; height: 40px; border-radius: var(--ax-radius);
   display: grid; place-items: center;
   font-weight: 700; font-size: 15px; letter-spacing: -0.02em; flex-shrink: 0;
-  background: var(--ax-surface-2); border: 1px solid var(--ax-border-2);
+  background: var(--ax-surface-2); border: var(--ax-border-w) solid var(--ax-border-2);
   color: var(--ax-text); font-family: var(--ax-mono);
 }
 .ax-connector__meta { flex: 1; }
@@ -558,7 +612,7 @@ a:hover { text-decoration: underline; }
 .ax-tab-count {
   font-family: var(--ax-mono); font-size: 10px;
   padding: 1px 6px; background: var(--ax-surface-2);
-  color: var(--ax-muted); border-radius: 9px; line-height: 14px;
+  color: var(--ax-muted); border-radius: var(--ax-radius); line-height: 14px;
   margin-left: 6px;
 }
 .is-active .ax-tab-count {
@@ -585,8 +639,8 @@ a:hover { text-decoration: underline; }
 .ax-toast {
   position: fixed; bottom: 24px; right: 24px;
   background: var(--ax-surface-2);
-  border: 1px solid var(--ax-accent); color: var(--ax-text);
-  padding: 10px 16px; border-radius: 6px; font-size: 12.5px;
+  border: var(--ax-border-w) solid var(--ax-accent); color: var(--ax-text);
+  padding: 10px 16px; border-radius: var(--ax-radius); font-size: 12.5px;
   display: flex; align-items: center; gap: 10px;
   box-shadow: 0 10px 30px rgba(0,0,0,0.3);
   opacity: 0; transform: translateY(10px); pointer-events: none;
@@ -605,12 +659,12 @@ a:hover { text-decoration: underline; }
 .ax-modal-bd.is-show { display: flex; }
 .ax-modal {
   width: min(560px, 94vw); max-height: 86vh; overflow: auto;
-  background: var(--ax-surface); border: 1px solid var(--ax-border-2);
-  border-radius: 12px; padding: 0;
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border-2);
+  border-radius: var(--ax-radius-lg); padding: 0;
   box-shadow: 0 20px 60px rgba(0,0,0,0.5);
 }
 .ax-modal > header {
-  padding: 18px 22px 10px; border-bottom: 1px solid var(--ax-border);
+  padding: 18px 22px 10px; border-bottom: var(--ax-border-w) solid var(--ax-border);
   display: flex; align-items: center; gap: 10px;
 }
 .ax-modal > header h3 {
@@ -624,12 +678,12 @@ a:hover { text-decoration: underline; }
 .ax-modal__foot {
   padding: 12px 22px 18px;
   display: flex; justify-content: flex-end; gap: 8px;
-  border-top: 1px solid var(--ax-border);
+  border-top: var(--ax-border-w) solid var(--ax-border);
 }
 
 /* --- Mesh hero (enable toggle + SVG network viz) --- */
 .ax-mesh-hero {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-lg); padding: 20px;
   display: grid; grid-template-columns: 1fr 240px; gap: 24px;
   align-items: center; margin-bottom: 18px;
@@ -658,13 +712,13 @@ a:hover { text-decoration: underline; }
 /* Pill-shaped toggle (used for the mesh enable switch + similar binary actions). */
 .ax-mesh-toggle {
   display: inline-flex; align-items: center; gap: 10px;
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: 20px; padding: 4px 14px 4px 5px;
   cursor: pointer; user-select: none; font-size: 12px;
 }
 .ax-mesh-switch {
   width: 32px; height: 18px; background: var(--ax-surface-3);
-  border-radius: 9px; position: relative; transition: background 160ms;
+  border-radius: var(--ax-radius); position: relative; transition: background 160ms;
 }
 .ax-mesh-switch::after {
   content: ""; position: absolute; top: 2px; left: 2px;
@@ -680,7 +734,7 @@ a:hover { text-decoration: underline; }
 
 /* --- Schedule builder: sentence-builder + pill picks + day picker --- */
 .ax-builder {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-lg); padding: 20px;
 }
 .ax-builder h3 {
@@ -698,7 +752,7 @@ a:hover { text-decoration: underline; }
 }
 .ax-builder__inp {
   width: 100%; background: var(--ax-bg); color: var(--ax-text);
-  border: 1px solid var(--ax-border); border-radius: 5px;
+  border: var(--ax-border-w) solid var(--ax-border); border-radius: var(--ax-radius-sm);
   padding: 8px 11px; font: inherit; font-size: 13px;
   transition: border-color 120ms, box-shadow 120ms;
 }
@@ -710,13 +764,13 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 
 .ax-mode-switch {
   display: inline-flex; background: var(--ax-surface-2);
-  border: 1px solid var(--ax-border); border-radius: 6px; padding: 3px;
+  border: var(--ax-border-w) solid var(--ax-border); border-radius: var(--ax-radius); padding: 3px;
   margin-bottom: 14px;
 }
 .ax-mode-switch button {
   background: transparent; border: 0; color: var(--ax-muted);
   padding: 6px 14px; font: inherit; font-size: 12px; cursor: pointer;
-  border-radius: 4px; font-weight: 500;
+  border-radius: var(--ax-radius-sm); font-weight: 500;
 }
 .ax-mode-switch button.is-active {
   background: var(--ax-surface); color: var(--ax-text);
@@ -726,13 +780,13 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   display: flex; align-items: center; gap: 8px;
   font-size: 16px; line-height: 1.9; flex-wrap: wrap;
   margin-bottom: 14px; padding: 14px 16px;
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-sm);
 }
 .ax-sentence > span { color: var(--ax-text-2); }
 .ax-pill-pick {
-  background: var(--ax-surface); border: 1px solid var(--ax-border-2);
-  color: var(--ax-accent); padding: 3px 10px; border-radius: 6px;
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border-2);
+  color: var(--ax-accent); padding: 3px 10px; border-radius: var(--ax-radius);
   font-size: 14px; font-family: inherit; cursor: pointer; font-weight: 500;
 }
 .ax-pill-pick:hover { background: var(--ax-surface-2); border-color: var(--ax-accent); }
@@ -740,8 +794,8 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 
 .ax-day-picker { display: flex; gap: 4px; }
 .ax-day-picker button {
-  width: 30px; height: 30px; border-radius: 6px;
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  width: 30px; height: 30px; border-radius: var(--ax-radius);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   color: var(--ax-muted); font: inherit; font-size: 11px; font-weight: 500;
   cursor: pointer;
 }
@@ -767,44 +821,44 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 }
 .ax-cron-hints code {
   font-family: var(--ax-mono); color: var(--ax-text);
-  background: var(--ax-bg); border: 1px solid var(--ax-border);
-  padding: 1px 6px; border-radius: 3px; margin-right: 6px;
+  background: var(--ax-bg); border: var(--ax-border-w) solid var(--ax-border);
+  padding: 1px 6px; border-radius: var(--ax-radius-sm); margin-right: 6px;
 }
 
 /* --- JSON tree viewer (Advanced tab) --- */
 .ax-jv-toolbar {
   display: flex; align-items: center; gap: 8px;
   padding: 8px 12px; background: var(--ax-bg-elev);
-  border: 1px solid var(--ax-border); border-bottom: 0;
+  border: var(--ax-border-w) solid var(--ax-border); border-bottom: 0;
   border-radius: var(--ax-radius) var(--ax-radius) 0 0;
 }
 .ax-jv-toolbar .ax-jv-spacer { flex: 1; }
 .ax-jv-toolbar .ax-jv-seg {
   display: inline-flex; background: var(--ax-surface);
-  border: 1px solid var(--ax-border); border-radius: 5px; padding: 2px;
+  border: var(--ax-border-w) solid var(--ax-border); border-radius: var(--ax-radius-sm); padding: 2px;
 }
 .ax-jv-toolbar .ax-jv-seg button {
   background: transparent; border: 0; color: var(--ax-muted);
   padding: 4px 10px; font: inherit; font-size: 11px;
-  cursor: pointer; border-radius: 4px;
+  cursor: pointer; border-radius: var(--ax-radius-sm);
 }
 .ax-jv-toolbar .ax-jv-seg button.is-active { background: var(--ax-surface-2); color: var(--ax-text); }
 .ax-jv-search {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
-  border-radius: 5px; padding: 4px 9px; font: inherit; font-size: 12px;
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
+  border-radius: var(--ax-radius-sm); padding: 4px 9px; font: inherit; font-size: 12px;
   color: var(--ax-text); width: 180px;
 }
 .ax-jv-search:focus { outline: none; border-color: var(--ax-accent); }
 
 .ax-jv-viewer {
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-top: 0; border-radius: 0 0 var(--ax-radius) var(--ax-radius);
   font-family: var(--ax-mono); font-size: 12.5px; line-height: 1.75;
   padding: 14px 18px; max-height: 620px; overflow: auto;
 }
 .ax-jv-line {
   display: flex; align-items: flex-start; padding: 1px 0; gap: 0;
-  position: relative; border-radius: 3px; white-space: nowrap;
+  position: relative; border-radius: var(--ax-radius-sm); white-space: nowrap;
 }
 .ax-jv-line:hover { background: color-mix(in oklch, var(--ax-accent) 5%, transparent); }
 .ax-jv-line.is-match { background: color-mix(in oklch, var(--ax-warn) 16%, transparent); }
@@ -901,12 +955,12 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
 }
 .ax-stat-inline {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-sm); padding: 10px 12px;
   display: flex; align-items: center; gap: 11px;
 }
 .ax-stat-inline__icon {
-  width: 26px; height: 26px; border-radius: 6px;
+  width: 26px; height: 26px; border-radius: var(--ax-radius);
   background: color-mix(in oklch, var(--ax-accent) 12%, var(--ax-surface-2));
   display: grid; place-items: center;
   color: var(--ax-accent); flex-shrink: 0;
@@ -934,7 +988,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 }
 .ax-rail a {
   display: flex; align-items: center; gap: 10px;
-  padding: 9px 11px; border-radius: 6px;
+  padding: 9px 11px; border-radius: var(--ax-radius);
   color: var(--ax-text-2); font-size: 13px; font-weight: 500;
   cursor: pointer; position: relative;
   transition: background 120ms, color 120ms;
@@ -953,12 +1007,12 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 .ax-rail a.is-active svg { color: var(--ax-accent); }
 .ax-rail a.is-active::before {
   content: ""; position: absolute; left: -3px; top: 7px; bottom: 7px;
-  width: 2px; border-radius: 2px; background: var(--ax-accent);
+  width: 2px; border-radius: var(--ax-radius-sm); background: var(--ax-accent);
 }
 .ax-rail__count {
   margin-left: auto; font-family: var(--ax-mono);
   font-size: 10px; padding: 1px 6px; background: var(--ax-surface-2);
-  color: var(--ax-muted); border-radius: 9px; line-height: 14px;
+  color: var(--ax-muted); border-radius: var(--ax-radius); line-height: 14px;
 }
 .ax-rail a.is-active .ax-rail__count {
   background: color-mix(in oklch, var(--ax-accent) 22%, transparent);
@@ -972,7 +1026,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 
 /* Main panel containers (one per section) */
 .ax-panel {
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-lg); padding: 22px;
 }
 .ax-panel + .ax-panel { margin-top: 12px; }
@@ -1011,12 +1065,12 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 }
 .ax-slider-row .ax-opts {
   display: flex; gap: 4px; background: var(--ax-bg);
-  border: 1px solid var(--ax-border); border-radius: 5px; padding: 2px;
+  border: var(--ax-border-w) solid var(--ax-border); border-radius: var(--ax-radius-sm); padding: 2px;
 }
 .ax-slider-row .ax-opts button {
   background: transparent; border: 0; color: var(--ax-muted);
   padding: 5px 11px; font: inherit; font-size: 11.5px;
-  cursor: pointer; border-radius: 3px; white-space: nowrap;
+  cursor: pointer; border-radius: var(--ax-radius-sm); white-space: nowrap;
 }
 .ax-slider-row .ax-opts button.is-active {
   background: var(--ax-surface-2); color: var(--ax-text);
@@ -1025,13 +1079,13 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 /* Sub-tabs (Guided/Freeform, CLAUDE.md/SOUL.md/IDENTITY.md) */
 .ax-subtabs {
   display: inline-flex; background: var(--ax-bg);
-  border: 1px solid var(--ax-border); border-radius: 6px;
+  border: var(--ax-border-w) solid var(--ax-border); border-radius: var(--ax-radius);
   padding: 3px; margin-bottom: 16px;
 }
 .ax-subtabs button {
   background: transparent; border: 0; color: var(--ax-muted);
   padding: 6px 14px; font: inherit; font-size: 12px;
-  cursor: pointer; border-radius: 4px; font-weight: 500;
+  cursor: pointer; border-radius: var(--ax-radius-sm); font-weight: 500;
 }
 .ax-subtabs button.is-active {
   background: var(--ax-surface-2); color: var(--ax-text);
@@ -1040,8 +1094,8 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 /* Trigger-word chips with inline input (for Wake words field) */
 .ax-triggers-edit {
   display: flex; flex-wrap: wrap; gap: 6px;
-  background: var(--ax-bg); border: 1px solid var(--ax-border);
-  padding: 7px; border-radius: 5px; min-height: 38px;
+  background: var(--ax-bg); border: var(--ax-border-w) solid var(--ax-border);
+  padding: 7px; border-radius: var(--ax-radius-sm); min-height: 38px;
   align-items: center; cursor: text;
 }
 .ax-triggers-edit:focus-within {
@@ -1054,12 +1108,12 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   padding: 3px 4px 3px 9px;
   background: color-mix(in oklch, var(--ax-accent) 16%, var(--ax-surface));
   border: 1px solid color-mix(in oklch, var(--ax-accent) 30%, var(--ax-border));
-  border-radius: 4px; color: var(--ax-accent);
+  border-radius: var(--ax-radius-sm); color: var(--ax-accent);
 }
 .ax-trig-pill button {
   background: transparent; border: 0; color: currentColor;
   opacity: 0.6; cursor: pointer; font-size: 13px; line-height: 1;
-  padding: 0 2px; border-radius: 3px;
+  padding: 0 2px; border-radius: var(--ax-radius-sm);
 }
 .ax-trig-pill button:hover {
   opacity: 1;
@@ -1080,7 +1134,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   position: absolute; top: 8px; right: 8px; display: flex; gap: 6px;
 }
 .ax-prompt-badges .ax-pbadge {
-  font-size: 10px; padding: 3px 7px; border-radius: 3px;
+  font-size: 10px; padding: 3px 7px; border-radius: var(--ax-radius-sm);
   background: var(--ax-surface-2); color: var(--ax-muted);
   font-family: var(--ax-mono); letter-spacing: 0.03em;
 }
@@ -1100,12 +1154,12 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 .ax-search input { width: 100%; padding-left: 30px; }
 .ax-skill-filter {
   display: flex; gap: 4px; background: var(--ax-bg);
-  border: 1px solid var(--ax-border); border-radius: 5px; padding: 2px;
+  border: var(--ax-border-w) solid var(--ax-border); border-radius: var(--ax-radius-sm); padding: 2px;
 }
 .ax-skill-filter button {
   background: transparent; border: 0; color: var(--ax-muted);
   padding: 5px 10px; font: inherit; font-size: 11.5px;
-  cursor: pointer; border-radius: 3px;
+  cursor: pointer; border-radius: var(--ax-radius-sm);
 }
 .ax-skill-filter button.is-active {
   background: var(--ax-surface-2); color: var(--ax-text);
@@ -1115,7 +1169,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   gap: 10px;
 }
 .ax-skill-card {
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-lg); padding: 14px;
   display: flex; flex-direction: column; gap: 8px;
   cursor: pointer; position: relative; overflow: hidden;
@@ -1141,7 +1195,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 }
 .ax-skill-card__top { display: flex; align-items: center; gap: 10px; }
 .ax-skill-card__icon {
-  width: 32px; height: 32px; border-radius: 7px;
+  width: 32px; height: 32px; border-radius: var(--ax-radius);
   background: var(--ax-surface-2);
   display: grid; place-items: center; flex-shrink: 0;
   color: var(--ax-accent);
@@ -1180,18 +1234,18 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 .ax-callout b { color: var(--ax-text); }
 .ax-callout code {
   font-family: var(--ax-mono); font-size: 11.5px;
-  background: var(--ax-bg); padding: 1px 5px; border-radius: 3px;
-  border: 1px solid var(--ax-border);
+  background: var(--ax-bg); padding: 1px 5px; border-radius: var(--ax-radius-sm);
+  border: var(--ax-border-w) solid var(--ax-border);
 }
 
 /* Channel-binding rows (agent-specific view) */
 .ax-chan-row {
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-lg); padding: 12px 14px;
   display: flex; align-items: center; gap: 12px; margin-bottom: 8px;
 }
 .ax-chan-row__logo {
-  width: 32px; height: 32px; border-radius: 7px;
+  width: 32px; height: 32px; border-radius: var(--ax-radius);
   display: grid; place-items: center;
   font-weight: 700; font-size: 13px; color: white; flex-shrink: 0;
   font-family: var(--ax-mono);
@@ -1207,7 +1261,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 .ax-handover-viz {
   display: flex; align-items: center; justify-content: space-between;
   gap: 14px; padding: 16px 18px;
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-lg); margin-bottom: 14px;
 }
 .ax-ho-side {
@@ -1215,7 +1269,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   gap: 6px; flex: 0 0 130px;
 }
 .ax-ho-side__av {
-  width: 42px; height: 42px; border-radius: 10px;
+  width: 42px; height: 42px; border-radius: var(--ax-radius);
   display: grid; place-items: center;
   font-weight: 600; font-size: 15px;
 }
@@ -1225,7 +1279,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   color: var(--ax-accent);
 }
 .ax-ho-side--to .ax-ho-side__av {
-  background: var(--ax-surface-2); border: 1px solid var(--ax-border-2);
+  background: var(--ax-surface-2); border: var(--ax-border-w) solid var(--ax-border-2);
   color: var(--ax-text);
 }
 .ax-ho-side__nm { font-size: 12px; font-weight: 600; }
@@ -1247,7 +1301,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 .ax-ho-list-row {
   display: flex; align-items: center; gap: 10px;
   padding: 10px 12px;
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-sm); margin-bottom: 6px;
   font-size: 12.5px;
 }
@@ -1263,7 +1317,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   gap: 10px; margin-bottom: 18px;
 }
 .ax-activity-cell {
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-sm); padding: 14px;
 }
 .ax-activity-cell .ax-v {
@@ -1284,12 +1338,12 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 .ax-session {
   display: flex; align-items: center; gap: 10px;
   padding: 10px 12px;
-  background: var(--ax-bg-elev); border: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border: var(--ax-border-w) solid var(--ax-border);
   border-radius: var(--ax-radius-sm); margin-bottom: 6px;
   font-size: 12.5px;
 }
 .ax-session__ch {
-  width: 24px; height: 24px; border-radius: 5px;
+  width: 24px; height: 24px; border-radius: var(--ax-radius-sm);
   display: grid; place-items: center;
   font-weight: 700; font-size: 10px; color: white;
   flex-shrink: 0; font-family: var(--ax-mono);
@@ -1308,14 +1362,14 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 .ax-log-head {
   display: grid; grid-template-columns: 24px 90px 160px 1fr auto;
   gap: 12px; padding: 8px 10px;
-  border-bottom: 1px solid var(--ax-border-2);
+  border-bottom: var(--ax-border-w) solid var(--ax-border-2);
   font-size: 10px; color: var(--ax-muted);
   text-transform: uppercase; letter-spacing: 0.06em; font-family: var(--ax-mono);
 }
 .ax-log-row {
   display: grid; grid-template-columns: 24px 90px 160px 1fr auto;
   gap: 12px; align-items: center; padding: 9px 10px;
-  border-bottom: 1px solid var(--ax-border); font-size: 12px;
+  border-bottom: var(--ax-border-w) solid var(--ax-border); font-size: 12px;
 }
 .ax-log-row:hover { background: color-mix(in oklch, var(--ax-accent) 4%, transparent); }
 .ax-log-row .ax-sev {
@@ -1356,7 +1410,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
  * the viewport when toggled. Similar to the Live page history-panel. */
 .ax-td-panel {
   position: fixed; top: 0; right: 0; bottom: 0; width: 420px;
-  background: var(--ax-bg-elev); border-left: 1px solid var(--ax-border);
+  background: var(--ax-bg-elev); border-left: var(--ax-border-w) solid var(--ax-border);
   z-index: 900;
   display: flex; flex-direction: column;
   box-shadow: -8px 0 24px rgba(0,0,0,0.4);
@@ -1367,7 +1421,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   .ax-td-panel { width: 100vw; }
 }
 .ax-td-head {
-  padding: 12px 14px; border-bottom: 1px solid var(--ax-border);
+  padding: 12px 14px; border-bottom: var(--ax-border-w) solid var(--ax-border);
   background: var(--ax-bg-elev);
   display: flex; align-items: center; gap: 10px;
 }
@@ -1383,12 +1437,12 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 }
 .ax-td-head__seg {
   display: inline-flex; background: var(--ax-surface);
-  border: 1px solid var(--ax-border); border-radius: 5px; padding: 2px;
+  border: var(--ax-border-w) solid var(--ax-border); border-radius: var(--ax-radius-sm); padding: 2px;
 }
 .ax-td-head__seg button {
   background: transparent; border: 0; color: var(--ax-muted);
   padding: 3px 8px; font: inherit; font-size: 10.5px;
-  cursor: pointer; border-radius: 3px; font-family: var(--ax-mono);
+  cursor: pointer; border-radius: var(--ax-radius-sm); font-family: var(--ax-mono);
 }
 .ax-td-head__seg button.is-active {
   background: var(--ax-surface-2); color: var(--ax-text);
@@ -1396,7 +1450,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 
 .ax-td-scenarios {
   padding: 10px 14px; background: var(--ax-bg-elev);
-  border-bottom: 1px solid var(--ax-border);
+  border-bottom: var(--ax-border-w) solid var(--ax-border);
   display: flex; gap: 5px; flex-wrap: wrap;
 }
 .ax-td-scenarios__lbl {
@@ -1406,8 +1460,8 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 }
 .ax-td-scenario {
   font-size: 11px; padding: 3px 8px;
-  background: var(--ax-surface); border: 1px solid var(--ax-border);
-  border-radius: 10px; color: var(--ax-text-2);
+  background: var(--ax-surface); border: var(--ax-border-w) solid var(--ax-border);
+  border-radius: var(--ax-radius); color: var(--ax-text-2);
   cursor: pointer; transition: all 120ms;
 }
 .ax-td-scenario:hover { border-color: var(--ax-accent); color: var(--ax-accent); }
@@ -1423,7 +1477,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 .ax-td-chat__msg-wrap.is-user { align-self: flex-end; align-items: flex-end; }
 .ax-td-chat__msg-wrap.is-bot { align-self: flex-start; }
 .ax-td-chat__bubble {
-  padding: 8px 12px; border-radius: 12px;
+  padding: 8px 12px; border-radius: var(--ax-radius-lg);
   font-size: 12.5px; line-height: 1.55; word-wrap: break-word;
 }
 .ax-td-chat__bubble.is-user {
@@ -1432,7 +1486,7 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 }
 .ax-td-chat__bubble.is-bot {
   background: var(--ax-surface-2); color: var(--ax-text);
-  border-bottom-left-radius: 3px; border: 1px solid var(--ax-border);
+  border-bottom-left-radius: 3px; border: var(--ax-border-w) solid var(--ax-border);
 }
 .ax-td-chat__meta {
   font-size: 9.5px; color: var(--ax-muted);
@@ -1440,8 +1494,8 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
 }
 .ax-td-chat__typing {
   align-self: flex-start; padding: 10px 14px;
-  background: var(--ax-surface-2); border: 1px solid var(--ax-border);
-  border-radius: 12px; border-bottom-left-radius: 3px;
+  background: var(--ax-surface-2); border: var(--ax-border-w) solid var(--ax-border);
+  border-radius: var(--ax-radius-lg); border-bottom-left-radius: 3px;
   display: inline-flex; gap: 4px;
 }
 .ax-td-chat__typing span {
@@ -1455,24 +1509,45 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   30% { transform: translateY(-5px); opacity: 1; }
 }
 .ax-td-input {
-  padding: 10px; border-top: 1px solid var(--ax-border);
+  padding: 10px; border-top: var(--ax-border-w) solid var(--ax-border);
   background: var(--ax-bg-elev); display: flex; gap: 6px;
 }
 .ax-td-input input {
-  flex: 1; background: var(--ax-bg); border: 1px solid var(--ax-border);
-  border-radius: 6px; padding: 8px 11px;
+  flex: 1; background: var(--ax-bg); border: var(--ax-border-w) solid var(--ax-border);
+  border-radius: var(--ax-radius); padding: 8px 11px;
   color: var(--ax-text); font: inherit; font-size: 12.5px;
 }
 .ax-td-input input:focus { outline: none; border-color: var(--ax-accent); }
 .ax-td-input button {
   background: var(--ax-accent); color: var(--ax-bg); border: 0;
-  border-radius: 6px; padding: 0 12px;
+  border-radius: var(--ax-radius); padding: 0 12px;
   cursor: pointer; font-weight: 600;
 }
 .ax-td-input button:hover {
   background: color-mix(in oklch, var(--ax-accent) 88%, white);
 }
 
+/* Inline task-queue chip on bot messages */
+.ax-td-task-chip {
+  display: inline-flex; align-items: center; gap: 5px;
+  margin-top: 5px; padding: 3px 8px;
+  background: color-mix(in oklch, var(--ax-accent) 10%, var(--ax-surface));
+  border: 1px solid color-mix(in oklch, var(--ax-accent) 35%, var(--ax-border));
+  border-radius: var(--ax-radius); font-size: 10px; color: var(--ax-accent);
+  font-family: var(--ax-mono); letter-spacing: 0.04em;
+  cursor: default; user-select: none;
+}
+.ax-td-task-chip__dot {
+  width: 6px; height: 6px; border-radius: 50%;
+  background: var(--ax-accent); flex-shrink: 0;
+}
+.ax-td-task-chip--queued .ax-td-task-chip__dot {
+  background: var(--ax-muted);
+}
+.ax-td-task-chip__id {
+  font-family: var(--ax-mono); opacity: 0.7; font-size: 9px;
+}
+
 /* Section mini-label used throughout detail pages */
 .ax-sec-label-d {
   display: flex; align-items: center; justify-content: space-between;
@@ -1502,270 +1577,53 @@ textarea.ax-builder__inp { min-height: 80px; line-height: 1.5; resize: vertical;
   .ax-log-head, .ax-log-row { grid-template-columns: 8px 80px 1fr auto; }
   .ax-log-head span:nth-child(3), .ax-log-row .ax-who { display: none; }
   .ax-grid-2, .ax-grid-3 { grid-template-columns: 1fr; }
-}`;var m=`<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
-<script>(function(){try{var t=localStorage.getItem('ax-theme')||'dark';document.documentElement.setAttribute('data-theme',t)}catch(e){}})();</script>`,b=`
-.ax-topbar{display:flex;align-items:center;justify-content:space-between;
-  padding:8px 18px;border-bottom:1px solid var(--ax-border);
-  background:var(--ax-bg-elev);position:sticky;top:0;z-index:20;gap:10px;flex-wrap:nowrap}
-.ax-topbar__left{display:flex;align-items:center;gap:18px;min-width:0}
-.ax-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-0.01em;flex-shrink:0}
-.ax-brand__mark{font-family:var(--ax-mono);font-size:12px;padding:2px 8px;
-  border:1px solid var(--ax-border-2);color:var(--ax-accent);border-radius:4px}
-.ax-brand__name{font-size:14px}
-.ax-brand__subtitle{font-size:11px;color:var(--ax-muted);
-  border-left:1px solid var(--ax-border);padding-left:12px;margin-left:4px}
-.ax-topbar__tabs{display:flex;gap:2px;min-width:0;overflow-x:auto}
-.ax-topbar__tab{background:transparent;border:none;color:var(--ax-text-2);
-  padding:8px 14px;font:inherit;cursor:pointer;font-size:12px;text-decoration:none;
-  border-bottom:2px solid transparent;letter-spacing:-0.005em;white-space:nowrap}
-.ax-topbar__tab:hover{color:var(--ax-text)}
-.ax-topbar__tab.is-active{color:var(--ax-text);border-bottom-color:var(--ax-accent)}
-.ax-topbar__right{display:flex;align-items:center;gap:10px;font-size:11px;
-  color:var(--ax-muted);flex-shrink:0}
-.ax-topbar__right .ax-mono{color:var(--ax-text-2)}
-
-/* Mesh selector */
-.ax-mesh-sel{position:relative;display:inline-flex;align-items:center;gap:6px;
-  padding:4px 10px;border:1px solid var(--ax-border-2);border-radius:4px;
-  background:var(--ax-surface);cursor:pointer;font:inherit;font-size:11px;
-  color:var(--ax-text-2);white-space:nowrap}
-.ax-mesh-sel:hover{border-color:var(--ax-accent);color:var(--ax-text)}
-.ax-mesh-sel.is-proxy{background:color-mix(in oklch,var(--ax-accent) 14%,var(--ax-surface));
-  border-color:color-mix(in oklch,var(--ax-accent) 45%,var(--ax-border-2));color:var(--ax-accent)}
-.ax-mesh-sel .lbl{font-size:9px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ax-muted);margin-right:2px}
-.ax-mesh-sel .name{font-weight:500;color:var(--ax-text)}
-.ax-mesh-sel .chev{font-size:9px;opacity:0.6;margin-left:2px}
-.ax-mesh-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:240px;
-  background:var(--ax-surface);border:1px solid var(--ax-border-2);
-  border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,0.4);padding:4px;z-index:30;display:none}
-.ax-mesh-sel.is-open .ax-mesh-menu{display:block}
-.ax-mesh-menu a{display:block;padding:7px 10px;border-radius:4px;text-decoration:none;
-  color:var(--ax-text-2);font-size:12px}
-.ax-mesh-menu a:hover{background:var(--ax-surface-2);color:var(--ax-text)}
-.ax-mesh-menu a.is-current{background:color-mix(in oklch,var(--ax-accent) 12%,var(--ax-surface));
-  color:var(--ax-accent);border:1px solid color-mix(in oklch,var(--ax-accent) 30%,var(--ax-border-2))}
-.ax-mesh-menu a .row{display:flex;align-items:center;gap:8px}
-.ax-mesh-menu a .row .dot{width:6px;height:6px;border-radius:50%;background:var(--ax-accent)}
-.ax-mesh-menu a.is-offline .row .dot{background:var(--ax-border-2)}
-.ax-mesh-menu a .url{font-family:var(--ax-mono);font-size:10px;color:var(--ax-muted);margin-top:2px}
-
-/* Theme switcher segmented control */
-.ax-theme-switch{display:inline-flex;border:1px solid var(--ax-border-2);
-  border-radius:4px;overflow:hidden}
-.ax-theme-switch button{background:transparent;border:none;color:var(--ax-muted);
-  padding:3px 9px;font:inherit;font-size:10px;cursor:pointer;letter-spacing:0.04em;
-  text-transform:uppercase;font-family:var(--ax-mono);border-right:1px solid var(--ax-border-2)}
-.ax-theme-switch button:last-child{border-right:none}
-.ax-theme-switch button:hover{color:var(--ax-text);background:var(--ax-surface-2,var(--ax-surface))}
-.ax-theme-switch button.is-active{color:var(--ax-accent);
-  background:color-mix(in oklch,var(--ax-accent) 12%,var(--ax-surface))}
-
-/* Subheader \u2014 page-specific toolbar below the main topbar. Kanban uses it
- * for the board picker + search + filters; others can use it for context
- * bars if they want. */
-.ax-subheader{display:flex;align-items:center;gap:10px;padding:10px 18px;
-  background:var(--ax-bg-elev);border-bottom:1px solid var(--ax-border);
-  flex-wrap:wrap}
-.ax-subheader > * {flex-shrink:0}
-.ax-subheader .spacer{flex:1}`,u=`<script>
-(function(){
-  function wireTheme(){
-    var sw = document.querySelectorAll('[data-theme-opt]');
-    if (!sw.length) return;
-    var current = document.documentElement.getAttribute('data-theme') || 'dark';
-    sw.forEach(function(b){
-      if (b.dataset.wired) return; b.dataset.wired = '1';
-      if (b.getAttribute('data-theme-opt') === current) b.classList.add('is-active');
-      b.addEventListener('click', function(){
-        var t = b.getAttribute('data-theme-opt');
-        document.documentElement.setAttribute('data-theme', t);
-        try { localStorage.setItem('ax-theme', t); } catch (e) {}
-        sw.forEach(function(x){ x.classList.toggle('is-active', x === b); });
-      });
-    });
-  }
-  function currentPeer(){
-    try { return localStorage.getItem('ax-peer') || 'primary'; } catch { return 'primary'; }
-  }
-  function setCurrentPeer(id){
-    try {
-      if (id && id !== 'primary') localStorage.setItem('ax-peer', id);
-      else localStorage.removeItem('ax-peer');
-    } catch {}
-  }
-  function reflectPeerPill(){
-    var sel = document.querySelector('.ax-mesh-sel');
-    if (!sel) return;
-    var cur = currentPeer();
-    sel.classList.toggle('is-proxy', cur !== 'primary');
-    // If a proxy is active, update the visible pill label + highlight.
-    var picked = null;
-    sel.querySelectorAll('.ax-mesh-menu a').forEach(function(a){
-      a.classList.toggle('is-current', a.getAttribute('data-peer-id') === cur || (cur === 'primary' && a.getAttribute('data-peer-id') === 'primary'));
-      if (a.getAttribute('data-peer-id') === cur) picked = a;
-    });
-    if (picked) {
-      var name = picked.querySelector('span'); // first <span> inside .row
-      var visibleName = sel.querySelector('.name');
-      if (name && visibleName) visibleName.textContent = name.textContent.replace(/ \xB7 primary/, '');
-    }
-  }
-  function wireMesh(){
-    var sel = document.querySelector('.ax-mesh-sel');
-    if (!sel || sel.dataset.wired) return; sel.dataset.wired = '1';
-    sel.addEventListener('click', function(e){
-      var link = e.target.closest('.ax-mesh-menu a[data-peer-action="proxy"]');
-      if (link) {
-        e.preventDefault();
-        setCurrentPeer(link.getAttribute('data-peer-id'));
-        reflectPeerPill();
-        sel.classList.remove('is-open');
-        // Reload so the admin panel re-reads state from the selected peer.
-        location.reload();
-        return;
-      }
-      if (e.target.closest('.ax-mesh-menu a')) return; // plain navigate anchor
-      sel.classList.toggle('is-open');
-    });
-    document.addEventListener('click', function(e){
-      if (!sel.contains(e.target)) sel.classList.remove('is-open');
-    });
-    reflectPeerPill();
-  }
-  function wireHostRewrite(){
-    try {
-      var h = location.hostname || 'localhost';
-      document.querySelectorAll('.ax-topbar__tab[href*="__HOST__"]').forEach(function(a){
-        a.href = a.getAttribute('href').replace(/__HOST__/g, h);
-      });
-    } catch (e) {}
-  }
-  /**
-   * Make the topbar peer selector actually drive page content. When the
-   * operator picks a non-primary peer, every /api/admin/* request gets an
-   * X-Agentx-Peer header (and every EventSource on that path gets a ?peer=
-   * query, since EventSource can't set headers). The dashboard's existing
-   * proxy handler picks it up and forwards to the chosen peer.
-   *
-   * Without this hook, the activity-graph (and other admin pages) silently
-   * keep showing only the local node's data even after the operator picks
-   * a different peer in the topbar.
-   */
-  function wirePeerProxy(){
-    if (window.__axPeerWired) return; window.__axPeerWired = true;
-    var origFetch = window.fetch.bind(window);
-    window.fetch = function(input, init){
-      try {
-        var peer = currentPeer();
-        if (peer && peer !== 'primary') {
-          var url = typeof input === 'string' ? input : (input && input.url) || '';
-          if (url.indexOf('/api/admin/') === 0 || url.indexOf('/api/admin/') > 0) {
-            init = init || {};
-            init.headers = new Headers(init.headers || {});
-            init.headers.set('X-Agentx-Peer', peer);
-          }
-        }
-      } catch (e) {}
-      return origFetch(input, init);
-    };
-    var OrigES = window.EventSource;
-    if (OrigES) {
-      window.EventSource = function(url, cfg){
-        try {
-          var peer = currentPeer();
-          if (peer && peer !== 'primary' && typeof url === 'string' && url.indexOf('/api/admin/') >= 0) {
-            url += (url.indexOf('?') >= 0 ? '&' : '?') + 'peer=' + encodeURIComponent(peer);
-          }
-        } catch (e) {}
-        return new OrigES(url, cfg);
-      };
-      window.EventSource.prototype = OrigES.prototype;
-      window.EventSource.CONNECTING = OrigES.CONNECTING;
-      window.EventSource.OPEN = OrigES.OPEN;
-      window.EventSource.CLOSED = OrigES.CLOSED;
-    }
-  }
-  function wire(){ wireHostRewrite(); wireTheme(); wireMesh(); wirePeerProxy(); }
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', wire);
-  } else { wire(); }
-})();
-</script>`;function h(a){let r=a.peers&&a.peers.length>0?a.peers:[{id:"local",name:"this daemon",dashboardUrl:"",primary:!0}],o=a.currentPeerId||r.find(e=>e.primary)?.id||r[0].id,i=r.find(e=>e.id===o)||r[0],l=r.map(e=>{let d=e.id===o,c=e.primary?' <span style="color:var(--ax-muted);font-size:10px">\xB7 primary</span>':"",s=!!e.tokenScope&&!e.primary,w=s?"#":e.dashboardUrl?`${e.dashboardUrl.replace(/\/+$/,"")}/admin`:"#",k=s?` data-peer-id="${n(e.id)}" data-peer-action="proxy"`:e.primary?' data-peer-id="primary" data-peer-action="proxy"':"",y=s?'<div class="url" style="color:var(--ax-accent)">manage from this dashboard \u2713</div>':e.tokenScope?`<div class="url">${n(e.tokenScope)}</div>`:e.dashboardUrl?'<div class="url" style="color:var(--ax-muted)">(open peer dashboard \u2197)</div>':"";return`<a href="${n(w)}" class="${d?"is-current":""}"${k}>
-      <div class="row"><span class="dot"></span><span>${n(e.name)}${c}</span></div>
-      ${e.dashboardUrl?`<div class="url">${n(e.dashboardUrl)}</div>`:""}
-      ${y}
-    </a>`}).join(""),x=`<div class="ax-mesh-sel" aria-haspopup="menu">
-    <span class="lbl">managing</span>
-    <span class="name">${n(i.name)}</span>
-    <span class="chev">\u25BE</span>
-    <div class="ax-mesh-menu" role="menu">${l}</div>
-  </div>`,f=[{id:"live",label:"Live",href:"/live",external:!1},{id:"boards",label:"Boards",href:"/",external:!1},{id:"workflows",label:"Workflows",href:"/workflows",external:!1},{id:"graph",label:"Activity Graph",href:"/admin/activity-graph",external:!1},{id:"graph",label:"Ledger",href:"/admin/ledger",external:!1},{id:"health",label:"Health",href:"/admin/health",external:!1},{id:"cost",label:"Cost",href:"/admin/cost",external:!1},{id:"wiki",label:"Wiki",href:"/admin/wiki",external:!1},{id:"admin",label:"Settings",href:"/admin",external:!1},{id:"glossary",label:"Glossary",href:"/glossary",external:!1}].map(e=>{let d=e.id===a.activeTab?"ax-topbar__tab is-active":"ax-topbar__tab",c=e.external?' target="_blank" rel="noopener"':"",s=e.external?' <span style="font-size:9px;opacity:0.6">\u2197</span>':"";return`<a href="${e.href}" class="${d}"${c}>${e.label}${s}</a>`}).join("");return`<header class="ax-topbar">
-  <div class="ax-topbar__left">
-    <div class="ax-brand">
-      <span class="ax-brand__mark">AX</span>
-      <span class="ax-brand__name">AgentX</span>
-      <span class="ax-brand__subtitle">${n(a.subtitle)}</span>
-    </div>
-    <nav class="ax-topbar__tabs">${f}</nav>
-  </div>
-  <div class="ax-topbar__right">
-    ${a.rightExtras||""}
-    ${x}
-    <div class="ax-theme-switch" role="tablist" aria-label="Theme">
-      <button data-theme-opt="dark">Dark</button>
-      <button data-theme-opt="light">Light</button>
-      <button data-theme-opt="crt">CRT</button>
-    </div>
-  </div>
-</header>${a.subheader?`<div class="ax-subheader">${a.subheader}</div>`:""}`}function n(a){return String(a||"").replace(/[&<>"']/g,r=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[r])}function _(a){let r=`${p}
-${g}
-${b}${a.css?`
-`+a.css:""}`,o=a.customHeader??(a.activeTab==="custom"?"":h({activeTab:a.activeTab,subtitle:a.subtitle,subheader:a.subheader,peers:a.peers,currentPeerId:a.currentPeerId})),i=a.noMain?a.body:`<main>${a.body}</main>`;return`<!DOCTYPE html>
+}`;function v(a){let e=`${n}
+${x}
+${l}${a.css?`
+`+a.css:""}`,o=a.customHeader??(a.activeTab==="custom"?"":p({activeTab:a.activeTab,subtitle:a.subtitle,subheader:a.subheader,peers:a.peers,currentPeerId:a.currentPeerId})),t=a.noMain?a.body:`<main>${a.body}</main>`;return`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>${z(a.title)}</title>
-${m}
+<title>${b(a.title)}</title>
+${s}
 ${a.headExtras||""}
-<style>${r}</style>
+<style>${e}</style>
 </head>
 <body>
 ${o}
-${i}
-${u}
+${t}
+${c}
 ${a.scripts||""}
 </body>
-</html>`}function z(a){return String(a||"").replace(/[<>&]/g,r=>({"<":"&lt;",">":"&gt;","&":"&amp;"})[r])}function t(a){return String(a??"").replace(/[&<>"']/g,r=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[r])}function $(a,r={}){let o=["ax-btn",r.primary?"ax-btn--primary":"",r.ghost?"ax-btn--ghost":"",r.danger?"ax-btn--danger":"",r.extraClass||""].filter(Boolean).join(" ");return`<button ${[`type="${r.type||"button"}"`,`class="${o}"`,r.id?`id="${t(r.id)}"`:"",r.disabled?"disabled":"",r.onclick?`onclick="${t(r.onclick)}"`:""].filter(Boolean).join(" ")}>${t(a)}</button>`}function S(a){let r=`<label>${t(a.label)}${a.hint?` <span class="ax-hint">${a.hint}</span>`:""}</label>`,o="",i=[`name="${t(a.name)}"`,a.required?"required":"",a.readonly?"readonly":"",a.placeholder?`placeholder="${t(a.placeholder)}"`:"",a.extraAttrs||""].filter(Boolean).join(" ");if(a.type==="textarea")o=`<textarea ${i} rows="${a.rows||3}">${t(a.value||"")}</textarea>`;else if(a.type==="select"&&a.options){let l=a.options.map(x=>`<option value="${t(x.value)}"${x.selected?" selected":""}>${t(x.label)}</option>`).join("");o=`<select ${i}>${l}</select>`}else o=`<input type="${a.type||"text"}" ${i}`+(a.value!==void 0?` value="${t(a.value)}"`:"")+(a.pattern?` pattern="${t(a.pattern)}"`:"")+" />";return`<div class="ax-field">${r}${o}</div>`}function O(a){return`<div class="ax-row">${a.join("")}</div>`}function T(a,r,o){return`<section class="ax-step">
-    <div class="ax-step__head"><span class="ax-step__num">${t(String(a))}</span>${t(r)}</div>
+</html>`}function b(a){return String(a||"").replace(/[<>&]/g,e=>({"<":"&lt;",">":"&gt;","&":"&amp;"})[e])}function r(a){return String(a??"").replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}function m(a,e={}){let o=["ax-btn",e.primary?"ax-btn--primary":"",e.ghost?"ax-btn--ghost":"",e.danger?"ax-btn--danger":"",e.extraClass||""].filter(Boolean).join(" ");return`<button ${[`type="${e.type||"button"}"`,`class="${o}"`,e.id?`id="${r(e.id)}"`:"",e.disabled?"disabled":"",e.onclick?`onclick="${r(e.onclick)}"`:""].filter(Boolean).join(" ")}>${r(a)}</button>`}function u(a){let e=`<label>${r(a.label)}${a.hint?` <span class="ax-hint">${a.hint}</span>`:""}</label>`,o="",t=[`name="${r(a.name)}"`,a.required?"required":"",a.readonly?"readonly":"",a.placeholder?`placeholder="${r(a.placeholder)}"`:"",a.extraAttrs||""].filter(Boolean).join(" ");if(a.type==="textarea")o=`<textarea ${t} rows="${a.rows||3}">${r(a.value||"")}</textarea>`;else if(a.type==="select"&&a.options){let d=a.options.map(i=>`<option value="${r(i.value)}"${i.selected?" selected":""}>${r(i.label)}</option>`).join("");o=`<select ${t}>${d}</select>`}else o=`<input type="${a.type||"text"}" ${t}`+(a.value!==void 0?` value="${r(a.value)}"`:"")+(a.pattern?` pattern="${r(a.pattern)}"`:"")+" />";return`<div class="ax-field">${e}${o}</div>`}function f(a){return`<div class="ax-row">${a.join("")}</div>`}function h(a,e,o){return`<section class="ax-step">
+    <div class="ax-step__head"><span class="ax-step__num">${r(String(a))}</span>${r(e)}</div>
     ${o}
-  </section>`}function C(a){return`<div class="ax-page-head">
-    ${a.kicker?`<div class="ax-kicker">${t(a.kicker)}</div>`:""}
-    <h1>${t(a.title)}</h1>
+  </section>`}function w(a){return`<div class="ax-page-head">
+    ${a.kicker?`<div class="ax-kicker">${r(a.kicker)}</div>`:""}
+    <h1>${r(a.title)}</h1>
     ${a.lead?`<p class="ax-lead">${a.lead}</p>`:""}
-  </div>`}function v(a){return`<div class="ax-health-card">
+  </div>`}function g(a){return`<div class="ax-health-card">
     <div class="ax-hc-dot ax-hc-dot--${a.kind||"off"}"></div>
     <div class="ax-hc-txt">
-      <div class="ax-hc-num">${t(a.num)}</div>
-      <div class="ax-hc-lbl">${t(a.label)}</div>
+      <div class="ax-hc-num">${r(a.num)}</div>
+      <div class="ax-hc-lbl">${r(a.label)}</div>
     </div>
-  </div>`}function P(a){return`<div class="ax-health-strip">${a.map(v).join("")}</div>`}function A(a){return`<div class="ax-wit"${a.persistKey?` data-wit="${t(a.persistKey)}"`:""}>
-    <span class="ax-wit__icon">${t(a.icon||"?")}</span>
+  </div>`}function k(a){return`<div class="ax-health-strip">${a.map(g).join("")}</div>`}function y(a){return`<div class="ax-wit"${a.persistKey?` data-wit="${r(a.persistKey)}"`:""}>
+    <span class="ax-wit__icon">${r(a.icon||"?")}</span>
     <div>${a.bodyHtml}</div>
     <button class="ax-wit__dismiss" onclick="this.parentElement.style.display='none'">\xD7</button>
-  </div>`}function E(a){return`<div class="ax-section-head">
+  </div>`}function _(a){return`<div class="ax-section-head">
     <div class="ax-section-head__icon">${a.icon}</div>
     <div class="ax-section-head__text">
-      <h2>${t(a.title)}</h2>
-      ${a.lead?`<p class="ax-lead">${t(a.lead)}</p>`:""}
+      <h2>${r(a.title)}</h2>
+      ${a.lead?`<p class="ax-lead">${r(a.lead)}</p>`:""}
     </div>
     ${a.actionHtml||""}
-  </div>`}function H(a){return`<div class="ax-sec-label"><h3>${t(a.label)}</h3>${a.rightHtml||""}</div>`}var j=`<div class="ax-toast" id="ax-toast">
+  </div>`}function z(a){return`<div class="ax-sec-label"><h3>${r(a.label)}</h3>${a.rightHtml||""}</div>`}var $=`<div class="ax-toast" id="ax-toast">
   <svg class="ax-toast__icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
   <span id="ax-toast-msg">Copied</span>
-</div>`,L=`
+</div>`,S=`
   let __axToastTimer;
   window.showToast = function(msg) {
     const el = document.getElementById('ax-toast');
@@ -1779,9 +1637,9 @@ ${a.scripts||""}
   window.copyText = function(_btn, text) {
     try { navigator.clipboard.writeText(text); } catch (e) {}
     window.showToast('Copied to clipboard');
-  };`,B=`
+  };`,C=`
   window.toggleCard = function(btn) {
     const card = btn.closest('.ax-row-card');
     if (card) card.classList.toggle('is-open');
-  };`;export{_ as a,t as b,$ as c,S as d,O as e,T as f,C as g,P as h,A as i,E as j,H as k,j as l,L as m,B as n};
-//# sourceMappingURL=chunk-CNNLREHD.js.map
+  };`;export{v as a,r as b,m as c,u as d,f as e,h as f,w as g,k as h,y as i,_ as j,z as k,$ as l,S as m,C as n};
+//# sourceMappingURL=chunk-P4VWIVKN.js.map