@zen-ui-capri/system 1.1.1 → 1.1.4

package/dist/lib/index.js

@@ -1,35 +1,83 @@
-import { c as Ie, u as Le, C as he } from "./zen-universal-C0PD8AI9.js";
-import { a as en, Z as tn, b as rn, d as nn, e as an, f as sn, g as ln, h as on, i as cn, j as dn, k as mn, l as un, m as pn, n as fn, o as vn, r as hn, p as bn, s as xn, q as gn, z as yn, t as zn } from "./zen-universal-C0PD8AI9.js";
-import { jsxs as a, jsx as e, Fragment as ye } from "react/jsx-runtime";
-import { useState as H, useRef as R, useEffect as q, useId as re, useCallback as ge, useMemo as le, useImperativeHandle as ot, Suspense as ct } from "react";
-import { Loader2 as dt, Check as Ne, Copy as mt, CheckCircle2 as Pe, ArrowUpRight as Ze, ChevronDown as Ke, X as we, AlertTriangle as Ye, Info as Xe, ArrowUp as ut, ArrowDown as pt, ArrowUpDown as ft, Menu as vt, Radio as ht, Minimize2 as bt, Maximize2 as xt, Sparkles as Be, Terminal as gt, Activity as yt, Cpu as zt, ShieldAlert as Qe, FileText as Je, Minus as et, UploadCloud as Nt, Plus as wt, ChevronRight as tt, ChevronLeft as kt, Search as Ct, CornerDownLeft as St, TrendingUp as At, TrendingDown as Tt, Inbox as Et, Volume2 as He, VolumeX as _e, Disc3 as Mt } from "lucide-react";
-import { Canvas as Rt, useFrame as It } from "@react-three/fiber";
-import { EffectComposer as Lt, Bloom as Pt } from "@react-three/postprocessing";
-import * as w from "three";
-const Dt = {
+import { jsx as e, jsxs as a, Fragment as ke } from "react/jsx-runtime";
+import { useContext as ft, useState as F, useEffect as U, useMemo as se, createContext as ht, useRef as R, useId as re, useCallback as Ne, useImperativeHandle as vt, Suspense as xt } from "react";
+import { Z as we, s as bt, c as Oe, C as xe } from "./zen-universal-B_4UHCPT.js";
+import { a as fn, b as hn, d as vn, e as xn, f as bn, g as yn, h as gn, i as zn, j as wn, r as Nn, k as kn, z as Cn, l as Sn } from "./zen-universal-B_4UHCPT.js";
+import { Loader2 as yt, Check as Se, Copy as gt, CheckCircle2 as Fe, ArrowUpRight as Ue, ChevronDown as et, X as Me, AlertTriangle as tt, Info as rt, ArrowUp as zt, ArrowDown as wt, ArrowUpDown as Nt, Menu as kt, Radio as Ct, Minimize2 as St, Maximize2 as Mt, Sparkles as We, Terminal as At, Activity as Tt, Cpu as Et, ShieldAlert as nt, FileText as at, Minus as st, UploadCloud as Rt, Plus as Lt, ChevronRight as it, ChevronLeft as It, Search as Pt, CornerDownLeft as Dt, TrendingUp as $t, TrendingDown as Ot, Inbox as Ft, Volume2 as qe, VolumeX as Ke, Disc3 as Vt } from "lucide-react";
+import { Canvas as Ht, useFrame as Zt } from "@react-three/fiber";
+import { EffectComposer as Gt, Bloom as Bt } from "@react-three/postprocessing";
+import * as N from "three";
+let Pe = null;
+function lt() {
+  return Pe || (Pe = ht(null)), Pe;
+}
+function vr({
+  defaultTheme: t = "blackwall-crimson",
+  defaultDensity: r = "comfortable",
+  defaultRadius: n = "architectural",
+  overrides: o,
+  syncDocumentRoot: i = !0,
+  children: u
+}) {
+  const [l, s] = F(t), [c, d] = F(r), [f, p] = F(n), [m, v] = F(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches), h = we.find((x) => x.id === l) ?? we[0];
+  U(() => {
+    if (typeof window > "u") return;
+    const x = window.matchMedia("(prefers-reduced-motion: reduce)"), g = (I) => v(I.matches);
+    return x.addEventListener("change", g), () => x.removeEventListener("change", g);
+  }, []), U(() => {
+    if (!i || typeof document > "u") return;
+    const x = document.documentElement;
+    x.setAttribute("data-theme", l), x.setAttribute("data-polarity", h.polarity), x.setAttribute("data-density", c), x.setAttribute("data-radius", f), o != null && o.accentPrimary ? x.style.setProperty("--zen-accent-primary", o.accentPrimary) : x.style.removeProperty("--zen-accent-primary"), o != null && o.bgCanvas ? x.style.setProperty("--zen-bg-canvas", o.bgCanvas) : x.style.removeProperty("--zen-bg-canvas"), o != null && o.surface1 ? x.style.setProperty("--zen-surface-1", o.surface1) : x.style.removeProperty("--zen-surface-1"), o != null && o.inkPrimary ? x.style.setProperty("--zen-ink-primary", o.inkPrimary) : x.style.removeProperty("--zen-ink-primary"), bt(h, o);
+  }, [l, h, c, f, o, i]);
+  const S = () => {
+    s((x) => (we.find((I) => I.id === x) ?? we[0]).polarity === "dark" ? x === "blackwall-crimson" ? "cyber-daylight" : x === "neon-emerald" ? "kyoto-matcha" : x === "midnight-cobalt" ? "nordic-snow" : "atelier-paper" : x === "cyber-daylight" ? "blackwall-crimson" : x === "kyoto-matcha" ? "neon-emerald" : x === "nordic-snow" ? "midnight-cobalt" : "obsidian-gold");
+  }, M = se(
+    () => ({
+      theme: l,
+      themeMeta: h,
+      polarity: h.polarity,
+      density: c,
+      radius: f,
+      reducedMotion: m,
+      themes: we,
+      setTheme: s,
+      togglePolarity: S,
+      setDensity: d,
+      setRadius: p
+    }),
+    [l, h, c, f, m]
+  ), y = lt();
+  return /* @__PURE__ */ e(y.Provider, { value: M, children: u });
+}
+function Ve() {
+  const t = ft(lt());
+  if (!t)
+    throw new Error("useZenTheme must be used within a ZenThemeProvider");
+  return t;
+}
+const _t = {
   sm: "px-3.5 py-1.5 text-xs",
   md: "px-5 py-2.5 text-xs sm:text-sm",
   lg: "px-6 py-3.5 text-sm"
-}, $t = {
+}, jt = {
   primary: "zen-btn-primary",
   secondary: "zen-btn-secondary",
   ghost: "zen-btn-ghost",
   danger: "zen-btn-danger"
 };
-function ze({
+function Ce({
   variant: t = "primary",
   size: r = "md",
   pressed: n,
-  mono: m = !1,
+  mono: o = !1,
   loading: i = !1,
   iconLeft: u,
   iconRight: l,
   disabled: s,
   className: c = "",
-  children: o,
+  children: d,
   ...f
 }) {
-  const d = n === !0 && t !== "primary" ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] border-[var(--zen-accent-primary)] shadow-[var(--zen-shadow-btn-primary)]" : "";
+  const m = n === !0 && t !== "primary" ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] border-[var(--zen-accent-primary)] shadow-[var(--zen-shadow-btn-primary)]" : "";
   return /* @__PURE__ */ a(
     "button",
     {
@@ -37,43 +85,138 @@ function ze({
       "data-zen-occlude": "true",
       "aria-pressed": n,
       disabled: s || i,
-      className: `zen-btn-base zen-focus-ring ${$t[t]} ${Dt[r]} ${m ? "zen-font-mono" : "zen-font-sans"} ${d} ${c}`.trim(),
+      className: `zen-btn-base zen-focus-ring ${jt[t]} ${_t[r]} ${o ? "zen-font-mono" : "zen-font-sans"} ${m} ${c}`.trim(),
       ...f,
       children: [
-        i ? /* @__PURE__ */ e(dt, { className: "w-4 h-4 animate-spin shrink-0" }) : u && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: u }),
-        /* @__PURE__ */ e("span", { children: o }),
+        i ? /* @__PURE__ */ e(yt, { className: "w-4 h-4 animate-spin shrink-0" }) : u && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: u }),
+        /* @__PURE__ */ e("span", { children: d }),
         l && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: l })
       ]
     }
   );
 }
-function rt({
+function ot({
   value: t,
   label: r = "COPY",
   copiedLabel: n = "COPIED",
-  size: m = "md",
+  size: o = "md",
   variant: i = "secondary",
   className: u = ""
 }) {
-  const [l, s] = H(!1), c = R(null);
-  return q(() => () => {
+  const [l, s] = F(!1), c = R(null);
+  return U(() => () => {
     c.current !== null && window.clearTimeout(c.current);
   }, []), /* @__PURE__ */ e(
-    ze,
+    Ce,
     {
       variant: i,
-      size: m,
+      size: o,
       mono: !0,
       onClick: () => {
         navigator.clipboard.writeText(t), s(!0), c.current !== null && window.clearTimeout(c.current), c.current = window.setTimeout(() => s(!1), 2e3);
       },
       className: u,
-      iconLeft: l ? /* @__PURE__ */ e(Ne, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)]" }) : /* @__PURE__ */ e(mt, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)]" }),
+      iconLeft: l ? /* @__PURE__ */ e(Se, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)]" }) : /* @__PURE__ */ e(gt, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)]" }),
       children: l ? n : r
     }
   );
 }
-const Ot = {
+const be = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 20,
+  xl: 24
+}, ye = {
+  inherit: "currentColor",
+  primary: "var(--zen-ink-primary)",
+  secondary: "var(--zen-ink-secondary)",
+  muted: "var(--zen-ink-muted)",
+  accent: "var(--zen-accent-primary)",
+  success: "var(--zen-status-success)",
+  warning: "var(--zen-status-warning)",
+  danger: "var(--zen-status-danger)"
+}, fe = {
+  search: '<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>',
+  plus: '<path d="M5 12h14"/><path d="M12 5v14"/>',
+  minus: '<path d="M5 12h14"/>',
+  close: '<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',
+  check: '<path d="M20 6 9 17l-5-5"/>',
+  copy: '<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>',
+  "chevron-down": '<path d="m6 9 6 6 6-6"/>',
+  "chevron-right": '<path d="m9 18 6-6-6-6"/>',
+  "chevron-left": '<path d="m15 18-6-6 6-6"/>',
+  "external-link": '<path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>',
+  bolt: '<path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/>',
+  sparkles: '<path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/>',
+  terminal: '<polyline points="4 17 10 11 4 5"/><line x1="12" x2="20" y1="19" y2="19"/>',
+  cpu: '<rect width="16" height="16" x="4" y="4" rx="2"/><rect width="6" height="6" x="9" y="9" rx="1"/><path d="M15 2v2"/><path d="M15 20v2"/><path d="M2 15h2"/><path d="M2 9h2"/><path d="M20 15h2"/><path d="M20 9h2"/><path d="M9 2v2"/><path d="M9 20v2"/>',
+  database: '<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v14a9 3 0 0 0 18 0V5"/><path d="M3 12a9 3 0 0 0 18 0"/>',
+  layers: '<path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/>',
+  shield: '<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/>',
+  sliders: '<line x1="4" x2="4" y1="21" y2="14"/><line x1="4" x2="4" y1="10" y2="3"/><line x1="12" x2="12" y1="21" y2="12"/><line x1="12" x2="12" y1="8" y2="3"/><line x1="20" x2="20" y1="21" y2="16"/><line x1="20" x2="20" y1="12" y2="3"/><line x1="2" x2="6" y1="14" y2="14"/><line x1="10" x2="14" y1="8" y2="8"/><line x1="18" x2="22" y1="16" y2="16"/>',
+  command: '<path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/>',
+  code: '<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>',
+  activity: '<path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/>',
+  info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
+  success: '<circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/>',
+  warning: '<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
+  danger: '<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="M12 8v4"/><path d="M12 16h.01"/>',
+  "trend-up": '<polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/>',
+  "trend-down": '<polyline points="22 17 13.5 8.5 8.5 13.5 2 7"/><polyline points="16 17 22 17 22 11"/>',
+  radio: '<path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"/><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"/><circle cx="12" cy="12" r="2"/><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"/><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"/>',
+  sun: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>',
+  moon: '<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>',
+  eye: '<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/>',
+  upload: '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/>',
+  trash: '<path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/>',
+  refresh: '<path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/>',
+  menu: '<line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/>',
+  "panel-right": '<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/>',
+  user: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
+  lock: '<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
+  globe: '<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>',
+  folder: '<path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/>'
+}, xr = Object.keys(
+  fe
+);
+function br(t) {
+  const r = t.size ?? "md", n = Object.prototype.hasOwnProperty.call(be, r) ? be[r] : be.md, o = t.tone ?? "inherit", i = Object.prototype.hasOwnProperty.call(ye, o) ? ye[o] : ye.inherit, u = typeof t.strokeWidth == "number" && Number.isFinite(t.strokeWidth) ? Math.min(Math.max(t.strokeWidth, 0.5), 4) : 2, l = Object.prototype.hasOwnProperty.call(fe, t.name) ? fe[t.name] : fe.sparkles, s = t.spin ? "animation: spin 1s linear infinite;" : "";
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${n}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${u}" stroke-linecap="round" stroke-linejoin="round" style="display:inline-block;vertical-align:middle;flex-shrink:0;${s}">${l}</svg>`;
+}
+function yr({
+  name: t,
+  size: r = "md",
+  tone: n = "inherit",
+  strokeWidth: o = 2,
+  spin: i = !1,
+  ariaLabel: u,
+  className: l = "",
+  ...s
+}) {
+  const c = Object.prototype.hasOwnProperty.call(be, r) ? be[r] : be.md, d = Object.prototype.hasOwnProperty.call(ye, n) ? ye[n] : ye.inherit, f = Object.prototype.hasOwnProperty.call(fe, t) ? fe[t] : fe.sparkles;
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: c,
+      height: c,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: d,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: u ? "img" : void 0,
+      "aria-label": u,
+      "aria-hidden": u ? void 0 : "true",
+      className: `inline-block shrink-0 ${i ? "animate-spin" : ""} ${l}`.trim(),
+      dangerouslySetInnerHTML: { __html: f },
+      ...s
+    }
+  );
+}
+const Ut = {
   gold: {
     pill: "bg-[var(--zen-accent-subtle)] text-[var(--zen-accent-primary)] border-[var(--zen-accent-border)]",
     dot: "bg-[var(--zen-accent-primary)]"
@@ -99,14 +242,14 @@ const Ot = {
     dot: "bg-[var(--zen-ink-muted)]"
   }
 };
-function Ue({
+function Ye({
   tone: t = "neutral",
   pulse: r = !1,
   icon: n,
-  children: m,
+  children: o,
   className: i = ""
 }) {
-  const u = Ot[t];
+  const u = Ut[t];
   return /* @__PURE__ */ a(
     "span",
     {
@@ -120,12 +263,12 @@ function Ue({
           }
         ),
         n && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: n }),
-        /* @__PURE__ */ e("span", { children: m })
+        /* @__PURE__ */ e("span", { children: o })
       ]
     }
   );
 }
-function nt({ tags: t, className: r = "" }) {
+function ct({ tags: t, className: r = "" }) {
   return /* @__PURE__ */ e("div", { className: `flex flex-wrap gap-2 ${r}`.trim(), children: t.map((n) => /* @__PURE__ */ e(
     "span",
     {
@@ -135,7 +278,7 @@ function nt({ tags: t, className: r = "" }) {
     n
   )) });
 }
-function je({ keys: t, className: r = "" }) {
+function Xe({ keys: t, className: r = "" }) {
   return /* @__PURE__ */ e("span", { className: `inline-flex items-center gap-1 ${r}`.trim(), children: t.map((n) => /* @__PURE__ */ e(
     "kbd",
     {
@@ -145,18 +288,18 @@ function je({ keys: t, className: r = "" }) {
     n
   )) });
 }
-const Ft = {
+const Wt = {
   hero: "text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight leading-[1.03]",
   display: "text-3xl sm:text-5xl font-bold tracking-tight leading-[1.04]",
   section: "text-2xl sm:text-4xl font-bold tracking-tight leading-tight",
   title: "text-xl sm:text-2xl font-bold tracking-tight leading-snug",
   subtitle: "text-lg sm:text-xl font-bold tracking-tight leading-snug"
 };
-function lr({
+function gr({
   as: t = "h2",
   size: r = "display",
   eyebrow: n,
-  eyebrowIcon: m,
+  eyebrowIcon: o,
   accentText: i,
   subtitle: u,
   children: l,
@@ -164,16 +307,16 @@ function lr({
 }) {
   return /* @__PURE__ */ a("div", { className: s, children: [
     n && /* @__PURE__ */ a("div", { className: "inline-flex items-center gap-2 zen-telemetry-label text-[var(--zen-accent-primary)] mb-2.5", children: [
-      m && /* @__PURE__ */ e("span", { className: "shrink-0", children: m }),
+      o && /* @__PURE__ */ e("span", { className: "shrink-0", children: o }),
       /* @__PURE__ */ e("span", { children: n })
     ] }),
     /* @__PURE__ */ a(
       t,
       {
-        className: `zen-font-display text-[var(--zen-ink-primary)] ${Ft[r]}`,
+        className: `zen-font-display text-[var(--zen-ink-primary)] ${Wt[r]}`,
         children: [
           l,
-          i && /* @__PURE__ */ a(ye, { children: [
+          i && /* @__PURE__ */ a(ke, { children: [
             " ",
             /* @__PURE__ */ e("span", { className: "zen-font-serif italic font-normal text-[var(--zen-accent-primary)]", children: i })
           ] })
@@ -183,53 +326,53 @@ function lr({
     u && /* @__PURE__ */ e("div", { className: "zen-font-serif italic text-xl sm:text-2xl text-[var(--zen-accent-primary)] mt-2", children: u })
   ] });
 }
-const Vt = {
+const qt = {
   none: "p-0",
   sm: "p-3.5 sm:p-5",
   md: "p-4 sm:p-6 lg:p-8",
   lg: "p-5 sm:p-8 lg:p-12"
 };
-function De({
+function He({
   variant: t = "static",
   selected: r = !1,
   disabled: n = !1,
-  padding: m = "md",
+  padding: o = "md",
   onSelect: i,
   selectOnHover: u = !1,
   className: l = "",
   children: s,
   onClick: c,
-  onMouseEnter: o,
+  onMouseEnter: d,
   onKeyDown: f,
   ...p
 }) {
-  const d = t === "interactive" || !!i, v = r || t === "selected";
+  const m = t === "interactive" || !!i, v = r || t === "selected";
   return /* @__PURE__ */ e(
     "div",
     {
       "data-zen-occlude": "true",
       "data-selected": v ? "true" : "false",
       "data-disabled": n ? "true" : "false",
-      role: d ? "button" : void 0,
-      "aria-pressed": d ? v : void 0,
+      role: m ? "button" : void 0,
+      "aria-pressed": m ? v : void 0,
       "aria-disabled": n ? !0 : void 0,
-      tabIndex: d && !n ? 0 : void 0,
-      onClick: (E) => {
-        c == null || c(E), n || i == null || i();
+      tabIndex: m && !n ? 0 : void 0,
+      onClick: (M) => {
+        c == null || c(M), n || i == null || i();
       },
-      onMouseEnter: (E) => {
-        o == null || o(E), !n && u && (i == null || i());
+      onMouseEnter: (M) => {
+        d == null || d(M), !n && u && (i == null || i());
       },
-      onKeyDown: (E) => {
-        f == null || f(E), !n && d && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), i == null || i());
+      onKeyDown: (M) => {
+        f == null || f(M), !n && m && (M.key === "Enter" || M.key === " ") && (M.preventDefault(), i == null || i());
       },
-      className: `rounded-3xl ${d ? "zen-surface-interactive zen-focus-ring cursor-pointer" : v ? "zen-surface-selected" : "zen-surface-static"} ${Vt[m]} ${n ? "opacity-50 pointer-events-none" : ""} ${l}`.trim(),
+      className: `rounded-3xl ${m ? "zen-surface-interactive zen-focus-ring cursor-pointer" : v ? "zen-surface-selected" : "zen-surface-static"} ${qt[o]} ${n ? "opacity-50 pointer-events-none" : ""} ${l}`.trim(),
       ...p,
       children: s
     }
   );
 }
-function Gt({
+function Kt({
   metrics: t,
   columns: r = 4,
   className: n = ""
@@ -251,7 +394,7 @@ function Gt({
     }
   );
 }
-function Zt({
+function Yt({
   label: t = "SYSTEM ARCHITECTURE NOTE",
   children: r,
   className: n = ""
@@ -267,14 +410,14 @@ function Zt({
     }
   );
 }
-function at({ items: t, className: r = "" }) {
+function dt({ items: t, className: r = "" }) {
   return /* @__PURE__ */ e("ul", { className: `space-y-2 ${r}`.trim(), children: t.map((n) => /* @__PURE__ */ a(
     "li",
     {
       className: "flex items-start gap-2 text-xs sm:text-sm text-[var(--zen-ink-secondary)]",
       children: [
         /* @__PURE__ */ e(
-          Pe,
+          Fe,
           {
             className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)] shrink-0 mt-0.5",
             "aria-hidden": "true"
@@ -286,12 +429,12 @@ function at({ items: t, className: r = "" }) {
     n
   )) });
 }
-function or({
+function zr({
   item: t,
   footerSlot: r,
   className: n = ""
 }) {
-  return /* @__PURE__ */ a(De, { variant: "selected", padding: "md", className: n, children: [
+  return /* @__PURE__ */ a(He, { variant: "selected", padding: "md", className: n, children: [
     /* @__PURE__ */ a("div", { className: "flex items-center justify-between zen-telemetry-label text-[var(--zen-accent-primary)] mb-3", children: [
       /* @__PURE__ */ a("span", { children: [
         t.categoryLabel,
@@ -303,17 +446,17 @@ function or({
     /* @__PURE__ */ e("h3", { className: "zen-font-serif italic text-4xl sm:text-5xl mb-1 text-[var(--zen-ink-primary)]", children: t.title }),
     t.role && /* @__PURE__ */ e("div", { className: "zen-font-mono text-xs text-[var(--zen-accent-secondary)] mb-2", children: t.role }),
     /* @__PURE__ */ e("div", { className: "zen-font-mono text-xs text-[var(--zen-ink-muted)] mb-5", children: t.subtitle }),
-    t.metrics && t.metrics.length > 0 && /* @__PURE__ */ e(Gt, { metrics: t.metrics, className: "mb-5" }),
+    t.metrics && t.metrics.length > 0 && /* @__PURE__ */ e(Kt, { metrics: t.metrics, className: "mb-5" }),
     /* @__PURE__ */ e(
-      Zt,
+      Yt,
       {
         label: t.engineeringLabel ?? "SYSTEM ARCHITECTURE NOTE",
         className: "mb-5",
         children: t.engineeringNote
       }
     ),
-    t.highlights && t.highlights.length > 0 && /* @__PURE__ */ e(at, { items: t.highlights, className: "mb-6" }),
-    /* @__PURE__ */ e(nt, { tags: t.tags, className: "mb-6" }),
+    t.highlights && t.highlights.length > 0 && /* @__PURE__ */ e(dt, { items: t.highlights, className: "mb-6" }),
+    /* @__PURE__ */ e(ct, { tags: t.tags, className: "mb-6" }),
     (t.primaryAction || t.secondaryAction) && /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row gap-3", children: [
       t.primaryAction && /* @__PURE__ */ a(
         "a",
@@ -325,7 +468,7 @@ function or({
           children: [
             t.primaryAction.icon,
             /* @__PURE__ */ e("span", { children: t.primaryAction.label }),
-            /* @__PURE__ */ e(Ze, { className: "w-4 h-4" })
+            /* @__PURE__ */ e(Ue, { className: "w-4 h-4" })
           ]
         }
       ),
@@ -339,7 +482,7 @@ function or({
           children: [
             t.secondaryAction.icon,
             /* @__PURE__ */ e("span", { children: t.secondaryAction.label }),
-            /* @__PURE__ */ e(Ze, { className: "w-4 h-4" })
+            /* @__PURE__ */ e(Ue, { className: "w-4 h-4" })
           ]
         }
       )
@@ -347,11 +490,11 @@ function or({
     r && /* @__PURE__ */ e("div", { className: "mt-4", children: r })
   ] });
 }
-function cr({
+function wr({
   period: t,
   location: r,
   title: n,
-  institution: m,
+  institution: o,
   summary: i,
   bullets: u,
   tags: l,
@@ -359,7 +502,7 @@ function cr({
   className: c = ""
 }) {
   return /* @__PURE__ */ a(
-    De,
+    He,
     {
       variant: "static",
       padding: "md",
@@ -374,29 +517,29 @@ function cr({
             /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-muted)]", children: r })
           ] }),
           /* @__PURE__ */ e("h3", { className: "zen-font-display text-xl sm:text-2xl font-bold text-[var(--zen-ink-primary)]", children: n }),
-          /* @__PURE__ */ e("div", { className: "zen-font-serif italic text-xl text-[var(--zen-accent-primary)] mt-0.5 mb-3", children: m }),
+          /* @__PURE__ */ e("div", { className: "zen-font-serif italic text-xl text-[var(--zen-accent-primary)] mt-0.5 mb-3", children: o }),
           /* @__PURE__ */ e("p", { className: "text-sm text-[var(--zen-ink-secondary)] leading-relaxed mb-4", children: i }),
-          u && u.length > 0 && /* @__PURE__ */ e(at, { items: u, className: "mb-5" })
+          u && u.length > 0 && /* @__PURE__ */ e(dt, { items: u, className: "mb-5" })
         ] }),
-        /* @__PURE__ */ e("div", { className: "pt-3 border-t border-[var(--zen-border-subtle)]", children: /* @__PURE__ */ e(nt, { tags: l }) })
+        /* @__PURE__ */ e("div", { className: "pt-3 border-t border-[var(--zen-border-subtle)]", children: /* @__PURE__ */ e(ct, { tags: l }) })
       ]
     }
   );
 }
-function st({
+function mt({
   items: t,
   value: r,
   onChange: n,
-  ariaLabel: m,
+  ariaLabel: o,
   size: i = "md",
   className: u = ""
 }) {
-  const l = R([]), s = t.map((p, d) => p.disabled ? -1 : d).filter((p) => p !== -1), c = (p) => {
+  const l = R([]), s = t.map((p, m) => p.disabled ? -1 : m).filter((p) => p !== -1), c = (p) => {
     var v;
-    const d = t[p];
-    !d || d.disabled || ((v = l.current[p]) == null || v.focus(), n(d.value));
-  }, o = (p, d) => {
-    const v = s.indexOf(d);
+    const m = t[p];
+    !m || m.disabled || ((v = l.current[p]) == null || v.focus(), n(m.value));
+  }, d = (p, m) => {
+    const v = s.indexOf(m);
     if (v !== -1)
       if (p.key === "ArrowRight" || p.key === "ArrowDown") {
         p.preventDefault();
@@ -412,16 +555,16 @@ function st({
     "div",
     {
       role: "radiogroup",
-      "aria-label": m,
+      "aria-label": o,
       "data-zen-occlude": "true",
       className: `inline-flex flex-wrap items-center gap-1.5 p-1.5 max-w-full rounded-2xl zen-surface-static ${u}`.trim(),
-      children: t.map((p, d) => {
+      children: t.map((p, m) => {
         const v = p.value === r;
         return /* @__PURE__ */ a(
           "button",
           {
             ref: (h) => {
-              l.current[d] = h;
+              l.current[m] = h;
             },
             type: "button",
             role: "radio",
@@ -429,7 +572,7 @@ function st({
             disabled: p.disabled,
             tabIndex: v ? 0 : -1,
             onClick: () => n(p.value),
-            onKeyDown: (h) => o(h, d),
+            onKeyDown: (h) => d(h, m),
             className: `zen-focus-ring rounded-xl zen-font-mono ${f} inline-flex items-center gap-1.5 transition-all cursor-pointer ${v ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] font-semibold shadow-sm" : "text-[var(--zen-ink-secondary)] hover:text-[var(--zen-ink-primary)] hover:bg-[var(--zen-surface-subtle)]"} ${p.disabled ? "opacity-40 cursor-not-allowed" : ""}`.trim(),
             children: [
               p.icon && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: p.icon }),
@@ -449,84 +592,84 @@ function st({
     }
   );
 }
-function dr({
+function Nr({
   tabs: t,
   activeTab: r,
   onChange: n,
-  ariaLabel: m,
+  ariaLabel: o,
   className: i = ""
 }) {
-  const u = R([]), l = t.map((o, f) => o.disabled ? -1 : f).filter((o) => o !== -1), s = (o) => {
+  const u = R([]), l = t.map((d, f) => d.disabled ? -1 : f).filter((d) => d !== -1), s = (d) => {
     var p;
-    const f = t[o];
-    !f || f.disabled || ((p = u.current[o]) == null || p.focus(), n(f.id));
-  }, c = (o, f) => {
+    const f = t[d];
+    !f || f.disabled || ((p = u.current[d]) == null || p.focus(), n(f.id));
+  }, c = (d, f) => {
     const p = l.indexOf(f);
     if (p !== -1)
-      if (o.key === "ArrowRight") {
-        o.preventDefault();
-        const d = l[(p + 1) % l.length];
-        s(d);
-      } else if (o.key === "ArrowLeft") {
-        o.preventDefault();
-        const d = l[(p - 1 + l.length) % l.length];
-        s(d);
-      } else o.key === "Home" ? (o.preventDefault(), s(l[0])) : o.key === "End" && (o.preventDefault(), s(l[l.length - 1]));
+      if (d.key === "ArrowRight") {
+        d.preventDefault();
+        const m = l[(p + 1) % l.length];
+        s(m);
+      } else if (d.key === "ArrowLeft") {
+        d.preventDefault();
+        const m = l[(p - 1 + l.length) % l.length];
+        s(m);
+      } else d.key === "Home" ? (d.preventDefault(), s(l[0])) : d.key === "End" && (d.preventDefault(), s(l[l.length - 1]));
   };
   return /* @__PURE__ */ e(
     "div",
     {
       role: "tablist",
-      "aria-label": m,
+      "aria-label": o,
       "data-zen-occlude": "true",
       className: `flex flex-wrap items-center gap-1.5 max-w-full border-b border-[var(--zen-border-subtle)] pb-2 ${i}`.trim(),
-      children: t.map((o, f) => {
-        const p = o.id === r;
+      children: t.map((d, f) => {
+        const p = d.id === r;
         return /* @__PURE__ */ a(
           "button",
           {
-            ref: (d) => {
-              u.current[f] = d;
+            ref: (m) => {
+              u.current[f] = m;
             },
             type: "button",
             role: "tab",
             "aria-selected": p,
-            disabled: o.disabled,
+            disabled: d.disabled,
             tabIndex: p ? 0 : -1,
-            onClick: () => n(o.id),
-            onKeyDown: (d) => c(d, f),
-            className: `zen-focus-ring px-3 sm:px-4 py-2 rounded-xl zen-font-mono text-xs inline-flex items-center gap-2 shrink-0 transition-all cursor-pointer ${p ? "bg-[var(--zen-accent-subtle)] text-[var(--zen-accent-primary)] border border-[var(--zen-accent-border)] font-semibold" : "text-[var(--zen-ink-secondary)] hover:text-[var(--zen-ink-primary)] hover:bg-[var(--zen-surface-subtle)] border border-transparent"} ${o.disabled ? "opacity-40 cursor-not-allowed" : ""}`.trim(),
+            onClick: () => n(d.id),
+            onKeyDown: (m) => c(m, f),
+            className: `zen-focus-ring px-3 sm:px-4 py-2 rounded-xl zen-font-mono text-xs inline-flex items-center gap-2 shrink-0 transition-all cursor-pointer ${p ? "bg-[var(--zen-accent-subtle)] text-[var(--zen-accent-primary)] border border-[var(--zen-accent-border)] font-semibold" : "text-[var(--zen-ink-secondary)] hover:text-[var(--zen-ink-primary)] hover:bg-[var(--zen-surface-subtle)] border border-transparent"} ${d.disabled ? "opacity-40 cursor-not-allowed" : ""}`.trim(),
             children: [
-              o.icon && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: o.icon }),
-              /* @__PURE__ */ e("span", { children: o.label }),
-              o.badge !== void 0 && /* @__PURE__ */ e("span", { className: "px-1.5 py-0.5 rounded-full text-[10px] bg-[var(--zen-surface-subtle)] text-[var(--zen-ink-muted)]", children: o.badge })
+              d.icon && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: d.icon }),
+              /* @__PURE__ */ e("span", { children: d.label }),
+              d.badge !== void 0 && /* @__PURE__ */ e("span", { className: "px-1.5 py-0.5 rounded-full text-[10px] bg-[var(--zen-surface-subtle)] text-[var(--zen-ink-muted)]", children: d.badge })
             ]
           },
-          o.id
+          d.id
         );
       })
     }
   );
 }
-function mr({
+function kr({
   label: t,
   hint: r,
   error: n,
-  iconLeft: m,
+  iconLeft: o,
   iconRight: i,
   mono: u = !1,
   capriGuard: l = !0,
   id: s,
   value: c,
-  defaultValue: o,
+  defaultValue: d,
   onChange: f,
   className: p = "",
-  ...d
+  ...m
 }) {
-  const v = re(), h = s ?? v, T = `${h}-desc`, [E, x] = H(
-    typeof o == "string" ? o : ""
-  ), g = typeof c == "string" ? c : typeof c == "number" ? String(c) : E, z = l ? Ie.scanInputSecurity(g) : null, $ = z && !z.safe && z.threats[0] ? `CAPRI GUARD BLOCKED [${z.threats[0].category}]: ${z.threats[0].patternName}` : void 0, N = n || $, y = !!(N || r), I = (A) => {
-    c === void 0 && x(A.target.value), f == null || f(A);
+  const v = re(), h = s ?? v, S = `${h}-desc`, [M, y] = F(
+    typeof d == "string" ? d : ""
+  ), x = typeof c == "string" ? c : typeof c == "number" ? String(c) : M, g = l ? Oe.scanInputSecurity(x) : null, I = g && !g.safe && g.threats[0] ? `CAPRI GUARD BLOCKED [${g.threats[0].category}]: ${g.threats[0].patternName}` : void 0, w = n || I, z = !!(w || r), L = (T) => {
+    c === void 0 && y(T.target.value), f == null || f(T);
   };
   return /* @__PURE__ */ a("div", { "data-zen-occlude": "true", className: `flex flex-col gap-1.5 ${p}`.trim(), children: [
     /* @__PURE__ */ e(
@@ -540,82 +683,82 @@ function mr({
     /* @__PURE__ */ a(
       "div",
       {
-        className: `flex items-center gap-2.5 px-3.5 py-2.5 rounded-xl bg-[var(--zen-surface-1)] border transition-colors ${N ? "border-[var(--zen-status-danger)]" : "border-[var(--zen-border-default)] focus-within:border-[var(--zen-accent-primary)]"}`,
+        className: `flex items-center gap-2.5 px-3.5 py-2.5 rounded-xl bg-[var(--zen-surface-1)] border transition-colors ${w ? "border-[var(--zen-status-danger)]" : "border-[var(--zen-border-default)] focus-within:border-[var(--zen-accent-primary)]"}`,
         children: [
-          m && /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-muted)] shrink-0", children: m }),
+          o && /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-muted)] shrink-0", children: o }),
           /* @__PURE__ */ e(
             "input",
             {
               id: h,
               value: c,
-              defaultValue: o,
-              onChange: I,
-              "aria-invalid": !!N,
-              "aria-describedby": y ? T : void 0,
-              "data-capri-threat": z && !z.safe && z.threats[0] ? z.threats[0].category : void 0,
+              defaultValue: d,
+              onChange: L,
+              "aria-invalid": !!w,
+              "aria-describedby": z ? S : void 0,
+              "data-capri-threat": g && !g.safe && g.threats[0] ? g.threats[0].category : void 0,
               className: `w-full bg-transparent text-sm text-[var(--zen-ink-primary)] placeholder:text-[var(--zen-ink-muted)] focus:outline-none ${u ? "zen-font-mono" : "zen-font-sans"}`,
-              ...d
+              ...m
             }
           ),
           i && /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-muted)] shrink-0", children: i })
         ]
       }
     ),
-    y && /* @__PURE__ */ e(
+    z && /* @__PURE__ */ e(
       "span",
       {
-        id: T,
-        className: `zen-font-mono text-[11px] ${N ? "text-[var(--zen-status-danger)]" : "text-[var(--zen-ink-muted)]"}`,
-        children: N ?? r
+        id: S,
+        className: `zen-font-mono text-[11px] ${w ? "text-[var(--zen-status-danger)]" : "text-[var(--zen-ink-muted)]"}`,
+        children: w ?? r
       }
     )
   ] });
 }
-function ur({
+function Cr({
   label: t,
   options: r,
   value: n,
-  onChange: m,
+  onChange: o,
   ariaLabel: i,
   align: u = "start",
   className: l = ""
 }) {
-  const [s, c] = H(!1), [o, f] = H(
+  const [s, c] = F(!1), [d, f] = F(
     () => Math.max(
       0,
-      r.findIndex((x) => x.value === n)
+      r.findIndex((y) => y.value === n)
     )
-  ), p = R(null), d = R(null), v = re(), h = r.find((x) => x.value === n) ?? r[0];
-  q(() => {
-    const x = r.findIndex((g) => g.value === n);
-    x !== -1 && f(x);
-  }, [n, r]), q(() => {
+  ), p = R(null), m = R(null), v = re(), h = r.find((y) => y.value === n) ?? r[0];
+  U(() => {
+    const y = r.findIndex((x) => x.value === n);
+    y !== -1 && f(y);
+  }, [n, r]), U(() => {
     if (!s) return;
-    const x = (g) => {
-      p.current && !p.current.contains(g.target) && c(!1);
+    const y = (x) => {
+      p.current && !p.current.contains(x.target) && c(!1);
     };
-    return window.addEventListener("mousedown", x), () => window.removeEventListener("mousedown", x);
+    return window.addEventListener("mousedown", y), () => window.removeEventListener("mousedown", y);
   }, [s]);
-  const T = (x) => {
-    var g;
-    m(x), c(!1), (g = d.current) == null || g.focus();
-  }, E = (x) => {
-    var g;
+  const S = (y) => {
+    var x;
+    o(y), c(!1), (x = m.current) == null || x.focus();
+  }, M = (y) => {
+    var x;
     if (!s) {
-      (x.key === "ArrowDown" || x.key === "ArrowUp" || x.key === "Enter" || x.key === " ") && (x.preventDefault(), c(!0));
+      (y.key === "ArrowDown" || y.key === "ArrowUp" || y.key === "Enter" || y.key === " ") && (y.preventDefault(), c(!0));
       return;
     }
-    if (x.key === "Escape")
-      x.preventDefault(), c(!1), (g = d.current) == null || g.focus();
-    else if (x.key === "ArrowDown")
-      x.preventDefault(), f((z) => (z + 1) % r.length);
-    else if (x.key === "ArrowUp")
-      x.preventDefault(), f((z) => (z - 1 + r.length) % r.length);
-    else if (x.key === "Enter" || x.key === " ") {
-      x.preventDefault();
-      const z = r[o];
-      z && !z.disabled && T(z.value);
-    } else x.key === "Tab" && c(!1);
+    if (y.key === "Escape")
+      y.preventDefault(), c(!1), (x = m.current) == null || x.focus();
+    else if (y.key === "ArrowDown")
+      y.preventDefault(), f((g) => (g + 1) % r.length);
+    else if (y.key === "ArrowUp")
+      y.preventDefault(), f((g) => (g - 1 + r.length) % r.length);
+    else if (y.key === "Enter" || y.key === " ") {
+      y.preventDefault();
+      const g = r[d];
+      g && !g.disabled && S(g.value);
+    } else y.key === "Tab" && c(!1);
   };
   return /* @__PURE__ */ a(
     "div",
@@ -628,14 +771,14 @@ function ur({
         /* @__PURE__ */ a(
           "button",
           {
-            ref: d,
+            ref: m,
             type: "button",
             "aria-haspopup": "listbox",
             "aria-expanded": s,
             "aria-controls": v,
             "aria-label": i ?? t,
-            onClick: () => c((x) => !x),
-            onKeyDown: E,
+            onClick: () => c((y) => !y),
+            onKeyDown: M,
             className: "zen-focus-ring flex items-center justify-between gap-3 px-3.5 py-2.5 rounded-xl bg-[var(--zen-surface-1)] border border-[var(--zen-border-default)] hover:border-[var(--zen-border-strong)] text-left text-xs sm:text-sm text-[var(--zen-ink-primary)] cursor-pointer transition-colors",
             children: [
               /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-2 truncate min-w-0", children: [
@@ -643,7 +786,7 @@ function ur({
                 /* @__PURE__ */ e("span", { className: "zen-font-mono font-medium truncate", children: h == null ? void 0 : h.label })
               ] }),
               /* @__PURE__ */ e(
-                Ke,
+                et,
                 {
                   className: `w-4 h-4 text-[var(--zen-ink-muted)] shrink-0 transition-transform ${s ? "rotate-180 text-[var(--zen-accent-primary)]" : ""}`
                 }
@@ -658,31 +801,31 @@ function ur({
             role: "listbox",
             "aria-label": i ?? t,
             className: `absolute z-50 top-full mt-2 w-full max-w-[calc(100vw-2rem)] max-h-64 overflow-y-auto p-1.5 rounded-2xl bg-[var(--zen-bg-elevated)] border border-[var(--zen-border-strong)] shadow-[var(--zen-shadow-hud)] backdrop-blur-xl ${u === "end" ? "right-0" : "left-0"}`,
-            children: r.map((x, g) => {
-              const z = x.value === n, $ = g === o;
+            children: r.map((y, x) => {
+              const g = y.value === n, I = x === d;
               return /* @__PURE__ */ a(
                 "li",
                 {
                   role: "option",
-                  "aria-selected": z,
-                  "aria-disabled": x.disabled,
-                  onMouseEnter: () => f(g),
-                  onMouseDown: (N) => {
-                    N.preventDefault(), x.disabled || T(x.value);
+                  "aria-selected": g,
+                  "aria-disabled": y.disabled,
+                  onMouseEnter: () => f(x),
+                  onMouseDown: (w) => {
+                    w.preventDefault(), y.disabled || S(y.value);
                   },
-                  className: `flex items-center justify-between gap-3 px-3 py-2 rounded-xl cursor-pointer transition-colors ${$ ? "bg-[var(--zen-accent-subtle)] text-[var(--zen-ink-primary)]" : "text-[var(--zen-ink-secondary)]"} ${x.disabled ? "opacity-40 cursor-not-allowed" : ""}`,
+                  className: `flex items-center justify-between gap-3 px-3 py-2 rounded-xl cursor-pointer transition-colors ${I ? "bg-[var(--zen-accent-subtle)] text-[var(--zen-ink-primary)]" : "text-[var(--zen-ink-secondary)]"} ${y.disabled ? "opacity-40 cursor-not-allowed" : ""}`,
                   children: [
                     /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5 min-w-0", children: [
-                      x.icon && /* @__PURE__ */ e("span", { className: "text-[var(--zen-accent-primary)] shrink-0", children: x.icon }),
+                      y.icon && /* @__PURE__ */ e("span", { className: "text-[var(--zen-accent-primary)] shrink-0", children: y.icon }),
                       /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ e("div", { className: "zen-font-mono text-xs font-medium truncate", children: x.label }),
-                        x.description && /* @__PURE__ */ e("div", { className: "text-[11px] text-[var(--zen-ink-muted)] truncate", children: x.description })
+                        /* @__PURE__ */ e("div", { className: "zen-font-mono text-xs font-medium truncate", children: y.label }),
+                        y.description && /* @__PURE__ */ e("div", { className: "text-[11px] text-[var(--zen-ink-muted)] truncate", children: y.description })
                       ] })
                     ] }),
-                    z && /* @__PURE__ */ e(Ne, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)] shrink-0" })
+                    g && /* @__PURE__ */ e(Se, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)] shrink-0" })
                   ]
                 },
-                x.value
+                y.value
               );
             })
           }
@@ -691,11 +834,11 @@ function ur({
     }
   );
 }
-function pr({
+function Sr({
   checked: t,
   onChange: r,
   label: n,
-  description: m,
+  description: o,
   disabled: i = !1,
   className: u = ""
 }) {
@@ -715,7 +858,7 @@ function pr({
               children: n
             }
           ),
-          m && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: m })
+          o && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: o })
         ] }),
         /* @__PURE__ */ e(
           "button",
@@ -739,34 +882,34 @@ function pr({
     }
   );
 }
-function fr({
+function Mr({
   open: t,
   onClose: r,
   eyebrow: n = "SYSTEM DIALOG",
-  title: m,
+  title: o,
   subtitle: i,
   footer: u,
   children: l
 }) {
   const s = re(), c = R(null);
-  return q(() => {
+  return U(() => {
     var p;
     if (!t) return;
-    const o = document.activeElement;
+    const d = document.activeElement;
     (p = c.current) == null || p.focus();
-    const f = (d) => {
-      d.key === "Escape" && (d.preventDefault(), r());
+    const f = (m) => {
+      m.key === "Escape" && (m.preventDefault(), r());
     };
     return window.addEventListener("keydown", f), () => {
-      window.removeEventListener("keydown", f), o == null || o.focus();
+      window.removeEventListener("keydown", f), d == null || d.focus();
     };
   }, [t, r]), t ? /* @__PURE__ */ e(
     "div",
     {
       "data-zen-occlude": "true",
       className: "fixed inset-0 z-50 flex items-center justify-center p-3 sm:p-6 bg-black/70 backdrop-blur-md",
-      onMouseDown: (o) => {
-        o.target === o.currentTarget && r();
+      onMouseDown: (d) => {
+        d.target === d.currentTarget && r();
       },
       children: /* @__PURE__ */ a(
         "div",
@@ -784,7 +927,7 @@ function fr({
                   {
                     id: s,
                     className: "zen-font-display text-xl sm:text-3xl font-bold text-[var(--zen-ink-primary)]",
-                    children: m
+                    children: o
                   }
                 ),
                 i && /* @__PURE__ */ e("div", { className: "zen-font-serif italic text-base sm:text-lg text-[var(--zen-accent-primary)] mt-0.5", children: i })
@@ -797,7 +940,7 @@ function fr({
                   "aria-label": "Close dialog",
                   onClick: r,
                   className: "zen-focus-ring p-2 rounded-full border border-[var(--zen-border-default)] hover:border-[var(--zen-accent-primary)] text-[var(--zen-ink-secondary)] hover:text-[var(--zen-ink-primary)] cursor-pointer transition-colors shrink-0",
-                  children: /* @__PURE__ */ e(we, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ e(Me, { className: "w-4 h-4" })
                 }
               )
             ] }),
@@ -809,12 +952,12 @@ function fr({
     }
   ) : null;
 }
-const Bt = {
-  info: /* @__PURE__ */ e(Xe, { className: "w-4 h-4 text-[var(--zen-status-info)] shrink-0" }),
-  success: /* @__PURE__ */ e(Pe, { className: "w-4 h-4 text-[var(--zen-status-success)] shrink-0" }),
-  warning: /* @__PURE__ */ e(Ye, { className: "w-4 h-4 text-[var(--zen-accent-primary)] shrink-0" })
+const Xt = {
+  info: /* @__PURE__ */ e(rt, { className: "w-4 h-4 text-[var(--zen-status-info)] shrink-0" }),
+  success: /* @__PURE__ */ e(Fe, { className: "w-4 h-4 text-[var(--zen-status-success)] shrink-0" }),
+  warning: /* @__PURE__ */ e(tt, { className: "w-4 h-4 text-[var(--zen-accent-primary)] shrink-0" })
 };
-function vr({ toasts: t, onDismiss: r }) {
+function Ar({ toasts: t, onDismiss: r }) {
   return t.length === 0 ? null : /* @__PURE__ */ e(
     "div",
     {
@@ -822,7 +965,7 @@ function vr({ toasts: t, onDismiss: r }) {
       "data-zen-occlude": "true",
       className: "fixed bottom-4 inset-x-4 sm:inset-x-auto sm:bottom-6 sm:right-6 z-50 flex flex-col gap-2.5 sm:max-w-sm sm:w-full pointer-events-none",
       children: t.map((n) => {
-        const m = n.tone ?? "info";
+        const o = n.tone ?? "info";
         return /* @__PURE__ */ a(
           "div",
           {
@@ -830,7 +973,7 @@ function vr({ toasts: t, onDismiss: r }) {
             className: "pointer-events-auto flex items-start justify-between gap-3 p-4 rounded-2xl bg-[var(--zen-bg-elevated)] border border-[var(--zen-border-strong)] shadow-[var(--zen-shadow-hud)] backdrop-blur-xl",
             children: [
               /* @__PURE__ */ a("div", { className: "flex items-start gap-2.5 min-w-0", children: [
-                /* @__PURE__ */ e("div", { className: "mt-0.5", children: Bt[m] }),
+                /* @__PURE__ */ e("div", { className: "mt-0.5", children: Xt[o] }),
                 /* @__PURE__ */ a("div", { className: "min-w-0", children: [
                   /* @__PURE__ */ e("div", { className: "zen-font-mono text-xs font-semibold text-[var(--zen-ink-primary)]", children: n.title }),
                   n.detail && /* @__PURE__ */ e("div", { className: "text-xs text-[var(--zen-ink-secondary)] mt-0.5 break-words", children: n.detail })
@@ -843,7 +986,7 @@ function vr({ toasts: t, onDismiss: r }) {
                   "aria-label": "Dismiss notification",
                   onClick: () => r(n.id),
                   className: "zen-focus-ring p-1 rounded-lg text-[var(--zen-ink-muted)] hover:text-[var(--zen-ink-primary)] cursor-pointer shrink-0",
-                  children: /* @__PURE__ */ e(we, { className: "w-3.5 h-3.5" })
+                  children: /* @__PURE__ */ e(Me, { className: "w-3.5 h-3.5" })
                 }
               )
             ]
@@ -854,10 +997,10 @@ function vr({ toasts: t, onDismiss: r }) {
     }
   );
 }
-function hr() {
-  const [t, r] = H([]), n = ge((i) => {
+function Tr() {
+  const [t, r] = F([]), n = Ne((i) => {
     r((u) => u.filter((l) => l.id !== i));
-  }, []), m = ge(
+  }, []), o = Ne(
     (i) => {
       const u = `${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
       r((l) => [...l.slice(-3), { ...i, id: u }]), window.setTimeout(() => {
@@ -868,28 +1011,28 @@ function hr() {
   );
   return {
     toasts: t,
-    pushToast: m,
+    pushToast: o,
     dismissToast: n
   };
 }
-function br({
+function Er({
   columns: t,
   rows: r,
   rowKey: n,
-  caption: m,
+  caption: o,
   emptyMessage: i = "No telemetry records available.",
   className: u = ""
 }) {
-  const [l, s] = H(null), [c, o] = H("asc"), f = (d) => {
-    l === d ? o((v) => v === "asc" ? "desc" : "asc") : (s(d), o("asc"));
-  }, p = le(() => {
+  const [l, s] = F(null), [c, d] = F("asc"), f = (m) => {
+    l === m ? d((v) => v === "asc" ? "desc" : "asc") : (s(m), d("asc"));
+  }, p = se(() => {
     if (!l) return r;
-    const d = t.find((h) => h.key === l);
-    if (!d || !d.sortValue) return r;
-    const v = d.sortValue;
-    return [...r].sort((h, T) => {
-      const E = v(h), x = v(T);
-      return E < x ? c === "asc" ? -1 : 1 : E > x ? c === "asc" ? 1 : -1 : 0;
+    const m = t.find((h) => h.key === l);
+    if (!m || !m.sortValue) return r;
+    const v = m.sortValue;
+    return [...r].sort((h, S) => {
+      const M = v(h), y = v(S);
+      return M < y ? c === "asc" ? -1 : 1 : M > y ? c === "asc" ? 1 : -1 : 0;
     });
   }, [r, t, l, c]);
   return /* @__PURE__ */ e(
@@ -898,29 +1041,29 @@ function br({
       "data-zen-occlude": "true",
       className: `zen-table-wrapper overflow-x-auto rounded-2xl border border-[var(--zen-border-default)] zen-surface-static ${u}`.trim(),
       children: /* @__PURE__ */ a("table", { className: "w-full border-collapse text-left text-xs sm:text-sm", children: [
-        m && /* @__PURE__ */ e("caption", { className: "sr-only", children: m }),
-        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "border-b border-[var(--zen-border-subtle)] bg-[var(--zen-surface-subtle)]", children: t.map((d) => {
-          const v = l === d.key;
+        o && /* @__PURE__ */ e("caption", { className: "sr-only", children: o }),
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "border-b border-[var(--zen-border-subtle)] bg-[var(--zen-surface-subtle)]", children: t.map((m) => {
+          const v = l === m.key;
           return /* @__PURE__ */ e(
             "th",
             {
               scope: "col",
-              "aria-sort": d.sortable ? v ? c === "asc" ? "ascending" : "descending" : "none" : void 0,
-              className: `px-4 py-3 zen-telemetry-label ${d.align === "right" ? "text-right" : "text-left"}`,
-              children: d.sortable ? /* @__PURE__ */ a(
+              "aria-sort": m.sortable ? v ? c === "asc" ? "ascending" : "descending" : "none" : void 0,
+              className: `px-4 py-3 zen-telemetry-label ${m.align === "right" ? "text-right" : "text-left"}`,
+              children: m.sortable ? /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
-                  onClick: () => f(d.key),
+                  onClick: () => f(m.key),
                   className: "zen-focus-ring inline-flex items-center gap-1.5 hover:text-[var(--zen-ink-primary)] cursor-pointer",
                   children: [
-                    /* @__PURE__ */ e("span", { children: d.header }),
-                    v ? c === "asc" ? /* @__PURE__ */ e(ut, { className: "w-3 h-3 text-[var(--zen-accent-primary)]" }) : /* @__PURE__ */ e(pt, { className: "w-3 h-3 text-[var(--zen-accent-primary)]" }) : /* @__PURE__ */ e(ft, { className: "w-3 h-3 opacity-50" })
+                    /* @__PURE__ */ e("span", { children: m.header }),
+                    v ? c === "asc" ? /* @__PURE__ */ e(zt, { className: "w-3 h-3 text-[var(--zen-accent-primary)]" }) : /* @__PURE__ */ e(wt, { className: "w-3 h-3 text-[var(--zen-accent-primary)]" }) : /* @__PURE__ */ e(Nt, { className: "w-3 h-3 opacity-50" })
                   ]
                 }
-              ) : d.header
+              ) : m.header
             },
-            d.key
+            m.key
           );
         }) }) }),
         /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--zen-border-subtle)]", children: p.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
@@ -930,7 +1073,7 @@ function br({
             className: "px-4 py-8 text-center zen-font-mono text-xs text-[var(--zen-ink-muted)]",
             children: i
           }
-        ) }) : p.map((d) => /* @__PURE__ */ e(
+        ) }) : p.map((m) => /* @__PURE__ */ e(
           "tr",
           {
             className: "hover:bg-[var(--zen-surface-subtle)] transition-colors",
@@ -938,30 +1081,30 @@ function br({
               "td",
               {
                 className: `px-4 py-3.5 text-[var(--zen-ink-primary)] ${v.align === "right" ? "text-right" : "text-left"} ${v.mono ? "zen-font-mono" : "zen-font-sans"}`,
-                children: v.render(d)
+                children: v.render(m)
               },
               v.key
             ))
           },
-          n(d)
+          n(m)
         )) })
       ] })
     }
   );
 }
-function xr({
+function Rr({
   brandTitle: t,
   brandSubtitle: r,
   navSlot: n,
-  actionsSlot: m,
+  actionsSlot: o,
   mobileActionsSlot: i,
   className: u = ""
 }) {
-  const [l, s] = H(!1);
-  return q(() => {
+  const [l, s] = F(!1);
+  return U(() => {
     if (!l) return;
-    const c = (o) => {
-      o.key === "Escape" && s(!1);
+    const c = (d) => {
+      d.key === "Escape" && s(!1);
     };
     return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
   }, [l]), /* @__PURE__ */ a(
@@ -984,7 +1127,7 @@ function xr({
             }
           ),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 sm:gap-2 shrink-0", children: [
-            m,
+            o,
             n && /* @__PURE__ */ e(
               "button",
               {
@@ -993,7 +1136,7 @@ function xr({
                 "aria-expanded": l,
                 onClick: () => s((c) => !c),
                 className: "zen-focus-ring lg:hidden inline-flex items-center justify-center w-8 h-8 sm:w-9 sm:h-9 rounded-xl border border-[var(--zen-border-default)] bg-[var(--zen-surface-1)] text-[var(--zen-ink-primary)] cursor-pointer shrink-0",
-                children: l ? /* @__PURE__ */ e(we, { className: "w-4 h-4 text-[var(--zen-accent-primary)]" }) : /* @__PURE__ */ e(vt, { className: "w-4 h-4 text-[var(--zen-accent-primary)]" })
+                children: l ? /* @__PURE__ */ e(Me, { className: "w-4 h-4 text-[var(--zen-accent-primary)]" }) : /* @__PURE__ */ e(kt, { className: "w-4 h-4 text-[var(--zen-accent-primary)]" })
               }
             )
           ] })
@@ -1015,13 +1158,13 @@ function xr({
     }
   );
 }
-const Me = [
+const De = [
   {
     id: "orion",
     label: "CAPRI // UNLEASHED",
     status: "UI SYNTHESIS SUBROUTINE",
     frequency: "51 MODULES · 40 VECTOR ICONS",
-    transmission: he.orion.summary,
+    transmission: xe.orion.summary,
     metrics: [
       { k: "AI CHAT CMD", v: '"Capri orion"' },
       { k: "CLI CMD", v: "npx capri skill orion" },
@@ -1034,7 +1177,7 @@ const Me = [
     label: "SCS // ARCHITECT",
     status: "MULTI-STACK & TOKEN GOVERNANCE",
     frequency: "ZERO ANY · READONLY T[] · --ZEN-*",
-    transmission: he.architect.summary,
+    transmission: xe.architect.summary,
     metrics: [
       { k: "AI CHAT CMD", v: '"Capri architect"' },
       { k: "CLI CMD", v: "npx capri skill architect" },
@@ -1047,7 +1190,7 @@ const Me = [
     label: "CYBERPSYCHOSIS // GUARD",
     status: "WCAG 2.2 AA & OVERFLOW AUDITOR",
     frequency: "ZERO BLUR-RACE · 320PX-4K GUARD",
-    transmission: he.sentinel.summary,
+    transmission: xe.sentinel.summary,
     metrics: [
       { k: "AI CHAT CMD", v: '"Capri guard"' },
       { k: "CLI CMD", v: "npx capri skill guard" },
@@ -1060,7 +1203,7 @@ const Me = [
     label: "THEME // MATRIX",
     status: "8-THEME POLARITY & 60FPS MOTION",
     frequency: "4 DARK · 4 LIGHT · SPRING PHYSICS",
-    transmission: he.zen.summary,
+    transmission: xe.zen.summary,
     metrics: [
       { k: "AI CHAT CMD", v: '"Capri zen"' },
       { k: "CLI CMD", v: "npx capri skill zen" },
@@ -1073,7 +1216,7 @@ const Me = [
     label: "CAPRI // AUTO-DOCU",
     status: "ARCHITECTURE & USER-FLOW DOCS",
     frequency: "MERMAID FLOWCHART · 0 MS BUILD COST",
-    transmission: he.docu.summary,
+    transmission: xe.docu.summary,
     metrics: [
       { k: "AI CHAT CMD", v: '"Capri docu"' },
       { k: "CLI CMD", v: "npx capri docu" },
@@ -1082,101 +1225,101 @@ const Me = [
     ]
   }
 ];
-function gr({
+function Lr({
   constructName: t = "CAPRI // CAPRICORN",
   subtitle: r = "EDGERUNNERS S2 SOULKILLER MIXED-CONSTRUCT",
   defaultMode: n = "orion",
-  defaultFraming: m = "portrait",
+  defaultFraming: o = "portrait",
   compact: i = !1,
   className: u = ""
 }) {
-  const { polarity: l, themeMeta: s, reducedMotion: c, setTheme: o, setRadius: f, setDensity: p } = Le(), [d, v] = H(n), [h, T] = H(m), [E, x] = H(!1), [g, z] = H(0), $ = R(null), N = R(null), y = R({ x: 0, y: 0 }), I = R(m === "portrait" ? 1 : 0), A = Me.find((k) => k.id === d) ?? Me[0], M = he[d], S = E ? `${M.aiSystemPrompt}
+  const { polarity: l, themeMeta: s, reducedMotion: c, setTheme: d, setRadius: f, setDensity: p } = Ve(), [m, v] = F(n), [h, S] = F(o), [M, y] = F(!1), [x, g] = F(0), I = R(null), w = R(null), z = R({ x: 0, y: 0 }), L = R(o === "portrait" ? 1 : 0), T = De.find((k) => k.id === m) ?? De[0], E = xe[m], A = M ? `${E.aiSystemPrompt}
 
-${M.aiVoiceAddendum}` : M.aiSystemPrompt;
-  q(() => {
+${E.aiVoiceAddendum}` : E.aiSystemPrompt;
+  U(() => {
     const k = new Image();
     k.src = "/capri-construct-base.png", k.onload = () => {
-      N.current = k;
+      w.current = k;
     };
-  }, []), q(() => {
-    const k = $.current;
+  }, []), U(() => {
+    const k = I.current;
     if (!k) return;
     const b = k.getContext("2d");
     if (!b) return;
-    let _ = 0, U = 0;
-    const se = () => {
-      const F = Math.min(window.devicePixelRatio || 1, 2), D = k.clientWidth || 320, Z = k.clientHeight || 340;
-      (k.width !== D * F || k.height !== Z * F) && (k.width = D * F, k.height = Z * F), b.save(), b.scale(F, F), b.clearRect(0, 0, D, Z), c || (U += 0.026);
+    let _ = 0, j = 0;
+    const ie = () => {
+      const V = Math.min(window.devicePixelRatio || 1, 2), $ = k.clientWidth || 320, G = k.clientHeight || 340;
+      (k.width !== $ * V || k.height !== G * V) && (k.width = $ * V, k.height = G * V), b.save(), b.scale(V, V), b.clearRect(0, 0, $, G), c || (j += 0.026);
       const B = h === "portrait" ? 1 : 0;
-      I.current += (B - I.current) * 0.12;
-      const K = I.current, te = l === "light", j = "#FF003C", Y = "#FF1268", oe = "#00FF44", X = "#19A0FF", ie = "#FFFFFF", de = y.current.x, fe = y.current.y, ce = D * 0.5, me = Z * 0.48, Te = Math.min(D, Z) * 0.42;
+      L.current += (B - L.current) * 0.12;
+      const K = L.current, te = l === "light", W = "#FF003C", Y = "#FF1268", oe = "#00FF44", X = "#19A0FF", le = "#FFFFFF", de = z.current.x, he = z.current.y, ce = $ * 0.5, me = G * 0.48, Le = Math.min($, G) * 0.42;
       if (te) {
         b.save(), b.strokeStyle = "rgba(15, 23, 42, 0.05)", b.lineWidth = 1;
-        const W = 28;
-        for (let C = W; C < D; C += W)
-          b.beginPath(), b.moveTo(C, 0), b.lineTo(C, Z), b.stroke();
-        for (let C = W; C < Z; C += W)
-          b.beginPath(), b.moveTo(0, C), b.lineTo(D, C), b.stroke();
+        const q = 28;
+        for (let C = q; C < $; C += q)
+          b.beginPath(), b.moveTo(C, 0), b.lineTo(C, G), b.stroke();
+        for (let C = q; C < G; C += q)
+          b.beginPath(), b.moveTo(0, C), b.lineTo($, C), b.stroke();
         b.restore();
       }
       const J = b.createRadialGradient(
         ce + de * 10,
-        me - 12 + fe * 8,
+        me - 12 + he * 8,
         8,
         ce,
         me,
-        Te * 1.45
+        Le * 1.45
       );
-      te ? (J.addColorStop(0, `${s.accentHex}29`), J.addColorStop(0.55, "rgba(225, 29, 72, 0.10)"), J.addColorStop(0.85, `${s.secondaryHex}12`), J.addColorStop(1, "transparent")) : (J.addColorStop(0, "rgba(255, 0, 56, 0.24)"), J.addColorStop(0.55, "rgba(180, 12, 72, 0.10)"), J.addColorStop(0.85, "rgba(110, 24, 150, 0.04)"), J.addColorStop(1, "transparent")), b.fillStyle = J, b.fillRect(0, 0, D, Z);
-      const ne = N.current;
+      te ? (J.addColorStop(0, `${s.accentHex}29`), J.addColorStop(0.55, "rgba(225, 29, 72, 0.10)"), J.addColorStop(0.85, `${s.secondaryHex}12`), J.addColorStop(1, "transparent")) : (J.addColorStop(0, "rgba(255, 0, 56, 0.24)"), J.addColorStop(0.55, "rgba(180, 12, 72, 0.10)"), J.addColorStop(0.85, "rgba(110, 24, 150, 0.04)"), J.addColorStop(1, "transparent")), b.fillStyle = J, b.fillRect(0, 0, $, G);
+      const ne = w.current;
       if (ne && ne.complete && ne.naturalWidth > 0) {
-        const W = Math.sin(U * 1.85) * 4, C = de * 0.028 + Math.sin(U * 0.9) * 8e-3, O = 1 + K * 0.64, V = (Z - 30) * 0.96 * O, P = ne.naturalWidth / ne.naturalHeight, ae = V * P, G = ce - ae * (0.48 + K * 0.02) + de * 7, ee = -4 - K * 6 + W + fe * 4;
-        b.save(), b.beginPath(), b.rect(0, 0, D, Z - 22), b.clip(), b.translate(ce, me), b.rotate(C), b.translate(-ce, -me), g > 0 && (b.save(), b.globalAlpha = 0.35, b.drawImage(
+        const q = Math.sin(j * 1.85) * 4, C = de * 0.028 + Math.sin(j * 0.9) * 8e-3, O = 1 + K * 0.64, H = (G - 30) * 0.96 * O, D = ne.naturalWidth / ne.naturalHeight, ae = H * D, Z = ce - ae * (0.48 + K * 0.02) + de * 7, ee = -4 - K * 6 + q + he * 4;
+        b.save(), b.beginPath(), b.rect(0, 0, $, G - 22), b.clip(), b.translate(ce, me), b.rotate(C), b.translate(-ce, -me), x > 0 && (b.save(), b.globalAlpha = 0.35, b.drawImage(
           ne,
-          G - 3 * g,
+          Z - 3 * x,
           ee,
           ae,
-          V
+          H
         ), b.drawImage(
           ne,
-          G + 3 * g,
+          Z + 3 * x,
           ee + 1,
           ae,
-          V
-        ), b.restore()), te ? (b.save(), b.shadowColor = "rgba(15, 23, 42, 0.22)", b.shadowBlur = 18, b.shadowOffsetY = 6, b.drawImage(ne, G, ee, ae, V), b.restore()) : b.drawImage(ne, G, ee, ae, V);
-        const Oe = Math.sin(U * 1.1 - 1.2) > 0.992, Se = de * (2.8 + K * 1.8), pe = fe * (2.2 + K * 1.4), xe = G + ae * 0.57 + Se, Ae = ee + V * 0.2325 + pe, Ee = ae * 0.0195, Fe = G + ae * 0.4751 + Se * 0.65, Ve = ee + V * 0.2472 + pe * 0.65, Ge = ae * 0.0105;
-        Oe || (b.beginPath(), b.arc(xe, Ae, Ee, 0, Math.PI * 2), b.fillStyle = X, b.fill(), b.beginPath(), b.arc(xe, Ae, Ee * 0.62, 0, Math.PI * 2), b.fillStyle = "#0D1322", b.fill(), b.beginPath(), b.arc(
-          xe + de * 0.6,
-          Ae + fe * 0.5,
-          Ee * 0.44,
+          H
+        ), b.restore()), te ? (b.save(), b.shadowColor = "rgba(15, 23, 42, 0.22)", b.shadowBlur = 18, b.shadowOffsetY = 6, b.drawImage(ne, Z, ee, ae, H), b.restore()) : b.drawImage(ne, Z, ee, ae, H);
+        const Ge = Math.sin(j * 1.1 - 1.2) > 0.992, Ee = de * (2.8 + K * 1.8), pe = he * (2.2 + K * 1.4), ze = Z + ae * 0.57 + Ee, Re = ee + H * 0.2325 + pe, Ie = ae * 0.0195, Be = Z + ae * 0.4751 + Ee * 0.65, _e = ee + H * 0.2472 + pe * 0.65, je = ae * 0.0105;
+        Ge || (b.beginPath(), b.arc(ze, Re, Ie, 0, Math.PI * 2), b.fillStyle = X, b.fill(), b.beginPath(), b.arc(ze, Re, Ie * 0.62, 0, Math.PI * 2), b.fillStyle = "#0D1322", b.fill(), b.beginPath(), b.arc(
+          ze + de * 0.6,
+          Re + he * 0.5,
+          Ie * 0.44,
           0,
           Math.PI * 2
-        ), b.fillStyle = ie, b.fill(), b.beginPath(), b.arc(Fe, Ve, Ge, 0, Math.PI * 2), b.fillStyle = X, b.fill(), b.beginPath(), b.arc(Fe, Ve, Ge * 0.48, 0, Math.PI * 2), b.fillStyle = ie, b.fill()), b.restore();
+        ), b.fillStyle = le, b.fill(), b.beginPath(), b.arc(Be, _e, je, 0, Math.PI * 2), b.fillStyle = X, b.fill(), b.beginPath(), b.arc(Be, _e, je * 0.48, 0, Math.PI * 2), b.fillStyle = le, b.fill()), b.restore();
       }
-      const ue = 28, be = D * 0.68 / ue, ke = D * 0.16, Ce = Z - 13;
+      const ue = 28, ge = $ * 0.68 / ue, Ae = $ * 0.16, Te = G - 13;
       b.globalAlpha = 0.88;
-      for (let W = 0; W < ue; W++) {
-        const O = (1 - Math.abs(W - ue * 0.5) / (ue * 0.5) * 0.72) * (4 + Math.abs(Math.sin(U * 4.2 + W * 0.45)) * (9 + g * 8));
-        b.fillStyle = te ? W % 3 === 0 ? s.accentHex : W % 5 === 0 ? s.secondaryHex : j : W % 3 === 0 ? j : W % 5 === 0 ? oe : Y, b.fillRect(
-          ke + W * be,
-          Ce - O * 0.5,
-          Math.max(2, be - 3),
+      for (let q = 0; q < ue; q++) {
+        const O = (1 - Math.abs(q - ue * 0.5) / (ue * 0.5) * 0.72) * (4 + Math.abs(Math.sin(j * 4.2 + q * 0.45)) * (9 + x * 8));
+        b.fillStyle = te ? q % 3 === 0 ? s.accentHex : q % 5 === 0 ? s.secondaryHex : W : q % 3 === 0 ? W : q % 5 === 0 ? oe : Y, b.fillRect(
+          Ae + q * ge,
+          Te - O * 0.5,
+          Math.max(2, ge - 3),
           O
         );
       }
-      b.restore(), _ = window.requestAnimationFrame(se);
+      b.restore(), _ = window.requestAnimationFrame(ie);
     };
-    return _ = window.requestAnimationFrame(se), () => window.cancelAnimationFrame(_);
-  }, [l, s.accentHex, s.secondaryHex, c, g, h]);
-  const L = (k) => {
-    v(k), z(1), window.setTimeout(() => z(0), 650);
+    return _ = window.requestAnimationFrame(ie), () => window.cancelAnimationFrame(_);
+  }, [l, s.accentHex, s.secondaryHex, c, x, h]);
+  const P = (k) => {
+    v(k), g(1), window.setTimeout(() => g(0), 650);
   }, Q = () => {
-    Ie.switchSubroutine(d, {
+    Oe.switchSubroutine(m, {
       applyPresetTheme: !0,
       onThemeChange: (k, b, _) => {
-        o(k), f(b), p(_);
+        d(k), f(b), p(_);
       }
-    }), z(1), window.setTimeout(() => z(0), 650);
+    }), g(1), window.setTimeout(() => g(0), 650);
   };
   return /* @__PURE__ */ e(
     "div",
@@ -1184,13 +1327,13 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
       "data-zen-occlude": "true",
       onMouseMove: (k) => {
         const b = k.currentTarget.getBoundingClientRect();
-        y.current = {
+        z.current = {
           x: (k.clientX - b.left) / b.width * 2 - 1,
           y: (k.clientY - b.top) / b.height * 2 - 1
         };
       },
       onMouseLeave: () => {
-        y.current = { x: 0, y: 0 };
+        z.current = { x: 0, y: 0 };
       },
       className: `zen-surface-selected overflow-hidden p-4 sm:p-6 lg:p-8 ${u}`.trim(),
       children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-6 items-center", children: [
@@ -1201,32 +1344,32 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
             children: [
               /* @__PURE__ */ a("div", { className: "w-full flex flex-wrap items-center justify-between gap-2 px-2 pt-1 z-10", children: [
                 /* @__PURE__ */ a("span", { className: "zen-telemetry-label text-[var(--zen-accent-primary)] font-semibold flex items-center gap-1.5 truncate", children: [
-                  /* @__PURE__ */ e(ht, { className: "w-3.5 h-3.5 animate-pulse shrink-0" }),
-                  /* @__PURE__ */ e("span", { className: "truncate", children: A.frequency })
+                  /* @__PURE__ */ e(Ct, { className: "w-3.5 h-3.5 animate-pulse shrink-0" }),
+                  /* @__PURE__ */ e("span", { className: "truncate", children: T.frequency })
                 ] }),
                 /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 shrink-0", children: [
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      onClick: () => T((k) => k === "portrait" ? "full" : "portrait"),
+                      onClick: () => S((k) => k === "portrait" ? "full" : "portrait"),
                       className: "zen-focus-ring inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full border border-[var(--zen-accent-border)] bg-[var(--zen-accent-subtle)] zen-font-mono text-[10px] font-medium text-[var(--zen-accent-primary)] hover:bg-[var(--zen-surface-subtle-hover)] cursor-pointer transition-colors",
-                      children: h === "portrait" ? /* @__PURE__ */ a(ye, { children: [
-                        /* @__PURE__ */ e(bt, { className: "w-2.5 h-2.5" }),
+                      children: h === "portrait" ? /* @__PURE__ */ a(ke, { children: [
+                        /* @__PURE__ */ e(St, { className: "w-2.5 h-2.5" }),
                         /* @__PURE__ */ e("span", { children: "FULL POSE" })
-                      ] }) : /* @__PURE__ */ a(ye, { children: [
-                        /* @__PURE__ */ e(xt, { className: "w-2.5 h-2.5" }),
+                      ] }) : /* @__PURE__ */ a(ke, { children: [
+                        /* @__PURE__ */ e(Mt, { className: "w-2.5 h-2.5" }),
                         /* @__PURE__ */ e("span", { children: "PORTRAIT" })
                       ] })
                     }
                   ),
-                  /* @__PURE__ */ e(Ue, { tone: "gold", pulse: !0, children: "CAPRI LIVE" })
+                  /* @__PURE__ */ e(Ye, { tone: "gold", pulse: !0, children: "CAPRI LIVE" })
                 ] })
               ] }),
               /* @__PURE__ */ e(
                 "canvas",
                 {
-                  ref: $,
+                  ref: I,
                   "aria-label": `${t} Studio Trigger mixed-construct visualization`,
                   className: "w-full h-72 sm:h-96 block"
                 }
@@ -1242,10 +1385,10 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
           /* @__PURE__ */ a("div", { children: [
             /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-2 mb-2", children: [
               /* @__PURE__ */ a("span", { className: "zen-telemetry-label text-[var(--zen-accent-primary)] flex items-center gap-1.5", children: [
-                /* @__PURE__ */ e(Be, { className: "w-3.5 h-3.5 shrink-0" }),
+                /* @__PURE__ */ e(We, { className: "w-3.5 h-3.5 shrink-0" }),
                 /* @__PURE__ */ e("span", { children: r })
               ] }),
-              /* @__PURE__ */ e("span", { className: "zen-font-mono text-xs text-[var(--zen-accent-secondary)]", children: A.status })
+              /* @__PURE__ */ e("span", { className: "zen-font-mono text-xs text-[var(--zen-accent-secondary)]", children: T.status })
             ] }),
             /* @__PURE__ */ a("div", { className: "flex flex-wrap items-baseline justify-between gap-2 sm:gap-3", children: [
               /* @__PURE__ */ a("div", { className: "flex flex-wrap items-baseline gap-2 sm:gap-3", children: [
@@ -1256,29 +1399,29 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
                 "button",
                 {
                   type: "button",
-                  "aria-pressed": E,
-                  onClick: () => x((k) => !k),
-                  className: `zen-focus-ring px-2.5 py-1 rounded-full border zen-font-mono text-[11px] cursor-pointer transition-all ${E ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] border-[var(--zen-accent-primary)] font-semibold" : "bg-[var(--zen-surface-subtle)] text-[var(--zen-ink-secondary)] border-[var(--zen-border-default)] hover:text-[var(--zen-ink-primary)]"}`,
-                  children: E ? "Persona Voice: ON (--voice)" : "Persona Voice: OFF (Default)"
+                  "aria-pressed": M,
+                  onClick: () => y((k) => !k),
+                  className: `zen-focus-ring px-2.5 py-1 rounded-full border zen-font-mono text-[11px] cursor-pointer transition-all ${M ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] border-[var(--zen-accent-primary)] font-semibold" : "bg-[var(--zen-surface-subtle)] text-[var(--zen-ink-secondary)] border-[var(--zen-border-default)] hover:text-[var(--zen-ink-primary)]"}`,
+                  children: M ? "Persona Voice: ON (--voice)" : "Persona Voice: OFF (Default)"
                 }
               )
             ] }),
             /* @__PURE__ */ a("div", { className: "mt-3 sm:mt-4 p-3.5 sm:p-4 rounded-2xl bg-[var(--zen-surface-subtle)] border border-[var(--zen-border-default)] space-y-2", children: [
               /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
                 /* @__PURE__ */ a("div", { className: "zen-telemetry-label text-[var(--zen-accent-secondary)] flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ e(gt, { className: "w-3.5 h-3.5 shrink-0" }),
-                  /* @__PURE__ */ e("span", { className: "truncate", children: E ? `PERSONA VOICE (--VOICE) // ${A.label}` : `SUBROUTINE SPECIFICATION // ${A.label}` })
+                  /* @__PURE__ */ e(At, { className: "w-3.5 h-3.5 shrink-0" }),
+                  /* @__PURE__ */ e("span", { className: "truncate", children: M ? `PERSONA VOICE (--VOICE) // ${T.label}` : `SUBROUTINE SPECIFICATION // ${T.label}` })
                 ] }),
                 /* @__PURE__ */ a("span", { className: "zen-font-mono text-[11px] text-[var(--zen-accent-primary)]", children: [
                   "Ask in Claude / Codex / Gemini: “",
-                  E ? M.voiceCommand : M.chatCommand,
+                  M ? E.voiceCommand : E.chatCommand,
                   "”"
                 ] })
               ] }),
-              /* @__PURE__ */ e("p", { className: "text-xs sm:text-sm text-[var(--zen-ink-primary)] leading-relaxed", children: E ? `“${M.personaQuote}”` : M.summary })
+              /* @__PURE__ */ e("p", { className: "text-xs sm:text-sm text-[var(--zen-ink-primary)] leading-relaxed", children: M ? `“${E.personaQuote}”` : E.summary })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-2 sm:gap-2.5", children: A.metrics.map((k) => /* @__PURE__ */ a(
+          /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-2 sm:gap-2.5", children: T.metrics.map((k) => /* @__PURE__ */ a(
             "div",
             {
               className: "p-2.5 rounded-xl bg-[var(--zen-surface-subtle)] border border-[var(--zen-border-subtle)] min-w-0",
@@ -1291,14 +1434,14 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
           )) }),
           /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2 pt-2 border-t border-[var(--zen-border-subtle)]", children: [
             /* @__PURE__ */ e("span", { className: "zen-telemetry-label mr-1 w-full sm:w-auto", children: "5 CAPRI SUBROUTINES:" }),
-            Me.map((k) => /* @__PURE__ */ e(
-              ze,
+            De.map((k) => /* @__PURE__ */ e(
+              Ce,
               {
                 size: "sm",
                 mono: !0,
-                variant: k.id === d ? "primary" : "secondary",
-                onClick: () => L(k.id),
-                iconLeft: k.id === "orion" ? /* @__PURE__ */ e(yt, { className: "w-3.5 h-3.5" }) : k.id === "architect" ? /* @__PURE__ */ e(zt, { className: "w-3.5 h-3.5" }) : k.id === "sentinel" ? /* @__PURE__ */ e(Qe, { className: "w-3.5 h-3.5" }) : k.id === "zen" ? /* @__PURE__ */ e(Be, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(Je, { className: "w-3.5 h-3.5" }),
+                variant: k.id === m ? "primary" : "secondary",
+                onClick: () => P(k.id),
+                iconLeft: k.id === "orion" ? /* @__PURE__ */ e(Tt, { className: "w-3.5 h-3.5" }) : k.id === "architect" ? /* @__PURE__ */ e(Et, { className: "w-3.5 h-3.5" }) : k.id === "sentinel" ? /* @__PURE__ */ e(nt, { className: "w-3.5 h-3.5" }) : k.id === "zen" ? /* @__PURE__ */ e(We, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(at, { className: "w-3.5 h-3.5" }),
                 children: k.label
               },
               k.id
@@ -1308,14 +1451,14 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
             /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
               /* @__PURE__ */ a("span", { className: "zen-telemetry-label text-[var(--zen-accent-primary)]", children: [
                 "RULES ENFORCED BY ",
-                M.chatCommand.toUpperCase(),
+                E.chatCommand.toUpperCase(),
                 " (",
-                M.cliCommand,
+                E.cliCommand,
                 ")"
               ] }),
-              /* @__PURE__ */ e(Ue, { tone: "emerald", children: "0 MS BUILD / RUNTIME COST" })
+              /* @__PURE__ */ e(Ye, { tone: "emerald", children: "0 MS BUILD / RUNTIME COST" })
             ] }),
-            /* @__PURE__ */ e("ul", { className: "grid grid-cols-1 sm:grid-cols-2 gap-1.5 text-xs text-[var(--zen-ink-secondary)]", children: M.ruleset.map((k) => /* @__PURE__ */ a("li", { className: "flex items-start gap-1.5", children: [
+            /* @__PURE__ */ e("ul", { className: "grid grid-cols-1 sm:grid-cols-2 gap-1.5 text-xs text-[var(--zen-ink-secondary)]", children: E.ruleset.map((k) => /* @__PURE__ */ a("li", { className: "flex items-start gap-1.5", children: [
               /* @__PURE__ */ e("span", { className: "text-[var(--zen-accent-primary)] zen-font-mono", children: "›" }),
               /* @__PURE__ */ e("span", { children: k })
             ] }, k)) }),
@@ -1323,7 +1466,7 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
               /* @__PURE__ */ e("span", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)]", children: "In production apps, <ZenAIConstruct /> is omitted; use these 5 subroutines in Claude, Codex, Gemini, or CLI." }),
               /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2", children: [
                 /* @__PURE__ */ a(
-                  ze,
+                  Ce,
                   {
                     size: "sm",
                     variant: "secondary",
@@ -1331,17 +1474,17 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
                     onClick: Q,
                     children: [
                       "Switch Preset (",
-                      M.recommendedTheme,
+                      E.recommendedTheme,
                       ")"
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(
-                  rt,
+                  ot,
                   {
                     size: "sm",
                     variant: "primary",
-                    value: S,
+                    value: A,
                     label: "COPY SKILL FOR CLAUDE / CODEX / GEMINI",
                     copiedLabel: "SKILL COPIED"
                   }
@@ -1354,13 +1497,13 @@ ${M.aiVoiceAddendum}` : M.aiSystemPrompt;
     }
   );
 }
-function yr({
+function Ir({
   variant: t = "blackwall-lattice",
   interactive: r = !0,
   paused: n = !1
 }) {
-  const { themeMeta: m, reducedMotion: i } = Le(), u = R(null), l = R({ x: 0.5, y: 0.35 });
-  return q(() => {
+  const { themeMeta: o, reducedMotion: i } = Ve(), u = R(null), l = R({ x: 0.5, y: 0.35 });
+  return U(() => {
     if (!r) return;
     const s = (c) => {
       l.current = {
@@ -1369,13 +1512,13 @@ function yr({
       };
     };
     return window.addEventListener("pointermove", s, { passive: !0 }), () => window.removeEventListener("pointermove", s);
-  }, [r]), q(() => {
+  }, [r]), U(() => {
     if (t === "minimal-void") return;
     const s = u.current;
     if (!s) return;
     const c = s.getContext("2d");
     if (!c) return;
-    const o = Array.from({ length: 56 }, (v, h) => ({
+    const d = Array.from({ length: 56 }, (v, h) => ({
       x: h * 73 % 1e3,
       y: h * 137 % 1e3,
       vx: (h % 5 - 2) * 0.22,
@@ -1384,66 +1527,66 @@ function yr({
       phase: h * 0.6
     }));
     let f = 0, p = 0;
-    const d = () => {
-      const v = Math.min(window.devicePixelRatio || 1, 1.5), h = window.innerWidth, T = window.innerHeight;
-      (s.width !== h * v || s.height !== T * v) && (s.width = h * v, s.height = T * v), c.save(), c.scale(v, v), c.clearRect(0, 0, h, T), !i && !n && (p += 0.014);
-      const E = m.accentHex, x = m.secondaryHex, g = m.polarity === "dark", z = l.current.x * h, $ = l.current.y * T;
+    const m = () => {
+      const v = Math.min(window.devicePixelRatio || 1, 1.5), h = window.innerWidth, S = window.innerHeight;
+      (s.width !== h * v || s.height !== S * v) && (s.width = h * v, s.height = S * v), c.save(), c.scale(v, v), c.clearRect(0, 0, h, S), !i && !n && (p += 0.014);
+      const M = o.accentHex, y = o.secondaryHex, x = o.polarity === "dark", g = l.current.x * h, I = l.current.y * S;
       if (t === "aurora-mesh") {
-        const N = c.createRadialGradient(
+        const w = c.createRadialGradient(
           h * (0.25 + Math.sin(p * 0.7) * 0.12),
-          T * (0.28 + Math.cos(p * 0.5) * 0.1),
+          S * (0.28 + Math.cos(p * 0.5) * 0.1),
           20,
           h * 0.35,
-          T * 0.35,
-          Math.max(h, T) * 0.55
+          S * 0.35,
+          Math.max(h, S) * 0.55
         );
-        N.addColorStop(0, `${E}${g ? "24" : "18"}`), N.addColorStop(1, "transparent"), c.fillStyle = N, c.fillRect(0, 0, h, T);
-        const y = c.createRadialGradient(
+        w.addColorStop(0, `${M}${x ? "24" : "18"}`), w.addColorStop(1, "transparent"), c.fillStyle = w, c.fillRect(0, 0, h, S);
+        const z = c.createRadialGradient(
           h * (0.75 + Math.cos(p * 0.6) * 0.12),
-          T * (0.65 + Math.sin(p * 0.8) * 0.1),
+          S * (0.65 + Math.sin(p * 0.8) * 0.1),
           20,
           h * 0.7,
-          T * 0.65,
-          Math.max(h, T) * 0.5
+          S * 0.65,
+          Math.max(h, S) * 0.5
         );
-        y.addColorStop(0, `${x}${g ? "20" : "14"}`), y.addColorStop(1, "transparent"), c.fillStyle = y, c.fillRect(0, 0, h, T);
+        z.addColorStop(0, `${y}${x ? "20" : "14"}`), z.addColorStop(1, "transparent"), c.fillStyle = z, c.fillRect(0, 0, h, S);
       } else if (t === "swiss-blueprint") {
-        c.strokeStyle = g ? `${E}14` : `${E}16`, c.lineWidth = 1;
-        for (let y = 0; y < h; y += 48)
-          c.beginPath(), c.moveTo(y, 0), c.lineTo(y, T), c.stroke();
-        for (let y = 0; y < T; y += 48)
-          c.beginPath(), c.moveTo(0, y), c.lineTo(h, y), c.stroke();
-        for (let y = 48; y < h; y += 96)
-          for (let I = 48; I < T; I += 96) {
-            const A = Math.hypot(y - z, I - $), M = Math.max(0, 1 - A / 280);
-            c.fillStyle = M > 0.2 ? E : x, c.globalAlpha = (g ? 0.22 : 0.28) + M * 0.55, c.fillRect(y - 1.5, I - 1.5, 3, 3);
+        c.strokeStyle = x ? `${M}14` : `${M}16`, c.lineWidth = 1;
+        for (let z = 0; z < h; z += 48)
+          c.beginPath(), c.moveTo(z, 0), c.lineTo(z, S), c.stroke();
+        for (let z = 0; z < S; z += 48)
+          c.beginPath(), c.moveTo(0, z), c.lineTo(h, z), c.stroke();
+        for (let z = 48; z < h; z += 96)
+          for (let L = 48; L < S; L += 96) {
+            const T = Math.hypot(z - g, L - I), E = Math.max(0, 1 - T / 280);
+            c.fillStyle = E > 0.2 ? M : y, c.globalAlpha = (x ? 0.22 : 0.28) + E * 0.55, c.fillRect(z - 1.5, L - 1.5, 3, 3);
           }
       } else {
-        const N = c.createRadialGradient(z, $, 10, z, $, 460);
-        N.addColorStop(0, `${E}${g ? "1c" : "14"}`), N.addColorStop(0.5, `${x}${g ? "0d" : "08"}`), N.addColorStop(1, "transparent"), c.fillStyle = N, c.fillRect(0, 0, h, T);
-        const y = T * 0.52;
-        c.strokeStyle = `${E}${g ? "1f" : "22"}`, c.lineWidth = 1;
-        const I = 18;
-        for (let S = -I; S <= I; S++) {
-          const L = h * 0.5 + S * (h / I) * 0.32, Q = h * 0.5 + S * (h / I) * 1.45;
-          c.beginPath(), c.moveTo(L, y), c.lineTo(Q, T), c.stroke();
+        const w = c.createRadialGradient(g, I, 10, g, I, 460);
+        w.addColorStop(0, `${M}${x ? "1c" : "14"}`), w.addColorStop(0.5, `${y}${x ? "0d" : "08"}`), w.addColorStop(1, "transparent"), c.fillStyle = w, c.fillRect(0, 0, h, S);
+        const z = S * 0.52;
+        c.strokeStyle = `${M}${x ? "1f" : "22"}`, c.lineWidth = 1;
+        const L = 18;
+        for (let A = -L; A <= L; A++) {
+          const P = h * 0.5 + A * (h / L) * 0.32, Q = h * 0.5 + A * (h / L) * 1.45;
+          c.beginPath(), c.moveTo(P, z), c.lineTo(Q, S), c.stroke();
         }
-        const A = 10, M = p * 0.8 % 1;
-        for (let S = 0; S < A; S++) {
-          const L = Math.pow((S + M) / A, 1.75), Q = y + L * (T - y);
-          c.globalAlpha = L * (g ? 0.35 : 0.28), c.beginPath(), c.moveTo(0, Q), c.lineTo(h, Q), c.stroke();
+        const T = 10, E = p * 0.8 % 1;
+        for (let A = 0; A < T; A++) {
+          const P = Math.pow((A + E) / T, 1.75), Q = z + P * (S - z);
+          c.globalAlpha = P * (x ? 0.35 : 0.28), c.beginPath(), c.moveTo(0, Q), c.lineTo(h, Q), c.stroke();
         }
-        for (let S = 0; S < o.length; S++) {
-          const L = o[S];
-          !i && !n && (L.x = (L.x + L.vx + 1e3) % 1e3, L.y = (L.y + L.vy + 1e3) % 1e3);
-          const Q = L.x / 1e3 * h, k = L.y / 1e3 * T;
-          c.globalAlpha = (g ? 0.35 : 0.4) + Math.sin(p * 2 + L.phase) * 0.2, c.fillStyle = S % 3 === 0 ? x : E, c.fillRect(Q, k, L.size, L.size * 3.2);
+        for (let A = 0; A < d.length; A++) {
+          const P = d[A];
+          !i && !n && (P.x = (P.x + P.vx + 1e3) % 1e3, P.y = (P.y + P.vy + 1e3) % 1e3);
+          const Q = P.x / 1e3 * h, k = P.y / 1e3 * S;
+          c.globalAlpha = (x ? 0.35 : 0.4) + Math.sin(p * 2 + P.phase) * 0.2, c.fillStyle = A % 3 === 0 ? y : M, c.fillRect(Q, k, P.size, P.size * 3.2);
         }
       }
-      c.restore(), f = window.requestAnimationFrame(d);
+      c.restore(), f = window.requestAnimationFrame(m);
     };
-    return f = window.requestAnimationFrame(d), () => window.cancelAnimationFrame(f);
-  }, [t, m, i, n]), t === "minimal-void" ? null : /* @__PURE__ */ e(
+    return f = window.requestAnimationFrame(m), () => window.cancelAnimationFrame(f);
+  }, [t, o, i, n]), t === "minimal-void" ? null : /* @__PURE__ */ e(
     "canvas",
     {
       ref: u,
@@ -1452,24 +1595,24 @@ function yr({
     }
   );
 }
-function zr({
+function Pr({
   label: t,
   hint: r,
   error: n,
-  maxLengthCount: m,
+  maxLengthCount: o,
   mono: i = !1,
   capriGuard: u = !0,
   id: l,
   value: s,
   defaultValue: c,
-  onChange: o,
+  onChange: d,
   className: f = "",
   ...p
 }) {
-  const d = re(), v = l ?? d, h = `${v}-desc`, [T, E] = H(
+  const m = re(), v = l ?? m, h = `${v}-desc`, [S, M] = F(
     typeof c == "string" ? c : ""
-  ), x = typeof s == "string" ? s : typeof s == "number" ? String(s) : T, g = x.length, z = u ? Ie.scanInputSecurity(x) : null, $ = z && !z.safe && z.threats[0] ? `CAPRI GUARD BLOCKED [${z.threats[0].category}]: ${z.threats[0].patternName}` : void 0, N = n || $, y = (I) => {
-    s === void 0 && E(I.target.value), o == null || o(I);
+  ), y = typeof s == "string" ? s : typeof s == "number" ? String(s) : S, x = y.length, g = u ? Oe.scanInputSecurity(y) : null, I = g && !g.safe && g.threats[0] ? `CAPRI GUARD BLOCKED [${g.threats[0].category}]: ${g.threats[0].patternName}` : void 0, w = n || I, z = (L) => {
+    s === void 0 && M(L.target.value), d == null || d(L);
   };
   return /* @__PURE__ */ a(
     "div",
@@ -1486,10 +1629,10 @@ function zr({
               children: t
             }
           ),
-          m !== void 0 && /* @__PURE__ */ a("span", { className: "zen-telemetry-label", children: [
-            g,
+          o !== void 0 && /* @__PURE__ */ a("span", { className: "zen-telemetry-label", children: [
+            x,
             " / ",
-            m
+            o
           ] })
         ] }),
         /* @__PURE__ */ e(
@@ -1498,45 +1641,45 @@ function zr({
             id: v,
             value: s,
             defaultValue: c,
-            onChange: y,
-            maxLength: m,
-            "aria-invalid": !!N,
-            "aria-describedby": N || r ? h : void 0,
-            "data-capri-threat": z && !z.safe && z.threats[0] ? z.threats[0].category : void 0,
-            className: `w-full min-h-24 px-3.5 py-2.5 rounded-xl bg-[var(--zen-surface-1)] border text-sm text-[var(--zen-ink-primary)] placeholder:text-[var(--zen-ink-muted)] focus:outline-none transition-colors ${N ? "border-[var(--zen-status-danger)]" : "border-[var(--zen-border-default)] focus:border-[var(--zen-accent-primary)]"} ${i ? "zen-font-mono" : "zen-font-sans"}`,
+            onChange: z,
+            maxLength: o,
+            "aria-invalid": !!w,
+            "aria-describedby": w || r ? h : void 0,
+            "data-capri-threat": g && !g.safe && g.threats[0] ? g.threats[0].category : void 0,
+            className: `w-full min-h-24 px-3.5 py-2.5 rounded-xl bg-[var(--zen-surface-1)] border text-sm text-[var(--zen-ink-primary)] placeholder:text-[var(--zen-ink-muted)] focus:outline-none transition-colors ${w ? "border-[var(--zen-status-danger)]" : "border-[var(--zen-border-default)] focus:border-[var(--zen-accent-primary)]"} ${i ? "zen-font-mono" : "zen-font-sans"}`,
             ...p
           }
         ),
-        (N || r) && /* @__PURE__ */ e(
+        (w || r) && /* @__PURE__ */ e(
           "span",
           {
             id: h,
-            className: `zen-font-mono text-[11px] ${N ? "text-[var(--zen-status-danger)]" : "text-[var(--zen-ink-muted)]"}`,
-            children: N ?? r
+            className: `zen-font-mono text-[11px] ${w ? "text-[var(--zen-status-danger)]" : "text-[var(--zen-ink-muted)]"}`,
+            children: w ?? r
           }
         )
       ]
     }
   );
 }
-function Nr({
+function Dr({
   label: t,
   value: r,
   onChange: n,
-  min: m = 0,
+  min: o = 0,
   max: i = 100,
   step: u = 1,
   unit: l,
   disabled: s = !1,
   className: c = ""
 }) {
-  const o = re(), f = (() => {
+  const d = re(), f = (() => {
     const v = String(u), h = v.indexOf(".");
     return h === -1 ? 0 : v.length - h - 1;
   })(), p = (v) => {
-    const h = Math.max(m, Math.min(i, v));
+    const h = Math.max(o, Math.min(i, v));
     return Number(h.toFixed(f));
-  }, d = (v) => {
+  }, m = (v) => {
     s || n(p(r + v * u));
   };
   return /* @__PURE__ */ a(
@@ -1548,7 +1691,7 @@ function Nr({
         /* @__PURE__ */ e(
           "span",
           {
-            id: o,
+            id: d,
             className: "zen-telemetry-label text-[var(--zen-ink-secondary)]",
             children: t
           }
@@ -1559,10 +1702,10 @@ function Nr({
             {
               type: "button",
               "aria-label": `Decrease ${t}`,
-              disabled: s || r <= m,
-              onClick: () => d(-1),
+              disabled: s || r <= o,
+              onClick: () => m(-1),
               className: "zen-focus-ring p-2 rounded-lg bg-[var(--zen-surface-subtle)] hover:bg-[var(--zen-accent-subtle)] text-[var(--zen-ink-primary)] disabled:opacity-35 cursor-pointer transition-colors",
-              children: /* @__PURE__ */ e(et, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ e(st, { className: "w-3.5 h-3.5" })
             }
           ),
           /* @__PURE__ */ a(
@@ -1570,12 +1713,12 @@ function Nr({
             {
               role: "spinbutton",
               tabIndex: s ? -1 : 0,
-              "aria-labelledby": o,
+              "aria-labelledby": d,
               "aria-valuenow": r,
-              "aria-valuemin": m,
+              "aria-valuemin": o,
               "aria-valuemax": i,
               onKeyDown: (v) => {
-                v.key === "ArrowUp" ? (v.preventDefault(), d(1)) : v.key === "ArrowDown" && (v.preventDefault(), d(-1));
+                v.key === "ArrowUp" ? (v.preventDefault(), m(1)) : v.key === "ArrowDown" && (v.preventDefault(), m(-1));
               },
               className: "zen-focus-ring px-3 py-1 rounded-lg zen-font-mono text-sm font-semibold text-[var(--zen-ink-primary)] text-center min-w-20",
               children: [
@@ -1590,9 +1733,9 @@ function Nr({
               type: "button",
               "aria-label": `Increase ${t}`,
               disabled: s || r >= i,
-              onClick: () => d(1),
+              onClick: () => m(1),
               className: "zen-focus-ring p-2 rounded-lg bg-[var(--zen-surface-subtle)] hover:bg-[var(--zen-accent-subtle)] text-[var(--zen-ink-primary)] disabled:opacity-35 cursor-pointer transition-colors",
-              children: /* @__PURE__ */ e(wt, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ e(Lt, { className: "w-3.5 h-3.5" })
             }
           )
         ] })
@@ -1600,17 +1743,17 @@ function Nr({
     }
   );
 }
-function wr({
+function $r({
   checked: t,
   indeterminate: r = !1,
   onChange: n,
-  label: m,
+  label: o,
   description: i,
   disabled: u = !1,
   className: l = ""
 }) {
   const s = R(null), c = re();
-  return q(() => {
+  return U(() => {
     s.current && (s.current.indeterminate = r);
   }, [r]), /* @__PURE__ */ a(
     "label",
@@ -1629,7 +1772,7 @@ function wr({
               checked: t,
               disabled: u,
               "aria-checked": r ? "mixed" : t,
-              onChange: (o) => n(o.target.checked),
+              onChange: (d) => n(d.target.checked),
               className: "peer sr-only"
             }
           ),
@@ -1637,37 +1780,37 @@ function wr({
             "span",
             {
               className: `w-5 h-5 rounded-md border flex items-center justify-center transition-all peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--zen-accent-focus)] peer-focus-visible:outline-offset-2 ${t || r ? "bg-[var(--zen-accent-primary)] border-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)]" : "bg-[var(--zen-surface-1)] border-[var(--zen-border-control)]"}`,
-              children: r ? /* @__PURE__ */ e(et, { className: "w-3.5 h-3.5 stroke-[3]" }) : t ? /* @__PURE__ */ e(Ne, { className: "w-3.5 h-3.5 stroke-[3]" }) : null
+              children: r ? /* @__PURE__ */ e(st, { className: "w-3.5 h-3.5 stroke-[3]" }) : t ? /* @__PURE__ */ e(Se, { className: "w-3.5 h-3.5 stroke-[3]" }) : null
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--zen-ink-primary)]", children: m }),
+          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--zen-ink-primary)]", children: o }),
           i && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: i })
         ] })
       ]
     }
   );
 }
-function kr({
+function Or({
   label: t,
   options: r,
   value: n,
-  onChange: m,
+  onChange: o,
   className: i = ""
 }) {
-  const u = re(), l = R([]), s = r.map((o, f) => o.disabled ? -1 : f).filter((o) => o !== -1), c = (o, f) => {
-    var d, v;
+  const u = re(), l = R([]), s = r.map((d, f) => d.disabled ? -1 : f).filter((d) => d !== -1), c = (d, f) => {
+    var m, v;
     const p = s.indexOf(f);
     if (p !== -1) {
-      if (o.key === "ArrowDown" || o.key === "ArrowRight") {
-        o.preventDefault();
+      if (d.key === "ArrowDown" || d.key === "ArrowRight") {
+        d.preventDefault();
         const h = s[(p + 1) % s.length];
-        (d = l.current[h]) == null || d.focus(), m(r[h].value);
-      } else if (o.key === "ArrowUp" || o.key === "ArrowLeft") {
-        o.preventDefault();
+        (m = l.current[h]) == null || m.focus(), o(r[h].value);
+      } else if (d.key === "ArrowUp" || d.key === "ArrowLeft") {
+        d.preventDefault();
         const h = s[(p - 1 + s.length) % s.length];
-        (v = l.current[h]) == null || v.focus(), m(r[h].value);
+        (v = l.current[h]) == null || v.focus(), o(r[h].value);
       }
     }
   };
@@ -1687,21 +1830,21 @@ function kr({
             children: t
           }
         ),
-        /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-2", children: r.map((o, f) => {
-          const p = o.value === n;
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-2", children: r.map((d, f) => {
+          const p = d.value === n;
           return /* @__PURE__ */ a(
             "button",
             {
-              ref: (d) => {
-                l.current[f] = d;
+              ref: (m) => {
+                l.current[f] = m;
               },
               type: "button",
               role: "radio",
               "aria-checked": p,
-              disabled: o.disabled,
+              disabled: d.disabled,
               tabIndex: p ? 0 : -1,
-              onClick: () => m(o.value),
-              onKeyDown: (d) => c(d, f),
+              onClick: () => o(d.value),
+              onKeyDown: (m) => c(m, f),
               className: `zen-focus-ring flex items-center justify-between gap-3 p-3.5 rounded-xl border text-left cursor-pointer transition-all ${p ? "bg-[var(--zen-accent-subtle)] border-[var(--zen-accent-border)]" : "bg-[var(--zen-surface-1)] border-[var(--zen-border-subtle)] hover:border-[var(--zen-border-strong)]"}`,
               children: [
                 /* @__PURE__ */ a("div", { className: "flex items-start gap-3 min-w-0", children: [
@@ -1713,34 +1856,34 @@ function kr({
                     }
                   ),
                   /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-                    /* @__PURE__ */ e("div", { className: "text-xs sm:text-sm font-semibold text-[var(--zen-ink-primary)]", children: o.label }),
-                    o.description && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: o.description })
+                    /* @__PURE__ */ e("div", { className: "text-xs sm:text-sm font-semibold text-[var(--zen-ink-primary)]", children: d.label }),
+                    d.description && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: d.description })
                   ] })
                 ] }),
-                o.badge && /* @__PURE__ */ e("span", { className: "zen-telemetry-label text-[var(--zen-accent-primary)] shrink-0", children: o.badge })
+                d.badge && /* @__PURE__ */ e("span", { className: "zen-telemetry-label text-[var(--zen-accent-primary)] shrink-0", children: d.badge })
               ]
             },
-            o.value
+            d.value
           );
         }) })
       ]
     }
   );
 }
-function Cr({
+function Fr({
   label: t,
   value: r,
   onChange: n,
-  min: m = 0,
+  min: o = 0,
   max: i = 100,
   step: u = 1,
   formatValue: l,
   disabled: s = !1,
   className: c = ""
 }) {
-  const o = re(), f = Math.max(
+  const d = re(), f = Math.max(
     0,
-    Math.min(100, (r - m) / Math.max(i - m, 1e-6) * 100)
+    Math.min(100, (r - o) / Math.max(i - o, 1e-6) * 100)
   );
   return /* @__PURE__ */ a(
     "div",
@@ -1752,7 +1895,7 @@ function Cr({
           /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: o,
+              htmlFor: d,
               className: "zen-telemetry-label text-[var(--zen-ink-secondary)]",
               children: t
             }
@@ -1770,9 +1913,9 @@ function Cr({
           /* @__PURE__ */ e(
             "input",
             {
-              id: o,
+              id: d,
               type: "range",
-              min: m,
+              min: o,
               max: i,
               step: u,
               value: r,
@@ -1786,15 +1929,15 @@ function Cr({
     }
   );
 }
-function Sr({
+function Vr({
   label: t,
   options: r,
   selected: n,
-  onChange: m,
+  onChange: o,
   className: i = ""
 }) {
   const u = (l) => {
-    n.includes(l) ? m(n.filter((s) => s !== l)) : m([...n, l]);
+    n.includes(l) ? o(n.filter((s) => s !== l)) : o([...n, l]);
   };
   return /* @__PURE__ */ a(
     "div",
@@ -1813,7 +1956,7 @@ function Sr({
               onClick: () => u(l.value),
               className: `zen-focus-ring px-3 py-1.5 rounded-full border zen-font-mono text-xs inline-flex items-center gap-1.5 cursor-pointer transition-all ${s ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] border-[var(--zen-accent-primary)] font-semibold" : "bg-[var(--zen-surface-subtle)] text-[var(--zen-ink-secondary)] border-[var(--zen-border-default)] hover:border-[var(--zen-accent-border)]"}`,
               children: [
-                s && /* @__PURE__ */ e(Ne, { className: "w-3 h-3" }),
+                s && /* @__PURE__ */ e(Se, { className: "w-3 h-3" }),
                 /* @__PURE__ */ e("span", { children: l.label })
               ]
             },
@@ -1824,20 +1967,20 @@ function Sr({
     }
   );
 }
-function Ar({
+function Hr({
   label: t,
   acceptHint: r = "JSON, YAML, ICS, or PDF up to 25 MB",
   files: n,
-  onFilesChange: m,
+  onFilesChange: o,
   className: i = ""
 }) {
-  const [u, l] = H(!1), s = R(null), c = (o) => {
-    if (!o) return;
-    const f = Array.from(o).map((p) => ({
+  const [u, l] = F(!1), s = R(null), c = (d) => {
+    if (!d) return;
+    const f = Array.from(d).map((p) => ({
       name: p.name,
       sizeBytes: p.size
     }));
-    m([...n, ...f]);
+    o([...n, ...f]);
   };
   return /* @__PURE__ */ a(
     "div",
@@ -1852,19 +1995,19 @@ function Ar({
             role: "button",
             tabIndex: 0,
             onClick: () => {
-              var o;
-              return (o = s.current) == null ? void 0 : o.click();
+              var d;
+              return (d = s.current) == null ? void 0 : d.click();
             },
-            onKeyDown: (o) => {
+            onKeyDown: (d) => {
               var f;
-              (o.key === "Enter" || o.key === " ") && (o.preventDefault(), (f = s.current) == null || f.click());
+              (d.key === "Enter" || d.key === " ") && (d.preventDefault(), (f = s.current) == null || f.click());
             },
-            onDragOver: (o) => {
-              o.preventDefault(), l(!0);
+            onDragOver: (d) => {
+              d.preventDefault(), l(!0);
             },
             onDragLeave: () => l(!1),
-            onDrop: (o) => {
-              o.preventDefault(), l(!1), c(o.dataTransfer.files);
+            onDrop: (d) => {
+              d.preventDefault(), l(!1), c(d.dataTransfer.files);
             },
             className: `zen-focus-ring p-5 rounded-2xl border border-dashed text-center cursor-pointer transition-all ${u ? "border-[var(--zen-accent-primary)] bg-[var(--zen-accent-subtle)]" : "border-[var(--zen-border-strong)] bg-[var(--zen-surface-subtle)] hover:border-[var(--zen-accent-border)]"}`,
             children: [
@@ -1875,55 +2018,55 @@ function Ar({
                   type: "file",
                   "aria-label": t,
                   multiple: !0,
-                  onChange: (o) => c(o.target.files),
+                  onChange: (d) => c(d.target.files),
                   className: "sr-only"
                 }
               ),
-              /* @__PURE__ */ e(Nt, { className: "w-6 h-6 text-[var(--zen-accent-primary)] mx-auto mb-2" }),
+              /* @__PURE__ */ e(Rt, { className: "w-6 h-6 text-[var(--zen-accent-primary)] mx-auto mb-2" }),
               /* @__PURE__ */ e("div", { className: "text-xs sm:text-sm font-semibold text-[var(--zen-ink-primary)]", children: "Drop artifacts here or click to browse" }),
               /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: r })
             ]
           }
         ),
-        n.length > 0 && /* @__PURE__ */ e("ul", { className: "space-y-1.5", children: n.map((o, f) => /* @__PURE__ */ a(
+        n.length > 0 && /* @__PURE__ */ e("ul", { className: "space-y-1.5", children: n.map((d, f) => /* @__PURE__ */ a(
           "li",
           {
             className: "flex items-center justify-between gap-2 px-3 py-2 rounded-xl bg-[var(--zen-surface-1)] border border-[var(--zen-border-subtle)] text-xs",
             children: [
               /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-2 truncate zen-font-mono", children: [
-                /* @__PURE__ */ e(Je, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)] shrink-0" }),
-                /* @__PURE__ */ e("span", { className: "truncate", children: o.name })
+                /* @__PURE__ */ e(at, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)] shrink-0" }),
+                /* @__PURE__ */ e("span", { className: "truncate", children: d.name })
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  "aria-label": `Remove ${o.name}`,
-                  onClick: () => m(n.filter((p, d) => d !== f)),
+                  "aria-label": `Remove ${d.name}`,
+                  onClick: () => o(n.filter((p, m) => m !== f)),
                   className: "text-[var(--zen-ink-muted)] hover:text-[var(--zen-status-danger)] cursor-pointer",
-                  children: /* @__PURE__ */ e(we, { className: "w-3.5 h-3.5" })
+                  children: /* @__PURE__ */ e(Me, { className: "w-3.5 h-3.5" })
                 }
               )
             ]
           },
-          `${o.name}-${f}`
+          `${d.name}-${f}`
         )) })
       ]
     }
   );
 }
-function Tr({ items: t, className: r = "" }) {
+function Zr({ items: t, className: r = "" }) {
   return /* @__PURE__ */ e(
     "nav",
     {
       "aria-label": "Breadcrumb",
       "data-zen-occlude": "true",
       className: r,
-      children: /* @__PURE__ */ e("ol", { className: "flex flex-wrap items-center gap-1.5 zen-font-mono text-xs", children: t.map((n, m) => {
-        const i = m === t.length - 1;
+      children: /* @__PURE__ */ e("ol", { className: "flex flex-wrap items-center gap-1.5 zen-font-mono text-xs", children: t.map((n, o) => {
+        const i = o === t.length - 1;
         return /* @__PURE__ */ a("li", { className: "inline-flex items-center gap-1.5", children: [
-          m > 0 && /* @__PURE__ */ e(
-            tt,
+          o > 0 && /* @__PURE__ */ e(
+            it,
             {
               className: "w-3.5 h-3.5 text-[var(--zen-ink-muted)] shrink-0",
               "aria-hidden": "true"
@@ -1950,11 +2093,11 @@ function Tr({ items: t, className: r = "" }) {
     }
   );
 }
-function Er({
+function Gr({
   currentPage: t,
   totalPages: r,
   onPageChange: n,
-  className: m = ""
+  className: o = ""
 }) {
   const i = Math.max(1, r), u = Array.from({ length: i }, (l, s) => s + 1);
   return /* @__PURE__ */ a(
@@ -1962,7 +2105,7 @@ function Er({
     {
       "aria-label": "Pagination",
       "data-zen-occlude": "true",
-      className: `inline-flex flex-wrap items-center gap-1.5 ${m}`.trim(),
+      className: `inline-flex flex-wrap items-center gap-1.5 ${o}`.trim(),
       children: [
         /* @__PURE__ */ e(
           "button",
@@ -1972,7 +2115,7 @@ function Er({
             disabled: t <= 1,
             onClick: () => n(Math.max(1, t - 1)),
             className: "zen-focus-ring p-2 rounded-xl border border-[var(--zen-border-default)] bg-[var(--zen-surface-1)] text-[var(--zen-ink-primary)] disabled:opacity-40 cursor-pointer",
-            children: /* @__PURE__ */ e(kt, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ e(It, { className: "w-4 h-4" })
           }
         ),
         u.map((l) => {
@@ -1997,46 +2140,46 @@ function Er({
             disabled: t >= i,
             onClick: () => n(Math.min(i, t + 1)),
             className: "zen-focus-ring p-2 rounded-xl border border-[var(--zen-border-default)] bg-[var(--zen-surface-1)] text-[var(--zen-ink-primary)] disabled:opacity-40 cursor-pointer",
-            children: /* @__PURE__ */ e(tt, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ e(it, { className: "w-4 h-4" })
           }
         )
       ]
     }
   );
 }
-const We = {
+const Qe = {
   1: "grid-cols-1",
   2: "grid-cols-1 sm:grid-cols-2",
   3: "grid-cols-1 sm:grid-cols-3",
   4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
 };
-function Mr({
+function Br({
   steps: t,
   activeStepIndex: r,
   onStepClick: n,
-  className: m = ""
+  className: o = ""
 }) {
-  const i = Math.max(1, Math.min(4, t.length)), u = We[i] ?? We[4];
+  const i = Math.max(1, Math.min(4, t.length)), u = Qe[i] ?? Qe[4];
   return /* @__PURE__ */ e(
     "ol",
     {
       "data-zen-occlude": "true",
-      className: `grid ${u} gap-3 ${m}`.trim(),
+      className: `grid ${u} gap-3 ${o}`.trim(),
       children: t.map((l, s) => {
-        const c = s < r, o = s === r;
+        const c = s < r, d = s === r;
         return /* @__PURE__ */ e("li", { className: "min-w-0", children: /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            "aria-current": o ? "step" : void 0,
+            "aria-current": d ? "step" : void 0,
             onClick: () => n == null ? void 0 : n(s),
-            className: `zen-focus-ring w-full p-3.5 rounded-2xl border text-left flex items-center gap-3 cursor-pointer transition-all ${o ? "bg-[var(--zen-accent-subtle)] border-[var(--zen-accent-border)]" : c ? "bg-[var(--zen-surface-1)] border-[var(--zen-border-default)]" : "bg-[var(--zen-surface-subtle)] border-[var(--zen-border-subtle)] opacity-75"}`,
+            className: `zen-focus-ring w-full p-3.5 rounded-2xl border text-left flex items-center gap-3 cursor-pointer transition-all ${d ? "bg-[var(--zen-accent-subtle)] border-[var(--zen-accent-border)]" : c ? "bg-[var(--zen-surface-1)] border-[var(--zen-border-default)]" : "bg-[var(--zen-surface-subtle)] border-[var(--zen-border-subtle)] opacity-75"}`,
             children: [
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: `w-7 h-7 rounded-full zen-font-mono text-xs font-bold flex items-center justify-center shrink-0 ${o || c ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)]" : "border border-[var(--zen-border-control)] text-[var(--zen-ink-muted)]"}`,
-                  children: c ? /* @__PURE__ */ e(Ne, { className: "w-3.5 h-3.5" }) : s + 1
+                  className: `w-7 h-7 rounded-full zen-font-mono text-xs font-bold flex items-center justify-center shrink-0 ${d || c ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)]" : "border border-[var(--zen-border-control)] text-[var(--zen-ink-muted)]"}`,
+                  children: c ? /* @__PURE__ */ e(Se, { className: "w-3.5 h-3.5" }) : s + 1
                 }
               ),
               /* @__PURE__ */ a("div", { className: "min-w-0", children: [
@@ -2050,11 +2193,11 @@ function Mr({
     }
   );
 }
-function Rr({
+function _r({
   title: t,
   items: r,
   activeId: n,
-  onSelect: m,
+  onSelect: o,
   className: i = ""
 }) {
   return /* @__PURE__ */ a(
@@ -2072,7 +2215,7 @@ function Rr({
             {
               type: "button",
               "aria-current": l ? "page" : void 0,
-              onClick: () => m(u.id),
+              onClick: () => o(u.id),
               className: `zen-focus-ring w-full px-3 py-2.5 rounded-xl flex items-center justify-between gap-2 text-xs sm:text-sm font-medium cursor-pointer transition-all ${l ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] font-semibold shadow-sm" : "text-[var(--zen-ink-secondary)] hover:text-[var(--zen-ink-primary)] hover:bg-[var(--zen-surface-subtle)]"}`,
               children: [
                 /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-2.5 truncate", children: [
@@ -2094,11 +2237,11 @@ function Rr({
     }
   );
 }
-function Ir({
+function jr({
   ariaLabel: t,
   active: r = !1,
   className: n = "",
-  children: m,
+  children: o,
   ...i
 }) {
   return /* @__PURE__ */ e(
@@ -2110,35 +2253,35 @@ function Ir({
       "aria-pressed": r,
       className: `zen-focus-ring p-2.5 rounded-xl border transition-all cursor-pointer inline-flex items-center justify-center ${r ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] border-[var(--zen-accent-primary)]" : "bg-[var(--zen-surface-1)] text-[var(--zen-ink-secondary)] border-[var(--zen-border-default)] hover:border-[var(--zen-accent-border)] hover:text-[var(--zen-ink-primary)]"} ${n}`.trim(),
       ...i,
-      children: m
+      children: o
     }
   );
 }
-function Lr({
+function Ur({
   open: t,
   onClose: r,
   items: n,
-  placeholder: m = "Execute a command or jump to a primitive..."
+  placeholder: o = "Execute a command or jump to a primitive..."
 }) {
-  const [i, u] = H(""), [l, s] = H(0), c = R(null), o = re(), f = n.filter((d) => {
+  const [i, u] = F(""), [l, s] = F(0), c = R(null), d = re(), f = n.filter((m) => {
     if (!i.trim()) return !0;
     const v = i.toLowerCase();
-    return d.label.toLowerCase().includes(v) || d.group.toLowerCase().includes(v);
+    return m.label.toLowerCase().includes(v) || m.group.toLowerCase().includes(v);
   });
-  return q(() => {
+  return U(() => {
     s(0);
-  }, [i]), q(() => {
+  }, [i]), U(() => {
     t && (u(""), s(0), window.setTimeout(() => {
-      var d;
-      return (d = c.current) == null ? void 0 : d.focus();
+      var m;
+      return (m = c.current) == null ? void 0 : m.focus();
     }, 10));
   }, [t]), t ? /* @__PURE__ */ e(
     "div",
     {
       "data-zen-occlude": "true",
       className: "fixed inset-0 z-50 flex items-start justify-center pt-12 sm:pt-20 p-3 sm:p-4 bg-black/70 backdrop-blur-md",
-      onMouseDown: (d) => {
-        d.target === d.currentTarget && r();
+      onMouseDown: (m) => {
+        m.target === m.currentTarget && r();
       },
       children: /* @__PURE__ */ a(
         "div",
@@ -2149,35 +2292,35 @@ function Lr({
           className: "w-full max-w-xl max-h-[85dvh] flex flex-col rounded-3xl zen-surface-selected overflow-hidden shadow-2xl",
           children: [
             /* @__PURE__ */ a("div", { className: "flex items-center gap-3 px-4 py-3.5 border-b border-[var(--zen-border-subtle)]", children: [
-              /* @__PURE__ */ e(Ct, { className: "w-4 h-4 text-[var(--zen-accent-primary)] shrink-0" }),
+              /* @__PURE__ */ e(Pt, { className: "w-4 h-4 text-[var(--zen-accent-primary)] shrink-0" }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   ref: c,
                   role: "combobox",
                   "aria-expanded": "true",
-                  "aria-controls": o,
+                  "aria-controls": d,
                   "aria-autocomplete": "list",
                   value: i,
-                  onChange: (d) => u(d.target.value),
-                  onKeyDown: (d) => {
-                    d.key === "Escape" ? (d.preventDefault(), r()) : d.key === "ArrowDown" ? (d.preventDefault(), f.length > 0 && s((v) => (v + 1) % f.length)) : d.key === "ArrowUp" ? (d.preventDefault(), f.length > 0 && s(
+                  onChange: (m) => u(m.target.value),
+                  onKeyDown: (m) => {
+                    m.key === "Escape" ? (m.preventDefault(), r()) : m.key === "ArrowDown" ? (m.preventDefault(), f.length > 0 && s((v) => (v + 1) % f.length)) : m.key === "ArrowUp" ? (m.preventDefault(), f.length > 0 && s(
                       (v) => (v - 1 + f.length) % f.length
-                    )) : d.key === "Enter" && f[l] && (d.preventDefault(), f[l].onSelect(), r());
+                    )) : m.key === "Enter" && f[l] && (m.preventDefault(), f[l].onSelect(), r());
                   },
-                  placeholder: m,
+                  placeholder: o,
                   className: "w-full bg-transparent text-sm text-[var(--zen-ink-primary)] placeholder:text-[var(--zen-ink-muted)] focus:outline-none zen-font-mono"
                 }
               ),
-              /* @__PURE__ */ e(je, { keys: ["Esc"] })
+              /* @__PURE__ */ e(Xe, { keys: ["Esc"] })
             ] }),
             /* @__PURE__ */ e(
               "ul",
               {
-                id: o,
+                id: d,
                 role: "listbox",
                 className: "max-h-80 overflow-y-auto p-2 space-y-1",
-                children: f.length === 0 ? /* @__PURE__ */ e("li", { className: "py-8 text-center zen-font-mono text-xs text-[var(--zen-ink-muted)]", children: "No matching commands found." }) : f.map((d, v) => {
+                children: f.length === 0 ? /* @__PURE__ */ e("li", { className: "py-8 text-center zen-font-mono text-xs text-[var(--zen-ink-muted)]", children: "No matching commands found." }) : f.map((m, v) => {
                   const h = v === l;
                   return /* @__PURE__ */ a(
                     "li",
@@ -2185,25 +2328,25 @@ function Lr({
                       role: "option",
                       "aria-selected": h,
                       onMouseEnter: () => s(v),
-                      onMouseDown: (T) => {
-                        T.preventDefault(), d.onSelect(), r();
+                      onMouseDown: (S) => {
+                        S.preventDefault(), m.onSelect(), r();
                       },
                       className: `flex items-center justify-between gap-3 px-3.5 py-2.5 rounded-xl cursor-pointer transition-colors ${h ? "bg-[var(--zen-accent-subtle)] text-[var(--zen-ink-primary)]" : "text-[var(--zen-ink-secondary)]"}`,
                       children: [
                         /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5 min-w-0", children: [
-                          d.icon && /* @__PURE__ */ e("span", { className: "text-[var(--zen-accent-primary)] shrink-0", children: d.icon }),
+                          m.icon && /* @__PURE__ */ e("span", { className: "text-[var(--zen-accent-primary)] shrink-0", children: m.icon }),
                           /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-                            /* @__PURE__ */ e("div", { className: "text-xs sm:text-sm font-medium truncate", children: d.label }),
-                            /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: d.group })
+                            /* @__PURE__ */ e("div", { className: "text-xs sm:text-sm font-medium truncate", children: m.label }),
+                            /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: m.group })
                           ] })
                         ] }),
                         /* @__PURE__ */ a("div", { className: "flex items-center gap-2 shrink-0", children: [
-                          d.shortcut && /* @__PURE__ */ e(je, { keys: d.shortcut }),
-                          h && /* @__PURE__ */ e(St, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)]" })
+                          m.shortcut && /* @__PURE__ */ e(Xe, { keys: m.shortcut }),
+                          h && /* @__PURE__ */ e(Dt, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)]" })
                         ] })
                       ]
                     },
-                    d.id
+                    m.id
                   );
                 })
               }
@@ -2214,16 +2357,16 @@ function Lr({
     }
   ) : null;
 }
-function Pr({
+function Wr({
   open: t,
   onClose: r,
   title: n,
-  subtitle: m,
+  subtitle: o,
   footer: i,
   children: u
 }) {
   const l = re();
-  return q(() => {
+  return U(() => {
     if (!t) return;
     const s = (c) => {
       c.key === "Escape" && r();
@@ -2257,7 +2400,7 @@ function Pr({
                       children: n
                     }
                   ),
-                  m && /* @__PURE__ */ e("div", { className: "zen-font-serif italic text-lg text-[var(--zen-accent-primary)]", children: m })
+                  o && /* @__PURE__ */ e("div", { className: "zen-font-serif italic text-lg text-[var(--zen-accent-primary)]", children: o })
                 ] }),
                 /* @__PURE__ */ e(
                   "button",
@@ -2266,7 +2409,7 @@ function Pr({
                     "aria-label": "Close drawer",
                     onClick: r,
                     className: "zen-focus-ring p-2 rounded-full border border-[var(--zen-border-default)] text-[var(--zen-ink-secondary)] hover:text-[var(--zen-ink-primary)] cursor-pointer",
-                    children: /* @__PURE__ */ e(we, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ e(Me, { className: "w-4 h-4" })
                   }
                 )
               ] }),
@@ -2279,13 +2422,13 @@ function Pr({
     }
   ) : null;
 }
-function Dr({
+function qr({
   items: t,
   defaultOpenId: r,
   className: n = ""
 }) {
   var u;
-  const [m, i] = H(
+  const [o, i] = F(
     r ?? ((u = t[0]) == null ? void 0 : u.id) ?? null
   );
   return /* @__PURE__ */ e(
@@ -2294,7 +2437,7 @@ function Dr({
       "data-zen-occlude": "true",
       className: `space-y-2.5 ${n}`.trim(),
       children: t.map((l) => {
-        const s = l.id === m;
+        const s = l.id === o;
         return /* @__PURE__ */ a(
           "div",
           {
@@ -2312,7 +2455,7 @@ function Dr({
                     /* @__PURE__ */ a("div", { className: "flex items-center gap-2 shrink-0", children: [
                       l.badge && /* @__PURE__ */ e("span", { className: "zen-telemetry-label text-[var(--zen-accent-primary)]", children: l.badge }),
                       /* @__PURE__ */ e(
-                        Ke,
+                        et,
                         {
                           className: `w-4 h-4 text-[var(--zen-ink-muted)] transition-transform ${s ? "rotate-180 text-[var(--zen-accent-primary)]" : ""}`
                         }
@@ -2330,18 +2473,18 @@ function Dr({
     }
   );
 }
-function $r({ content: t, children: r }) {
-  const [n, m] = H(!1), i = re();
+function Kr({ content: t, children: r }) {
+  const [n, o] = F(!1), i = re();
   return /* @__PURE__ */ a(
     "span",
     {
       className: "relative inline-flex",
-      onMouseEnter: () => m(!0),
-      onMouseLeave: () => m(!1),
-      onFocus: () => m(!0),
-      onBlur: () => m(!1),
+      onMouseEnter: () => o(!0),
+      onMouseLeave: () => o(!1),
+      onFocus: () => o(!0),
+      onBlur: () => o(!1),
       onKeyDown: (u) => {
-        u.key === "Escape" && m(!1);
+        u.key === "Escape" && o(!1);
       },
       children: [
         /* @__PURE__ */ e("span", { "aria-describedby": n ? i : void 0, children: r }),
@@ -2358,7 +2501,7 @@ function $r({ content: t, children: r }) {
     }
   );
 }
-function Or({ label: t, className: r = "" }) {
+function Yr({ label: t, className: r = "" }) {
   return t ? /* @__PURE__ */ a("div", { className: `flex items-center gap-3 ${r}`.trim(), children: [
     /* @__PURE__ */ e("div", { className: "h-px flex-1 bg-[var(--zen-border-subtle)]" }),
     /* @__PURE__ */ e("span", { className: "zen-telemetry-label", children: t }),
@@ -2370,16 +2513,16 @@ function Or({ label: t, className: r = "" }) {
     }
   );
 }
-function Ht({
+function Qt({
   data: t,
   width: r = 140,
   height: n = 42,
-  className: m = ""
+  className: o = ""
 }) {
-  const i = re(), u = t.length === 0 ? [0, 0] : t.length === 1 ? [t[0], t[0]] : t, l = Math.min(...u), s = Math.max(...u), c = s - l || 1, f = u.map((d, v) => {
-    const h = v / (u.length - 1) * r, T = s === l ? n * 0.5 : n - 4 - (d - l) / c * (n - 8);
-    return { x: h, y: T };
-  }).map((d, v) => `${v === 0 ? "M" : "L"}${d.x.toFixed(1)},${d.y.toFixed(1)}`).join(" "), p = `${f} L${r},${n} L0,${n} Z`;
+  const i = re(), u = t.length === 0 ? [0, 0] : t.length === 1 ? [t[0], t[0]] : t, l = Math.min(...u), s = Math.max(...u), c = s - l || 1, f = u.map((m, v) => {
+    const h = v / (u.length - 1) * r, S = s === l ? n * 0.5 : n - 4 - (m - l) / c * (n - 8);
+    return { x: h, y: S };
+  }).map((m, v) => `${v === 0 ? "M" : "L"}${m.x.toFixed(1)},${m.y.toFixed(1)}`).join(" "), p = `${f} L${r},${n} L0,${n} Z`;
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -2387,7 +2530,7 @@ function Ht({
       height: n,
       viewBox: `0 0 ${r} ${n}`,
       "aria-hidden": "true",
-      className: `overflow-visible ${m}`.trim(),
+      className: `overflow-visible ${o}`.trim(),
       children: [
         /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ a("linearGradient", { id: i, x1: "0", y1: "0", x2: "0", y2: "1", children: [
           /* @__PURE__ */ e(
@@ -2423,17 +2566,17 @@ function Ht({
     }
   );
 }
-function Fr({
+function Xr({
   label: t,
   value: r,
   delta: n,
-  trend: m = "up",
+  trend: o = "up",
   sparkline: i,
   subtitle: u,
   className: l = ""
 }) {
   return /* @__PURE__ */ a(
-    De,
+    He,
     {
       variant: "static",
       padding: "sm",
@@ -2444,9 +2587,9 @@ function Fr({
           /* @__PURE__ */ a(
             "span",
             {
-              className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full zen-font-mono text-[11px] font-semibold ${m === "up" ? "bg-[var(--zen-status-success)]/15 text-[var(--zen-status-success)]" : "bg-[var(--zen-status-danger)]/15 text-[var(--zen-status-danger)]"}`,
+              className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full zen-font-mono text-[11px] font-semibold ${o === "up" ? "bg-[var(--zen-status-success)]/15 text-[var(--zen-status-success)]" : "bg-[var(--zen-status-danger)]/15 text-[var(--zen-status-danger)]"}`,
               children: [
-                m === "up" ? /* @__PURE__ */ e(At, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Tt, { className: "w-3 h-3" }),
+                o === "up" ? /* @__PURE__ */ e($t, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Ot, { className: "w-3 h-3" }),
                 n
               ]
             }
@@ -2457,17 +2600,17 @@ function Fr({
             /* @__PURE__ */ e("div", { className: "zen-font-display text-2xl sm:text-3xl font-extrabold text-[var(--zen-ink-primary)]", children: r }),
             u && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: u })
           ] }),
-          i && /* @__PURE__ */ e(Ht, { data: i, width: 110, height: 36 })
+          i && /* @__PURE__ */ e(Qt, { data: i, width: 110, height: 36 })
         ] })
       ]
     }
   );
 }
-function Vr({
+function Qr({
   label: t,
   value: r,
   max: n = 100,
-  unit: m = "%",
+  unit: o = "%",
   className: i = ""
 }) {
   const u = Math.max(0, Math.min(100, r / Math.max(n, 1e-6) * 100));
@@ -2481,7 +2624,7 @@ function Vr({
           /* @__PURE__ */ e("span", { className: "zen-telemetry-label", children: t }),
           /* @__PURE__ */ a("span", { className: "font-semibold text-[var(--zen-ink-primary)]", children: [
             r,
-            m
+            o
           ] })
         ] }),
         /* @__PURE__ */ e(
@@ -2506,14 +2649,14 @@ function Vr({
     }
   );
 }
-function Gr({
+function Jr({
   label: t,
   value: r,
   max: n = 100,
-  unit: m = "%",
+  unit: o = "%",
   size: i = 96
 }) {
-  const u = Math.max(0, Math.min(100, r / Math.max(n, 1e-6) * 100)), l = 7, s = (i - l * 2) * 0.5, c = 2 * Math.PI * s, o = c - u / 100 * c;
+  const u = Math.max(0, Math.min(100, r / Math.max(n, 1e-6) * 100)), l = 7, s = (i - l * 2) * 0.5, c = 2 * Math.PI * s, d = c - u / 100 * c;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2547,14 +2690,14 @@ function Gr({
                 stroke: "var(--zen-accent-primary)",
                 strokeWidth: l,
                 strokeDasharray: c,
-                strokeDashoffset: o,
+                strokeDashoffset: d,
                 strokeLinecap: "round"
               }
             )
           ] }),
           /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center zen-font-mono text-xs font-bold text-[var(--zen-ink-primary)]", children: [
             Math.round(u),
-            m
+            o
           ] })
         ] }),
         /* @__PURE__ */ e("span", { className: "zen-telemetry-label", children: t })
@@ -2562,17 +2705,17 @@ function Gr({
     }
   );
 }
-function Zr({
+function en({
   name: t,
   src: r,
   status: n,
-  size: m = "md"
+  size: o = "md"
 }) {
-  const [i, u] = H(!1);
-  q(() => {
+  const [i, u] = F(!1);
+  U(() => {
     u(!1);
   }, [r]);
-  const l = t.split(" ").map((c) => c[0]).join("").slice(0, 2).toUpperCase(), s = m === "sm" ? "w-8 h-8 text-xs" : m === "lg" ? "w-12 h-12 text-base" : "w-10 h-10 text-sm";
+  const l = t.split(" ").map((c) => c[0]).join("").slice(0, 2).toUpperCase(), s = o === "sm" ? "w-8 h-8 text-xs" : o === "lg" ? "w-12 h-12 text-base" : "w-10 h-10 text-sm";
   return /* @__PURE__ */ a("div", { className: "relative inline-flex shrink-0", children: [
     r && !i ? /* @__PURE__ */ e(
       "img",
@@ -2598,11 +2741,11 @@ function Zr({
     )
   ] });
 }
-function Br({
+function tn({
   title: t,
   language: r = "TSX",
   code: n,
-  footerSlot: m,
+  footerSlot: o,
   className: i = ""
 }) {
   return /* @__PURE__ */ a(
@@ -2616,40 +2759,40 @@ function Br({
             /* @__PURE__ */ e("span", { className: "zen-telemetry-label text-[var(--zen-accent-primary)]", children: r }),
             /* @__PURE__ */ e("span", { className: "zen-font-mono text-xs text-[var(--zen-ink-secondary)] truncate", children: t })
           ] }),
-          /* @__PURE__ */ e(rt, { value: n, label: "COPY", size: "sm" })
+          /* @__PURE__ */ e(ot, { value: n, label: "COPY", size: "sm" })
         ] }),
         /* @__PURE__ */ e("pre", { className: "p-4 zen-font-mono text-xs text-[var(--zen-ink-primary)] overflow-x-auto leading-relaxed", children: /* @__PURE__ */ e("code", { children: n }) }),
-        m && /* @__PURE__ */ e("div", { className: "px-4 py-2 border-t border-[var(--zen-border-subtle)]", children: m })
+        o && /* @__PURE__ */ e("div", { className: "px-4 py-2 border-t border-[var(--zen-border-subtle)]", children: o })
       ]
     }
   );
 }
-const _t = {
+const Jt = {
   info: {
     border: "border-[var(--zen-status-info)]/50 bg-[var(--zen-status-info)]/10",
-    icon: /* @__PURE__ */ e(Xe, { className: "w-4 h-4 text-[var(--zen-status-info)] shrink-0" })
+    icon: /* @__PURE__ */ e(rt, { className: "w-4 h-4 text-[var(--zen-status-info)] shrink-0" })
   },
   success: {
     border: "border-[var(--zen-status-success)]/50 bg-[var(--zen-status-success)]/10",
-    icon: /* @__PURE__ */ e(Pe, { className: "w-4 h-4 text-[var(--zen-status-success)] shrink-0" })
+    icon: /* @__PURE__ */ e(Fe, { className: "w-4 h-4 text-[var(--zen-status-success)] shrink-0" })
   },
   warning: {
     border: "border-[var(--zen-status-warning)]/50 bg-[var(--zen-status-warning)]/10",
-    icon: /* @__PURE__ */ e(Ye, { className: "w-4 h-4 text-[var(--zen-status-warning)] shrink-0" })
+    icon: /* @__PURE__ */ e(tt, { className: "w-4 h-4 text-[var(--zen-status-warning)] shrink-0" })
   },
   danger: {
     border: "border-[var(--zen-status-danger)]/50 bg-[var(--zen-status-danger)]/10",
-    icon: /* @__PURE__ */ e(Qe, { className: "w-4 h-4 text-[var(--zen-status-danger)] shrink-0" })
+    icon: /* @__PURE__ */ e(nt, { className: "w-4 h-4 text-[var(--zen-status-danger)] shrink-0" })
   }
 };
-function Hr({
+function rn({
   tone: t = "info",
   title: r,
   children: n,
-  actionSlot: m,
+  actionSlot: o,
   className: i = ""
 }) {
-  const u = _t[t];
+  const u = Jt[t];
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2664,12 +2807,12 @@ function Hr({
             /* @__PURE__ */ e("div", { className: "text-xs sm:text-sm text-[var(--zen-ink-secondary)] mt-0.5", children: n })
           ] })
         ] }),
-        m && /* @__PURE__ */ e("div", { className: "shrink-0", children: m })
+        o && /* @__PURE__ */ e("div", { className: "shrink-0", children: o })
       ]
     }
   );
 }
-function _r({ lines: t = 3, className: r = "" }) {
+function nn({ lines: t = 3, className: r = "" }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2677,22 +2820,22 @@ function _r({ lines: t = 3, className: r = "" }) {
       "aria-busy": "true",
       "aria-label": "Loading content",
       className: `space-y-2.5 ${r}`.trim(),
-      children: Array.from({ length: t }).map((n, m) => /* @__PURE__ */ e(
+      children: Array.from({ length: t }).map((n, o) => /* @__PURE__ */ e(
         "div",
         {
-          style: { width: m === t - 1 ? "65%" : "100%" },
+          style: { width: o === t - 1 ? "65%" : "100%" },
           className: "h-3.5 rounded-lg bg-[var(--zen-surface-subtle-hover)] animate-pulse"
         },
-        m
+        o
       ))
     }
   );
 }
-function Ur({
+function an({
   title: t,
   description: r,
   icon: n,
-  actionSlot: m,
+  actionSlot: o,
   className: i = ""
 }) {
   return /* @__PURE__ */ a(
@@ -2701,15 +2844,15 @@ function Ur({
       "data-zen-occlude": "true",
       className: `p-8 rounded-3xl border border-dashed border-[var(--zen-border-strong)] bg-[var(--zen-surface-subtle)] text-center flex flex-col items-center justify-center gap-3 ${i}`.trim(),
       children: [
-        /* @__PURE__ */ e("div", { className: "p-3 rounded-2xl bg-[var(--zen-accent-subtle)] text-[var(--zen-accent-primary)]", children: n ?? /* @__PURE__ */ e(Et, { className: "w-6 h-6" }) }),
+        /* @__PURE__ */ e("div", { className: "p-3 rounded-2xl bg-[var(--zen-accent-subtle)] text-[var(--zen-accent-primary)]", children: n ?? /* @__PURE__ */ e(Ft, { className: "w-6 h-6" }) }),
         /* @__PURE__ */ e("div", { className: "zen-font-display text-lg font-bold text-[var(--zen-ink-primary)]", children: t }),
         /* @__PURE__ */ e("p", { className: "text-xs sm:text-sm text-[var(--zen-ink-secondary)] max-w-md", children: r }),
-        m && /* @__PURE__ */ e("div", { className: "mt-1", children: m })
+        o && /* @__PURE__ */ e("div", { className: "mt-1", children: o })
       ]
     }
   );
 }
-const Re = [
+const $e = [
   {
     id: "lofi-atelier",
     label: "Lo-Fi Atelier (Dm9 -> Cmaj9)",
@@ -2747,97 +2890,97 @@ const Re = [
     ]
   }
 ];
-function jr(t) {
-  const [r, n] = H(!1), [m, i] = H(
+function sn(t) {
+  const [r, n] = F(!1), [o, i] = F(
     (t == null ? void 0 : t.defaultPreset) ?? "lofi-atelier"
-  ), [u, l] = H(
+  ), [u, l] = F(
     (t == null ? void 0 : t.defaultVolume) ?? 0.8
-  ), [s, c] = H(0), o = R(null), f = R(null), p = R(null), d = R(null), v = R(u), h = ge(() => {
+  ), [s, c] = F(0), d = R(null), f = R(null), p = R(null), m = R(null), v = R(u), h = Ne(() => {
     if (typeof window > "u") return null;
-    const x = window.AudioContext;
-    if (!x) return null;
-    if (!o.current || o.current.state === "closed") {
-      const N = new x(), y = N.createGain();
-      y.gain.setValueAtTime(v.current, N.currentTime), y.connect(N.destination);
-      const I = Math.floor(N.sampleRate * 0.09), A = N.createBuffer(1, I, N.sampleRate), M = A.getChannelData(0);
-      for (let S = 0; S < I; S++)
-        M[S] = (Math.random() * 2 - 1) * Math.exp(-S / (I * 0.35));
-      o.current = N, f.current = y, p.current = A;
+    const y = window.AudioContext;
+    if (!y) return null;
+    if (!d.current || d.current.state === "closed") {
+      const w = new y(), z = w.createGain();
+      z.gain.setValueAtTime(v.current, w.currentTime), z.connect(w.destination);
+      const L = Math.floor(w.sampleRate * 0.09), T = w.createBuffer(1, L, w.sampleRate), E = T.getChannelData(0);
+      for (let A = 0; A < L; A++)
+        E[A] = (Math.random() * 2 - 1) * Math.exp(-A / (L * 0.35));
+      d.current = w, f.current = z, p.current = T;
     }
-    const g = o.current, z = f.current, $ = p.current;
-    return !g || !z || !$ ? null : (g.state === "suspended" && g.resume(), { ctx: g, master: z, snareBuffer: $ });
-  }, []), T = ge((x) => {
-    const g = Math.max(0, Math.min(1, x));
-    v.current = g, l(g), f.current && o.current && f.current.gain.setTargetAtTime(
-      g,
-      o.current.currentTime,
+    const x = d.current, g = f.current, I = p.current;
+    return !x || !g || !I ? null : (x.state === "suspended" && x.resume(), { ctx: x, master: g, snareBuffer: I });
+  }, []), S = Ne((y) => {
+    const x = Math.max(0, Math.min(1, y));
+    v.current = x, l(x), f.current && d.current && f.current.gain.setTargetAtTime(
+      x,
+      d.current.currentTime,
       0.04
     );
-  }, []), E = ge(
-    (x = 880) => {
-      const g = h();
-      if (!g) return;
-      const { ctx: z, master: $ } = g, N = z.currentTime, y = z.createOscillator(), I = z.createGain();
-      y.type = "sine", y.frequency.setValueAtTime(x, N), y.frequency.exponentialRampToValueAtTime(x * 0.5, N + 0.035), I.gain.setValueAtTime(0.025, N), I.gain.exponentialRampToValueAtTime(1e-4, N + 0.04), y.connect(I), I.connect($), y.start(N), y.stop(N + 0.045);
+  }, []), M = Ne(
+    (y = 880) => {
+      const x = h();
+      if (!x) return;
+      const { ctx: g, master: I } = x, w = g.currentTime, z = g.createOscillator(), L = g.createGain();
+      z.type = "sine", z.frequency.setValueAtTime(y, w), z.frequency.exponentialRampToValueAtTime(y * 0.5, w + 0.035), L.gain.setValueAtTime(0.025, w), L.gain.exponentialRampToValueAtTime(1e-4, w + 0.04), z.connect(L), L.connect(I), z.start(w), z.stop(w + 0.045);
     },
     [h]
   );
-  return q(() => () => {
-    d.current !== null && window.clearInterval(d.current), o.current && o.current.state !== "closed" && o.current.close();
-  }, []), q(() => {
+  return U(() => () => {
+    m.current !== null && window.clearInterval(m.current), d.current && d.current.state !== "closed" && d.current.close();
+  }, []), U(() => {
     if (!r) {
-      d.current !== null && (window.clearInterval(d.current), d.current = null);
+      m.current !== null && (window.clearInterval(m.current), m.current = null);
       return;
     }
-    const x = h();
-    if (!x) return;
-    const { ctx: g, master: z, snareBuffer: $ } = x, N = Re.find((M) => M.id === m) ?? Re[0], y = Math.round(60 / N.bpm / 2 * 1e3), I = (M) => {
-      const S = g.currentTime, L = M % 8, Q = Math.floor(M / 8) % N.chords.length, k = N.chords[Q];
-      if ((L === 0 || L === 3) && k.forEach((b, _) => {
-        const U = g.createOscillator(), se = g.createGain(), F = g.createBiquadFilter(), D = g.createOscillator(), Z = g.createGain();
-        U.type = _ === 0 ? "sine" : "triangle", U.frequency.setValueAtTime(b, S), D.frequency.setValueAtTime(4.2, S), Z.gain.setValueAtTime(_ === 0 ? 0.2 : 1.1, S), D.connect(Z), Z.connect(U.frequency), F.type = "lowpass", F.frequency.setValueAtTime(N.cutoffHz, S);
-        const B = _ === 0 ? 0.042 : 0.018, K = L === 0 ? 1.45 : 1.95;
-        se.gain.setValueAtTime(1e-4, S), se.gain.linearRampToValueAtTime(B, S + 0.08), se.gain.exponentialRampToValueAtTime(1e-4, S + K), U.connect(F), F.connect(se), se.connect(z), U.start(S), D.start(S), U.stop(S + K + 0.05), D.stop(S + K + 0.05);
-      }), L === 0 || L === 5) {
-        const b = g.createOscillator(), _ = g.createGain();
-        b.type = "sine", b.frequency.setValueAtTime(108, S), b.frequency.exponentialRampToValueAtTime(38, S + 0.14), _.gain.setValueAtTime(0.065, S), _.gain.exponentialRampToValueAtTime(1e-4, S + 0.24), b.connect(_), _.connect(z), b.start(S), b.stop(S + 0.26);
+    const y = h();
+    if (!y) return;
+    const { ctx: x, master: g, snareBuffer: I } = y, w = $e.find((E) => E.id === o) ?? $e[0], z = Math.round(60 / w.bpm / 2 * 1e3), L = (E) => {
+      const A = x.currentTime, P = E % 8, Q = Math.floor(E / 8) % w.chords.length, k = w.chords[Q];
+      if ((P === 0 || P === 3) && k.forEach((b, _) => {
+        const j = x.createOscillator(), ie = x.createGain(), V = x.createBiquadFilter(), $ = x.createOscillator(), G = x.createGain();
+        j.type = _ === 0 ? "sine" : "triangle", j.frequency.setValueAtTime(b, A), $.frequency.setValueAtTime(4.2, A), G.gain.setValueAtTime(_ === 0 ? 0.2 : 1.1, A), $.connect(G), G.connect(j.frequency), V.type = "lowpass", V.frequency.setValueAtTime(w.cutoffHz, A);
+        const B = _ === 0 ? 0.042 : 0.018, K = P === 0 ? 1.45 : 1.95;
+        ie.gain.setValueAtTime(1e-4, A), ie.gain.linearRampToValueAtTime(B, A + 0.08), ie.gain.exponentialRampToValueAtTime(1e-4, A + K), j.connect(V), V.connect(ie), ie.connect(g), j.start(A), $.start(A), j.stop(A + K + 0.05), $.stop(A + K + 0.05);
+      }), P === 0 || P === 5) {
+        const b = x.createOscillator(), _ = x.createGain();
+        b.type = "sine", b.frequency.setValueAtTime(108, A), b.frequency.exponentialRampToValueAtTime(38, A + 0.14), _.gain.setValueAtTime(0.065, A), _.gain.exponentialRampToValueAtTime(1e-4, A + 0.24), b.connect(_), _.connect(g), b.start(A), b.stop(A + 0.26);
       }
-      if (L === 2 || L === 6) {
-        const b = g.createBufferSource();
-        b.buffer = $;
-        const _ = g.createBiquadFilter();
-        _.type = "bandpass", _.frequency.setValueAtTime(1150, S);
-        const U = g.createGain();
-        U.gain.setValueAtTime(0.022, S), U.gain.exponentialRampToValueAtTime(1e-4, S + 0.09), b.connect(_), _.connect(U), U.connect(z), b.start(S);
+      if (P === 2 || P === 6) {
+        const b = x.createBufferSource();
+        b.buffer = I;
+        const _ = x.createBiquadFilter();
+        _.type = "bandpass", _.frequency.setValueAtTime(1150, A);
+        const j = x.createGain();
+        j.gain.setValueAtTime(0.022, A), j.gain.exponentialRampToValueAtTime(1e-4, A + 0.09), b.connect(_), _.connect(j), j.connect(g), b.start(A);
       }
     };
-    let A = 0;
-    return c(0), I(0), d.current = window.setInterval(() => {
-      A += 1, c(A % 8), I(A);
-    }, y), () => {
-      d.current !== null && (window.clearInterval(d.current), d.current = null);
+    let T = 0;
+    return c(0), L(0), m.current = window.setInterval(() => {
+      T += 1, c(T % 8), L(T);
+    }, z), () => {
+      m.current !== null && (window.clearInterval(m.current), m.current = null);
     };
-  }, [r, m, h]), {
+  }, [r, o, h]), {
     active: r,
-    presetId: m,
+    presetId: o,
     volume: u,
     currentStep: s,
-    presets: Re,
-    toggle: () => n((x) => !x),
+    presets: $e,
+    toggle: () => n((y) => !y),
     setPresetId: i,
-    setVolume: T,
-    playMicroClick: E
+    setVolume: S,
+    playMicroClick: M
   };
 }
-function Wr({
+function ln({
   synth: t,
   mode: r = "pill",
   activeLabel: n = "Lo-Fi Radio: ON",
-  idleLabel: m = "Lo-Fi Background",
+  idleLabel: o = "Lo-Fi Background",
   className: i = ""
 }) {
   return r === "pill" ? /* @__PURE__ */ e(
-    ze,
+    Ce,
     {
       variant: "secondary",
       size: "sm",
@@ -2846,8 +2989,8 @@ function Wr({
       onClick: t.toggle,
       "aria-label": "Toggle procedural ambient synthesizer",
       className: i,
-      iconLeft: t.active ? /* @__PURE__ */ e(He, { className: "w-3.5 h-3.5 animate-pulse" }) : /* @__PURE__ */ e(_e, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)]" }),
-      children: t.active ? n : m
+      iconLeft: t.active ? /* @__PURE__ */ e(qe, { className: "w-3.5 h-3.5 animate-pulse" }) : /* @__PURE__ */ e(Ke, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)]" }),
+      children: t.active ? n : o
     }
   ) : /* @__PURE__ */ a(
     "div",
@@ -2858,7 +3001,7 @@ function Wr({
         /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
           /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e(
-              Mt,
+              Vt,
               {
                 className: `w-6 h-6 text-[var(--zen-accent-primary)] ${t.active ? "animate-spin" : ""}`
               }
@@ -2869,21 +3012,21 @@ function Wr({
             ] })
           ] }),
           /* @__PURE__ */ e(
-            ze,
+            Ce,
             {
               variant: t.active ? "primary" : "secondary",
               size: "sm",
               mono: !0,
               pressed: t.active,
               onClick: t.toggle,
-              iconLeft: t.active ? /* @__PURE__ */ e(He, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(_e, { className: "w-3.5 h-3.5" }),
+              iconLeft: t.active ? /* @__PURE__ */ e(qe, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(Ke, { className: "w-3.5 h-3.5" }),
               children: t.active ? "SYNTH ACTIVE" : "START SYNTH"
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4 pt-2 border-t border-[var(--zen-border-subtle)]", children: [
           /* @__PURE__ */ e(
-            st,
+            mt,
             {
               ariaLabel: "Select synthesizer voicing preset",
               size: "sm",
@@ -2910,7 +3053,7 @@ function Wr({
     }
   );
 }
-const it = [
+const ut = [
   {
     id: "alpha-cen-a",
     badge: "STELLAR CORE 01 · PRIMARY",
@@ -2959,58 +3102,58 @@ const it = [
     hitRadius: 0.36,
     reticleSize: 86
   }
-], Ut = '[data-zen-occlude="true"], a, button, input, select, textarea, [role="button"], [role="radiogroup"], [role="tablist"], [role="listbox"], [role="dialog"]';
-function lt({
+], er = '[data-zen-occlude="true"], a, button, input, select, textarea, [role="button"], [role="radiogroup"], [role="tablist"], [role="listbox"], [role="dialog"]';
+function pt({
   bridgeRef: t,
   declarativeData: r
 }) {
-  const n = R(null), m = R(null), i = R(null), u = R(null), l = R(null), s = R(null), c = R(null), o = R(null), f = R(null);
-  return ot(
+  const n = R(null), o = R(null), i = R(null), u = R(null), l = R(null), s = R(null), c = R(null), d = R(null), f = R(null);
+  return vt(
     t,
     () => ({
       isOccludedTarget: (p) => {
         var v;
-        const d = p;
-        return !!((v = d == null ? void 0 : d.closest) != null && v.call(d, Ut));
+        const m = p;
+        return !!((v = m == null ? void 0 : m.closest) != null && v.call(m, er));
       },
       commitFrame: (p) => {
-        const d = n.current, v = m.current;
-        if (!d || !v) return;
+        const m = n.current, v = o.current;
+        if (!m || !v) return;
         if (!p) {
-          d.style.opacity = "0", v.style.opacity = "0";
+          m.style.opacity = "0", v.style.opacity = "0";
           return;
         }
         const {
           screenX: h,
-          screenY: T,
-          reticleSize: E,
-          accentHex: x,
-          badge: g,
-          name: z,
-          classification: $,
-          massLabel: N,
-          tempLumLabel: y,
-          velocityLabel: I,
-          statusLabel: A
+          screenY: S,
+          reticleSize: M,
+          accentHex: y,
+          badge: x,
+          name: g,
+          classification: I,
+          massLabel: w,
+          tempLumLabel: z,
+          velocityLabel: L,
+          statusLabel: T
         } = p;
-        v.style.opacity = "1", v.style.width = `${E}px`, v.style.height = `${E}px`, v.style.borderColor = x, v.style.transform = `translate3d(${h - E * 0.5}px, ${T - E * 0.5}px, 0)`;
-        const M = Math.min(
-          Math.max(h + E * 0.5 + 16, 16),
+        v.style.opacity = "1", v.style.width = `${M}px`, v.style.height = `${M}px`, v.style.borderColor = y, v.style.transform = `translate3d(${h - M * 0.5}px, ${S - M * 0.5}px, 0)`;
+        const E = Math.min(
+          Math.max(h + M * 0.5 + 16, 16),
           window.innerWidth - 336
-        ), S = Math.min(
-          Math.max(T - 76, 88),
+        ), A = Math.min(
+          Math.max(S - 76, 88),
           window.innerHeight - 200
         );
-        d.style.opacity = "1", d.style.transform = `translate3d(${M}px, ${S}px, 0)`, d.style.borderColor = `${x}77`, i.current && (i.current.textContent = g, i.current.style.color = x), u.current && (u.current.textContent = z), l.current && (l.current.textContent = $), s.current && (s.current.textContent = N), c.current && (c.current.textContent = y), o.current && (o.current.textContent = I), f.current && (f.current.textContent = A);
+        m.style.opacity = "1", m.style.transform = `translate3d(${E}px, ${A}px, 0)`, m.style.borderColor = `${y}77`, i.current && (i.current.textContent = x, i.current.style.color = y), u.current && (u.current.textContent = g), l.current && (l.current.textContent = I), s.current && (s.current.textContent = w), c.current && (c.current.textContent = z), d.current && (d.current.textContent = L), f.current && (f.current.textContent = T);
       }
     }),
     []
-  ), /* @__PURE__ */ a(ye, { children: [
+  ), /* @__PURE__ */ a(ke, { children: [
     /* @__PURE__ */ a("div", { className: "fixed inset-0 z-40 pointer-events-none overflow-hidden", children: [
       /* @__PURE__ */ e(
         "div",
         {
-          ref: m,
+          ref: o,
           style: { opacity: 0 },
           className: "fixed top-0 left-0 rounded-full border border-dashed transition-opacity duration-150"
         }
@@ -3072,7 +3215,7 @@ function lt({
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    ref: o,
+                    ref: d,
                     className: "text-[var(--zen-accent-primary)] font-semibold"
                   }
                 )
@@ -3138,21 +3281,21 @@ function lt({
     )
   ] });
 }
-function qr({
+function on({
   activeTarget: t,
   onSelectTarget: r,
-  catalog: n = it,
-  className: m = ""
+  catalog: n = ut,
+  className: o = ""
 }) {
   const i = n.find((u) => u.id === t) ?? null;
-  return /* @__PURE__ */ a("div", { className: `space-y-4 ${m}`.trim(), children: [
+  return /* @__PURE__ */ a("div", { className: `space-y-4 ${o}`.trim(), children: [
     /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ e("div", { className: "zen-telemetry-label text-[var(--zen-accent-primary)]", children: "SPATIAL TELEMETRY TARGET SELECTOR" }),
         /* @__PURE__ */ e("p", { className: "text-xs text-[var(--zen-ink-secondary)] mt-0.5", children: "Hover celestial bodies in 3D space or lock a target below via keyboard roving tabindex." })
       ] }),
       /* @__PURE__ */ e(
-        st,
+        mt,
         {
           ariaLabel: "Select celestial telemetry target",
           size: "sm",
@@ -3169,7 +3312,7 @@ function qr({
       )
     ] }),
     i && /* @__PURE__ */ e(
-      lt,
+      pt,
       {
         declarativeData: {
           badge: i.badge,
@@ -3185,7 +3328,7 @@ function qr({
     )
   ] });
 }
-const jt = `
+const tr = `
   attribute float aSize;
   attribute vec3 aColor;
   varying vec3 vColor;
@@ -3196,7 +3339,7 @@ const jt = `
     gl_PointSize = clamp(aSize * (18.0 / -mvPosition.z), 1.2, 4.2);
     gl_Position = projectionMatrix * mvPosition;
   }
-`, Wt = `
+`, rr = `
   varying vec3 vColor;
 
   void main() {
@@ -3206,7 +3349,7 @@ const jt = `
     float airy = exp(-r * r * 5.2);
     gl_FragColor = vec4(vColor * (1.0 + airy * 0.45), airy * 0.92);
   }
-`, $e = `
+`, Ze = `
   float hash31(vec3 p) {
     p = fract(p * vec3(443.897, 441.423, 437.195));
     p += dot(p, p.yzx + 19.19);
@@ -3262,7 +3405,7 @@ const jt = `
     }
     return v;
   }
-`, qt = `
+`, nr = `
   uniform float uTime;
   varying vec3 vWorldNormal;
   varying vec3 vWorldPosition;
@@ -3274,7 +3417,7 @@ const jt = `
     vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
-`, Kt = `
+`, ar = `
   uniform float uTime;
   uniform vec3 uCoreColor;
   uniform vec3 uEdgeColor;
@@ -3285,7 +3428,7 @@ const jt = `
   varying vec3 vWorldPosition;
   varying vec3 vLocalPos;
 
-  ${$e}
+  ${Ze}
 
   void main() {
     vec3 viewDir = normalize(cameraPosition - vWorldPosition);
@@ -3310,7 +3453,7 @@ const jt = `
 
     gl_FragColor = vec4(photosphere * uGlowGain, 1.0);
   }
-`, Yt = `
+`, sr = `
   varying vec3 vWorldNormal;
   varying vec3 vWorldPosition;
   varying vec3 vLocalPos;
@@ -3321,14 +3464,14 @@ const jt = `
     vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
-`, Xt = `
+`, ir = `
   uniform float uTime;
   uniform vec3 uCoronaColor;
   varying vec3 vWorldNormal;
   varying vec3 vWorldPosition;
   varying vec3 vLocalPos;
 
-  ${$e}
+  ${Ze}
 
   void main() {
     vec3 viewDir = normalize(cameraPosition - vWorldPosition);
@@ -3339,7 +3482,7 @@ const jt = `
     float alpha = radialFade * (0.25 + streamer * 0.75);
     gl_FragColor = vec4(uCoronaColor * (1.1 + streamer * 0.9), clamp(alpha * 0.55, 0.0, 0.75));
   }
-`, Qt = `
+`, lr = `
   varying vec3 vWorldNormal;
   varying vec3 vWorldPosition;
   varying vec3 vLocalPos;
@@ -3350,7 +3493,7 @@ const jt = `
     vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
-`, Jt = `
+`, or = `
   uniform float uTime;
   uniform vec3 uSun0Pos;
   uniform vec3 uSun1Pos;
@@ -3361,7 +3504,7 @@ const jt = `
   varying vec3 vWorldPosition;
   varying vec3 vLocalPos;
 
-  ${$e}
+  ${Ze}
 
   void main() {
     vec3 p = vLocalPos * 3.8;
@@ -3454,347 +3597,347 @@ const jt = `
     gl_FragColor = vec4(finalCol, 1.0);
   }
 `;
-function qe(t, r) {
-  const m = t[0].mass, i = t[1].mass, u = t[2].mass, l = m + i, s = l + u, c = 0.96, o = 1.76, f = Math.sqrt(1.5 * l / (c + 0.02)), p = -Math.sqrt(1.5 * s / (o + 0.05));
-  t[0].pos.set(-i / l * c, -u / s * -o, 0), t[0].vel.set(-u / s * p, -i / l * f, 0.08), t[0].acc.set(0, 0, 0), t[1].pos.set(m / l * c, -u / s * -o, 0), t[1].vel.set(-u / s * p, m / l * f, -0.08), t[1].acc.set(0, 0, 0), t[2].pos.set(0, l / s * -o, 0), t[2].vel.set(l / s * p, 0, 0), t[2].acc.set(0, 0, 0), r.pos.set(-1.2, -0.6, 0.08), r.vel.set(-1.5, 0.3, 0.05), r.acc.set(0, 0, 0);
+function Je(t, r) {
+  const o = t[0].mass, i = t[1].mass, u = t[2].mass, l = o + i, s = l + u, c = 0.96, d = 1.76, f = Math.sqrt(1.5 * l / (c + 0.02)), p = -Math.sqrt(1.5 * s / (d + 0.05));
+  t[0].pos.set(-i / l * c, -u / s * -d, 0), t[0].vel.set(-u / s * p, -i / l * f, 0.08), t[0].acc.set(0, 0, 0), t[1].pos.set(o / l * c, -u / s * -d, 0), t[1].vel.set(-u / s * p, o / l * f, -0.08), t[1].acc.set(0, 0, 0), t[2].pos.set(0, l / s * -d, 0), t[2].vel.set(l / s * p, 0, 0), t[2].acc.set(0, 0, 0), r.pos.set(-1.2, -0.6, 0.08), r.vel.set(-1.5, 0.3, 0.05), r.acc.set(0, 0, 0);
 }
-function er({
+function cr({
   scrollProgressRef: t,
   pointerNdcRef: r,
   bridgeRef: n,
-  reducedMotion: m,
+  reducedMotion: o,
   paused: i,
   timeScale: u,
   catalog: l
 }) {
-  const s = R(null), c = R(null), o = R(null), f = R(null), p = R(null), d = R(null), v = R(0), h = R(0), T = R(1), {
-    sun0Geo: E,
-    sun1Geo: x,
-    sun2Geo: g,
-    planetGeo: z,
-    sunShaderMats: $,
-    coronaShaderMats: N,
-    trisolarisShaderMat: y,
-    starfieldMat: I
-  } = le(() => {
-    const F = (j, Y, oe, X, ie) => new w.ShaderMaterial({
+  const s = R(null), c = R(null), d = R(null), f = R(null), p = R(null), m = R(null), v = R(0), h = R(0), S = R(1), {
+    sun0Geo: M,
+    sun1Geo: y,
+    sun2Geo: x,
+    planetGeo: g,
+    sunShaderMats: I,
+    coronaShaderMats: w,
+    trisolarisShaderMat: z,
+    starfieldMat: L
+  } = se(() => {
+    const V = (W, Y, oe, X, le) => new N.ShaderMaterial({
       uniforms: {
         uTime: { value: 0 },
-        uCoreColor: { value: new w.Color(j) },
-        uEdgeColor: { value: new w.Color(Y) },
-        uSpotColor: { value: new w.Color(oe) },
+        uCoreColor: { value: new N.Color(W) },
+        uEdgeColor: { value: new N.Color(Y) },
+        uSpotColor: { value: new N.Color(oe) },
         uGlowGain: { value: X },
-        uGranuleScale: { value: ie }
+        uGranuleScale: { value: le }
       },
-      vertexShader: qt,
-      fragmentShader: Kt,
+      vertexShader: nr,
+      fragmentShader: ar,
       toneMapped: !1
-    }), D = (j) => new w.ShaderMaterial({
+    }), $ = (W) => new N.ShaderMaterial({
       uniforms: {
         uTime: { value: 0 },
-        uCoronaColor: { value: new w.Color(j) }
+        uCoronaColor: { value: new N.Color(W) }
       },
-      vertexShader: Yt,
-      fragmentShader: Xt,
+      vertexShader: sr,
+      fragmentShader: ir,
       transparent: !0,
       depthWrite: !1,
-      blending: w.AdditiveBlending,
-      side: w.BackSide,
+      blending: N.AdditiveBlending,
+      side: N.BackSide,
       toneMapped: !1
-    }), Z = [
-      F("#FFF3D1", "#D97706", "#290D02", 1.18, 8.5),
-      F("#FDBA74", "#C2410C", "#240A01", 1.12, 7.2),
-      F("#FB7185", "#7F1D1D", "#180303", 1.05, 5)
+    }), G = [
+      V("#FFF3D1", "#D97706", "#290D02", 1.18, 8.5),
+      V("#FDBA74", "#C2410C", "#240A01", 1.12, 7.2),
+      V("#FB7185", "#7F1D1D", "#180303", 1.05, 5)
     ], B = [
-      D("#FFB347"),
-      D("#F97316"),
-      D("#EF4444")
-    ], K = new w.ShaderMaterial({
+      $("#FFB347"),
+      $("#F97316"),
+      $("#EF4444")
+    ], K = new N.ShaderMaterial({
       uniforms: {
         uTime: { value: 0 },
-        uSun0Pos: { value: new w.Vector3() },
-        uSun1Pos: { value: new w.Vector3() },
-        uSun2Pos: { value: new w.Vector3() },
+        uSun0Pos: { value: new N.Vector3() },
+        uSun1Pos: { value: new N.Vector3() },
+        uSun2Pos: { value: new N.Vector3() },
         uTidalHeat: { value: 0.4 },
         uBolometricFlux: { value: 1 }
       },
-      vertexShader: Qt,
-      fragmentShader: Jt,
+      vertexShader: lr,
+      fragmentShader: or,
       toneMapped: !1
-    }), te = new w.ShaderMaterial({
-      vertexShader: jt,
-      fragmentShader: Wt,
+    }), te = new N.ShaderMaterial({
+      vertexShader: tr,
+      fragmentShader: rr,
       transparent: !0,
       depthWrite: !1,
-      blending: w.AdditiveBlending
+      blending: N.AdditiveBlending
     });
     return {
-      sun0Geo: new w.SphereGeometry(0.43, 48, 48),
-      sun1Geo: new w.SphereGeometry(0.33, 48, 48),
-      sun2Geo: new w.SphereGeometry(0.24, 48, 48),
-      planetGeo: new w.SphereGeometry(0.19, 48, 48),
-      sunShaderMats: Z,
+      sun0Geo: new N.SphereGeometry(0.43, 48, 48),
+      sun1Geo: new N.SphereGeometry(0.33, 48, 48),
+      sun2Geo: new N.SphereGeometry(0.24, 48, 48),
+      planetGeo: new N.SphereGeometry(0.19, 48, 48),
+      sunShaderMats: G,
       coronaShaderMats: B,
       trisolarisShaderMat: K,
       starfieldMat: te
     };
-  }, []), { suns: A, trisolaris: M } = le(() => {
-    const F = [
+  }, []), { suns: T, trisolaris: E } = se(() => {
+    const V = [
       {
-        pos: new w.Vector3(),
-        vel: new w.Vector3(),
-        acc: new w.Vector3(),
+        pos: new N.Vector3(),
+        vel: new N.Vector3(),
+        acc: new N.Vector3(),
         mass: 1.1,
         luminosity: 1.52,
         radius: 0.43
       },
       {
-        pos: new w.Vector3(),
-        vel: new w.Vector3(),
-        acc: new w.Vector3(),
+        pos: new N.Vector3(),
+        vel: new N.Vector3(),
+        acc: new N.Vector3(),
         mass: 0.91,
         luminosity: 0.5,
         radius: 0.33
       },
       {
-        pos: new w.Vector3(),
-        vel: new w.Vector3(),
-        acc: new w.Vector3(),
+        pos: new N.Vector3(),
+        vel: new N.Vector3(),
+        acc: new N.Vector3(),
         mass: 0.54,
         luminosity: 0.08,
         radius: 0.24
       }
-    ], D = {
-      pos: new w.Vector3(),
-      vel: new w.Vector3(),
-      acc: new w.Vector3(),
+    ], $ = {
+      pos: new N.Vector3(),
+      vel: new N.Vector3(),
+      acc: new N.Vector3(),
       mass: 3e-6,
       luminosity: 0,
       radius: 0.19
     };
-    return qe(F, D), { suns: F, trisolaris: D };
-  }, []), S = le(() => {
-    const D = new Float32Array(6e3), Z = new Float32Array(2e3), B = new Float32Array(2e3 * 3), K = [
-      new w.Color("#DCE8FF"),
-      new w.Color("#FFF8E7"),
-      new w.Color("#FFE4B5"),
-      new w.Color("#FFC699")
+    return Je(V, $), { suns: V, trisolaris: $ };
+  }, []), A = se(() => {
+    const $ = new Float32Array(6e3), G = new Float32Array(2e3), B = new Float32Array(2e3 * 3), K = [
+      new N.Color("#DCE8FF"),
+      new N.Color("#FFF8E7"),
+      new N.Color("#FFE4B5"),
+      new N.Color("#FFC699")
     ];
-    for (let j = 0; j < 2e3; j++) {
+    for (let W = 0; W < 2e3; W++) {
       const Y = 5.8 + Math.random() * 11.5, oe = Math.random() * Math.PI * 2, X = Math.acos(2 * Math.random() - 1);
-      D[j * 3] = Y * Math.sin(X) * Math.cos(oe), D[j * 3 + 1] = Y * Math.sin(X) * Math.sin(oe), D[j * 3 + 2] = Y * Math.cos(X), Z[j] = 0.85 + Math.pow(Math.random(), 2.1) * 2.25;
-      const ie = K[j % K.length];
-      B[j * 3] = ie.r, B[j * 3 + 1] = ie.g, B[j * 3 + 2] = ie.b;
+      $[W * 3] = Y * Math.sin(X) * Math.cos(oe), $[W * 3 + 1] = Y * Math.sin(X) * Math.sin(oe), $[W * 3 + 2] = Y * Math.cos(X), G[W] = 0.85 + Math.pow(Math.random(), 2.1) * 2.25;
+      const le = K[W % K.length];
+      B[W * 3] = le.r, B[W * 3 + 1] = le.g, B[W * 3 + 2] = le.b;
     }
-    const te = new w.BufferGeometry();
-    return te.setAttribute("position", new w.BufferAttribute(D, 3)), te.setAttribute("aSize", new w.BufferAttribute(Z, 1)), te.setAttribute("aColor", new w.BufferAttribute(B, 3)), te;
+    const te = new N.BufferGeometry();
+    return te.setAttribute("position", new N.BufferAttribute($, 3)), te.setAttribute("aSize", new N.BufferAttribute(G, 1)), te.setAttribute("aColor", new N.BufferAttribute(B, 3)), te;
   }, []);
-  q(() => () => {
-    E.dispose(), x.dispose(), g.dispose(), z.dispose(), S.dispose(), I.dispose(), y.dispose(), $.forEach((F) => F.dispose()), N.forEach((F) => F.dispose());
+  U(() => () => {
+    M.dispose(), y.dispose(), x.dispose(), g.dispose(), A.dispose(), L.dispose(), z.dispose(), I.forEach((V) => V.dispose()), w.forEach((V) => V.dispose());
   }, [
-    E,
+    M,
+    y,
     x,
     g,
+    A,
+    L,
     z,
-    S,
     I,
-    y,
-    $,
-    N
+    w
   ]);
-  const L = le(() => new w.Vector3(), []), Q = le(() => new w.Vector3(), []), k = le(() => new w.Vector3(), []), b = le(() => new w.Vector3(), []), _ = le(() => new w.Vector3(), []), U = le(() => new w.Vector3(), []), se = le(() => new w.Raycaster(), []);
-  return It((F, D) => {
-    var ke, Ce, W;
-    const Z = (t == null ? void 0 : t.current) ?? 0, B = Math.min(D, 0.035), K = (Z - v.current) / Math.max(B, 1e-3);
-    v.current = Z, h.current = w.MathUtils.lerp(
+  const P = se(() => new N.Vector3(), []), Q = se(() => new N.Vector3(), []), k = se(() => new N.Vector3(), []), b = se(() => new N.Vector3(), []), _ = se(() => new N.Vector3(), []), j = se(() => new N.Vector3(), []), ie = se(() => new N.Raycaster(), []);
+  return Zt((V, $) => {
+    var Ae, Te, q;
+    const G = (t == null ? void 0 : t.current) ?? 0, B = Math.min($, 0.035), K = (G - v.current) / Math.max(B, 1e-3);
+    v.current = G, h.current = N.MathUtils.lerp(
       h.current,
       K,
       B * 12
     );
-    const te = 0.62 * u, j = h.current < -0.015 ? w.MathUtils.clamp(h.current * 4.5, -3.2, -0.15) : w.MathUtils.clamp(
+    const te = 0.62 * u, W = h.current < -0.015 ? N.MathUtils.clamp(h.current * 4.5, -3.2, -0.15) : N.MathUtils.clamp(
       te + Math.max(0, h.current) * 4.2,
       0.15,
       3.5
-    ), Y = m || i ? 0 : j * T.current, oe = 12, X = B * Y / oe, ie = 1.5, de = 0.04, fe = 0.05, ce = () => {
+    ), Y = o || i ? 0 : W * S.current, oe = 12, X = B * Y / oe, le = 1.5, de = 0.04, he = 0.05, ce = () => {
       for (let C = 0; C < 3; C++) {
-        A[C].acc.set(0, 0, 0);
+        T[C].acc.set(0, 0, 0);
         for (let O = 0; O < 3; O++) {
           if (C === O) continue;
-          L.subVectors(A[O].pos, A[C].pos);
-          const V = L.lengthSq() + de, P = 1 / Math.pow(V, 1.5);
-          A[C].acc.addScaledVector(L, ie * A[O].mass * P);
+          P.subVectors(T[O].pos, T[C].pos);
+          const H = P.lengthSq() + de, D = 1 / Math.pow(H, 1.5);
+          T[C].acc.addScaledVector(P, le * T[O].mass * D);
         }
       }
-      M.acc.set(0, 0, 0);
+      E.acc.set(0, 0, 0);
       for (let C = 0; C < 3; C++) {
-        L.subVectors(A[C].pos, M.pos);
-        const O = L.lengthSq() + fe, V = 1 / Math.pow(O, 1.5);
-        M.acc.addScaledVector(L, ie * A[C].mass * V);
+        P.subVectors(T[C].pos, E.pos);
+        const O = P.lengthSq() + he, H = 1 / Math.pow(O, 1.5);
+        E.acc.addScaledVector(P, le * T[C].mass * H);
       }
     };
     if (Y !== 0) {
       ce();
-      for (let V = 0; V < oe; V++) {
-        for (let P = 0; P < 3; P++)
-          A[P].vel.addScaledVector(A[P].acc, 0.5 * X), A[P].pos.addScaledVector(A[P].vel, X);
-        M.vel.addScaledVector(M.acc, 0.5 * X), M.pos.addScaledVector(M.vel, X), ce();
-        for (let P = 0; P < 3; P++)
-          A[P].vel.addScaledVector(A[P].acc, 0.5 * X);
-        M.vel.addScaledVector(M.acc, 0.5 * X);
+      for (let H = 0; H < oe; H++) {
+        for (let D = 0; D < 3; D++)
+          T[D].vel.addScaledVector(T[D].acc, 0.5 * X), T[D].pos.addScaledVector(T[D].vel, X);
+        E.vel.addScaledVector(E.acc, 0.5 * X), E.pos.addScaledVector(E.vel, X), ce();
+        for (let D = 0; D < 3; D++)
+          T[D].vel.addScaledVector(T[D].acc, 0.5 * X);
+        E.vel.addScaledVector(E.acc, 0.5 * X);
       }
       const C = 17.64;
-      let O = M.pos.lengthSq() > C && M.pos.dot(M.vel) > 0;
-      for (let V = 0; V < 3; V++)
-        A[V].pos.lengthSq() > C && A[V].pos.dot(A[V].vel) > 0 && (O = !0);
-      O && qe(A, M);
+      let O = E.pos.lengthSq() > C && E.pos.dot(E.vel) > 0;
+      for (let H = 0; H < 3; H++)
+        T[H].pos.lengthSq() > C && T[H].pos.dot(T[H].vel) > 0 && (O = !0);
+      O && Je(T, E);
     }
-    const me = [c.current, o.current, f.current], Te = [1.18, 1.12, 1.05];
+    const me = [c.current, d.current, f.current], Le = [1.18, 1.12, 1.05];
     for (let C = 0; C < 3; C++) {
       const O = me[C];
-      O && (O.position.copy(A[C].pos), O.rotation.y += B * Y * (0.28 + C * 0.12), O.scale.setScalar(1)), $[C].uniforms.uTime.value += B * Y * 1.4, N[C].uniforms.uTime.value += B * Y * 1.4, $[C].uniforms.uGlowGain.value = Te[C];
+      O && (O.position.copy(T[C].pos), O.rotation.y += B * Y * (0.28 + C * 0.12), O.scale.setScalar(1)), I[C].uniforms.uTime.value += B * Y * 1.4, w[C].uniforms.uTime.value += B * Y * 1.4, I[C].uniforms.uGlowGain.value = Le[C];
     }
-    p.current && (p.current.position.copy(M.pos), p.current.rotation.y += B * Y * 0.65, p.current.rotation.z = 0.41);
-    let J = 0, ne = 0, ue = 0, be = -1;
+    p.current && (p.current.position.copy(E.pos), p.current.rotation.y += B * Y * 0.65, p.current.rotation.z = 0.41);
+    let J = 0, ne = 0, ue = 0, ge = -1;
     for (let C = 0; C < 3; C++) {
-      const O = Math.max(0.22, M.pos.distanceToSquared(A[C].pos));
-      J += A[C].luminosity / O;
-      const V = O * O * O;
-      ne += A[C].mass * A[C].mass / (V * 4.5);
-      const P = A[C].mass / O;
-      P > be && (be = P, ue = C);
+      const O = Math.max(0.22, E.pos.distanceToSquared(T[C].pos));
+      J += T[C].luminosity / O;
+      const H = O * O * O;
+      ne += T[C].mass * T[C].mass / (H * 4.5);
+      const D = T[C].mass / O;
+      D > ge && (ge = D, ue = C);
     }
-    if (s.current && s.current.updateMatrixWorld(!0), c.current && o.current && f.current && p.current) {
-      c.current.getWorldPosition(Q), o.current.getWorldPosition(k), f.current.getWorldPosition(b), p.current.getWorldPosition(_), y.uniforms.uSun0Pos.value.copy(Q), y.uniforms.uSun1Pos.value.copy(k), y.uniforms.uSun2Pos.value.copy(b);
+    if (s.current && s.current.updateMatrixWorld(!0), c.current && d.current && f.current && p.current) {
+      c.current.getWorldPosition(Q), d.current.getWorldPosition(k), f.current.getWorldPosition(b), p.current.getWorldPosition(_), z.uniforms.uSun0Pos.value.copy(Q), z.uniforms.uSun1Pos.value.copy(k), z.uniforms.uSun2Pos.value.copy(b);
       const C = r.current, O = C.x < -10;
-      se.setFromCamera(C, F.camera);
-      const V = [Q, k, b, _];
-      let P = -1, ae = 999;
+      ie.setFromCamera(C, V.camera);
+      const H = [Q, k, b, _];
+      let D = -1, ae = 999;
       if (!O)
-        for (let G = 0; G < 4; G++) {
-          const ee = ((ke = l[G]) == null ? void 0 : ke.hitRadius) ?? 0.4, ve = se.ray.distanceSqToPoint(V[G]);
-          ve <= ee * ee && ve < ae && (ae = ve, P = G);
+        for (let Z = 0; Z < 4; Z++) {
+          const ee = ((Ae = l[Z]) == null ? void 0 : Ae.hitRadius) ?? 0.4, ve = ie.ray.distanceSqToPoint(H[Z]);
+          ve <= ee * ee && ve < ae && (ae = ve, D = Z);
         }
-      T.current = w.MathUtils.lerp(
-        T.current,
-        P !== -1 ? 0 : 1,
+      S.current = N.MathUtils.lerp(
+        S.current,
+        D !== -1 ? 0 : 1,
         B * 18
       );
-      for (let G = 0; G < 3; G++) {
-        const ee = me[G];
-        ee && P === G && ee.scale.setScalar(1.12);
+      for (let Z = 0; Z < 3; Z++) {
+        const ee = me[Z];
+        ee && D === Z && ee.scale.setScalar(1.12);
       }
-      if (p.current && p.current.scale.setScalar(P === 3 ? 1.48 : 1.32), P !== -1 && l[P]) {
-        const G = l[P];
-        U.copy(V[P]).project(F.camera);
-        const ee = (U.x * 0.5 + 0.5) * window.innerWidth, ve = (-U.y * 0.5 + 0.5) * window.innerHeight, Se = `${((P < 3 ? A[P].vel.length() : M.vel.length()) * 29.8).toFixed(1)} km/s`;
+      if (p.current && p.current.scale.setScalar(D === 3 ? 1.48 : 1.32), D !== -1 && l[D]) {
+        const Z = l[D];
+        j.copy(H[D]).project(V.camera);
+        const ee = (j.x * 0.5 + 0.5) * window.innerWidth, ve = (-j.y * 0.5 + 0.5) * window.innerHeight, Ee = `${((D < 3 ? T[D].vel.length() : E.vel.length()) * 29.8).toFixed(1)} km/s`;
         let pe = "Inner Binary Primary · Barycentric Core";
-        if (P === 3) {
-          const xe = ["Alpha Cen A", "Alpha Cen B", "Proxima C"];
-          pe = `${J > 1.35 ? "CHAOTIC ERA · SCORCHING" : J < 0.55 ? "CHAOTIC ERA · FROZEN" : "STABLE ERA · TEMPERATE"} (Pull: ${xe[ue]})`;
-        } else P === 1 ? pe = "Inner Binary Companion · Eccentric Pair" : P === 2 && (pe = "Retrograde Outer Perturber · Flare Active");
-        (Ce = n.current) == null || Ce.commitFrame({
-          badge: G.badge,
-          name: G.name,
-          classification: G.classification,
-          accentHex: G.accentHex,
-          reticleSize: G.reticleSize,
+        if (D === 3) {
+          const ze = ["Alpha Cen A", "Alpha Cen B", "Proxima C"];
+          pe = `${J > 1.35 ? "CHAOTIC ERA · SCORCHING" : J < 0.55 ? "CHAOTIC ERA · FROZEN" : "STABLE ERA · TEMPERATE"} (Pull: ${ze[ue]})`;
+        } else D === 1 ? pe = "Inner Binary Companion · Eccentric Pair" : D === 2 && (pe = "Retrograde Outer Perturber · Flare Active");
+        (Te = n.current) == null || Te.commitFrame({
+          badge: Z.badge,
+          name: Z.name,
+          classification: Z.classification,
+          accentHex: Z.accentHex,
+          reticleSize: Z.reticleSize,
           screenX: ee,
           screenY: ve,
-          massLabel: G.massLabel,
-          tempLumLabel: G.tempLumLabel,
-          velocityLabel: Se,
+          massLabel: Z.massLabel,
+          tempLumLabel: Z.tempLumLabel,
+          velocityLabel: Ee,
           statusLabel: pe
         });
       } else
-        (W = n.current) == null || W.commitFrame(null);
+        (q = n.current) == null || q.commitFrame(null);
     }
-    y.uniforms.uTime.value += B * Y * 0.9, y.uniforms.uBolometricFlux.value = w.MathUtils.lerp(
-      y.uniforms.uBolometricFlux.value,
+    z.uniforms.uTime.value += B * Y * 0.9, z.uniforms.uBolometricFlux.value = N.MathUtils.lerp(
+      z.uniforms.uBolometricFlux.value,
       J,
       B * 4
-    ), y.uniforms.uTidalHeat.value = w.MathUtils.lerp(
-      y.uniforms.uTidalHeat.value,
-      w.MathUtils.clamp(ne, 0.05, 2.5),
+    ), z.uniforms.uTidalHeat.value = N.MathUtils.lerp(
+      z.uniforms.uTidalHeat.value,
+      N.MathUtils.clamp(ne, 0.05, 2.5),
       B * 4
-    ), d.current && (d.current.rotation.y += B * Y * 0.015);
+    ), m.current && (m.current.rotation.y += B * Y * 0.015);
   }), /* @__PURE__ */ a("group", { ref: s, children: [
     /* @__PURE__ */ e(
       "points",
       {
-        ref: d,
-        geometry: S,
-        material: I
+        ref: m,
+        geometry: A,
+        material: L
       }
     ),
     /* @__PURE__ */ a("group", { ref: c, children: [
-      /* @__PURE__ */ e("mesh", { geometry: E, material: $[0] }),
+      /* @__PURE__ */ e("mesh", { geometry: M, material: I[0] }),
       /* @__PURE__ */ e(
         "mesh",
         {
-          geometry: E,
-          material: N[0],
+          geometry: M,
+          material: w[0],
           scale: 1.22
         }
       ),
       /* @__PURE__ */ e("pointLight", { color: "#FFF2D6", intensity: 7.5, distance: 6 })
     ] }),
-    /* @__PURE__ */ a("group", { ref: o, children: [
-      /* @__PURE__ */ e("mesh", { geometry: x, material: $[1] }),
+    /* @__PURE__ */ a("group", { ref: d, children: [
+      /* @__PURE__ */ e("mesh", { geometry: y, material: I[1] }),
       /* @__PURE__ */ e(
         "mesh",
         {
-          geometry: x,
-          material: N[1],
+          geometry: y,
+          material: w[1],
           scale: 1.22
         }
       ),
       /* @__PURE__ */ e("pointLight", { color: "#FFAE52", intensity: 5.2, distance: 6 })
     ] }),
     /* @__PURE__ */ a("group", { ref: f, children: [
-      /* @__PURE__ */ e("mesh", { geometry: g, material: $[2] }),
+      /* @__PURE__ */ e("mesh", { geometry: x, material: I[2] }),
       /* @__PURE__ */ e(
         "mesh",
         {
-          geometry: g,
-          material: N[2],
+          geometry: x,
+          material: w[2],
           scale: 1.25
         }
       ),
       /* @__PURE__ */ e("pointLight", { color: "#F95738", intensity: 3.8, distance: 5 })
     ] }),
-    /* @__PURE__ */ e("group", { ref: p, scale: 1.32, children: /* @__PURE__ */ e("mesh", { geometry: z, material: y }) })
+    /* @__PURE__ */ e("group", { ref: p, scale: 1.32, children: /* @__PURE__ */ e("mesh", { geometry: g, material: z }) })
   ] });
 }
-function Kr({
+function cn({
   scrollProgressRef: t,
   paused: r = !1,
   timeScale: n = 1,
-  catalog: m = it
+  catalog: o = ut
 }) {
-  const { reducedMotion: i, polarity: u } = Le(), l = R(new w.Vector2(-99, -99)), s = R(null);
-  return q(() => {
-    const c = (o) => {
+  const { reducedMotion: i, polarity: u } = Ve(), l = R(new N.Vector2(-99, -99)), s = R(null);
+  return U(() => {
+    const c = (d) => {
       var f;
-      if ((f = s.current) != null && f.isOccludedTarget(o.target)) {
+      if ((f = s.current) != null && f.isOccludedTarget(d.target)) {
         l.current.set(-99, -99);
         return;
       }
       l.current.set(
-        o.clientX / window.innerWidth * 2 - 1,
-        -(o.clientY / window.innerHeight) * 2 + 1
+        d.clientX / window.innerWidth * 2 - 1,
+        -(d.clientY / window.innerHeight) * 2 + 1
       );
     };
     return window.addEventListener("pointermove", c, {
       passive: !0
     }), () => window.removeEventListener("pointermove", c);
-  }, []), /* @__PURE__ */ a(ye, { children: [
+  }, []), /* @__PURE__ */ a(ke, { children: [
     /* @__PURE__ */ e(
       "div",
       {
         "aria-hidden": "true",
         className: `fixed inset-0 z-0 pointer-events-none transition-opacity duration-500 ${u === "light" ? "opacity-25" : "opacity-100"}`,
         children: /* @__PURE__ */ a(
-          Rt,
+          Ht,
           {
             dpr: [1, 1.5],
             camera: { position: [0, 0, 5.2], fov: 44 },
@@ -3805,8 +3948,8 @@ function Kr({
             },
             children: [
               /* @__PURE__ */ e("ambientLight", { intensity: 0.25 }),
-              /* @__PURE__ */ e(ct, { fallback: null, children: /* @__PURE__ */ e(
-                er,
+              /* @__PURE__ */ e(xt, { fallback: null, children: /* @__PURE__ */ e(
+                cr,
                 {
                   scrollProgressRef: t,
                   pointerNdcRef: l,
@@ -3814,11 +3957,11 @@ function Kr({
                   reducedMotion: i,
                   paused: r,
                   timeScale: n,
-                  catalog: m
+                  catalog: o
                 }
               ) }),
-              /* @__PURE__ */ e(Lt, { children: /* @__PURE__ */ e(
-                Pt,
+              /* @__PURE__ */ e(Gt, { children: /* @__PURE__ */ e(
+                Bt,
                 {
                   intensity: 0.85,
                   luminanceThreshold: 0.78,
@@ -3831,92 +3974,92 @@ function Kr({
         )
       }
     ),
-    /* @__PURE__ */ e(lt, { bridgeRef: s })
+    /* @__PURE__ */ e(pt, { bridgeRef: s })
   ] });
 }
-const Yr = "1.1.1", Xr = "@zen-ui/system";
+const dn = "1.1.4", mn = "@zen-ui/system";
 export {
-  he as CAPRI_SUBROUTINE_SKILLS,
-  en as CapriEngine,
-  it as DEFAULT_CELESTIAL_CATALOG,
-  tn as ZEN_ICON_NAMES,
-  rn as ZEN_ICON_SIZE_PX,
-  nn as ZEN_ICON_SVG_INNER,
-  Xr as ZEN_PACKAGE_NAME,
-  Re as ZEN_SYNTH_PRESETS,
-  an as ZEN_THEMES,
-  Yr as ZEN_UI_VERSION,
-  sn as ZEN_UNIVERSAL_THEMES,
-  gr as ZenAIConstruct,
-  ln as ZenAIConstructElement,
-  Dr as ZenAccordion,
-  Hr as ZenAlert,
-  yr as ZenAmbientBackground,
-  on as ZenAmbientBackgroundElement,
-  Zt as ZenArchitectureNote,
-  Wr as ZenAudioController,
-  Zr as ZenAvatar,
-  Ue as ZenBadge,
-  Tr as ZenBreadcrumbs,
-  ze as ZenButton,
-  De as ZenCard,
-  at as ZenCheckList,
-  wr as ZenCheckbox,
-  Sr as ZenChipFilter,
-  Gr as ZenCircularGauge,
-  Br as ZenCodeBlock,
-  Lr as ZenCommandPalette,
-  rt as ZenCopyButton,
-  Kr as ZenCosmosCanvas,
-  br as ZenDataTable,
-  Or as ZenDivider,
-  or as ZenDossierPanel,
-  Pr as ZenDrawer,
-  ur as ZenDropdown,
-  Ur as ZenEmptyState,
-  Ar as ZenFileUpload,
-  lr as ZenHeading,
-  cn as ZenIcon,
-  Ir as ZenIconButton,
-  dn as ZenIconElement,
-  mr as ZenInput,
-  je as ZenKbd,
-  Fr as ZenKpiCard,
-  Gt as ZenMetricStrip,
-  fr as ZenModal,
-  xr as ZenNavbar,
-  Nr as ZenNumberStepper,
-  Er as ZenPagination,
-  Vr as ZenProgressBar,
-  kr as ZenRadioGroup,
-  st as ZenSegmentedControl,
-  Rr as ZenSidebar,
-  _r as ZenSkeleton,
-  Cr as ZenSlider,
-  Ht as ZenSparkline,
-  Mr as ZenStepper,
-  pr as ZenSwitch,
-  dr as ZenTabs,
-  nt as ZenTagList,
-  lt as ZenTelemetryHud,
-  qr as ZenTelemetryInspector,
-  zr as ZenTextarea,
-  mn as ZenThemeController,
-  un as ZenThemeProvider,
-  pn as ZenThemeSwitcherElement,
-  cr as ZenTimelineCard,
-  vr as ZenToastStack,
-  $r as ZenTooltip,
-  fn as ZenUniversalAudio,
-  Ie as capri,
-  vn as escapeZenHtml,
-  hn as registerZenElements,
-  bn as renderZenIconSvgMarkup,
-  xn as sanitizeZenAssetUrl,
-  gn as syncZenScrollbarStyles,
-  jr as useZenAudioSynth,
-  Le as useZenTheme,
-  hr as useZenToast,
-  yn as zenAudio,
-  zn as zenTheme
+  xe as CAPRI_SUBROUTINE_SKILLS,
+  fn as CapriEngine,
+  ut as DEFAULT_CELESTIAL_CATALOG,
+  xr as ZEN_ICON_NAMES,
+  be as ZEN_ICON_SIZE_PX,
+  fe as ZEN_ICON_SVG_INNER,
+  mn as ZEN_PACKAGE_NAME,
+  $e as ZEN_SYNTH_PRESETS,
+  we as ZEN_THEMES,
+  dn as ZEN_UI_VERSION,
+  hn as ZEN_UNIVERSAL_THEMES,
+  Lr as ZenAIConstruct,
+  vn as ZenAIConstructElement,
+  qr as ZenAccordion,
+  rn as ZenAlert,
+  Ir as ZenAmbientBackground,
+  xn as ZenAmbientBackgroundElement,
+  Yt as ZenArchitectureNote,
+  ln as ZenAudioController,
+  en as ZenAvatar,
+  Ye as ZenBadge,
+  Zr as ZenBreadcrumbs,
+  Ce as ZenButton,
+  He as ZenCard,
+  dt as ZenCheckList,
+  $r as ZenCheckbox,
+  Vr as ZenChipFilter,
+  Jr as ZenCircularGauge,
+  tn as ZenCodeBlock,
+  Ur as ZenCommandPalette,
+  ot as ZenCopyButton,
+  cn as ZenCosmosCanvas,
+  Er as ZenDataTable,
+  Yr as ZenDivider,
+  zr as ZenDossierPanel,
+  Wr as ZenDrawer,
+  Cr as ZenDropdown,
+  an as ZenEmptyState,
+  Hr as ZenFileUpload,
+  gr as ZenHeading,
+  yr as ZenIcon,
+  jr as ZenIconButton,
+  bn as ZenIconElement,
+  kr as ZenInput,
+  Xe as ZenKbd,
+  Xr as ZenKpiCard,
+  Kt as ZenMetricStrip,
+  Mr as ZenModal,
+  Rr as ZenNavbar,
+  Dr as ZenNumberStepper,
+  Gr as ZenPagination,
+  Qr as ZenProgressBar,
+  Or as ZenRadioGroup,
+  mt as ZenSegmentedControl,
+  _r as ZenSidebar,
+  nn as ZenSkeleton,
+  Fr as ZenSlider,
+  Qt as ZenSparkline,
+  Br as ZenStepper,
+  Sr as ZenSwitch,
+  Nr as ZenTabs,
+  ct as ZenTagList,
+  pt as ZenTelemetryHud,
+  on as ZenTelemetryInspector,
+  Pr as ZenTextarea,
+  yn as ZenThemeController,
+  vr as ZenThemeProvider,
+  gn as ZenThemeSwitcherElement,
+  wr as ZenTimelineCard,
+  Ar as ZenToastStack,
+  Kr as ZenTooltip,
+  zn as ZenUniversalAudio,
+  Oe as capri,
+  wn as escapeZenHtml,
+  Nn as registerZenElements,
+  br as renderZenIconSvgMarkup,
+  kn as sanitizeZenAssetUrl,
+  bt as syncZenScrollbarStyles,
+  sn as useZenAudioSynth,
+  Ve as useZenTheme,
+  Tr as useZenToast,
+  Cn as zenAudio,
+  Sn as zenTheme
 };