@zen-ui-capri/system 0.0.0-stage → 1.1.0

package/dist/lib/index.js

@@ -0,0 +1,3922 @@
+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 = {
+  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 = {
+  primary: "zen-btn-primary",
+  secondary: "zen-btn-secondary",
+  ghost: "zen-btn-ghost",
+  danger: "zen-btn-danger"
+};
+function ze({
+  variant: t = "primary",
+  size: r = "md",
+  pressed: n,
+  mono: m = !1,
+  loading: i = !1,
+  iconLeft: u,
+  iconRight: l,
+  disabled: s,
+  className: c = "",
+  children: o,
+  ...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)]" : "";
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      "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(),
+      ...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 }),
+        l && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: l })
+      ]
+    }
+  );
+}
+function rt({
+  value: t,
+  label: r = "COPY",
+  copiedLabel: n = "COPIED",
+  size: m = "md",
+  variant: i = "secondary",
+  className: u = ""
+}) {
+  const [l, s] = H(!1), c = R(null);
+  return q(() => () => {
+    c.current !== null && window.clearTimeout(c.current);
+  }, []), /* @__PURE__ */ e(
+    ze,
+    {
+      variant: i,
+      size: m,
+      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)]" }),
+      children: l ? n : r
+    }
+  );
+}
+const Ot = {
+  gold: {
+    pill: "bg-[var(--zen-accent-subtle)] text-[var(--zen-accent-primary)] border-[var(--zen-accent-border)]",
+    dot: "bg-[var(--zen-accent-primary)]"
+  },
+  amber: {
+    pill: "bg-[color-mix(in_srgb,var(--zen-status-warning)_15%,transparent)] text-[var(--zen-status-warning)] border-[color-mix(in_srgb,var(--zen-status-warning)_45%,transparent)]",
+    dot: "bg-[var(--zen-status-warning)]"
+  },
+  emerald: {
+    pill: "bg-[color-mix(in_srgb,var(--zen-status-success)_15%,transparent)] text-[var(--zen-status-success)] border-[color-mix(in_srgb,var(--zen-status-success)_45%,transparent)]",
+    dot: "bg-[var(--zen-status-success)]"
+  },
+  coral: {
+    pill: "bg-[color-mix(in_srgb,var(--zen-status-danger)_15%,transparent)] text-[var(--zen-status-danger)] border-[color-mix(in_srgb,var(--zen-status-danger)_45%,transparent)]",
+    dot: "bg-[var(--zen-status-danger)]"
+  },
+  cyan: {
+    pill: "bg-[color-mix(in_srgb,var(--zen-status-info)_15%,transparent)] text-[var(--zen-status-info)] border-[color-mix(in_srgb,var(--zen-status-info)_45%,transparent)]",
+    dot: "bg-[var(--zen-status-info)]"
+  },
+  neutral: {
+    pill: "bg-[var(--zen-surface-subtle)] text-[var(--zen-ink-secondary)] border-[var(--zen-border-default)]",
+    dot: "bg-[var(--zen-ink-muted)]"
+  }
+};
+function Ue({
+  tone: t = "neutral",
+  pulse: r = !1,
+  icon: n,
+  children: m,
+  className: i = ""
+}) {
+  const u = Ot[t];
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: `inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full border zen-font-mono text-[11px] font-medium tracking-wide ${u.pill} ${i}`.trim(),
+      children: [
+        r && /* @__PURE__ */ e(
+          "span",
+          {
+            className: `w-1.5 h-1.5 rounded-full animate-pulse ${u.dot}`,
+            "aria-hidden": "true"
+          }
+        ),
+        n && /* @__PURE__ */ e("span", { className: "shrink-0 inline-flex", children: n }),
+        /* @__PURE__ */ e("span", { children: m })
+      ]
+    }
+  );
+}
+function nt({ tags: t, className: r = "" }) {
+  return /* @__PURE__ */ e("div", { className: `flex flex-wrap gap-2 ${r}`.trim(), children: t.map((n) => /* @__PURE__ */ e(
+    "span",
+    {
+      className: "px-3 py-1 rounded-full border border-[var(--zen-border-default)] bg-[var(--zen-surface-subtle)] zen-font-mono text-[11px] text-[var(--zen-ink-secondary)]",
+      children: n
+    },
+    n
+  )) });
+}
+function je({ keys: t, className: r = "" }) {
+  return /* @__PURE__ */ e("span", { className: `inline-flex items-center gap-1 ${r}`.trim(), children: t.map((n) => /* @__PURE__ */ e(
+    "kbd",
+    {
+      className: "px-1.5 py-0.5 rounded-md border border-[var(--zen-border-default)] bg-[var(--zen-surface-subtle)] zen-font-mono text-[11px] text-[var(--zen-ink-secondary)] shadow-xs",
+      children: n
+    },
+    n
+  )) });
+}
+const Ft = {
+  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({
+  as: t = "h2",
+  size: r = "display",
+  eyebrow: n,
+  eyebrowIcon: m,
+  accentText: i,
+  subtitle: u,
+  children: l,
+  className: s = ""
+}) {
+  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 }),
+      /* @__PURE__ */ e("span", { children: n })
+    ] }),
+    /* @__PURE__ */ a(
+      t,
+      {
+        className: `zen-font-display text-[var(--zen-ink-primary)] ${Ft[r]}`,
+        children: [
+          l,
+          i && /* @__PURE__ */ a(ye, { children: [
+            " ",
+            /* @__PURE__ */ e("span", { className: "zen-font-serif italic font-normal text-[var(--zen-accent-primary)]", children: i })
+          ] })
+        ]
+      }
+    ),
+    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 = {
+  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({
+  variant: t = "static",
+  selected: r = !1,
+  disabled: n = !1,
+  padding: m = "md",
+  onSelect: i,
+  selectOnHover: u = !1,
+  className: l = "",
+  children: s,
+  onClick: c,
+  onMouseEnter: o,
+  onKeyDown: f,
+  ...p
+}) {
+  const d = 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,
+      "aria-disabled": n ? !0 : void 0,
+      tabIndex: d && !n ? 0 : void 0,
+      onClick: (E) => {
+        c == null || c(E), n || i == null || i();
+      },
+      onMouseEnter: (E) => {
+        o == null || o(E), !n && u && (i == null || i());
+      },
+      onKeyDown: (E) => {
+        f == null || f(E), !n && d && (E.key === "Enter" || E.key === " ") && (E.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(),
+      ...p,
+      children: s
+    }
+  );
+}
+function Gt({
+  metrics: t,
+  columns: r = 4,
+  className: n = ""
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `grid ${r === 2 ? "grid-cols-2" : r === 3 ? "grid-cols-2 sm:grid-cols-3" : "grid-cols-2 sm:grid-cols-4"} gap-2.5 p-3 rounded-2xl bg-[var(--zen-surface-subtle)] border border-[var(--zen-border-subtle)] text-center ${n}`.trim(),
+      children: t.map((i) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `zen-font-display font-bold text-xs sm:text-sm ${i.accent ? "text-[var(--zen-accent-primary)]" : "text-[var(--zen-ink-primary)]"}`,
+            children: i.value
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "zen-telemetry-label mt-0.5", children: i.label })
+      ] }, i.label))
+    }
+  );
+}
+function Zt({
+  label: t = "SYSTEM ARCHITECTURE NOTE",
+  children: r,
+  className: n = ""
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `p-4 rounded-2xl bg-[var(--zen-surface-subtle)] border border-[var(--zen-border-default)] ${n}`.trim(),
+      children: [
+        /* @__PURE__ */ e("div", { className: "zen-telemetry-label text-[var(--zen-accent-secondary)] mb-1", children: t }),
+        /* @__PURE__ */ e("p", { className: "text-sm leading-relaxed text-[var(--zen-ink-secondary)]", children: r })
+      ]
+    }
+  );
+}
+function at({ 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,
+          {
+            className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)] shrink-0 mt-0.5",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ e("span", { children: n })
+      ]
+    },
+    n
+  )) });
+}
+function or({
+  item: t,
+  footerSlot: r,
+  className: n = ""
+}) {
+  return /* @__PURE__ */ a(De, { 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,
+        " // ",
+        t.index
+      ] }),
+      /* @__PURE__ */ e("span", { children: t.year })
+    ] }),
+    /* @__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" }),
+    /* @__PURE__ */ e(
+      Zt,
+      {
+        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.primaryAction || t.secondaryAction) && /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row gap-3", children: [
+      t.primaryAction && /* @__PURE__ */ a(
+        "a",
+        {
+          href: t.primaryAction.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "zen-btn-base zen-btn-primary zen-focus-ring flex-1 py-3 px-5 text-xs",
+          children: [
+            t.primaryAction.icon,
+            /* @__PURE__ */ e("span", { children: t.primaryAction.label }),
+            /* @__PURE__ */ e(Ze, { className: "w-4 h-4" })
+          ]
+        }
+      ),
+      t.secondaryAction && /* @__PURE__ */ a(
+        "a",
+        {
+          href: t.secondaryAction.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "zen-btn-base zen-btn-secondary zen-focus-ring flex-1 py-3 px-5 text-xs",
+          children: [
+            t.secondaryAction.icon,
+            /* @__PURE__ */ e("span", { children: t.secondaryAction.label }),
+            /* @__PURE__ */ e(Ze, { className: "w-4 h-4" })
+          ]
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ e("div", { className: "mt-4", children: r })
+  ] });
+}
+function cr({
+  period: t,
+  location: r,
+  title: n,
+  institution: m,
+  summary: i,
+  bullets: u,
+  tags: l,
+  icon: s,
+  className: c = ""
+}) {
+  return /* @__PURE__ */ a(
+    De,
+    {
+      variant: "static",
+      padding: "md",
+      className: `flex flex-col justify-between ${c}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2 zen-font-mono text-xs mb-4", children: [
+            /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5 text-[var(--zen-accent-primary)]", children: [
+              s,
+              /* @__PURE__ */ e("span", { children: t })
+            ] }),
+            /* @__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("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" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "pt-3 border-t border-[var(--zen-border-subtle)]", children: /* @__PURE__ */ e(nt, { tags: l }) })
+      ]
+    }
+  );
+}
+function st({
+  items: t,
+  value: r,
+  onChange: n,
+  ariaLabel: m,
+  size: i = "md",
+  className: u = ""
+}) {
+  const l = R([]), s = t.map((p, d) => p.disabled ? -1 : d).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);
+    if (v !== -1)
+      if (p.key === "ArrowRight" || p.key === "ArrowDown") {
+        p.preventDefault();
+        const h = s[(v + 1) % s.length];
+        c(h);
+      } else if (p.key === "ArrowLeft" || p.key === "ArrowUp") {
+        p.preventDefault();
+        const h = s[(v - 1 + s.length) % s.length];
+        c(h);
+      } else p.key === "Home" ? (p.preventDefault(), c(s[0])) : p.key === "End" && (p.preventDefault(), c(s[s.length - 1]));
+  }, f = i === "sm" ? "px-2.5 sm:px-3 py-1.5 text-[11px]" : "px-3.5 sm:px-4 py-2 text-xs";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": m,
+      "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) => {
+        const v = p.value === r;
+        return /* @__PURE__ */ a(
+          "button",
+          {
+            ref: (h) => {
+              l.current[d] = h;
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": v,
+            disabled: p.disabled,
+            tabIndex: v ? 0 : -1,
+            onClick: () => n(p.value),
+            onKeyDown: (h) => o(h, d),
+            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 }),
+              /* @__PURE__ */ e("span", { children: p.label }),
+              p.count !== void 0 && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `px-1.5 py-0.2 rounded-full text-[10px] ${v ? "bg-black/20 text-[var(--zen-ink-on-accent)]" : "bg-[var(--zen-surface-subtle)] text-[var(--zen-ink-muted)]"}`,
+                  children: p.count
+                }
+              )
+            ]
+          },
+          p.value
+        );
+      })
+    }
+  );
+}
+function dr({
+  tabs: t,
+  activeTab: r,
+  onChange: n,
+  ariaLabel: m,
+  className: i = ""
+}) {
+  const u = R([]), l = t.map((o, f) => o.disabled ? -1 : f).filter((o) => o !== -1), s = (o) => {
+    var p;
+    const f = t[o];
+    !f || f.disabled || ((p = u.current[o]) == null || p.focus(), n(f.id));
+  }, c = (o, 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]));
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": m,
+      "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;
+        return /* @__PURE__ */ a(
+          "button",
+          {
+            ref: (d) => {
+              u.current[f] = d;
+            },
+            type: "button",
+            role: "tab",
+            "aria-selected": p,
+            disabled: o.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(),
+            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 })
+            ]
+          },
+          o.id
+        );
+      })
+    }
+  );
+}
+function mr({
+  label: t,
+  hint: r,
+  error: n,
+  iconLeft: m,
+  iconRight: i,
+  mono: u = !1,
+  capriGuard: l = !0,
+  id: s,
+  value: c,
+  defaultValue: o,
+  onChange: f,
+  className: p = "",
+  ...d
+}) {
+  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);
+  };
+  return /* @__PURE__ */ a("div", { "data-zen-occlude": "true", className: `flex flex-col gap-1.5 ${p}`.trim(), children: [
+    /* @__PURE__ */ e(
+      "label",
+      {
+        htmlFor: h,
+        className: "zen-telemetry-label text-[var(--zen-ink-secondary)]",
+        children: t
+      }
+    ),
+    /* @__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)]"}`,
+        children: [
+          m && /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-muted)] shrink-0", children: m }),
+          /* @__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,
+              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
+            }
+          ),
+          i && /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-muted)] shrink-0", children: i })
+        ]
+      }
+    ),
+    y && /* @__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
+      }
+    )
+  ] });
+}
+function ur({
+  label: t,
+  options: r,
+  value: n,
+  onChange: m,
+  ariaLabel: i,
+  align: u = "start",
+  className: l = ""
+}) {
+  const [s, c] = H(!1), [o, f] = H(
+    () => Math.max(
+      0,
+      r.findIndex((x) => x.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(() => {
+    if (!s) return;
+    const x = (g) => {
+      p.current && !p.current.contains(g.target) && c(!1);
+    };
+    return window.addEventListener("mousedown", x), () => window.removeEventListener("mousedown", x);
+  }, [s]);
+  const T = (x) => {
+    var g;
+    m(x), c(!1), (g = d.current) == null || g.focus();
+  }, E = (x) => {
+    var g;
+    if (!s) {
+      (x.key === "ArrowDown" || x.key === "ArrowUp" || x.key === "Enter" || x.key === " ") && (x.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);
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: p,
+      "data-zen-occlude": "true",
+      className: `relative flex flex-col gap-1.5 min-w-0 ${l}`.trim(),
+      children: [
+        t && /* @__PURE__ */ e("span", { className: "zen-telemetry-label text-[var(--zen-ink-secondary)]", children: t }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            ref: d,
+            type: "button",
+            "aria-haspopup": "listbox",
+            "aria-expanded": s,
+            "aria-controls": v,
+            "aria-label": i ?? t,
+            onClick: () => c((x) => !x),
+            onKeyDown: E,
+            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: [
+                (h == null ? void 0 : h.icon) && /* @__PURE__ */ e("span", { className: "text-[var(--zen-accent-primary)] shrink-0", children: h.icon }),
+                /* @__PURE__ */ e("span", { className: "zen-font-mono font-medium truncate", children: h == null ? void 0 : h.label })
+              ] }),
+              /* @__PURE__ */ e(
+                Ke,
+                {
+                  className: `w-4 h-4 text-[var(--zen-ink-muted)] shrink-0 transition-transform ${s ? "rotate-180 text-[var(--zen-accent-primary)]" : ""}`
+                }
+              )
+            ]
+          }
+        ),
+        s && /* @__PURE__ */ e(
+          "ul",
+          {
+            id: v,
+            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;
+              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);
+                  },
+                  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" : ""}`,
+                  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 }),
+                      /* @__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 })
+                      ] })
+                    ] }),
+                    z && /* @__PURE__ */ e(Ne, { className: "w-3.5 h-3.5 text-[var(--zen-accent-primary)] shrink-0" })
+                  ]
+                },
+                x.value
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+function pr({
+  checked: t,
+  onChange: r,
+  label: n,
+  description: m,
+  disabled: i = !1,
+  className: u = ""
+}) {
+  const l = re();
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `flex items-center justify-between gap-4 ${u}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              id: l,
+              className: "text-sm font-medium text-[var(--zen-ink-primary)]",
+              children: n
+            }
+          ),
+          m && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: m })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            role: "switch",
+            "aria-labelledby": l,
+            "aria-checked": t,
+            disabled: i,
+            onClick: () => r(!t),
+            className: `zen-focus-ring relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border transition-colors cursor-pointer ${t ? "bg-[var(--zen-accent-primary)] border-[var(--zen-accent-primary)]" : "bg-[var(--zen-surface-subtle)] border-[var(--zen-border-control)]"} ${i ? "opacity-40 cursor-not-allowed" : ""}`,
+            children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: `inline-block h-4 w-4 rounded-full transition-transform ${t ? "translate-x-5 bg-[var(--zen-ink-on-accent)]" : "translate-x-1 bg-[var(--zen-ink-primary)]"}`
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function fr({
+  open: t,
+  onClose: r,
+  eyebrow: n = "SYSTEM DIALOG",
+  title: m,
+  subtitle: i,
+  footer: u,
+  children: l
+}) {
+  const s = re(), c = R(null);
+  return q(() => {
+    var p;
+    if (!t) return;
+    const o = document.activeElement;
+    (p = c.current) == null || p.focus();
+    const f = (d) => {
+      d.key === "Escape" && (d.preventDefault(), r());
+    };
+    return window.addEventListener("keydown", f), () => {
+      window.removeEventListener("keydown", f), o == null || o.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();
+      },
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": s,
+          className: "w-full max-w-xl max-h-[90dvh] overflow-y-auto rounded-3xl zen-surface-selected p-5 sm:p-8 shadow-2xl",
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4 mb-4", children: [
+              /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ e("div", { className: "zen-telemetry-label text-[var(--zen-accent-primary)] mb-1", children: n }),
+                /* @__PURE__ */ e(
+                  "h2",
+                  {
+                    id: s,
+                    className: "zen-font-display text-xl sm:text-3xl font-bold text-[var(--zen-ink-primary)]",
+                    children: m
+                  }
+                ),
+                i && /* @__PURE__ */ e("div", { className: "zen-font-serif italic text-base sm:text-lg text-[var(--zen-accent-primary)] mt-0.5", children: i })
+              ] }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  ref: c,
+                  type: "button",
+                  "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" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "text-sm text-[var(--zen-ink-secondary)] leading-relaxed", children: l }),
+            u && /* @__PURE__ */ e("div", { className: "mt-6 pt-4 border-t border-[var(--zen-border-subtle)] flex flex-wrap items-center justify-end gap-3", children: u })
+          ]
+        }
+      )
+    }
+  ) : 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" })
+};
+function vr({ toasts: t, onDismiss: r }) {
+  return t.length === 0 ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-live": "polite",
+      "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";
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            role: "status",
+            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__ */ 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 })
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  "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" })
+                }
+              )
+            ]
+          },
+          n.id
+        );
+      })
+    }
+  );
+}
+function hr() {
+  const [t, r] = H([]), n = ge((i) => {
+    r((u) => u.filter((l) => l.id !== i));
+  }, []), m = ge(
+    (i) => {
+      const u = `${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+      r((l) => [...l.slice(-3), { ...i, id: u }]), window.setTimeout(() => {
+        n(u);
+      }, 4200);
+    },
+    [n]
+  );
+  return {
+    toasts: t,
+    pushToast: m,
+    dismissToast: n
+  };
+}
+function br({
+  columns: t,
+  rows: r,
+  rowKey: n,
+  caption: m,
+  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(() => {
+    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;
+    });
+  }, [r, t, l, c]);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "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;
+          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(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => f(d.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" })
+                  ]
+                }
+              ) : d.header
+            },
+            d.key
+          );
+        }) }) }),
+        /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--zen-border-subtle)]", children: p.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+          "td",
+          {
+            colSpan: t.length,
+            className: "px-4 py-8 text-center zen-font-mono text-xs text-[var(--zen-ink-muted)]",
+            children: i
+          }
+        ) }) : p.map((d) => /* @__PURE__ */ e(
+          "tr",
+          {
+            className: "hover:bg-[var(--zen-surface-subtle)] transition-colors",
+            children: t.map((v) => /* @__PURE__ */ e(
+              "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)
+              },
+              v.key
+            ))
+          },
+          n(d)
+        )) })
+      ] })
+    }
+  );
+}
+function xr({
+  brandTitle: t,
+  brandSubtitle: r,
+  navSlot: n,
+  actionsSlot: m,
+  mobileActionsSlot: i,
+  className: u = ""
+}) {
+  const [l, s] = H(!1);
+  return q(() => {
+    if (!l) return;
+    const c = (o) => {
+      o.key === "Escape" && s(!1);
+    };
+    return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
+  }, [l]), /* @__PURE__ */ a(
+    "header",
+    {
+      "data-zen-occlude": "true",
+      className: `fixed top-0 inset-x-0 z-30 border-b border-[var(--zen-border-subtle)] bg-[var(--zen-surface-header)] backdrop-blur-xl ${u}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "max-w-[90rem] mx-auto px-3 sm:px-6 lg:px-8 h-16 sm:h-20 flex items-center justify-between gap-2 sm:gap-4", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ e("span", { className: "zen-font-serif italic text-base min-[360px]:text-lg sm:text-xl lg:text-2xl tracking-tight text-[var(--zen-ink-primary)] inline-flex items-center shrink-0", children: t }),
+            r && /* @__PURE__ */ e("span", { className: "hidden xl:inline-block zen-telemetry-label truncate min-w-0", children: r })
+          ] }),
+          n && /* @__PURE__ */ e(
+            "nav",
+            {
+              "aria-label": "Primary navigation",
+              className: "hidden lg:flex items-center gap-1.5 shrink-0",
+              children: n
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 sm:gap-2 shrink-0", children: [
+            m,
+            n && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                "aria-label": l ? "Close navigation menu" : "Open navigation menu",
+                "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)]" })
+              }
+            )
+          ] })
+        ] }),
+        n && l && /* @__PURE__ */ a("div", { className: "lg:hidden border-t border-[var(--zen-border-subtle)] bg-[var(--zen-bg-elevated)] px-4 py-3.5 space-y-3 shadow-xl", children: [
+          r && /* @__PURE__ */ e("div", { className: "px-2 pb-2 border-b border-[var(--zen-border-subtle)] zen-telemetry-label text-[var(--zen-ink-muted)] truncate", children: r }),
+          /* @__PURE__ */ e(
+            "nav",
+            {
+              "aria-label": "Mobile navigation",
+              onClick: () => s(!1),
+              className: "flex flex-col gap-1",
+              children: n
+            }
+          ),
+          i && /* @__PURE__ */ e("div", { className: "pt-2 border-t border-[var(--zen-border-subtle)] flex flex-wrap items-center gap-2", children: i })
+        ] })
+      ]
+    }
+  );
+}
+const Me = [
+  {
+    id: "orion",
+    label: "CAPRI // UNLEASHED",
+    status: "UI SYNTHESIS SUBROUTINE",
+    frequency: "51 MODULES · 40 VECTOR ICONS",
+    transmission: he.orion.summary,
+    metrics: [
+      { k: "AI CHAT CMD", v: '"Capri orion"' },
+      { k: "CLI CMD", v: "npx capri skill orion" },
+      { k: "PRIMITIVES", v: "51 UNIVERSAL" },
+      { k: "PROD AVATAR", v: "OMITTED (TREE-SHAKEN)" }
+    ]
+  },
+  {
+    id: "architect",
+    label: "SCS // ARCHITECT",
+    status: "MULTI-STACK & TOKEN GOVERNANCE",
+    frequency: "ZERO ANY · READONLY T[] · --ZEN-*",
+    transmission: he.architect.summary,
+    metrics: [
+      { k: "AI CHAT CMD", v: '"Capri architect"' },
+      { k: "CLI CMD", v: "npx capri skill architect" },
+      { k: "TYPING", v: "0 ANY · READONLY T[]" },
+      { k: "STACKS", v: "REACT / NG 20+ / VUE" }
+    ]
+  },
+  {
+    id: "sentinel",
+    label: "CYBERPSYCHOSIS // GUARD",
+    status: "WCAG 2.2 AA & OVERFLOW AUDITOR",
+    frequency: "ZERO BLUR-RACE · 320PX-4K GUARD",
+    transmission: he.sentinel.summary,
+    metrics: [
+      { k: "AI CHAT CMD", v: '"Capri guard"' },
+      { k: "CLI CMD", v: "npx capri skill guard" },
+      { k: "DROPDOWNS", v: "ONMOUSEDOWN LOCK" },
+      { k: "OVERFLOW", v: "0PX (320PX TO 4K)" }
+    ]
+  },
+  {
+    id: "zen",
+    label: "THEME // MATRIX",
+    status: "8-THEME POLARITY & 60FPS MOTION",
+    frequency: "4 DARK · 4 LIGHT · SPRING PHYSICS",
+    transmission: he.zen.summary,
+    metrics: [
+      { k: "AI CHAT CMD", v: '"Capri zen"' },
+      { k: "CLI CMD", v: "npx capri skill zen" },
+      { k: "POLARITIES", v: "4 DARK · 4 LIGHT" },
+      { k: "MOTION", v: "REDUCED-MOTION SAFE" }
+    ]
+  },
+  {
+    id: "docu",
+    label: "CAPRI // AUTO-DOCU",
+    status: "ARCHITECTURE & USER-FLOW DOCS",
+    frequency: "MERMAID FLOWCHART · 0 MS BUILD COST",
+    transmission: he.docu.summary,
+    metrics: [
+      { k: "AI CHAT CMD", v: '"Capri docu"' },
+      { k: "CLI CMD", v: "npx capri docu" },
+      { k: "OUTPUT", v: "MARKDOWN + MERMAID" },
+      { k: "BUILD COST", v: "0 MS (ON-DEMAND)" }
+    ]
+  }
+];
+function gr({
+  constructName: t = "CAPRI // CAPRICORN",
+  subtitle: r = "EDGERUNNERS S2 SOULKILLER MIXED-CONSTRUCT",
+  defaultMode: n = "orion",
+  defaultFraming: m = "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}
+
+${M.aiVoiceAddendum}` : M.aiSystemPrompt;
+  q(() => {
+    const k = new Image();
+    k.src = "/capri-construct-base.png", k.onload = () => {
+      N.current = k;
+    };
+  }, []), q(() => {
+    const k = $.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);
+      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;
+      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();
+        b.restore();
+      }
+      const J = b.createRadialGradient(
+        ce + de * 10,
+        me - 12 + fe * 8,
+        8,
+        ce,
+        me,
+        Te * 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;
+      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(
+          ne,
+          G - 3 * g,
+          ee,
+          ae,
+          V
+        ), b.drawImage(
+          ne,
+          G + 3 * g,
+          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,
+          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();
+      }
+      const ue = 28, be = D * 0.68 / ue, ke = D * 0.16, Ce = Z - 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),
+          O
+        );
+      }
+      b.restore(), _ = window.requestAnimationFrame(se);
+    };
+    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);
+  }, Q = () => {
+    Ie.switchSubroutine(d, {
+      applyPresetTheme: !0,
+      onThemeChange: (k, b, _) => {
+        o(k), f(b), p(_);
+      }
+    }), z(1), window.setTimeout(() => z(0), 650);
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      onMouseMove: (k) => {
+        const b = k.currentTarget.getBoundingClientRect();
+        y.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 };
+      },
+      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: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "lg:col-span-5 relative flex flex-col items-center justify-center rounded-2xl bg-[var(--zen-bg-elevated)] border border-[var(--zen-accent-border)] p-2.5 sm:p-3 overflow-hidden shadow-inner transition-colors",
+            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__ */ a("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => T((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" }),
+                        /* @__PURE__ */ e("span", { children: "FULL POSE" })
+                      ] }) : /* @__PURE__ */ a(ye, { children: [
+                        /* @__PURE__ */ e(xt, { className: "w-2.5 h-2.5" }),
+                        /* @__PURE__ */ e("span", { children: "PORTRAIT" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ e(Ue, { tone: "gold", pulse: !0, children: "CAPRI LIVE" })
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                "canvas",
+                {
+                  ref: $,
+                  "aria-label": `${t} Studio Trigger mixed-construct visualization`,
+                  className: "w-full h-72 sm:h-96 block"
+                }
+              ),
+              /* @__PURE__ */ a("div", { className: "w-full flex items-center justify-between gap-2 px-2 pb-1 zen-telemetry-label text-[var(--zen-ink-secondary)]", children: [
+                /* @__PURE__ */ e("span", { className: "truncate", children: "ARASAKA // MIXED CONSTRUCT" }),
+                /* @__PURE__ */ e("span", { className: "shrink-0 font-semibold text-[var(--zen-accent-primary)]", children: s.name.toUpperCase() })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "lg:col-span-7 flex flex-col justify-between space-y-4 sm:space-y-5 min-w-0", children: [
+          /* @__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("span", { children: r })
+              ] }),
+              /* @__PURE__ */ e("span", { className: "zen-font-mono text-xs text-[var(--zen-accent-secondary)]", children: A.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: [
+                /* @__PURE__ */ e("h3", { className: "zen-font-display text-2xl sm:text-4xl font-extrabold tracking-tight text-[var(--zen-ink-primary)]", children: t }),
+                /* @__PURE__ */ e("span", { className: "zen-font-serif italic text-xl sm:text-2xl text-[var(--zen-accent-primary)]", children: "AI Subroutine Engine & Co-Pilot" })
+              ] }),
+              /* @__PURE__ */ e(
+                "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)"
+                }
+              )
+            ] }),
+            /* @__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__ */ a("span", { className: "zen-font-mono text-[11px] text-[var(--zen-accent-primary)]", children: [
+                  "Ask in Claude / Codex / Gemini: “",
+                  E ? M.voiceCommand : M.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("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-2 sm:gap-2.5", children: A.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",
+              children: [
+                /* @__PURE__ */ e("div", { className: "zen-telemetry-label truncate", children: k.k }),
+                /* @__PURE__ */ e("div", { className: "zen-font-mono text-xs font-semibold text-[var(--zen-ink-primary)] mt-0.5 truncate", children: k.v })
+              ]
+            },
+            k.k
+          )) }),
+          /* @__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,
+              {
+                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" }),
+                children: k.label
+              },
+              k.id
+            ))
+          ] }),
+          /* @__PURE__ */ a("div", { className: "p-3.5 rounded-2xl bg-[var(--zen-surface-subtle)] border border-[var(--zen-border-default)] space-y-2.5", children: [
+            /* @__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(),
+                " (",
+                M.cliCommand,
+                ")"
+              ] }),
+              /* @__PURE__ */ e(Ue, { 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("span", { className: "text-[var(--zen-accent-primary)] zen-font-mono", children: "›" }),
+              /* @__PURE__ */ e("span", { children: k })
+            ] }, k)) }),
+            /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-2 pt-1.5 border-t border-[var(--zen-border-subtle)]", children: [
+              /* @__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,
+                  {
+                    size: "sm",
+                    variant: "secondary",
+                    mono: !0,
+                    onClick: Q,
+                    children: [
+                      "Switch Preset (",
+                      M.recommendedTheme,
+                      ")"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  rt,
+                  {
+                    size: "sm",
+                    variant: "primary",
+                    value: S,
+                    label: "COPY SKILL FOR CLAUDE / CODEX / GEMINI",
+                    copiedLabel: "SKILL COPIED"
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function yr({
+  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(() => {
+    if (!r) return;
+    const s = (c) => {
+      l.current = {
+        x: c.clientX / Math.max(1, window.innerWidth),
+        y: c.clientY / Math.max(1, window.innerHeight)
+      };
+    };
+    return window.addEventListener("pointermove", s, { passive: !0 }), () => window.removeEventListener("pointermove", s);
+  }, [r]), q(() => {
+    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) => ({
+      x: h * 73 % 1e3,
+      y: h * 137 % 1e3,
+      vx: (h % 5 - 2) * 0.22,
+      vy: -0.35 - h % 4 * 0.18,
+      size: 1.2 + h % 3 * 0.9,
+      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;
+      if (t === "aurora-mesh") {
+        const N = c.createRadialGradient(
+          h * (0.25 + Math.sin(p * 0.7) * 0.12),
+          T * (0.28 + Math.cos(p * 0.5) * 0.1),
+          20,
+          h * 0.35,
+          T * 0.35,
+          Math.max(h, T) * 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(
+          h * (0.75 + Math.cos(p * 0.6) * 0.12),
+          T * (0.65 + Math.sin(p * 0.8) * 0.1),
+          20,
+          h * 0.7,
+          T * 0.65,
+          Math.max(h, T) * 0.5
+        );
+        y.addColorStop(0, `${x}${g ? "20" : "14"}`), y.addColorStop(1, "transparent"), c.fillStyle = y, c.fillRect(0, 0, h, T);
+      } 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);
+          }
+      } 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 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();
+        }
+        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);
+        }
+      }
+      c.restore(), f = window.requestAnimationFrame(d);
+    };
+    return f = window.requestAnimationFrame(d), () => window.cancelAnimationFrame(f);
+  }, [t, m, i, n]), t === "minimal-void" ? null : /* @__PURE__ */ e(
+    "canvas",
+    {
+      ref: u,
+      "aria-hidden": "true",
+      className: "fixed inset-0 z-0 pointer-events-none"
+    }
+  );
+}
+function zr({
+  label: t,
+  hint: r,
+  error: n,
+  maxLengthCount: m,
+  mono: i = !1,
+  capriGuard: u = !0,
+  id: l,
+  value: s,
+  defaultValue: c,
+  onChange: o,
+  className: f = "",
+  ...p
+}) {
+  const d = re(), v = l ?? d, h = `${v}-desc`, [T, E] = H(
+    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);
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `flex flex-col gap-1.5 ${f}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ e(
+            "label",
+            {
+              htmlFor: v,
+              className: "zen-telemetry-label text-[var(--zen-ink-secondary)]",
+              children: t
+            }
+          ),
+          m !== void 0 && /* @__PURE__ */ a("span", { className: "zen-telemetry-label", children: [
+            g,
+            " / ",
+            m
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            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"}`,
+            ...p
+          }
+        ),
+        (N || 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
+          }
+        )
+      ]
+    }
+  );
+}
+function Nr({
+  label: t,
+  value: r,
+  onChange: n,
+  min: m = 0,
+  max: i = 100,
+  step: u = 1,
+  unit: l,
+  disabled: s = !1,
+  className: c = ""
+}) {
+  const o = 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));
+    return Number(h.toFixed(f));
+  }, d = (v) => {
+    s || n(p(r + v * u));
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `flex flex-col gap-1.5 ${c}`.trim(),
+      children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            id: o,
+            className: "zen-telemetry-label text-[var(--zen-ink-secondary)]",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "inline-flex items-center justify-between gap-2 p-1.5 rounded-xl bg-[var(--zen-surface-1)] border border-[var(--zen-border-default)]", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Decrease ${t}`,
+              disabled: s || r <= m,
+              onClick: () => d(-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" })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              role: "spinbutton",
+              tabIndex: s ? -1 : 0,
+              "aria-labelledby": o,
+              "aria-valuenow": r,
+              "aria-valuemin": m,
+              "aria-valuemax": i,
+              onKeyDown: (v) => {
+                v.key === "ArrowUp" ? (v.preventDefault(), d(1)) : v.key === "ArrowDown" && (v.preventDefault(), d(-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: [
+                r.toFixed(f),
+                l ? /* @__PURE__ */ e("span", { className: "ml-1 text-xs text-[var(--zen-ink-muted)]", children: l }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Increase ${t}`,
+              disabled: s || r >= i,
+              onClick: () => d(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" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function wr({
+  checked: t,
+  indeterminate: r = !1,
+  onChange: n,
+  label: m,
+  description: i,
+  disabled: u = !1,
+  className: l = ""
+}) {
+  const s = R(null), c = re();
+  return q(() => {
+    s.current && (s.current.indeterminate = r);
+  }, [r]), /* @__PURE__ */ a(
+    "label",
+    {
+      htmlFor: c,
+      "data-zen-occlude": "true",
+      className: `flex items-start gap-3 cursor-pointer select-none ${u ? "opacity-45 cursor-not-allowed" : ""} ${l}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "relative flex items-center justify-center mt-0.5", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: s,
+              id: c,
+              type: "checkbox",
+              checked: t,
+              disabled: u,
+              "aria-checked": r ? "mixed" : t,
+              onChange: (o) => n(o.target.checked),
+              className: "peer sr-only"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "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
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--zen-ink-primary)]", children: m }),
+          i && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] mt-0.5", children: i })
+        ] })
+      ]
+    }
+  );
+}
+function kr({
+  label: t,
+  options: r,
+  value: n,
+  onChange: m,
+  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 p = s.indexOf(f);
+    if (p !== -1) {
+      if (o.key === "ArrowDown" || o.key === "ArrowRight") {
+        o.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();
+        const h = s[(p - 1 + s.length) % s.length];
+        (v = l.current[h]) == null || v.focus(), m(r[h].value);
+      }
+    }
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-labelledby": u,
+      "data-zen-occlude": "true",
+      className: `space-y-2 ${i}`.trim(),
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            id: u,
+            className: "zen-telemetry-label text-[var(--zen-ink-secondary)]",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-2", children: r.map((o, f) => {
+          const p = o.value === n;
+          return /* @__PURE__ */ a(
+            "button",
+            {
+              ref: (d) => {
+                l.current[f] = d;
+              },
+              type: "button",
+              role: "radio",
+              "aria-checked": p,
+              disabled: o.disabled,
+              tabIndex: p ? 0 : -1,
+              onClick: () => m(o.value),
+              onKeyDown: (d) => c(d, 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: [
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: `mt-0.5 w-4 h-4 rounded-full border flex items-center justify-center shrink-0 ${p ? "border-[var(--zen-accent-primary)]" : "border-[var(--zen-border-control)]"}`,
+                      children: p && /* @__PURE__ */ e("span", { className: "w-2 h-2 rounded-full bg-[var(--zen-accent-primary)]" })
+                    }
+                  ),
+                  /* @__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 })
+                  ] })
+                ] }),
+                o.badge && /* @__PURE__ */ e("span", { className: "zen-telemetry-label text-[var(--zen-accent-primary)] shrink-0", children: o.badge })
+              ]
+            },
+            o.value
+          );
+        }) })
+      ]
+    }
+  );
+}
+function Cr({
+  label: t,
+  value: r,
+  onChange: n,
+  min: m = 0,
+  max: i = 100,
+  step: u = 1,
+  formatValue: l,
+  disabled: s = !1,
+  className: c = ""
+}) {
+  const o = re(), f = Math.max(
+    0,
+    Math.min(100, (r - m) / Math.max(i - m, 1e-6) * 100)
+  );
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `flex flex-col gap-2 ${c}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ e(
+            "label",
+            {
+              htmlFor: o,
+              className: "zen-telemetry-label text-[var(--zen-ink-secondary)]",
+              children: t
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "zen-font-mono text-xs font-semibold text-[var(--zen-accent-primary)]", children: l ? l(r) : r })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "relative flex items-center", children: [
+          /* @__PURE__ */ e("div", { className: "w-full h-2 rounded-full bg-[var(--zen-surface-subtle)] border border-[var(--zen-border-subtle)] overflow-hidden", children: /* @__PURE__ */ e(
+            "div",
+            {
+              style: { width: `${f}%` },
+              className: "h-full bg-[var(--zen-accent-primary)] transition-all duration-75"
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: o,
+              type: "range",
+              min: m,
+              max: i,
+              step: u,
+              value: r,
+              disabled: s,
+              onChange: (p) => n(Number(p.target.value)),
+              className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Sr({
+  label: t,
+  options: r,
+  selected: n,
+  onChange: m,
+  className: i = ""
+}) {
+  const u = (l) => {
+    n.includes(l) ? m(n.filter((s) => s !== l)) : m([...n, l]);
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `space-y-2 ${i}`.trim(),
+      children: [
+        t && /* @__PURE__ */ e("div", { className: "zen-telemetry-label text-[var(--zen-ink-secondary)]", children: t }),
+        /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: r.map((l) => {
+          const s = n.includes(l.value);
+          return /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": s,
+              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" }),
+                /* @__PURE__ */ e("span", { children: l.label })
+              ]
+            },
+            l.value
+          );
+        }) })
+      ]
+    }
+  );
+}
+function Ar({
+  label: t,
+  acceptHint: r = "JSON, YAML, ICS, or PDF up to 25 MB",
+  files: n,
+  onFilesChange: m,
+  className: i = ""
+}) {
+  const [u, l] = H(!1), s = R(null), c = (o) => {
+    if (!o) return;
+    const f = Array.from(o).map((p) => ({
+      name: p.name,
+      sizeBytes: p.size
+    }));
+    m([...n, ...f]);
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `space-y-2.5 ${i}`.trim(),
+      children: [
+        /* @__PURE__ */ e("span", { className: "zen-telemetry-label text-[var(--zen-ink-secondary)]", children: t }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick: () => {
+              var o;
+              return (o = s.current) == null ? void 0 : o.click();
+            },
+            onKeyDown: (o) => {
+              var f;
+              (o.key === "Enter" || o.key === " ") && (o.preventDefault(), (f = s.current) == null || f.click());
+            },
+            onDragOver: (o) => {
+              o.preventDefault(), l(!0);
+            },
+            onDragLeave: () => l(!1),
+            onDrop: (o) => {
+              o.preventDefault(), l(!1), c(o.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: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: s,
+                  type: "file",
+                  "aria-label": t,
+                  multiple: !0,
+                  onChange: (o) => c(o.target.files),
+                  className: "sr-only"
+                }
+              ),
+              /* @__PURE__ */ e(Nt, { 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(
+          "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(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `Remove ${o.name}`,
+                  onClick: () => m(n.filter((p, d) => d !== 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" })
+                }
+              )
+            ]
+          },
+          `${o.name}-${f}`
+        )) })
+      ]
+    }
+  );
+}
+function Tr({ 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;
+        return /* @__PURE__ */ a("li", { className: "inline-flex items-center gap-1.5", children: [
+          m > 0 && /* @__PURE__ */ e(
+            tt,
+            {
+              className: "w-3.5 h-3.5 text-[var(--zen-ink-muted)] shrink-0",
+              "aria-hidden": "true"
+            }
+          ),
+          i ? /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-current": "page",
+              className: "font-semibold text-[var(--zen-accent-primary)]",
+              children: n.label
+            }
+          ) : /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: n.onClick,
+              className: "zen-focus-ring text-[var(--zen-ink-secondary)] hover:text-[var(--zen-ink-primary)] cursor-pointer transition-colors",
+              children: n.label
+            }
+          )
+        ] }, n.id);
+      }) })
+    }
+  );
+}
+function Er({
+  currentPage: t,
+  totalPages: r,
+  onPageChange: n,
+  className: m = ""
+}) {
+  const i = Math.max(1, r), u = Array.from({ length: i }, (l, s) => s + 1);
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      "aria-label": "Pagination",
+      "data-zen-occlude": "true",
+      className: `inline-flex flex-wrap items-center gap-1.5 ${m}`.trim(),
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Previous page",
+            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" })
+          }
+        ),
+        u.map((l) => {
+          const s = l === t;
+          return /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-current": s ? "page" : void 0,
+              onClick: () => n(l),
+              className: `zen-focus-ring min-w-9 h-9 px-2.5 rounded-xl zen-font-mono text-xs font-semibold cursor-pointer transition-all ${s ? "bg-[var(--zen-accent-primary)] text-[var(--zen-ink-on-accent)] shadow-sm" : "bg-[var(--zen-surface-1)] border border-[var(--zen-border-subtle)] text-[var(--zen-ink-secondary)] hover:text-[var(--zen-ink-primary)]"}`,
+              children: l
+            },
+            l
+          );
+        }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Next page",
+            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" })
+          }
+        )
+      ]
+    }
+  );
+}
+const We = {
+  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({
+  steps: t,
+  activeStepIndex: r,
+  onStepClick: n,
+  className: m = ""
+}) {
+  const i = Math.max(1, Math.min(4, t.length)), u = We[i] ?? We[4];
+  return /* @__PURE__ */ e(
+    "ol",
+    {
+      "data-zen-occlude": "true",
+      className: `grid ${u} gap-3 ${m}`.trim(),
+      children: t.map((l, s) => {
+        const c = s < r, o = s === r;
+        return /* @__PURE__ */ e("li", { className: "min-w-0", children: /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            "aria-current": o ? "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"}`,
+            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
+                }
+              ),
+              /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ e("div", { className: "zen-font-display text-sm font-bold text-[var(--zen-ink-primary)] truncate", children: l.title }),
+                l.subtitle && /* @__PURE__ */ e("div", { className: "zen-font-mono text-[11px] text-[var(--zen-ink-muted)] truncate", children: l.subtitle })
+              ] })
+            ]
+          }
+        ) }, l.id);
+      })
+    }
+  );
+}
+function Rr({
+  title: t,
+  items: r,
+  activeId: n,
+  onSelect: m,
+  className: i = ""
+}) {
+  return /* @__PURE__ */ a(
+    "aside",
+    {
+      "aria-label": t,
+      "data-zen-occlude": "true",
+      className: `p-4 rounded-3xl zen-surface-static space-y-3 ${i}`.trim(),
+      children: [
+        /* @__PURE__ */ e("div", { className: "px-2 zen-telemetry-label text-[var(--zen-accent-primary)]", children: t }),
+        /* @__PURE__ */ e("ul", { className: "space-y-1", children: r.map((u) => {
+          const l = u.id === n;
+          return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "aria-current": l ? "page" : void 0,
+              onClick: () => m(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: [
+                  u.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: u.icon }),
+                  /* @__PURE__ */ e("span", { className: "truncate", children: u.label })
+                ] }),
+                u.badge !== void 0 && /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: `zen-font-mono text-[10px] px-2 py-0.5 rounded-full shrink-0 ${l ? "bg-black/20 text-[var(--zen-ink-on-accent)]" : "bg-[var(--zen-surface-subtle)] text-[var(--zen-ink-muted)]"}`,
+                    children: u.badge
+                  }
+                )
+              ]
+            }
+          ) }, u.id);
+        }) })
+      ]
+    }
+  );
+}
+function Ir({
+  ariaLabel: t,
+  active: r = !1,
+  className: n = "",
+  children: m,
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      "data-zen-occlude": "true",
+      "aria-label": t,
+      "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
+    }
+  );
+}
+function Lr({
+  open: t,
+  onClose: r,
+  items: n,
+  placeholder: m = "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) => {
+    if (!i.trim()) return !0;
+    const v = i.toLowerCase();
+    return d.label.toLowerCase().includes(v) || d.group.toLowerCase().includes(v);
+  });
+  return q(() => {
+    s(0);
+  }, [i]), q(() => {
+    t && (u(""), s(0), window.setTimeout(() => {
+      var d;
+      return (d = c.current) == null ? void 0 : d.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();
+      },
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": "Command Palette",
+          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(
+                "input",
+                {
+                  ref: c,
+                  role: "combobox",
+                  "aria-expanded": "true",
+                  "aria-controls": o,
+                  "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(
+                      (v) => (v - 1 + f.length) % f.length
+                    )) : d.key === "Enter" && f[l] && (d.preventDefault(), f[l].onSelect(), r());
+                  },
+                  placeholder: m,
+                  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(
+              "ul",
+              {
+                id: o,
+                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) => {
+                  const h = v === l;
+                  return /* @__PURE__ */ a(
+                    "li",
+                    {
+                      role: "option",
+                      "aria-selected": h,
+                      onMouseEnter: () => s(v),
+                      onMouseDown: (T) => {
+                        T.preventDefault(), d.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 }),
+                          /* @__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__ */ 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)]" })
+                        ] })
+                      ]
+                    },
+                    d.id
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+function Pr({
+  open: t,
+  onClose: r,
+  title: n,
+  subtitle: m,
+  footer: i,
+  children: u
+}) {
+  const l = re();
+  return q(() => {
+    if (!t) return;
+    const s = (c) => {
+      c.key === "Escape" && r();
+    };
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [t, r]), t ? /* @__PURE__ */ e(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: "fixed inset-0 z-50 flex justify-end bg-black/65 backdrop-blur-sm",
+      onMouseDown: (s) => {
+        s.target === s.currentTarget && r();
+      },
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": l,
+          className: "w-full max-w-md h-full bg-[var(--zen-bg-elevated)] border-l border-[var(--zen-border-strong)] p-6 sm:p-8 flex flex-col justify-between shadow-2xl overflow-y-auto",
+          children: [
+            /* @__PURE__ */ a("div", { className: "space-y-6", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4 pb-4 border-b border-[var(--zen-border-subtle)]", children: [
+                /* @__PURE__ */ a("div", { children: [
+                  /* @__PURE__ */ e("div", { className: "zen-telemetry-label text-[var(--zen-accent-primary)]", children: "SLIDE-OVER INSPECTOR" }),
+                  /* @__PURE__ */ e(
+                    "h2",
+                    {
+                      id: l,
+                      className: "zen-font-display text-2xl font-bold text-[var(--zen-ink-primary)] mt-1",
+                      children: n
+                    }
+                  ),
+                  m && /* @__PURE__ */ e("div", { className: "zen-font-serif italic text-lg text-[var(--zen-accent-primary)]", children: m })
+                ] }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    "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" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--zen-ink-secondary)] space-y-4", children: u })
+            ] }),
+            i && /* @__PURE__ */ e("div", { className: "pt-4 border-t border-[var(--zen-border-subtle)] flex justify-end gap-3", children: i })
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+function Dr({
+  items: t,
+  defaultOpenId: r,
+  className: n = ""
+}) {
+  var u;
+  const [m, i] = H(
+    r ?? ((u = t[0]) == null ? void 0 : u.id) ?? null
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `space-y-2.5 ${n}`.trim(),
+      children: t.map((l) => {
+        const s = l.id === m;
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: "rounded-2xl border border-[var(--zen-border-default)] bg-[var(--zen-surface-1)] overflow-hidden",
+            children: [
+              /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  "aria-expanded": s,
+                  onClick: () => i(s ? null : l.id),
+                  className: "zen-focus-ring w-full px-5 py-4 flex items-center justify-between gap-3 text-left cursor-pointer hover:bg-[var(--zen-surface-subtle)] transition-colors",
+                  children: [
+                    /* @__PURE__ */ e("span", { className: "zen-font-display font-bold text-sm sm:text-base text-[var(--zen-ink-primary)]", children: l.title }),
+                    /* @__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,
+                        {
+                          className: `w-4 h-4 text-[var(--zen-ink-muted)] transition-transform ${s ? "rotate-180 text-[var(--zen-accent-primary)]" : ""}`
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ) }),
+              s && /* @__PURE__ */ e("div", { className: "px-5 pb-4 pt-1 text-xs sm:text-sm text-[var(--zen-ink-secondary)] leading-relaxed border-t border-[var(--zen-border-subtle)]", children: l.content })
+            ]
+          },
+          l.id
+        );
+      })
+    }
+  );
+}
+function $r({ content: t, children: r }) {
+  const [n, m] = H(!1), i = re();
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: () => m(!0),
+      onMouseLeave: () => m(!1),
+      onFocus: () => m(!0),
+      onBlur: () => m(!1),
+      onKeyDown: (u) => {
+        u.key === "Escape" && m(!1);
+      },
+      children: [
+        /* @__PURE__ */ e("span", { "aria-describedby": n ? i : void 0, children: r }),
+        n && /* @__PURE__ */ e(
+          "span",
+          {
+            id: i,
+            role: "tooltip",
+            className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2.5 py-1 rounded-lg bg-[var(--zen-bg-elevated)] border border-[var(--zen-border-strong)] zen-font-mono text-[11px] text-[var(--zen-ink-primary)] whitespace-nowrap shadow-lg z-50 pointer-events-none",
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}
+function Or({ 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 }),
+    /* @__PURE__ */ e("div", { className: "h-px flex-1 bg-[var(--zen-border-subtle)]" })
+  ] }) : /* @__PURE__ */ e(
+    "hr",
+    {
+      className: `border-0 border-t border-[var(--zen-border-subtle)] ${r}`.trim()
+    }
+  );
+}
+function Ht({
+  data: t,
+  width: r = 140,
+  height: n = 42,
+  className: m = ""
+}) {
+  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`;
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: r,
+      height: n,
+      viewBox: `0 0 ${r} ${n}`,
+      "aria-hidden": "true",
+      className: `overflow-visible ${m}`.trim(),
+      children: [
+        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ a("linearGradient", { id: i, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ e(
+            "stop",
+            {
+              offset: "0%",
+              stopColor: "var(--zen-accent-primary)",
+              stopOpacity: "0.38"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "stop",
+            {
+              offset: "100%",
+              stopColor: "var(--zen-accent-primary)",
+              stopOpacity: "0.0"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e("path", { d: p, fill: `url(#${i})` }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: f,
+            fill: "none",
+            stroke: "var(--zen-accent-primary)",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function Fr({
+  label: t,
+  value: r,
+  delta: n,
+  trend: m = "up",
+  sparkline: i,
+  subtitle: u,
+  className: l = ""
+}) {
+  return /* @__PURE__ */ a(
+    De,
+    {
+      variant: "static",
+      padding: "sm",
+      className: `flex flex-col justify-between gap-3 ${l}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ e("span", { className: "zen-telemetry-label", children: t }),
+          /* @__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)]"}`,
+              children: [
+                m === "up" ? /* @__PURE__ */ e(At, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Tt, { className: "w-3 h-3" }),
+                n
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-end justify-between gap-3", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__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 })
+        ] })
+      ]
+    }
+  );
+}
+function Vr({
+  label: t,
+  value: r,
+  max: n = 100,
+  unit: m = "%",
+  className: i = ""
+}) {
+  const u = Math.max(0, Math.min(100, r / Math.max(n, 1e-6) * 100));
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `space-y-1.5 ${i}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between zen-font-mono text-xs", children: [
+          /* @__PURE__ */ e("span", { className: "zen-telemetry-label", children: t }),
+          /* @__PURE__ */ a("span", { className: "font-semibold text-[var(--zen-ink-primary)]", children: [
+            r,
+            m
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            role: "progressbar",
+            "aria-label": t,
+            "aria-valuenow": r,
+            "aria-valuemin": 0,
+            "aria-valuemax": n,
+            className: "w-full h-2.5 rounded-full bg-[var(--zen-surface-subtle)] border border-[var(--zen-border-subtle)] overflow-hidden",
+            children: /* @__PURE__ */ e(
+              "div",
+              {
+                style: { width: `${u}%` },
+                className: "h-full bg-[var(--zen-accent-primary)] transition-all duration-300"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Gr({
+  label: t,
+  value: r,
+  max: n = 100,
+  unit: m = "%",
+  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;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "meter",
+      "aria-label": t,
+      "aria-valuenow": r,
+      "aria-valuemin": 0,
+      "aria-valuemax": n,
+      className: "inline-flex flex-col items-center gap-1.5",
+      children: [
+        /* @__PURE__ */ a("div", { className: "relative", style: { width: i, height: i }, children: [
+          /* @__PURE__ */ a("svg", { width: i, height: i, className: "-rotate-90", children: [
+            /* @__PURE__ */ e(
+              "circle",
+              {
+                cx: i * 0.5,
+                cy: i * 0.5,
+                r: s,
+                fill: "none",
+                stroke: "var(--zen-border-subtle)",
+                strokeWidth: l
+              }
+            ),
+            /* @__PURE__ */ e(
+              "circle",
+              {
+                cx: i * 0.5,
+                cy: i * 0.5,
+                r: s,
+                fill: "none",
+                stroke: "var(--zen-accent-primary)",
+                strokeWidth: l,
+                strokeDasharray: c,
+                strokeDashoffset: o,
+                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
+          ] })
+        ] }),
+        /* @__PURE__ */ e("span", { className: "zen-telemetry-label", children: t })
+      ]
+    }
+  );
+}
+function Zr({
+  name: t,
+  src: r,
+  status: n,
+  size: m = "md"
+}) {
+  const [i, u] = H(!1);
+  q(() => {
+    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";
+  return /* @__PURE__ */ a("div", { className: "relative inline-flex shrink-0", children: [
+    r && !i ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: r,
+        alt: t,
+        onError: () => u(!0),
+        className: `${s} rounded-full object-cover border border-[var(--zen-border-strong)]`
+      }
+    ) : /* @__PURE__ */ e(
+      "span",
+      {
+        "aria-label": t,
+        className: `${s} rounded-full bg-[var(--zen-accent-subtle)] border border-[var(--zen-accent-border)] text-[var(--zen-accent-primary)] zen-font-mono font-bold inline-flex items-center justify-center`,
+        children: l
+      }
+    ),
+    n && /* @__PURE__ */ e(
+      "span",
+      {
+        className: `absolute bottom-0 right-0 w-2.5 h-2.5 rounded-full ring-2 ring-[var(--zen-bg-canvas)] ${n === "online" ? "bg-[var(--zen-status-success)]" : n === "busy" ? "bg-[var(--zen-status-danger)]" : "bg-[var(--zen-ink-muted)]"}`
+      }
+    )
+  ] });
+}
+function Br({
+  title: t,
+  language: r = "TSX",
+  code: n,
+  footerSlot: m,
+  className: i = ""
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `rounded-2xl border border-[var(--zen-border-default)] bg-[var(--zen-bg-canvas)] overflow-hidden ${i}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2 px-4 py-2.5 border-b border-[var(--zen-border-subtle)] bg-[var(--zen-surface-subtle)]", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0", children: [
+            /* @__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("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 })
+      ]
+    }
+  );
+}
+const _t = {
+  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" })
+  },
+  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" })
+  },
+  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" })
+  },
+  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" })
+  }
+};
+function Hr({
+  tone: t = "info",
+  title: r,
+  children: n,
+  actionSlot: m,
+  className: i = ""
+}) {
+  const u = _t[t];
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: t === "danger" || t === "warning" ? "alert" : "status",
+      "data-zen-occlude": "true",
+      className: `p-4 rounded-2xl border flex flex-col sm:flex-row sm:items-center justify-between gap-4 ${u.border} ${i}`.trim(),
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ e("div", { className: "mt-0.5", children: u.icon }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("div", { className: "zen-font-mono text-xs font-bold text-[var(--zen-ink-primary)]", children: r }),
+            /* @__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 })
+      ]
+    }
+  );
+}
+function _r({ lines: t = 3, className: r = "" }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading content",
+      className: `space-y-2.5 ${r}`.trim(),
+      children: Array.from({ length: t }).map((n, m) => /* @__PURE__ */ e(
+        "div",
+        {
+          style: { width: m === t - 1 ? "65%" : "100%" },
+          className: "h-3.5 rounded-lg bg-[var(--zen-surface-subtle-hover)] animate-pulse"
+        },
+        m
+      ))
+    }
+  );
+}
+function Ur({
+  title: t,
+  description: r,
+  icon: n,
+  actionSlot: m,
+  className: i = ""
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "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: "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 })
+      ]
+    }
+  );
+}
+const Re = [
+  {
+    id: "lofi-atelier",
+    label: "Lo-Fi Atelier (Dm9 -> Cmaj9)",
+    bpm: 73,
+    cutoffHz: 520,
+    chords: [
+      [146.83, 220, 261.63, 329.63, 392],
+      [130.81, 196, 246.94, 293.66, 349.23],
+      [116.54, 174.61, 220, 261.63, 329.63],
+      [110, 164.81, 207.65, 246.94, 311.13]
+    ]
+  },
+  {
+    id: "deep-cosmos",
+    label: "Deep Cosmos (Alpha Cen Drone)",
+    bpm: 56,
+    cutoffHz: 390,
+    chords: [
+      [110, 164.81, 220, 277.18, 329.63],
+      [98, 146.83, 196, 246.94, 293.66],
+      [87.31, 130.81, 174.61, 220, 261.63],
+      [92.5, 138.59, 185, 233.08, 277.18]
+    ]
+  },
+  {
+    id: "minimal-pulse",
+    label: "Swiss Precision (Quartal Telemetry)",
+    bpm: 84,
+    cutoffHz: 680,
+    chords: [
+      [164.81, 220, 293.66, 392],
+      [146.83, 196, 261.63, 349.23],
+      [130.81, 174.61, 233.08, 311.13],
+      [146.83, 220, 293.66, 440]
+    ]
+  }
+];
+function jr(t) {
+  const [r, n] = H(!1), [m, i] = H(
+    (t == null ? void 0 : t.defaultPreset) ?? "lofi-atelier"
+  ), [u, l] = H(
+    (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(() => {
+    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 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,
+      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);
+    },
+    [h]
+  );
+  return q(() => () => {
+    d.current !== null && window.clearInterval(d.current), o.current && o.current.state !== "closed" && o.current.close();
+  }, []), q(() => {
+    if (!r) {
+      d.current !== null && (window.clearInterval(d.current), d.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);
+      }
+      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);
+      }
+    };
+    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);
+    };
+  }, [r, m, h]), {
+    active: r,
+    presetId: m,
+    volume: u,
+    currentStep: s,
+    presets: Re,
+    toggle: () => n((x) => !x),
+    setPresetId: i,
+    setVolume: T,
+    playMicroClick: E
+  };
+}
+function Wr({
+  synth: t,
+  mode: r = "pill",
+  activeLabel: n = "Lo-Fi Radio: ON",
+  idleLabel: m = "Lo-Fi Background",
+  className: i = ""
+}) {
+  return r === "pill" ? /* @__PURE__ */ e(
+    ze,
+    {
+      variant: "secondary",
+      size: "sm",
+      mono: !0,
+      pressed: t.active,
+      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
+    }
+  ) : /* @__PURE__ */ a(
+    "div",
+    {
+      "data-zen-occlude": "true",
+      className: `p-5 rounded-3xl zen-surface-static flex flex-col gap-4 ${i}`.trim(),
+      children: [
+        /* @__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,
+              {
+                className: `w-6 h-6 text-[var(--zen-accent-primary)] ${t.active ? "animate-spin" : ""}`
+              }
+            ),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "zen-telemetry-label text-[var(--zen-accent-primary)]", children: "WEB AUDIO PROCEDURAL SYNTHESIZER" }),
+              /* @__PURE__ */ e("div", { className: "zen-font-display font-bold text-base text-[var(--zen-ink-primary)]", children: "Zero-Dependency Acoustic Engine" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(
+            ze,
+            {
+              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" }),
+              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,
+            {
+              ariaLabel: "Select synthesizer voicing preset",
+              size: "sm",
+              value: t.presetId,
+              onChange: t.setPresetId,
+              items: t.presets.map((u) => ({
+                value: u.id,
+                label: u.label.split(" (")[0]
+              }))
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", "aria-label": "8-step bar sequencer", children: Array.from({ length: 8 }).map((u, l) => {
+            const s = t.active && t.currentStep === l;
+            return /* @__PURE__ */ e(
+              "span",
+              {
+                className: `h-2.5 w-2.5 rounded-full transition-all ${s ? "bg-[var(--zen-accent-primary)] scale-125" : "bg-[var(--zen-border-default)]"}`
+              },
+              l
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+const it = [
+  {
+    id: "alpha-cen-a",
+    badge: "STELLAR CORE 01 · PRIMARY",
+    name: "Alpha Centauri A (Rigil Kentaurus)",
+    shortName: "Alpha Cen A",
+    classification: "G2V Main-Sequence Yellow Star",
+    massLabel: "1.100 M☉ (2.19 × 10³⁰ kg)",
+    tempLumLabel: "5,790 K · 1.519 L☉",
+    accentHex: "#FBBF24",
+    hitRadius: 0.56,
+    reticleSize: 132
+  },
+  {
+    id: "alpha-cen-b",
+    badge: "STELLAR CORE 02 · SECONDARY",
+    name: "Alpha Centauri B (Toliman)",
+    shortName: "Alpha Cen B",
+    classification: "K1V Main-Sequence Orange Star",
+    massLabel: "0.907 M☉ (1.80 × 10³⁰ kg)",
+    tempLumLabel: "5,260 K · 0.500 L☉",
+    accentHex: "#FB923C",
+    hitRadius: 0.45,
+    reticleSize: 106
+  },
+  {
+    id: "proxima-c",
+    badge: "STELLAR CORE 03 · TERTIARY",
+    name: "Proxima Centauri (Alpha Cen C)",
+    shortName: "Proxima C",
+    classification: "M5.5Ve Red Dwarf Flare Star",
+    massLabel: "0.540 M☉ (Trisolaran Active Flare)",
+    tempLumLabel: "3,042 K · 0.080 L☉",
+    accentHex: "#F87171",
+    hitRadius: 0.36,
+    reticleSize: 86
+  },
+  {
+    id: "trisolaris",
+    badge: "TRISOLARAN HOMEWORLD",
+    name: "Planet Trisolaris",
+    shortName: "Trisolaris",
+    classification: "Silicate-Basalt Rocky Exoplanet",
+    massLabel: "1.08 M⊕ (6.45 × 10²⁴ kg)",
+    tempLumLabel: "3-Sun Tidal & Radiative Flux",
+    accentHex: "#60A5FA",
+    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({
+  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(
+    t,
+    () => ({
+      isOccludedTarget: (p) => {
+        var v;
+        const d = p;
+        return !!((v = d == null ? void 0 : d.closest) != null && v.call(d, Ut));
+      },
+      commitFrame: (p) => {
+        const d = n.current, v = m.current;
+        if (!d || !v) return;
+        if (!p) {
+          d.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
+        } = 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),
+          window.innerWidth - 336
+        ), S = Math.min(
+          Math.max(T - 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);
+      }
+    }),
+    []
+  ), /* @__PURE__ */ a(ye, { children: [
+    /* @__PURE__ */ a("div", { className: "fixed inset-0 z-40 pointer-events-none overflow-hidden", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: m,
+          style: { opacity: 0 },
+          className: "fixed top-0 left-0 rounded-full border border-dashed transition-opacity duration-150"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: n,
+          style: { opacity: 0 },
+          className: "fixed top-0 left-0 w-80 rounded-2xl border bg-[var(--zen-bg-elevated)]/95 backdrop-blur-md p-4 text-[var(--zen-ink-primary)] shadow-[var(--zen-shadow-hud)] transition-opacity duration-150",
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  ref: i,
+                  className: "zen-telemetry-label font-semibold"
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "zen-telemetry-label", children: "LIVE TELEMETRY" })
+            ] }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                ref: u,
+                className: "zen-font-display font-bold text-sm tracking-tight text-[var(--zen-ink-primary)] leading-snug"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                ref: l,
+                className: "zen-font-mono text-xs text-[var(--zen-ink-secondary)] mb-2.5"
+              }
+            ),
+            /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-2 pt-2 border-t border-[var(--zen-border-subtle)] zen-font-mono text-xs", children: [
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: "Mass" }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    ref: s,
+                    className: "text-[var(--zen-ink-primary)] font-medium"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: "Thermal / Lum" }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    ref: c,
+                    className: "text-[var(--zen-ink-primary)] font-medium"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: "Orbital Speed" }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    ref: o,
+                    className: "text-[var(--zen-accent-primary)] font-semibold"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: "State" }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    ref: f,
+                    className: "text-[var(--zen-ink-secondary)] truncate block"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ a(
+      "div",
+      {
+        role: "region",
+        "aria-live": "polite",
+        "aria-label": "Locked celestial telemetry inspector",
+        "data-zen-occlude": "true",
+        style: { borderColor: `${r.accentHex}77` },
+        className: "w-full rounded-2xl border bg-[var(--zen-surface-2)] p-5 text-[var(--zen-ink-primary)] shadow-[var(--zen-shadow-resting)]",
+        children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2 mb-1.5", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                style: { color: r.accentHex },
+                className: "zen-telemetry-label font-semibold",
+                children: r.badge
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "zen-telemetry-label", children: "DECLARATIVE LOCK · A11Y" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "zen-font-display font-bold text-lg text-[var(--zen-ink-primary)]", children: r.name }),
+          /* @__PURE__ */ e("div", { className: "zen-font-mono text-xs text-[var(--zen-ink-secondary)] mb-3", children: r.classification }),
+          /* @__PURE__ */ a("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 pt-3 border-t border-[var(--zen-border-subtle)] zen-font-mono text-xs", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: "Mass" }),
+              /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-primary)] font-medium", children: r.massLabel })
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: "Thermal / Lum" }),
+              /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-primary)] font-medium", children: r.tempLumLabel })
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: "Orbital Speed" }),
+              /* @__PURE__ */ e("span", { className: "text-[var(--zen-accent-primary)] font-semibold", children: r.velocityLabel })
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "zen-telemetry-label", children: "State" }),
+              /* @__PURE__ */ e("span", { className: "text-[var(--zen-ink-secondary)]", children: r.statusLabel })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function qr({
+  activeTarget: t,
+  onSelectTarget: r,
+  catalog: n = it,
+  className: m = ""
+}) {
+  const i = n.find((u) => u.id === t) ?? null;
+  return /* @__PURE__ */ a("div", { className: `space-y-4 ${m}`.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,
+        {
+          ariaLabel: "Select celestial telemetry target",
+          size: "sm",
+          value: t,
+          onChange: r,
+          items: [
+            { value: "auto", label: "Pointer Raycast" },
+            ...n.map((u) => ({
+              value: u.id,
+              label: u.shortName
+            }))
+          ]
+        }
+      )
+    ] }),
+    i && /* @__PURE__ */ e(
+      lt,
+      {
+        declarativeData: {
+          badge: i.badge,
+          name: i.name,
+          classification: i.classification,
+          accentHex: i.accentHex,
+          massLabel: i.massLabel,
+          tempLumLabel: i.tempLumLabel,
+          velocityLabel: i.id === "trisolaris" ? "47.2 km/s" : "24.6 km/s",
+          statusLabel: i.id === "trisolaris" ? "STABLE ERA · TEMPERATE (Pull: Alpha Cen A)" : "Barycentric N-Body Integration Active"
+        }
+      }
+    )
+  ] });
+}
+const jt = `
+  attribute float aSize;
+  attribute vec3 aColor;
+  varying vec3 vColor;
+
+  void main() {
+    vColor = aColor;
+    vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);
+    gl_PointSize = clamp(aSize * (18.0 / -mvPosition.z), 1.2, 4.2);
+    gl_Position = projectionMatrix * mvPosition;
+  }
+`, Wt = `
+  varying vec3 vColor;
+
+  void main() {
+    vec2 uv = gl_PointCoord - vec2(0.5);
+    float r = length(uv) * 2.0;
+    if (r > 1.0) discard;
+    float airy = exp(-r * r * 5.2);
+    gl_FragColor = vec4(vColor * (1.0 + airy * 0.45), airy * 0.92);
+  }
+`, $e = `
+  float hash31(vec3 p) {
+    p = fract(p * vec3(443.897, 441.423, 437.195));
+    p += dot(p, p.yzx + 19.19);
+    return fract((p.x + p.y) * p.z);
+  }
+
+  float noise3D(vec3 p) {
+    vec3 i = floor(p);
+    vec3 f = fract(p);
+    f = f * f * (3.0 - 2.0 * f);
+    return mix(
+      mix(
+        mix(hash31(i + vec3(0,0,0)), hash31(i + vec3(1,0,0)), f.x),
+        mix(hash31(i + vec3(0,1,0)), hash31(i + vec3(1,1,0)), f.x),
+        f.y
+      ),
+      mix(
+        mix(hash31(i + vec3(0,0,1)), hash31(i + vec3(1,0,1)), f.x),
+        mix(hash31(i + vec3(0,1,1)), hash31(i + vec3(1,1,1)), f.x),
+        f.y
+      ),
+      f.z
+    );
+  }
+
+  float fbm6(vec3 p) {
+    float v = 0.0;
+    float amp = 0.5;
+    mat3 rot = mat3(
+      0.00,  0.80,  0.60,
+     -0.80,  0.36, -0.48,
+     -0.60, -0.48,  0.64
+    );
+    for (int i = 0; i < 6; i++) {
+      v += amp * noise3D(p);
+      p = rot * p * 2.07 + vec3(1.7, 9.2, 3.4);
+      amp *= 0.48;
+    }
+    return v;
+  }
+
+  float ridgedFbm(vec3 p) {
+    float v = 0.0;
+    float amp = 0.55;
+    float weight = 1.0;
+    for (int i = 0; i < 5; i++) {
+      float n = 1.0 - abs(noise3D(p) * 2.0 - 1.0);
+      n = n * n * weight;
+      weight = clamp(n * 1.8, 0.0, 1.0);
+      v += n * amp;
+      p *= 2.15;
+      amp *= 0.48;
+    }
+    return v;
+  }
+`, qt = `
+  uniform float uTime;
+  varying vec3 vWorldNormal;
+  varying vec3 vWorldPosition;
+  varying vec3 vLocalPos;
+
+  void main() {
+    vLocalPos = normalize(position);
+    vWorldNormal = normalize(mat3(modelMatrix) * normal);
+    vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`, Kt = `
+  uniform float uTime;
+  uniform vec3 uCoreColor;
+  uniform vec3 uEdgeColor;
+  uniform vec3 uSpotColor;
+  uniform float uGlowGain;
+  uniform float uGranuleScale;
+  varying vec3 vWorldNormal;
+  varying vec3 vWorldPosition;
+  varying vec3 vLocalPos;
+
+  ${$e}
+
+  void main() {
+    vec3 viewDir = normalize(cameraPosition - vWorldPosition);
+    vec3 n = normalize(vWorldNormal);
+    float mu = clamp(dot(n, viewDir), 0.0, 1.0);
+
+    vec3 flowPos = vLocalPos * uGranuleScale + vec3(uTime * 0.14, -uTime * 0.11, uTime * 0.09);
+    float gran = fbm6(flowPos);
+    float filaments = ridgedFbm(vLocalPos * (uGranuleScale * 0.75) - vec3(uTime * 0.18));
+
+    float spotField = fbm6(vLocalPos * 3.2 + vec3(0.0, uTime * 0.04, 0.0));
+    float sunspotMask = smoothstep(0.64, 0.73, spotField);
+
+    float limbDarkening = pow(mu, 0.52);
+    float spiculeRim = pow(1.0 - mu, 3.2) * (0.6 + 0.8 * filaments);
+
+    vec3 photosphere = mix(uEdgeColor, uCoreColor, clamp(gran * 1.15 + filaments * 0.35, 0.0, 1.0));
+    photosphere = mix(photosphere, uSpotColor, sunspotMask * 0.88);
+    photosphere *= (0.38 + 0.72 * limbDarkening);
+    photosphere += uCoreColor * filaments * 0.42 * (1.0 - sunspotMask);
+    photosphere += mix(uEdgeColor, vec3(1.0, 0.95, 0.82), 0.4) * spiculeRim * 1.35;
+
+    gl_FragColor = vec4(photosphere * uGlowGain, 1.0);
+  }
+`, Yt = `
+  varying vec3 vWorldNormal;
+  varying vec3 vWorldPosition;
+  varying vec3 vLocalPos;
+
+  void main() {
+    vLocalPos = normalize(position);
+    vWorldNormal = normalize(mat3(modelMatrix) * normal);
+    vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`, Xt = `
+  uniform float uTime;
+  uniform vec3 uCoronaColor;
+  varying vec3 vWorldNormal;
+  varying vec3 vWorldPosition;
+  varying vec3 vLocalPos;
+
+  ${$e}
+
+  void main() {
+    vec3 viewDir = normalize(cameraPosition - vWorldPosition);
+    vec3 n = normalize(vWorldNormal);
+    float ndv = abs(dot(n, viewDir));
+    float radialFade = pow(clamp(ndv, 0.0, 1.0), 3.2);
+    float streamer = ridgedFbm(vLocalPos * 6.0 + vec3(uTime * 0.35, -uTime * 0.28, uTime * 0.22));
+    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 = `
+  varying vec3 vWorldNormal;
+  varying vec3 vWorldPosition;
+  varying vec3 vLocalPos;
+
+  void main() {
+    vLocalPos = normalize(position);
+    vWorldNormal = normalize(mat3(modelMatrix) * normal);
+    vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`, Jt = `
+  uniform float uTime;
+  uniform vec3 uSun0Pos;
+  uniform vec3 uSun1Pos;
+  uniform vec3 uSun2Pos;
+  uniform float uTidalHeat;
+  uniform float uBolometricFlux;
+  varying vec3 vWorldNormal;
+  varying vec3 vWorldPosition;
+  varying vec3 vLocalPos;
+
+  ${$e}
+
+  void main() {
+    vec3 p = vLocalPos * 3.8;
+    float continent = fbm6(p);
+    float mountains = ridgedFbm(p * 1.85 + vec3(2.4, -1.1, 0.7));
+    float microCrater = ridgedFbm(p * 6.5);
+    float heightField = continent * 0.55 + mountains * 0.35 + microCrater * 0.10;
+
+    vec3 dPdx = dFdx(vWorldPosition);
+    vec3 dPdy = dFdy(vWorldPosition);
+    float dHdx = dFdx(heightField);
+    float dHdy = dFdy(heightField);
+    vec3 baseNorm = normalize(vWorldNormal);
+    vec3 surfGrad = (dHdx * cross(baseNorm, dPdy) + dHdy * cross(dPdx, baseNorm));
+    vec3 n = normalize(baseNorm - surfGrad * 2.8);
+
+    float riftNoise = abs(fbm6(vLocalPos * 4.6 + vec3(1.2, 3.4, -2.1)) - 0.48);
+    float riftMask = smoothstep(0.026, 0.003, riftNoise) * smoothstep(0.32, 0.58, mountains);
+
+    vec3 cloudCoord = vec3(
+      vLocalPos.x * cos(uTime * 0.08) - vLocalPos.z * sin(uTime * 0.08),
+      vLocalPos.y * 1.6,
+      vLocalPos.x * sin(uTime * 0.08) + vLocalPos.z * cos(uTime * 0.08)
+    );
+    float cloudSwirl = fbm6(cloudCoord * 3.4 + vec3(fbm6(cloudCoord * 2.0)));
+    float cloudMask = smoothstep(0.52, 0.74, cloudSwirl) * clamp(1.2 - uBolometricFlux * 0.35, 0.15, 0.9);
+
+    vec3 deepBasaltOcean = vec3(0.04, 0.08, 0.15);
+    vec3 lowlandSilicate = vec3(0.22, 0.19, 0.16);
+    vec3 highlandGranite = vec3(0.42, 0.37, 0.33);
+    vec3 alpinePeak = vec3(0.72, 0.75, 0.80);
+
+    vec3 baseTerrain = deepBasaltOcean;
+    if (heightField > 0.42) {
+      baseTerrain = mix(lowlandSilicate, highlandGranite, smoothstep(0.42, 0.64, heightField));
+      baseTerrain = mix(baseTerrain, alpinePeak, smoothstep(0.64, 0.82, heightField));
+    } else {
+      baseTerrain = mix(deepBasaltOcean, vec3(0.08, 0.15, 0.24), smoothstep(0.28, 0.42, heightField));
+    }
+
+    float freezeFactor = clamp(1.0 - uBolometricFlux * 0.65, 0.0, 0.88);
+    vec3 cryoIce = mix(vec3(0.68, 0.78, 0.90), vec3(0.90, 0.95, 1.0), mountains);
+    vec3 surfaceAlbedo = mix(baseTerrain, cryoIce, freezeFactor * 0.78);
+    surfaceAlbedo = mix(surfaceAlbedo, vec3(0.92, 0.94, 0.98), cloudMask * 0.65);
+
+    vec3 v0 = uSun0Pos - vWorldPosition;
+    vec3 v1 = uSun1Pos - vWorldPosition;
+    vec3 v2 = uSun2Pos - vWorldPosition;
+    vec3 l0 = normalize(v0);
+    vec3 l1 = normalize(v1);
+    vec3 l2 = normalize(v2);
+
+    float d0Sq = max(0.18, dot(v0, v0));
+    float d1Sq = max(0.18, dot(v1, v1));
+    float d2Sq = max(0.18, dot(v2, v2));
+
+    float ndl0 = max(dot(n, l0), 0.0);
+    float ndl1 = max(dot(n, l1), 0.0);
+    float ndl2 = max(dot(n, l2), 0.0);
+
+    vec3 colG2V = vec3(1.0, 0.93, 0.80);
+    vec3 colK1V = vec3(1.0, 0.68, 0.28);
+    vec3 colMDwarf = vec3(0.96, 0.32, 0.12);
+
+    float irr0 = (1.52 / d0Sq) * ndl0;
+    float irr1 = (0.65 / d1Sq) * ndl1;
+    float irr2 = (0.18 / d2Sq) * ndl2;
+    float localIrradiance = irr0 + irr1 + irr2;
+
+    vec3 viewDir = normalize(cameraPosition - vWorldPosition);
+    float oceanMask = (1.0 - smoothstep(0.39, 0.44, heightField)) * (1.0 - freezeFactor) * (1.0 - cloudMask);
+    float spec0 = pow(max(dot(reflect(-l0, n), viewDir), 0.0), 28.0) * oceanMask * (1.52 / d0Sq);
+    float spec1 = pow(max(dot(reflect(-l1, n), viewDir), 0.0), 28.0) * oceanMask * (0.65 / d1Sq);
+
+    vec3 litPlanet = surfaceAlbedo * (
+      vec3(0.03, 0.04, 0.06)
+      + colG2V * irr0 * 0.95
+      + colK1V * irr1 * 0.95
+      + colMDwarf * irr2 * 0.95
+    ) + colG2V * spec0 * 0.45 + colK1V * spec1 * 0.45;
+
+    float subStellarMelt = smoothstep(1.4, 3.5, localIrradiance) * ridgedFbm(p * 3.5);
+    float lavaIntensity = clamp(riftMask * (uTidalHeat * 2.2 + localIrradiance * 0.65) + subStellarMelt * 0.85, 0.0, 2.5);
+    vec3 magmaColor = mix(vec3(0.95, 0.18, 0.02), vec3(1.0, 0.85, 0.28), clamp(lavaIntensity * 0.55, 0.0, 1.0));
+
+    float rim = pow(1.0 - max(dot(viewDir, baseNorm), 0.0), 3.0);
+    vec3 atmoColor = mix(vec3(0.32, 0.60, 0.96), vec3(1.0, 0.48, 0.15), clamp(uBolometricFlux * 0.45, 0.0, 1.0));
+
+    vec3 finalCol = litPlanet + magmaColor * lavaIntensity + atmoColor * rim * 0.48;
+    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 er({
+  scrollProgressRef: t,
+  pointerNdcRef: r,
+  bridgeRef: n,
+  reducedMotion: m,
+  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({
+      uniforms: {
+        uTime: { value: 0 },
+        uCoreColor: { value: new w.Color(j) },
+        uEdgeColor: { value: new w.Color(Y) },
+        uSpotColor: { value: new w.Color(oe) },
+        uGlowGain: { value: X },
+        uGranuleScale: { value: ie }
+      },
+      vertexShader: qt,
+      fragmentShader: Kt,
+      toneMapped: !1
+    }), D = (j) => new w.ShaderMaterial({
+      uniforms: {
+        uTime: { value: 0 },
+        uCoronaColor: { value: new w.Color(j) }
+      },
+      vertexShader: Yt,
+      fragmentShader: Xt,
+      transparent: !0,
+      depthWrite: !1,
+      blending: w.AdditiveBlending,
+      side: w.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)
+    ], B = [
+      D("#FFB347"),
+      D("#F97316"),
+      D("#EF4444")
+    ], K = new w.ShaderMaterial({
+      uniforms: {
+        uTime: { value: 0 },
+        uSun0Pos: { value: new w.Vector3() },
+        uSun1Pos: { value: new w.Vector3() },
+        uSun2Pos: { value: new w.Vector3() },
+        uTidalHeat: { value: 0.4 },
+        uBolometricFlux: { value: 1 }
+      },
+      vertexShader: Qt,
+      fragmentShader: Jt,
+      toneMapped: !1
+    }), te = new w.ShaderMaterial({
+      vertexShader: jt,
+      fragmentShader: Wt,
+      transparent: !0,
+      depthWrite: !1,
+      blending: w.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,
+      coronaShaderMats: B,
+      trisolarisShaderMat: K,
+      starfieldMat: te
+    };
+  }, []), { suns: A, trisolaris: M } = le(() => {
+    const F = [
+      {
+        pos: new w.Vector3(),
+        vel: new w.Vector3(),
+        acc: new w.Vector3(),
+        mass: 1.1,
+        luminosity: 1.52,
+        radius: 0.43
+      },
+      {
+        pos: new w.Vector3(),
+        vel: new w.Vector3(),
+        acc: new w.Vector3(),
+        mass: 0.91,
+        luminosity: 0.5,
+        radius: 0.33
+      },
+      {
+        pos: new w.Vector3(),
+        vel: new w.Vector3(),
+        acc: new w.Vector3(),
+        mass: 0.54,
+        luminosity: 0.08,
+        radius: 0.24
+      }
+    ], D = {
+      pos: new w.Vector3(),
+      vel: new w.Vector3(),
+      acc: new w.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")
+    ];
+    for (let j = 0; j < 2e3; j++) {
+      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;
+    }
+    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;
+  }, []);
+  q(() => () => {
+    E.dispose(), x.dispose(), g.dispose(), z.dispose(), S.dispose(), I.dispose(), y.dispose(), $.forEach((F) => F.dispose()), N.forEach((F) => F.dispose());
+  }, [
+    E,
+    x,
+    g,
+    z,
+    S,
+    I,
+    y,
+    $,
+    N
+  ]);
+  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(
+      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(
+      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 = () => {
+      for (let C = 0; C < 3; C++) {
+        A[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);
+        }
+      }
+      M.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);
+      }
+    };
+    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);
+      }
+      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);
+    }
+    const me = [c.current, o.current, f.current], Te = [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];
+    }
+    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;
+    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);
+    }
+    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);
+      const C = r.current, O = C.x < -10;
+      se.setFromCamera(C, F.camera);
+      const V = [Q, k, b, _];
+      let P = -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);
+        }
+      T.current = w.MathUtils.lerp(
+        T.current,
+        P !== -1 ? 0 : 1,
+        B * 18
+      );
+      for (let G = 0; G < 3; G++) {
+        const ee = me[G];
+        ee && P === G && 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`;
+        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,
+          screenX: ee,
+          screenY: ve,
+          massLabel: G.massLabel,
+          tempLumLabel: G.tempLumLabel,
+          velocityLabel: Se,
+          statusLabel: pe
+        });
+      } else
+        (W = n.current) == null || W.commitFrame(null);
+    }
+    y.uniforms.uTime.value += B * Y * 0.9, y.uniforms.uBolometricFlux.value = w.MathUtils.lerp(
+      y.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),
+      B * 4
+    ), d.current && (d.current.rotation.y += B * Y * 0.015);
+  }), /* @__PURE__ */ a("group", { ref: s, children: [
+    /* @__PURE__ */ e(
+      "points",
+      {
+        ref: d,
+        geometry: S,
+        material: I
+      }
+    ),
+    /* @__PURE__ */ a("group", { ref: c, children: [
+      /* @__PURE__ */ e("mesh", { geometry: E, material: $[0] }),
+      /* @__PURE__ */ e(
+        "mesh",
+        {
+          geometry: E,
+          material: N[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__ */ e(
+        "mesh",
+        {
+          geometry: x,
+          material: N[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: g,
+          material: N[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 }) })
+  ] });
+}
+function Kr({
+  scrollProgressRef: t,
+  paused: r = !1,
+  timeScale: n = 1,
+  catalog: m = it
+}) {
+  const { reducedMotion: i, polarity: u } = Le(), l = R(new w.Vector2(-99, -99)), s = R(null);
+  return q(() => {
+    const c = (o) => {
+      var f;
+      if ((f = s.current) != null && f.isOccludedTarget(o.target)) {
+        l.current.set(-99, -99);
+        return;
+      }
+      l.current.set(
+        o.clientX / window.innerWidth * 2 - 1,
+        -(o.clientY / window.innerHeight) * 2 + 1
+      );
+    };
+    return window.addEventListener("pointermove", c, {
+      passive: !0
+    }), () => window.removeEventListener("pointermove", c);
+  }, []), /* @__PURE__ */ a(ye, { 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,
+          {
+            dpr: [1, 1.5],
+            camera: { position: [0, 0, 5.2], fov: 44 },
+            gl: {
+              antialias: !0,
+              alpha: !0,
+              powerPreference: "high-performance"
+            },
+            children: [
+              /* @__PURE__ */ e("ambientLight", { intensity: 0.25 }),
+              /* @__PURE__ */ e(ct, { fallback: null, children: /* @__PURE__ */ e(
+                er,
+                {
+                  scrollProgressRef: t,
+                  pointerNdcRef: l,
+                  bridgeRef: s,
+                  reducedMotion: i,
+                  paused: r,
+                  timeScale: n,
+                  catalog: m
+                }
+              ) }),
+              /* @__PURE__ */ e(Lt, { children: /* @__PURE__ */ e(
+                Pt,
+                {
+                  intensity: 0.85,
+                  luminanceThreshold: 0.78,
+                  luminanceSmoothing: 0.85,
+                  mipmapBlur: !0
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(lt, { bridgeRef: s })
+  ] });
+}
+const Yr = "1.1.0", Xr = "@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
+};