@praxisjs/devtools 0.2.4 → 0.2.6

package/dist/index.js

@@ -1,141 +1,117 @@
-var Tt = Object.create;
-var pe = Object.defineProperty;
-var qt = Object.getOwnPropertyDescriptor;
-var Ae = (r, t) => (t = Symbol[r]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + r), q = (r) => {
-  throw TypeError(r);
-};
-var Be = (r, t, e) => t in r ? pe(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var Ue = (r, t) => pe(r, "name", { value: t, configurable: !0 });
-var b = (r) => [, , , Tt(r?.[Ae("metadata")] ?? null)], He = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], T = (r) => r !== void 0 && typeof r != "function" ? q("Function expected") : r, Xt = (r, t, e, n, i) => ({ kind: He[r], name: t, metadata: n, addInitializer: (a) => e._ ? q("Already initialized") : i.push(T(a || null)) }), Kt = (r, t) => Be(t, Ae("metadata"), r[3]), s = (r, t, e, n) => {
-  for (var i = 0, a = r[t >> 1], c = a && a.length; i < c; i++) t & 1 ? a[i].call(e) : n = a[i].call(e, n);
-  return n;
-}, l = (r, t, e, n, i, a) => {
-  var c, p, g, h, w, u = t & 7, k = !!(t & 8), z = !!(t & 16), j = u > 3 ? r.length + 1 : u ? k ? 1 : 2 : 0, A = He[u + 5], R = u > 3 && (r[j - 1] = []), Rt = r[j] || (r[j] = []), $ = u && (!z && !k && (i = i.prototype), u < 5 && (u > 3 || !z) && qt(u < 4 ? i : { get [e]() {
-    return Oe(this, a);
-  }, set [e](M) {
-    return Fe(this, a, M);
-  } }, e));
-  u ? z && u < 4 && Ue(a, (u > 2 ? "set " : u > 1 ? "get " : "") + e) : Ue(i, e);
-  for (var de = n.length - 1; de >= 0; de--)
-    h = Xt(u, e, g = {}, r[3], Rt), u && (h.static = k, h.private = z, w = h.access = { has: z ? (M) => Zt(i, M) : (M) => e in M }, u ^ 3 && (w.get = z ? (M) => (u ^ 1 ? Oe : Qt)(M, i, u ^ 4 ? a : $.get) : (M) => M[e]), u > 2 && (w.set = z ? (M, ue) => Fe(M, i, ue, u ^ 4 ? a : $.set) : (M, ue) => M[e] = ue)), p = (0, n[de])(u ? u < 4 ? z ? a : $[A] : u > 4 ? void 0 : { get: $.get, set: $.set } : i, h), g._ = 1, u ^ 4 || p === void 0 ? T(p) && (u > 4 ? R.unshift(p) : u ? z ? a = p : $[A] = p : i = p) : typeof p != "object" || p === null ? q("Object expected") : (T(c = p.get) && ($.get = c), T(c = p.set) && ($.set = c), T(c = p.init) && R.unshift(c));
-  return u || Kt(r, i), $ && pe(i, e, $), z ? u ^ 4 ? a : $ : i;
-}, f = (r, t, e) => Be(r, typeof t != "symbol" ? t + "" : t, e), he = (r, t, e) => t.has(r) || q("Cannot " + e), Zt = (r, t) => Object(t) !== t ? q('Cannot use the "in" operator on this value') : r.has(t), Oe = (r, t, e) => (he(r, t, "read from private field"), e ? e.call(r) : t.get(r));
-var Fe = (r, t, e, n) => (he(r, t, "write to private field"), n ? n.call(r, e) : t.set(r, e), e), Qt = (r, t, e) => (he(r, t, "access private method"), e);
-import { jsxs as d, jsx as o } from "@praxisjs/jsx/jsx-runtime";
-import { StatelessComponent as y, StatefulComponent as J } from "@praxisjs/core";
-import { Component as m, State as C, Prop as Z, Emit as Vt } from "@praxisjs/decorators";
-import { render as Ge } from "@praxisjs/runtime";
-import { computed as Pt } from "@praxisjs/core/internal";
-const Jt = "data:image/svg+xml,%3csvg%20width='1024'%20height='1024'%20viewBox='0%200%201024%201024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M605.411%20445.66L641.322%20498.293L641.342%20498.278L697.538%20578.57L742.673%20512.806L512.5%20178.878L281.327%20512.806L512.5%20848.182L603.519%20715.561L650.559%20782.134L512.701%20983L187%20510.478L512.701%2040L837%20510.478L698.206%20712.709L668.895%20671.104L604.033%20578.775L512%20712.504L373.199%20511.5L512.233%20309.092L584.13%20414.469L536.746%20480.456L513.69%20445.66L466.305%20511.5L512.166%20577.425L556.48%20513.91L605.411%20445.66Z'%20fill='url(%23paint0_linear_3024_20)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3024_20'%20x1='512'%20y1='40'%20x2='512'%20y2='983'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%239B76FF'%20stop-opacity='0.86'/%3e%3cstop%20offset='1'%20stop-color='%232D246B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", en = '*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:host{all:initial;display:block;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}input::placeholder{color:#6f6a8f}input:focus{outline:none;box-shadow:0 0 0 2px #9b90e64d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9b90e633;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9b90e666}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-full{top:100%}.z-\\[2147483647\\]{z-index:2147483647}.z-10{z-index:10}.grid{display:grid}.grid-cols-\\[1\\.2fr_0\\.8fr_1fr_auto\\]{grid-template-columns:1.2fr .8fr 1fr auto}.m6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mr-\\[2px\\]{margin-right:2px}.ms{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.box-border{box-sizing:border-box}.inline-block{display:inline-block}.h-\\[13px\\]{height:13px}.h-\\[22px\\]{height:22px}.h-\\[2px\\]{height:2px}.h-\\[32px\\]{height:32px}.h-\\[6px\\]{height:6px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3{height:.75rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.max-w-\\[200px\\]{max-width:200px}.min-w-0{min-width:0}.w-\\[13px\\]{width:13px}.w-\\[22px\\]{width:22px}.w-\\[2px\\]{width:2px}.w-\\[6px\\]{width:6px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-full{width:100%}.w-px{width:1px}.flex{display:flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.cursor-\\[ew-resize\\]{cursor:ew-resize}.cursor-\\[ns-resize\\]{cursor:ns-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[6px\\]{gap:6px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{--un-border-opacity:.25;border-color:rgba(155,144,230,var(--un-border-opacity))}.border-warn{--un-border-opacity:1;border-color:rgb(217 119 6 / var(--un-border-opacity))}.hover\\:border-accent:hover{--un-border-opacity:1;border-color:rgb(155 144 230 / var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bg-\\[rgba\\(124\\,109\\,214\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(124,109,214,var(--un-bg-opacity))}.bg-\\[rgba\\(14\\,165\\,122\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(14,165,122,var(--un-bg-opacity))}.bg-\\[rgba\\(155\\,144\\,230\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-\\[rgba\\(217\\,119\\,6\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(217,119,6,var(--un-bg-opacity))}.bg-\\[rgba\\(220\\,38\\,38\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(220,38,38,var(--un-bg-opacity))}.bg-\\[rgba\\(74\\,222\\,128\\,0\\.12\\)\\]{--un-bg-opacity:.12;background-color:rgba(74,222,128,var(--un-bg-opacity))}.bg-accent{--un-bg-opacity:1;background-color:rgb(155 144 230 / var(--un-bg-opacity))}.bg-bg{--un-bg-opacity:1;background-color:rgb(15 13 23 / var(--un-bg-opacity))}.bg-border{--un-bg-opacity:.25;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-header{--un-bg-opacity:1;background-color:rgb(22 19 38 / var(--un-bg-opacity))}.bg-input,.bg-section{--un-bg-opacity:1;background-color:rgb(27 24 48 / var(--un-bg-opacity))}.bg-selected{--un-bg-opacity:1;background-color:rgb(34 30 61 / var(--un-bg-opacity))}.bg-soft{--un-bg-opacity:.18;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-subtle{--un-bg-opacity:1;background-color:rgb(111 106 143 / var(--un-bg-opacity))}.bg-success{--un-bg-opacity:1;background-color:rgb(14 165 122 / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.hover\\:bg-accent:hover{--un-bg-opacity:1;background-color:rgb(155 144 230 / var(--un-bg-opacity))}.hover\\:bg-section:hover{--un-bg-opacity:1;background-color:rgb(27 24 48 / var(--un-bg-opacity))}.hover\\:bg-soft:hover{--un-bg-opacity:.18;background-color:rgba(155,144,230,var(--un-bg-opacity))}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.py-\\[3px\\]{padding-top:3px;padding-bottom:3px}.py-\\[4px\\]{padding-top:4px;padding-bottom:4px}.py-\\[5px\\]{padding-top:5px;padding-bottom:5px}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[56px\\]{padding-left:56px}.pl-1{padding-left:.25rem}.pr-\\[14px\\]{padding-right:14px}.pr-3{padding-right:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[20px\\]{font-size:20px}.text-\\[9px\\]{font-size:9px}.text-\\[\\#0ea57a\\]{--un-text-opacity:1;color:rgb(14 165 122 / var(--un-text-opacity))}.text-\\[\\#4ade80\\]{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.text-\\[\\#7c6dd6\\]{--un-text-opacity:1;color:rgb(124 109 214 / var(--un-text-opacity))}.text-\\[\\#9b90e6\\],.text-accent{--un-text-opacity:1;color:rgb(155 144 230 / var(--un-text-opacity))}.text-\\[\\#d97706\\],.text-warn{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity))}.text-\\[\\#dc2626\\]{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.text-muted{--un-text-opacity:1;color:rgb(199 195 230 / var(--un-text-opacity))}.text-subtle{--un-text-opacity:1;color:rgb(111 106 143 / var(--un-text-opacity))}.text-text,.hover\\:text-text:hover{--un-text-opacity:1;color:rgb(244 242 255 / var(--un-text-opacity))}.color-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\\:color-muted:hover{--un-text-opacity:1;color:rgb(199 195 230 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\\[0\\.07em\\]{letter-spacing:.07em}.tracking-\\[0\\.12em\\]{letter-spacing:.12em}.tracking-widest{letter-spacing:.1em}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.7\\)\\]{--un-shadow:0 8px 32px var(--un-shadow-color, rgba(0, 0, 0, .7));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\\:shadow-\\[0_8px_32px_rgba\\(56\\,189\\,248\\,0\\.1\\)\\]:hover{--un-shadow:0 8px 32px var(--un-shadow-color, rgba(56, 189, 248, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}';
-class tn {
-  handlers = /* @__PURE__ */ new Map();
-  on(t, e) {
-    return this.handlers.has(t) || this.handlers.set(t, /* @__PURE__ */ new Set()), this.handlers.get(t).add(e), () => this.handlers.get(t)?.delete(e);
+import { jsxs as f, jsx as u } from "@praxisjs/jsx/jsx-runtime";
+import { StatelessComponent as k, StatefulComponent as K } from "@praxisjs/core";
+import { Component as x, State as O, Prop as ie, Emit as Tn, createMethodDecorator as jn, createGetterObserverDecorator as Fn, createFieldDecorator as Ln, ClassBehavior as An, createClassDecorator as Nn } from "@praxisjs/decorators";
+import { render as Ft } from "@praxisjs/runtime";
+import { computed as Bn } from "@praxisjs/core/internal";
+const ir = "data:image/svg+xml,%3csvg%20width='1024'%20height='1024'%20viewBox='0%200%201024%201024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M605.411%20445.66L641.322%20498.293L641.342%20498.278L697.538%20578.57L742.673%20512.806L512.5%20178.878L281.327%20512.806L512.5%20848.182L603.519%20715.561L650.559%20782.134L512.701%20983L187%20510.478L512.701%2040L837%20510.478L698.206%20712.709L668.895%20671.104L604.033%20578.775L512%20712.504L373.199%20511.5L512.233%20309.092L584.13%20414.469L536.746%20480.456L513.69%20445.66L466.305%20511.5L512.166%20577.425L556.48%20513.91L605.411%20445.66Z'%20fill='url(%23paint0_linear_3024_20)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3024_20'%20x1='512'%20y1='40'%20x2='512'%20y2='983'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%239B76FF'%20stop-opacity='0.86'/%3e%3cstop%20offset='1'%20stop-color='%232D246B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Rn = '*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:host{all:initial;display:block;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}input::placeholder{color:#6f6a8f}input:focus{outline:none;box-shadow:0 0 0 2px #9b90e64d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9b90e633;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9b90e666}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-full{top:100%}.z-\\[2147483647\\]{z-index:2147483647}.z-10{z-index:10}.grid{display:grid}.grid-cols-\\[1\\.2fr_0\\.8fr_1fr_auto\\]{grid-template-columns:1.2fr .8fr 1fr auto}.m6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mr-\\[2px\\]{margin-right:2px}.ms{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.box-border{box-sizing:border-box}.inline-block{display:inline-block}.h-\\[13px\\]{height:13px}.h-\\[22px\\]{height:22px}.h-\\[2px\\]{height:2px}.h-\\[32px\\]{height:32px}.h-\\[6px\\]{height:6px}.h-1,.h1{height:.25rem}.h-10{height:2.5rem}.h-3{height:.75rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.h2{height:.5rem}.max-w-\\[200px\\]{max-width:200px}.min-w-0{min-width:0}.w-\\[13px\\]{width:13px}.w-\\[22px\\]{width:22px}.w-\\[2px\\]{width:2px}.w-\\[6px\\]{width:6px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-full{width:100%}.w-px{width:1px}.flex{display:flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.cursor-\\[ew-resize\\]{cursor:ew-resize}.cursor-\\[ns-resize\\]{cursor:ns-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[6px\\]{gap:6px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b,.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{--un-border-opacity:.25;border-color:rgba(155,144,230,var(--un-border-opacity))}.border-warn{--un-border-opacity:1;border-color:rgb(217 119 6 / var(--un-border-opacity))}.hover\\:border-accent:hover{--un-border-opacity:1;border-color:rgb(155 144 230 / var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bg-\\[rgba\\(124\\,109\\,214\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(124,109,214,var(--un-bg-opacity))}.bg-\\[rgba\\(14\\,165\\,122\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(14,165,122,var(--un-bg-opacity))}.bg-\\[rgba\\(155\\,144\\,230\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-\\[rgba\\(217\\,119\\,6\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(217,119,6,var(--un-bg-opacity))}.bg-\\[rgba\\(220\\,38\\,38\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(220,38,38,var(--un-bg-opacity))}.bg-\\[rgba\\(74\\,222\\,128\\,0\\.12\\)\\]{--un-bg-opacity:.12;background-color:rgba(74,222,128,var(--un-bg-opacity))}.bg-accent{--un-bg-opacity:1;background-color:rgb(155 144 230 / var(--un-bg-opacity))}.bg-bg{--un-bg-opacity:1;background-color:rgb(15 13 23 / var(--un-bg-opacity))}.bg-border{--un-bg-opacity:.25;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-header{--un-bg-opacity:1;background-color:rgb(22 19 38 / var(--un-bg-opacity))}.bg-input,.bg-section{--un-bg-opacity:1;background-color:rgb(27 24 48 / var(--un-bg-opacity))}.bg-selected{--un-bg-opacity:1;background-color:rgb(34 30 61 / var(--un-bg-opacity))}.bg-soft{--un-bg-opacity:.18;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-subtle{--un-bg-opacity:1;background-color:rgb(111 106 143 / var(--un-bg-opacity))}.bg-success{--un-bg-opacity:1;background-color:rgb(14 165 122 / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.hover\\:bg-accent:hover{--un-bg-opacity:1;background-color:rgb(155 144 230 / var(--un-bg-opacity))}.hover\\:bg-section:hover{--un-bg-opacity:1;background-color:rgb(27 24 48 / var(--un-bg-opacity))}.hover\\:bg-soft:hover{--un-bg-opacity:.18;background-color:rgba(155,144,230,var(--un-bg-opacity))}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.py-\\[3px\\]{padding-top:3px;padding-bottom:3px}.py-\\[4px\\]{padding-top:4px;padding-bottom:4px}.py-\\[5px\\]{padding-top:5px;padding-bottom:5px}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[56px\\]{padding-left:56px}.pl-1{padding-left:.25rem}.pr-\\[14px\\]{padding-right:14px}.pr-3{padding-right:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[20px\\]{font-size:20px}.text-\\[9px\\]{font-size:9px}.text-\\[\\#0ea57a\\]{--un-text-opacity:1;color:rgb(14 165 122 / var(--un-text-opacity))}.text-\\[\\#4ade80\\]{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.text-\\[\\#7c6dd6\\]{--un-text-opacity:1;color:rgb(124 109 214 / var(--un-text-opacity))}.text-\\[\\#9b90e6\\],.text-accent{--un-text-opacity:1;color:rgb(155 144 230 / var(--un-text-opacity))}.text-\\[\\#d97706\\],.text-warn{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity))}.text-\\[\\#dc2626\\]{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.text-muted{--un-text-opacity:1;color:rgb(199 195 230 / var(--un-text-opacity))}.text-subtle{--un-text-opacity:1;color:rgb(111 106 143 / var(--un-text-opacity))}.text-text,.hover\\:text-text:hover{--un-text-opacity:1;color:rgb(244 242 255 / var(--un-text-opacity))}.color-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\\:color-muted:hover{--un-text-opacity:1;color:rgb(199 195 230 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\\[0\\.07em\\]{letter-spacing:.07em}.tracking-\\[0\\.12em\\]{letter-spacing:.12em}.tracking-widest{letter-spacing:.1em}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.7\\)\\]{--un-shadow:0 8px 32px var(--un-shadow-color, rgba(0, 0, 0, .7));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\\:shadow-\\[0_8px_32px_rgba\\(56\\,189\\,248\\,0\\.1\\)\\]:hover{--un-shadow:0 8px 32px var(--un-shadow-color, rgba(56, 189, 248, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}';
+class Un {
+  constructor() {
+    this.handlers = /* @__PURE__ */ new Map();
   }
-  emit(t, e) {
+  on(t, r) {
+    return this.handlers.has(t) || this.handlers.set(t, /* @__PURE__ */ new Set()), this.handlers.get(t).add(r), () => this.handlers.get(t)?.delete(r);
+  }
+  emit(t, r) {
     this.handlers.get(t)?.forEach((n) => {
-      n(e);
+      n(r);
     });
   }
 }
-const nn = 200;
-let rn = 0;
-function We() {
-  return `v${(++rn).toString()}_${Date.now().toString(36)}`;
+const Gn = 200;
+let Hn = 0;
+function Lt() {
+  return `v${(++Hn).toString()}_${Date.now().toString(36)}`;
 }
-class v {
-  static _instance = null;
+const H = class H {
+  constructor() {
+    this.bus = new Un(), this.instanceIds = /* @__PURE__ */ new WeakMap(), this.signals = /* @__PURE__ */ new Map(), this.components = /* @__PURE__ */ new Map(), this.timeline = [];
+  }
   static get instance() {
-    return v._instance ??= new v(), v._instance;
+    return H._instance ??= new H(), H._instance;
   }
-  bus = new tn();
-  instanceIds = /* @__PURE__ */ new WeakMap();
-  signals = /* @__PURE__ */ new Map();
-  components = /* @__PURE__ */ new Map();
-  timeline = [];
   getInstanceId(t) {
-    return this.instanceIds.has(t) || this.instanceIds.set(t, We()), this.instanceIds.get(t);
+    return this.instanceIds.has(t) || this.instanceIds.set(t, Lt()), this.instanceIds.get(t);
   }
-  registerSignal(t, e, n, i) {
-    const a = this.getInstanceId(t), c = `${a}:${e}`, p = {
-      id: c,
-      label: e,
-      componentId: a,
-      componentName: i,
+  registerSignal(t, r, n, o) {
+    const i = this.getInstanceId(t), s = `${i}:${r}`, c = {
+      id: s,
+      label: r,
+      componentId: i,
+      componentName: o,
       value: n,
       history: [{ value: n, timestamp: Date.now() }],
       changedAt: Date.now()
     };
-    this.signals.set(c, p), this.bus.emit("signal:registered", p);
+    this.signals.set(s, c), this.bus.emit("signal:registered", c);
   }
-  updateSignal(t, e, n, i) {
-    const c = `${this.getInstanceId(t)}:${e}`, p = this.signals.get(c);
-    if (!p) return;
-    const g = [
-      ...p.history,
+  updateSignal(t, r, n, o) {
+    const s = `${this.getInstanceId(t)}:${r}`, c = this.signals.get(s);
+    if (!c) return;
+    const h = [
+      ...c.history,
       { value: n, timestamp: Date.now() }
-    ].slice(-20), h = {
-      ...p,
+    ].slice(-20), l = {
+      ...c,
       value: n,
-      history: g,
+      history: h,
       changedAt: Date.now()
     };
-    this.signals.set(c, h), this.bus.emit("signal:changed", { entry: h, oldValue: i }), this.pushTimeline({
+    this.signals.set(s, l), this.bus.emit("signal:changed", { entry: l, oldValue: o }), this.pushTimeline({
       type: "signal:change",
-      label: `${p.componentName}.${e}`,
-      data: { old: i, new: n, signalId: c }
+      label: `${c.componentName}.${r}`,
+      data: { old: o, new: n, signalId: s }
     });
   }
-  registerComponent(t, e) {
-    const n = this.getInstanceId(t), i = {
+  registerComponent(t, r) {
+    const n = this.getInstanceId(t), o = {
       id: n,
-      name: e,
+      name: r,
       renderCount: 0,
       lastRenderDuration: 0,
       mountedAt: Date.now(),
       status: "mounted",
       lifecycle: []
     };
-    this.components.set(n, i), this.bus.emit("component:registered", i);
+    this.components.set(n, o), this.bus.emit("component:registered", o);
   }
-  recordRender(t, e) {
-    const n = this.getInstanceId(t), i = this.components.get(n);
-    i && (i.renderCount++, i.lastRenderDuration = e, this.bus.emit("component:render", { ...i }), this.pushTimeline({
+  recordRender(t, r) {
+    const n = this.getInstanceId(t), o = this.components.get(n);
+    o && (o.renderCount++, o.lastRenderDuration = r, this.bus.emit("component:render", { ...o }), this.pushTimeline({
       type: "component:render",
-      label: `<${i.name}>`,
+      label: `<${o.name}>`,
       data: {
         componentId: n,
-        duration: +e.toFixed(3),
-        renderCount: i.renderCount
+        duration: +r.toFixed(3),
+        renderCount: o.renderCount
       }
     }));
   }
-  recordLifecycle(t, e) {
-    const n = this.getInstanceId(t), i = this.components.get(n);
-    if (!i) return;
-    const a = { hook: e, timestamp: Date.now() };
-    i.lifecycle.push(a), this.bus.emit("lifecycle", { componentId: n, name: i.name, hook: e });
-    const c = e === "onUnmount" ? "component:unmount" : e === "onBeforeMount" ? "component:mount" : "lifecycle";
+  recordLifecycle(t, r) {
+    const n = this.getInstanceId(t), o = this.components.get(n);
+    if (!o) return;
+    const i = { hook: r, timestamp: Date.now() };
+    o.lifecycle.push(i), this.bus.emit("lifecycle", { componentId: n, name: o.name, hook: r });
+    const s = r === "onUnmount" ? "component:unmount" : r === "onBeforeMount" ? "component:mount" : "lifecycle";
     if (this.pushTimeline({
-      type: c,
-      label: `<${i.name}>.${e}`,
-      data: { componentId: n, hook: e }
-    }), e === "onUnmount") {
-      i.status = "unmounted", this.bus.emit("component:unmount", { ...i }), this.components.delete(n);
-      for (const [p, g] of this.signals)
-        g.componentId === n && this.signals.delete(p);
+      type: s,
+      label: `<${o.name}>.${r}`,
+      data: { componentId: n, hook: r }
+    }), r === "onUnmount") {
+      o.status = "unmounted", this.bus.emit("component:unmount", { ...o }), this.components.delete(n);
+      for (const [c, h] of this.signals)
+        h.componentId === n && this.signals.delete(c);
     }
   }
-  recordMethodCall(t, e, n, i, a, c) {
-    const p = this.getInstanceId(t);
+  recordMethodCall(t, r, n, o, i, s) {
+    const c = this.getInstanceId(t);
     this.pushTimeline({
       type: "method:call",
-      label: `${c}.${e}()`,
+      label: `${s}.${r}()`,
       data: {
-        componentId: p,
+        componentId: c,
         args: n,
-        result: i,
-        duration: +a.toFixed(3)
+        result: o,
+        duration: +i.toFixed(3)
       }
     });
   }
@@ -149,91 +125,156 @@ class v {
     return [...this.timeline];
   }
   getSignalsByComponent(t) {
-    return this.getSignals().filter((e) => e.componentId === t);
+    return this.getSignals().filter((r) => r.componentId === t);
   }
   pushTimeline(t) {
-    const e = {
-      id: We(),
+    const r = {
+      id: Lt(),
       timestamp: Date.now(),
       ...t
     };
-    this.timeline.push(e), this.timeline.length > nn && this.timeline.shift(), this.bus.emit("timeline:push", e);
+    this.timeline.push(r), this.timeline.length > Gn && this.timeline.shift(), this.bus.emit("timeline:push", r);
   }
-}
-var Te, ge, bn;
-Te = [m()];
-class G extends (bn = y) {
+};
+H._instance = null;
+let I = H;
+var Xn = Object.create, Fe = Object.defineProperty, Wn = Object.getOwnPropertyDescriptor, ar = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), sr = (e) => {
+  throw TypeError(e);
+}, Yn = (e, t, r) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Jn = (e, t) => Fe(e, "name", { value: t, configurable: !0 }), qn = (e) => [, , , Xn(e?.[ar("metadata")] ?? null)], Kn = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], lr = (e) => e !== void 0 && typeof e != "function" ? sr("Function expected") : e, Zn = (e, t, r, n, o) => ({ kind: Kn[e], name: t, metadata: n, addInitializer: (i) => r._ ? sr("Already initialized") : o.push(lr(i || null)) }), Qn = (e, t) => Yn(t, ar("metadata"), e[3]), Vn = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, ei = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Wn(o, r));
+  Jn(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Zn(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, lr(s) && (o = s);
+  return Qn(e, o), d && Fe(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, cr, Le, dr;
+cr = [x()];
+class Y extends (dr = k) {
   render() {
-    return /* @__PURE__ */ d("div", { class: "flex flex-col items-center justify-center gap-2 py-12", children: [
-      /* @__PURE__ */ o("span", { class: "text-subtle text-[20px] leading-none select-none font-mono", children: "—" }),
-      /* @__PURE__ */ o("p", { class: "text-subtle text-[11px] text-center leading-relaxed max-w-[200px]", children: this.props.message })
+    return /* @__PURE__ */ f("div", { class: "flex flex-col items-center justify-center gap-2 py-12", children: [
+      /* @__PURE__ */ u("span", { class: "text-subtle text-[20px] leading-none select-none font-mono", children: "—" }),
+      /* @__PURE__ */ u("p", { class: "text-subtle text-[11px] text-center leading-relaxed max-w-[200px]", children: this.props.message })
     ] });
   }
 }
-ge = b(bn), G = l(ge, 0, "EmptyState", Te, G), s(ge, 1, G);
-var qe, be, xn;
-qe = [m()];
-class X extends (xn = y) {
+Le = qn(dr);
+Y = ei(Le, 0, "EmptyState", cr, Y);
+Vn(Le, 1, Y);
+var ti = Object.create, Ae = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, pr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), ur = (e) => {
+  throw TypeError(e);
+}, oi = (e, t, r) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ni = (e, t) => Ae(e, "name", { value: t, configurable: !0 }), ii = (e) => [, , , ti(e?.[pr("metadata")] ?? null)], ai = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], hr = (e) => e !== void 0 && typeof e != "function" ? ur("Function expected") : e, si = (e, t, r, n, o) => ({ kind: ai[e], name: t, metadata: n, addInitializer: (i) => r._ ? ur("Already initialized") : o.push(hr(i || null)) }), li = (e, t) => oi(t, pr("metadata"), e[3]), ci = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, di = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && ri(o, r));
+  ni(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = si(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, hr(s) && (o = s);
+  return li(e, o), d && Ae(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, _r, Ne, vr;
+_r = [x()];
+class ae extends (vr = k) {
   render() {
-    const { children: t, width: e = "280px" } = this.props;
-    return /* @__PURE__ */ o(
+    const { children: t, width: r = "280px" } = this.props;
+    return /* @__PURE__ */ u(
       "div",
       {
         class: "shrink-0 border-l border-border flex flex-col overflow-hidden",
-        style: { width: e },
+        style: { width: r },
         children: t
       }
     );
   }
 }
-be = b(xn), X = l(be, 0, "SidePanel", qe, X), s(be, 1, X);
-function Ne(r) {
-  if (r === null) return "null";
-  if (r === void 0) return "undefined";
-  if (typeof r == "string") return `"${r}"`;
-  if (typeof r == "object")
+Ne = ii(vr);
+ae = di(Ne, 0, "SidePanel", _r, ae);
+ci(Ne, 1, ae);
+function Be(e) {
+  if (e === null) return "null";
+  if (e === void 0) return "undefined";
+  if (typeof e == "string") return `"${e}"`;
+  if (typeof e == "object")
     try {
-      return JSON.stringify(r);
+      return JSON.stringify(e);
     } catch {
       return "[object]";
     }
-  return String(r);
+  return String(e);
 }
-var Xe, xe, mn;
-Xe = [m()];
-class F extends (mn = y) {
+var pi = Object.create, Re = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, br = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), gr = (e) => {
+  throw TypeError(e);
+}, hi = (e, t, r) => t in e ? Re(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, _i = (e, t) => Re(e, "name", { value: t, configurable: !0 }), vi = (e) => [, , , pi(e?.[br("metadata")] ?? null)], bi = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], fr = (e) => e !== void 0 && typeof e != "function" ? gr("Function expected") : e, gi = (e, t, r, n, o) => ({ kind: bi[e], name: t, metadata: n, addInitializer: (i) => r._ ? gr("Already initialized") : o.push(fr(i || null)) }), fi = (e, t) => hi(t, br("metadata"), e[3]), mi = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, xi = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && ui(o, r));
+  _i(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = gi(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, fr(s) && (o = s);
+  return fi(e, o), d && Re(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, mr, Ue, xr;
+mr = [x()];
+class R extends (xr = k) {
   render() {
-    const { k: t, v: e, signal: n } = this.props;
-    return /* @__PURE__ */ d("div", { class: "flex justify-between items-center px-3 py-2 border-b border-border gap-3", children: [
-      /* @__PURE__ */ o(
+    const { k: t, v: r, signal: n } = this.props;
+    return /* @__PURE__ */ f("div", { class: "flex justify-between items-center px-3 py-2 border-b border-border gap-3", children: [
+      /* @__PURE__ */ u(
         "span",
         {
           class: `text-[11px] font-mono shrink-0 ${n ? "text-accent" : "text-muted"}`,
           children: t
         }
       ),
-      /* @__PURE__ */ o("span", { class: "text-[11px] text-text font-mono truncate text-right", children: e })
+      /* @__PURE__ */ u("span", { class: "text-[11px] text-text font-mono truncate text-right", children: r })
     ] });
   }
 }
-xe = b(mn), F = l(xe, 0, "DetailRow", Xe, F), s(xe, 1, F);
-var Ke, me, fn;
-Ke = [m()];
-class W extends (fn = y) {
+Ue = vi(xr);
+R = xi(Ue, 0, "DetailRow", mr, R);
+mi(Ue, 1, R);
+var wi = Object.create, Ge = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, wr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), $r = (e) => {
+  throw TypeError(e);
+}, yi = (e, t, r) => t in e ? Ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Si = (e, t) => Ge(e, "name", { value: t, configurable: !0 }), ki = (e) => [, , , wi(e?.[wr("metadata")] ?? null)], zi = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], yr = (e) => e !== void 0 && typeof e != "function" ? $r("Function expected") : e, Ii = (e, t, r, n, o) => ({ kind: zi[e], name: t, metadata: n, addInitializer: (i) => r._ ? $r("Already initialized") : o.push(yr(i || null)) }), Oi = (e, t) => yi(t, wr("metadata"), e[3]), Pi = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, Ci = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && $i(o, r));
+  Si(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Ii(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, yr(s) && (o = s);
+  return Oi(e, o), d && Ge(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, Sr, He, kr;
+Sr = [x()];
+class X extends (kr = k) {
   render() {
-    return /* @__PURE__ */ d("div", { class: "border-b border-border", children: [
-      /* @__PURE__ */ o("div", { class: "px-3 py-[4px] text-[9px] text-subtle font-bold tracking-[0.12em] uppercase bg-section border-b border-border", children: this.props.label }),
+    return /* @__PURE__ */ f("div", { class: "border-b border-border", children: [
+      /* @__PURE__ */ u("div", { class: "px-3 py-[4px] text-[9px] text-subtle font-bold tracking-[0.12em] uppercase bg-section border-b border-border", children: this.props.label }),
       this.props.children
     ] });
   }
 }
-me = b(fn), W = l(me, 0, "DetailSection", Ke, W), s(me, 1, W);
-var Ze, fe, wn;
-Ze = [m()];
-class K extends (wn = y) {
+He = ki(kr);
+X = Ci(He, 0, "DetailSection", Sr, X);
+Pi(He, 1, X);
+var Ei = Object.create, Xe = Object.defineProperty, Di = Object.getOwnPropertyDescriptor, zr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Ir = (e) => {
+  throw TypeError(e);
+}, Mi = (e, t, r) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ti = (e, t) => Xe(e, "name", { value: t, configurable: !0 }), ji = (e) => [, , , Ei(e?.[zr("metadata")] ?? null)], Fi = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Or = (e) => e !== void 0 && typeof e != "function" ? Ir("Function expected") : e, Li = (e, t, r, n, o) => ({ kind: Fi[e], name: t, metadata: n, addInitializer: (i) => r._ ? Ir("Already initialized") : o.push(Or(i || null)) }), Ai = (e, t) => Mi(t, zr("metadata"), e[3]), Ni = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, Bi = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Di(o, r));
+  Ti(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Li(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Or(s) && (o = s);
+  return Ai(e, o), d && Xe(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, Pr, We, Cr;
+Pr = [x()];
+class se extends (Cr = k) {
   render() {
     const { status: t } = this.props;
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ u(
       "span",
       {
         class: `inline-block w-[6px] h-[6px] rounded-full shrink-0 ${t === "mounted" ? "bg-success" : "bg-subtle"}`,
@@ -242,81 +283,107 @@ class K extends (wn = y) {
     );
   }
 }
-fe = b(wn), K = l(fe, 0, "StatusDot", Ze, K), s(fe, 1, K);
-var Qe, we, yn;
-Qe = [m()];
-class Q extends (yn = y) {
+We = ji(Cr);
+se = Bi(We, 0, "StatusDot", Pr, se);
+Ni(We, 1, se);
+var Ri = Object.create, Ye = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, Er = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Dr = (e) => {
+  throw TypeError(e);
+}, Gi = (e, t, r) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Hi = (e, t) => Ye(e, "name", { value: t, configurable: !0 }), Xi = (e) => [, , , Ri(e?.[Er("metadata")] ?? null)], Wi = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Mr = (e) => e !== void 0 && typeof e != "function" ? Dr("Function expected") : e, Yi = (e, t, r, n, o) => ({ kind: Wi[e], name: t, metadata: n, addInitializer: (i) => r._ ? Dr("Already initialized") : o.push(Mr(i || null)) }), Ji = (e, t) => Gi(t, Er("metadata"), e[3]), qi = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, Ki = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Ui(o, r));
+  Hi(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Yi(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Mr(s) && (o = s);
+  return Ji(e, o), d && Ye(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, Tr, Je, jr;
+Tr = [x()];
+class _e extends (jr = k) {
   render() {
-    const { entry: t, signals: e } = this.props;
-    return /* @__PURE__ */ d(X, { children: [
-      /* @__PURE__ */ d("div", { class: "px-3 py-2 border-b border-border flex items-center gap-2 bg-bg shrink-0", children: [
-        /* @__PURE__ */ o(K, { status: t.status }),
-        /* @__PURE__ */ d("span", { class: "text-accent font-mono text-[11px] font-semibold truncate pl-1", children: [
+    const { entry: t, signals: r } = this.props;
+    return /* @__PURE__ */ f(ae, { children: [
+      /* @__PURE__ */ f("div", { class: "px-3 py-2 border-b border-border flex items-center gap-2 bg-bg shrink-0", children: [
+        /* @__PURE__ */ u(se, { status: t.status }),
+        /* @__PURE__ */ f("span", { class: "text-accent font-mono text-[11px] font-semibold truncate pl-1", children: [
           "<",
           t.name,
           ">"
         ] })
       ] }),
-      /* @__PURE__ */ d("div", { class: "flex-1 overflow-y-auto", children: [
-        /* @__PURE__ */ d(W, { label: "Stats", children: [
-          /* @__PURE__ */ o(F, { k: "renders", v: String(t.renderCount) }),
-          /* @__PURE__ */ o(
-            F,
+      /* @__PURE__ */ f("div", { class: "flex-1 overflow-y-auto", children: [
+        /* @__PURE__ */ f(X, { label: "Stats", children: [
+          /* @__PURE__ */ u(R, { k: "renders", v: String(t.renderCount) }),
+          /* @__PURE__ */ u(
+            R,
             {
               k: "last render",
               v: `${t.lastRenderDuration.toFixed(3)}ms`
             }
           ),
-          /* @__PURE__ */ o(F, { k: "status", v: t.status })
+          /* @__PURE__ */ u(R, { k: "status", v: t.status })
         ] }),
-        e.length > 0 && /* @__PURE__ */ o(W, { label: "State", children: e.map((n) => /* @__PURE__ */ o(
-          F,
+        r.length > 0 && /* @__PURE__ */ u(X, { label: "State", children: r.map((n) => /* @__PURE__ */ u(
+          R,
           {
             k: n.label,
-            v: Ne(n.value),
+            v: Be(n.value),
             signal: !0
           },
           n.id
         )) }),
-        t.lifecycle.length > 0 && /* @__PURE__ */ o(W, { label: "Lifecycle", children: [...t.lifecycle].reverse().slice(0, 20).map((n, i) => /* @__PURE__ */ d(
+        t.lifecycle.length > 0 && /* @__PURE__ */ u(X, { label: "Lifecycle", children: [...t.lifecycle].reverse().slice(0, 20).map((n, o) => /* @__PURE__ */ f(
           "div",
           {
             class: "px-3 py-2 flex justify-between items-center border-b border-border",
             children: [
-              /* @__PURE__ */ o("span", { class: "text-[11px] text-text font-mono", children: n.hook }),
-              /* @__PURE__ */ o("span", { class: "text-[10px] text-subtle tabular-nums", children: new Date(n.timestamp).toLocaleTimeString() })
+              /* @__PURE__ */ u("span", { class: "text-[11px] text-text font-mono", children: n.hook }),
+              /* @__PURE__ */ u("span", { class: "text-[10px] text-subtle tabular-nums", children: new Date(n.timestamp).toLocaleTimeString() })
             ]
           },
-          String(i)
+          String(o)
         )) })
       ] })
     ] });
   }
 }
-we = b(yn), Q = l(we, 0, "ComponentDetail", Qe, Q), s(we, 1, Q);
-var Ve, ye, vn;
-Ve = [m()];
-class V extends (vn = y) {
+Je = Xi(jr);
+_e = Ki(Je, 0, "ComponentDetail", Tr, _e);
+qi(Je, 1, _e);
+var Zi = Object.create, qe = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, Fr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Lr = (e) => {
+  throw TypeError(e);
+}, Vi = (e, t, r) => t in e ? qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ea = (e, t) => qe(e, "name", { value: t, configurable: !0 }), ta = (e) => [, , , Zi(e?.[Fr("metadata")] ?? null)], ra = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Ar = (e) => e !== void 0 && typeof e != "function" ? Lr("Function expected") : e, oa = (e, t, r, n, o) => ({ kind: ra[e], name: t, metadata: n, addInitializer: (i) => r._ ? Lr("Already initialized") : o.push(Ar(i || null)) }), na = (e, t) => Vi(t, Fr("metadata"), e[3]), ia = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, aa = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Qi(o, r));
+  ea(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = oa(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Ar(s) && (o = s);
+  return na(e, o), d && qe(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, Nr, Ke, Br;
+Nr = [x()];
+class ve extends (Br = k) {
   render() {
-    const { entry: t, selected: e, onClick: n } = this.props;
-    return /* @__PURE__ */ d(
+    const { entry: t, selected: r, onClick: n } = this.props;
+    return /* @__PURE__ */ f(
       "div",
       {
         onClick: n,
-        class: () => `relative flex items-center gap-2 px-3 py-2 cursor-pointer border-b border-border transition-colors duration-100 ${e() ? "bg-selected" : "hover:bg-section"}`,
+        class: () => `relative flex items-center gap-2 px-3 py-2 cursor-pointer border-b border-border transition-colors duration-100 ${r() ? "bg-selected" : "hover:bg-section"}`,
         children: [
-          () => e() && /* @__PURE__ */ o("span", { class: "absolute left-0 top-0 bottom-0 w-[2px] bg-accent rounded-r" }),
-          /* @__PURE__ */ o(K, { status: t.status }),
-          /* @__PURE__ */ d("span", { class: "text-accent font-mono text-[11px] flex-1 truncate pl-1", children: [
+          () => r() && /* @__PURE__ */ u("span", { class: "absolute left-0 top-0 bottom-0 w-[2px] bg-accent rounded-r" }),
+          /* @__PURE__ */ u(se, { status: t.status }),
+          /* @__PURE__ */ f("span", { class: "text-accent font-mono text-[11px] flex-1 truncate pl-1", children: [
             "<",
             t.name,
             ">"
           ] }),
-          /* @__PURE__ */ d("span", { class: "text-muted text-[11px] tabular-nums", children: [
+          /* @__PURE__ */ f("span", { class: "text-muted text-[11px] tabular-nums", children: [
             "×",
             t.renderCount
           ] }),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ f(
             "span",
             {
               class: `text-[10px] tabular-nums w-12 text-right ${t.lastRenderDuration > 16 ? "text-warn" : "text-subtle"}`,
@@ -331,22 +398,36 @@ class V extends (vn = y) {
     );
   }
 }
-ye = b(vn), V = l(ye, 0, "ComponentRow", Ve, V), s(ye, 1, V);
-var Pe, et, tt, nt, E;
-nt = [m()];
-class B extends (tt = J, et = [C()], Pe = [C()], tt) {
+Ke = ta(Br);
+ve = aa(Ke, 0, "ComponentRow", Nr, ve);
+ia(Ke, 1, ve);
+var sa = Object.create, Ze = Object.defineProperty, la = Object.getOwnPropertyDescriptor, Rr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), le = (e) => {
+  throw TypeError(e);
+}, ca = (e, t, r) => t in e ? Ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, At = (e, t) => Ze(e, "name", { value: t, configurable: !0 }), da = (e) => [, , , sa(e?.[Rr("metadata")] ?? null)], Ur = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Z = (e) => e !== void 0 && typeof e != "function" ? le("Function expected") : e, pa = (e, t, r, n, o) => ({ kind: Ur[e], name: t, metadata: n, addInitializer: (i) => r._ ? le("Already initialized") : o.push(Z(i || null)) }), ua = (e, t) => ca(t, Rr("metadata"), e[3]), Q = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) t & 1 ? i[o].call(r) : n = i[o].call(r, n);
+  return n;
+}, Qe = (e, t, r, n, o, i) => {
+  var s, c, h, l, _, a = t & 7, b = !!(t & 8), d = !!(t & 16), p = a > 3 ? e.length + 1 : a ? b ? 1 : 2 : 0, w = Ur[a + 5], S = a > 3 && (e[p - 1] = []), P = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && la(a < 4 ? o : { get [r]() {
+    return Nt(this, i);
+  }, set [r](v) {
+    return Bt(this, i, v);
+  } }, r));
+  a ? d && a < 4 && At(i, (a > 2 ? "set " : a > 1 ? "get " : "") + r) : At(o, r);
+  for (var $ = n.length - 1; $ >= 0; $--)
+    l = pa(a, r, h = {}, e[3], P), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => ha(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Nt : _a)(v, o, a ^ 4 ? i : g.get) : (v) => v[r]), a > 2 && (_.set = d ? (v, y) => Bt(v, o, y, a ^ 4 ? i : g.set) : (v, y) => v[r] = y)), c = (0, n[$])(a ? a < 4 ? d ? i : g[w] : a > 4 ? void 0 : { get: g.get, set: g.set } : o, l), h._ = 1, a ^ 4 || c === void 0 ? Z(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? le("Object expected") : (Z(s = c.get) && (g.get = s), Z(s = c.set) && (g.set = s), Z(s = c.init) && S.unshift(s));
+  return a || ua(e, o), g && Ze(o, r, g), d ? a ^ 4 ? i : g : o;
+}, Ve = (e, t, r) => t.has(e) || le("Cannot " + r), ha = (e, t) => Object(t) !== t ? le('Cannot use the "in" operator on this value') : e.has(t), Nt = (e, t, r) => (Ve(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Bt = (e, t, r, n) => (Ve(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), _a = (e, t, r) => (Ve(e, t, "access private method"), r), Gr, Hr, Ce, Xr, T;
+Xr = [x()];
+class J extends (Ce = K, Hr = [O()], Gr = [O()], Ce) {
   constructor() {
-    super(...arguments);
-    f(this, "components", s(E, 8, this, [])), s(E, 11, this);
-    f(this, "selectedId", s(E, 12, this, null)), s(E, 15, this);
-    f(this, "_handlers", []);
+    super(...arguments), this.components = Q(T, 8, this, []), Q(T, 11, this), this.selectedId = Q(T, 12, this, null), Q(T, 15, this), this._handlers = [];
   }
   get registry() {
     return this.props.registry;
   }
   onMount() {
     this.components = this.registry.getComponents();
-    const e = () => {
+    const t = () => {
       this.components = this.registry.getComponents();
     };
     this._handlers = [
@@ -356,134 +437,201 @@ class B extends (tt = J, et = [C()], Pe = [C()], tt) {
       "lifecycle",
       "signal:registered",
       "signal:changed"
-    ].map((n) => this.registry.bus.on(n, e));
+    ].map((r) => this.registry.bus.on(r, t));
   }
   onUnmount() {
-    this._handlers.forEach((e) => {
-      e();
+    this._handlers.forEach((t) => {
+      t();
     });
   }
   render() {
-    const { registry: e } = this;
-    return /* @__PURE__ */ d("div", { class: "flex h-full overflow-hidden", children: [
-      /* @__PURE__ */ d("div", { class: "flex-1 flex flex-col overflow-hidden min-w-0", children: [
-        /* @__PURE__ */ d("div", { class: "flex items-center px-3 h-7 text-[9px] text-subtle font-bold tracking-[0.12em] uppercase border-b border-border bg-section gap-2 shrink-0", children: [
-          /* @__PURE__ */ o("span", { class: "flex-1", children: "Component" }),
-          /* @__PURE__ */ o("span", { children: "Renders" }),
-          /* @__PURE__ */ o("span", { class: "w-12 text-right", children: "Last" })
+    const { registry: t } = this;
+    return /* @__PURE__ */ f("div", { class: "flex h-full overflow-hidden", children: [
+      /* @__PURE__ */ f("div", { class: "flex-1 flex flex-col overflow-hidden min-w-0", children: [
+        /* @__PURE__ */ f("div", { class: "flex items-center px-3 h-7 text-[9px] text-subtle font-bold tracking-[0.12em] uppercase border-b border-border bg-section gap-2 shrink-0", children: [
+          /* @__PURE__ */ u("span", { class: "flex-1", children: "Component" }),
+          /* @__PURE__ */ u("span", { children: "Renders" }),
+          /* @__PURE__ */ u("span", { class: "w-12 text-right", children: "Last" })
         ] }),
-        /* @__PURE__ */ o("div", { class: "flex-1 overflow-y-auto", children: () => this.components.length === 0 ? /* @__PURE__ */ o(G, { message: "No components tracked. Add @Trace() to component classes." }) : this.components.map((n) => /* @__PURE__ */ o(
-          V,
+        /* @__PURE__ */ u("div", { class: "flex-1 overflow-y-auto", children: () => this.components.length === 0 ? /* @__PURE__ */ u(Y, { message: "No components tracked. Add @Trace() to component classes." }) : this.components.map((r) => /* @__PURE__ */ u(
+          ve,
           {
-            entry: n,
-            selected: () => this.selectedId === n.id,
+            entry: r,
+            selected: () => this.selectedId === r.id,
             onClick: () => {
-              this.selectedId = this.selectedId === n.id ? null : n.id;
+              this.selectedId = this.selectedId === r.id ? null : r.id;
             }
           },
-          n.id
+          r.id
         )) })
       ] }),
       () => {
-        const n = this.selectedId, i = n ? this.components.find((c) => c.id === n) ?? null : null, a = n ? e.getSignalsByComponent(n) : [];
-        return i ? /* @__PURE__ */ o(Q, { entry: i, signals: a }) : null;
+        const r = this.selectedId, n = r ? this.components.find((i) => i.id === r) ?? null : null, o = r ? t.getSignalsByComponent(r) : [];
+        return n ? /* @__PURE__ */ u(_e, { entry: n, signals: o }) : null;
       }
     ] });
   }
 }
-E = b(tt), l(E, 5, "components", et, B), l(E, 5, "selectedId", Pe, B), B = l(E, 0, "ComponentsTab", nt, B), s(E, 1, B);
-const on = {
+T = da(Ce);
+Qe(T, 5, "components", Hr, J);
+Qe(T, 5, "selectedId", Gr, J);
+J = Qe(T, 0, "ComponentsTab", Xr, J);
+Q(T, 1, J);
+const va = {
   id: "components",
   label: "Components",
-  component: B
+  component: J
 };
-var rt, ve, kn;
-rt = [m()];
-class P extends (kn = y) {
+var ba = Object.create, et = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, Wr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Yr = (e) => {
+  throw TypeError(e);
+}, fa = (e, t, r) => t in e ? et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ma = (e, t) => et(e, "name", { value: t, configurable: !0 }), xa = (e) => [, , , ba(e?.[Wr("metadata")] ?? null)], wa = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Jr = (e) => e !== void 0 && typeof e != "function" ? Yr("Function expected") : e, $a = (e, t, r, n, o) => ({ kind: wa[e], name: t, metadata: n, addInitializer: (i) => r._ ? Yr("Already initialized") : o.push(Jr(i || null)) }), ya = (e, t) => fa(t, Wr("metadata"), e[3]), Sa = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, ka = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && ga(o, r));
+  ma(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = $a(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Jr(s) && (o = s);
+  return ya(e, o), d && et(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, qr, tt, Kr;
+qr = [x()];
+class be extends (Kr = k) {
   render() {
-    const { placeholder: t, onInput: e } = this.props;
-    return /* @__PURE__ */ o(
+    const { placeholder: t, onInput: r } = this.props;
+    return /* @__PURE__ */ u(
       "input",
       {
         type: "text",
         placeholder: t,
         class: "w-full bg-input border border-border rounded-lg text-text text-[11px] px-3 py-[5px] outline-none box-border transition-shadow duration-150",
         onInput: (n) => {
-          e(n.target.value);
+          r(n.target.value);
         }
       }
     );
   }
 }
-ve = b(kn), P = l(ve, 0, "SearchInput", rt, P), s(ve, 1, P);
-var ot, ke, zn;
-ot = [m()];
-class ee extends (zn = y) {
+tt = xa(Kr);
+be = ka(tt, 0, "SearchInput", qr, be);
+Sa(tt, 1, be);
+var za = Object.create, rt = Object.defineProperty, Ia = Object.getOwnPropertyDescriptor, Zr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Qr = (e) => {
+  throw TypeError(e);
+}, Oa = (e, t, r) => t in e ? rt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Pa = (e, t) => rt(e, "name", { value: t, configurable: !0 }), Ca = (e) => [, , , za(e?.[Zr("metadata")] ?? null)], Ea = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Vr = (e) => e !== void 0 && typeof e != "function" ? Qr("Function expected") : e, Da = (e, t, r, n, o) => ({ kind: Ea[e], name: t, metadata: n, addInitializer: (i) => r._ ? Qr("Already initialized") : o.push(Vr(i || null)) }), Ma = (e, t) => Oa(t, Zr("metadata"), e[3]), Ta = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, ja = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Ia(o, r));
+  Pa(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Da(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Vr(s) && (o = s);
+  return Ma(e, o), d && rt(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, eo, ot, to;
+eo = [x()];
+class ge extends (to = k) {
   render() {
-    return /* @__PURE__ */ d("div", { class: "border-b border-border", children: [
-      /* @__PURE__ */ o("div", { class: "px-3 py-[4px] text-[9px] text-subtle font-bold tracking-[0.12em] uppercase bg-section border-b border-border", children: this.props.label }),
+    return /* @__PURE__ */ f("div", { class: "border-b border-border", children: [
+      /* @__PURE__ */ u("div", { class: "px-3 py-[4px] text-[9px] text-subtle font-bold tracking-[0.12em] uppercase bg-section border-b border-border", children: this.props.label }),
       this.props.children
     ] });
   }
 }
-ke = b(zn), ee = l(ke, 0, "PanelSection", ot, ee), s(ke, 1, ee);
-function De(r, t) {
-  const e = t ? ` ${t}` : "", n = Date.now() - r;
-  return n < 1e3 ? `${n.toString()}ms${e}` : n < 6e4 ? `${(n / 1e3).toFixed(1)}s${e}` : `${Math.floor(n / 6e4).toString()}m${e}`;
+ot = Ca(to);
+ge = ja(ot, 0, "PanelSection", eo, ge);
+Ta(ot, 1, ge);
+function nt(e, t) {
+  const r = t ? ` ${t}` : "", n = Date.now() - e;
+  return n < 1e3 ? `${n.toString()}ms${r}` : n < 6e4 ? `${(n / 1e3).toFixed(1)}s${r}` : `${Math.floor(n / 6e4).toString()}m${r}`;
 }
-var it, ze, Cn;
-it = [m()];
-class te extends (Cn = y) {
+var Fa = Object.create, it = Object.defineProperty, La = Object.getOwnPropertyDescriptor, ro = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), oo = (e) => {
+  throw TypeError(e);
+}, Aa = (e, t, r) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Na = (e, t) => it(e, "name", { value: t, configurable: !0 }), Ba = (e) => [, , , Fa(e?.[ro("metadata")] ?? null)], Ra = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], no = (e) => e !== void 0 && typeof e != "function" ? oo("Function expected") : e, Ua = (e, t, r, n, o) => ({ kind: Ra[e], name: t, metadata: n, addInitializer: (i) => r._ ? oo("Already initialized") : o.push(no(i || null)) }), Ga = (e, t) => Aa(t, ro("metadata"), e[3]), Ha = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, Xa = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && La(o, r));
+  Na(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Ua(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, no(s) && (o = s);
+  return Ga(e, o), d && it(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, io, at, ao;
+io = [x()];
+class fe extends (ao = k) {
   render() {
     const { entry: t } = this.props;
-    return /* @__PURE__ */ o(X, { width: "260px", children: /* @__PURE__ */ o(ee, { label: "History", children: /* @__PURE__ */ d("div", { class: "overflow-y-auto", children: [
-      [...t.history].reverse().map((e, n) => /* @__PURE__ */ d(
+    return /* @__PURE__ */ u(ae, { width: "260px", children: /* @__PURE__ */ u(ge, { label: "History", children: /* @__PURE__ */ f("div", { class: "overflow-y-auto", children: [
+      [...t.history].reverse().map((r, n) => /* @__PURE__ */ f(
         "div",
         {
           class: "px-3 py-2 border-b border-border flex justify-between items-center gap-3",
           children: [
-            /* @__PURE__ */ o("span", { class: "font-mono text-[11px] text-text truncate", children: Ne(e.value) }),
-            /* @__PURE__ */ o("span", { class: "text-[10px] text-subtle shrink-0 tabular-nums", children: De(e.timestamp, "ago") })
+            /* @__PURE__ */ u("span", { class: "font-mono text-[11px] text-text truncate", children: Be(r.value) }),
+            /* @__PURE__ */ u("span", { class: "text-[10px] text-subtle shrink-0 tabular-nums", children: nt(r.timestamp, "ago") })
           ]
         },
         String(n)
       )),
-      t.history.length === 0 && /* @__PURE__ */ o("p", { class: "px-3 py-6 text-[11px] text-subtle text-center", children: "No history yet." })
+      t.history.length === 0 && /* @__PURE__ */ u("p", { class: "px-3 py-6 text-[11px] text-subtle text-center", children: "No history yet." })
     ] }) }) });
   }
 }
-ze = b(Cn), te = l(ze, 0, "SignalDetail", it, te), s(ze, 1, te);
-var st, Ce, Mn;
-st = [m()];
-class ne extends (Mn = y) {
+at = Ba(ao);
+fe = Xa(at, 0, "SignalDetail", io, fe);
+Ha(at, 1, fe);
+var Wa = Object.create, st = Object.defineProperty, Ya = Object.getOwnPropertyDescriptor, so = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), lo = (e) => {
+  throw TypeError(e);
+}, Ja = (e, t, r) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, qa = (e, t) => st(e, "name", { value: t, configurable: !0 }), Ka = (e) => [, , , Wa(e?.[so("metadata")] ?? null)], Za = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], co = (e) => e !== void 0 && typeof e != "function" ? lo("Function expected") : e, Qa = (e, t, r, n, o) => ({ kind: Za[e], name: t, metadata: n, addInitializer: (i) => r._ ? lo("Already initialized") : o.push(co(i || null)) }), Va = (e, t) => Ja(t, so("metadata"), e[3]), es = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, ts = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Ya(o, r));
+  qa(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Qa(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, co(s) && (o = s);
+  return Va(e, o), d && st(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, po, lt, uo;
+po = [x()];
+class me extends (uo = k) {
   render() {
-    const { entry: t, selected: e, onClick: n } = this.props;
-    return /* @__PURE__ */ d(
+    const { entry: t, selected: r, onClick: n } = this.props;
+    return /* @__PURE__ */ f(
       "div",
       {
         onClick: n,
-        class: `relative grid grid-cols-[1.2fr_0.8fr_1fr_auto] items-center px-3 py-2 cursor-pointer border-b border-border transition-colors duration-100 ${e ? "bg-selected" : "hover:bg-section"}`,
+        class: `relative grid grid-cols-[1.2fr_0.8fr_1fr_auto] items-center px-3 py-2 cursor-pointer border-b border-border transition-colors duration-100 ${r ? "bg-selected" : "hover:bg-section"}`,
         children: [
-          e && /* @__PURE__ */ o("span", { class: "absolute left-0 top-0 bottom-0 w-[2px] bg-accent rounded-r" }),
-          /* @__PURE__ */ o("span", { class: "text-accent font-mono text-[11px] truncate pl-1", children: t.label }),
-          /* @__PURE__ */ o("span", { class: "text-muted text-[11px] truncate", children: t.componentName }),
-          /* @__PURE__ */ o("span", { class: "text-text font-mono text-[11px] truncate", children: Ne(t.value) }),
-          /* @__PURE__ */ o("span", { class: "text-subtle text-[10px] text-right tabular-nums", children: De(t.changedAt, "ago") })
+          r && /* @__PURE__ */ u("span", { class: "absolute left-0 top-0 bottom-0 w-[2px] bg-accent rounded-r" }),
+          /* @__PURE__ */ u("span", { class: "text-accent font-mono text-[11px] truncate pl-1", children: t.label }),
+          /* @__PURE__ */ u("span", { class: "text-muted text-[11px] truncate", children: t.componentName }),
+          /* @__PURE__ */ u("span", { class: "text-text font-mono text-[11px] truncate", children: Be(t.value) }),
+          /* @__PURE__ */ u("span", { class: "text-subtle text-[10px] text-right tabular-nums", children: nt(t.changedAt, "ago") })
         ]
       }
     );
   }
 }
-Ce = b(Mn), ne = l(Ce, 0, "SignalRow", st, ne), s(Ce, 1, ne);
-var at, lt, ct, dt, ut, S;
-ut = [m()];
-class U extends (dt = J, ct = [C()], lt = [C()], at = [C()], dt) {
+lt = Ka(uo);
+me = ts(lt, 0, "SignalRow", po, me);
+es(lt, 1, me);
+var rs = Object.create, ct = Object.defineProperty, os = Object.getOwnPropertyDescriptor, ho = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), ce = (e) => {
+  throw TypeError(e);
+}, ns = (e, t, r) => t in e ? ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Rt = (e, t) => ct(e, "name", { value: t, configurable: !0 }), is = (e) => [, , , rs(e?.[ho("metadata")] ?? null)], _o = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], V = (e) => e !== void 0 && typeof e != "function" ? ce("Function expected") : e, as = (e, t, r, n, o) => ({ kind: _o[e], name: t, metadata: n, addInitializer: (i) => r._ ? ce("Already initialized") : o.push(V(i || null)) }), ss = (e, t) => ns(t, ho("metadata"), e[3]), A = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) t & 1 ? i[o].call(r) : n = i[o].call(r, n);
+  return n;
+}, Ie = (e, t, r, n, o, i) => {
+  var s, c, h, l, _, a = t & 7, b = !!(t & 8), d = !!(t & 16), p = a > 3 ? e.length + 1 : a ? b ? 1 : 2 : 0, w = _o[a + 5], S = a > 3 && (e[p - 1] = []), P = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && os(a < 4 ? o : { get [r]() {
+    return Ut(this, i);
+  }, set [r](v) {
+    return Gt(this, i, v);
+  } }, r));
+  a ? d && a < 4 && Rt(i, (a > 2 ? "set " : a > 1 ? "get " : "") + r) : Rt(o, r);
+  for (var $ = n.length - 1; $ >= 0; $--)
+    l = as(a, r, h = {}, e[3], P), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => ls(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Ut : cs)(v, o, a ^ 4 ? i : g.get) : (v) => v[r]), a > 2 && (_.set = d ? (v, y) => Gt(v, o, y, a ^ 4 ? i : g.set) : (v, y) => v[r] = y)), c = (0, n[$])(a ? a < 4 ? d ? i : g[w] : a > 4 ? void 0 : { get: g.get, set: g.set } : o, l), h._ = 1, a ^ 4 || c === void 0 ? V(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? ce("Object expected") : (V(s = c.get) && (g.get = s), V(s = c.set) && (g.set = s), V(s = c.init) && S.unshift(s));
+  return a || ss(e, o), g && ct(o, r, g), d ? a ^ 4 ? i : g : o;
+}, dt = (e, t, r) => t.has(e) || ce("Cannot " + r), ls = (e, t) => Object(t) !== t ? ce('Cannot use the "in" operator on this value') : e.has(t), Ut = (e, t, r) => (dt(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Gt = (e, t, r, n) => (dt(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), cs = (e, t, r) => (dt(e, t, "access private method"), r), vo, bo, go, Ee, fo, C;
+fo = [x()];
+class U extends (Ee = K, go = [O()], bo = [O()], vo = [O()], Ee) {
   constructor() {
-    super(...arguments);
-    f(this, "signals", s(S, 8, this, [])), s(S, 11, this);
-    f(this, "search", s(S, 12, this, "")), s(S, 15, this);
-    f(this, "selectedId", s(S, 16, this, null)), s(S, 19, this);
-    f(this, "_handlers", []);
+    super(...arguments), this.signals = A(C, 8, this, []), A(C, 11, this), this.search = A(C, 12, this, ""), A(C, 15, this), this.selectedId = A(C, 16, this, null), A(C, 19, this), this._handlers = [];
   }
   get registry() {
     return this.props.registry;
@@ -499,70 +647,75 @@ class U extends (dt = J, ct = [C()], lt = [C()], at = [C()], dt) {
     ];
   }
   onUnmount() {
-    this._handlers.forEach((e) => {
-      e();
+    this._handlers.forEach((t) => {
+      t();
     });
   }
   render() {
-    return /* @__PURE__ */ d("div", { class: "flex h-full overflow-hidden", children: [
-      /* @__PURE__ */ d("div", { class: "flex-1 flex flex-col overflow-hidden min-w-0", children: [
-        /* @__PURE__ */ o("div", { class: "px-3 py-2 border-b border-border bg-bg shrink-0", children: /* @__PURE__ */ o(
-          P,
+    return /* @__PURE__ */ f("div", { class: "flex h-full overflow-hidden", children: [
+      /* @__PURE__ */ f("div", { class: "flex-1 flex flex-col overflow-hidden min-w-0", children: [
+        /* @__PURE__ */ u("div", { class: "px-3 py-2 border-b border-border bg-bg shrink-0", children: /* @__PURE__ */ u(
+          be,
           {
             placeholder: "Search signals…",
-            onInput: (e) => {
-              this.search = e;
+            onInput: (t) => {
+              this.search = t;
             }
           }
         ) }),
-        /* @__PURE__ */ d("div", { class: "grid grid-cols-[1.2fr_0.8fr_1fr_auto] items-center px-3 h-7 text-[9px] text-subtle font-bold tracking-[0.12em] uppercase border-b border-border bg-section gap-2 shrink-0", children: [
-          /* @__PURE__ */ o("span", { children: "Signal" }),
-          /* @__PURE__ */ o("span", { children: "Component" }),
-          /* @__PURE__ */ o("span", { children: "Value" }),
-          /* @__PURE__ */ o("span", { children: "Age" })
+        /* @__PURE__ */ f("div", { class: "grid grid-cols-[1.2fr_0.8fr_1fr_auto] items-center px-3 h-7 text-[9px] text-subtle font-bold tracking-[0.12em] uppercase border-b border-border bg-section gap-2 shrink-0", children: [
+          /* @__PURE__ */ u("span", { children: "Signal" }),
+          /* @__PURE__ */ u("span", { children: "Component" }),
+          /* @__PURE__ */ u("span", { children: "Value" }),
+          /* @__PURE__ */ u("span", { children: "Age" })
         ] }),
-        /* @__PURE__ */ o("div", { class: "flex-1 overflow-y-auto", children: () => {
-          const e = this.search.toLowerCase(), n = e === "" ? this.signals : this.signals.filter(
-            (i) => i.label.toLowerCase().includes(e) || i.componentName.toLowerCase().includes(e)
+        /* @__PURE__ */ u("div", { class: "flex-1 overflow-y-auto", children: () => {
+          const t = this.search.toLowerCase(), r = t === "" ? this.signals : this.signals.filter(
+            (n) => n.label.toLowerCase().includes(t) || n.componentName.toLowerCase().includes(t)
           );
-          return n.length === 0 ? /* @__PURE__ */ o(
-            G,
+          return r.length === 0 ? /* @__PURE__ */ u(
+            Y,
             {
               message: this.signals.length === 0 ? "No signals tracked. Add @Debug() on top of @State() properties." : "No signals match your search."
             }
-          ) : n.map((i) => /* @__PURE__ */ o(
-            ne,
+          ) : r.map((n) => /* @__PURE__ */ u(
+            me,
             {
-              entry: i,
-              selected: this.selectedId === i.id,
+              entry: n,
+              selected: this.selectedId === n.id,
               onClick: () => {
-                this.selectedId = this.selectedId === i.id ? null : i.id;
+                this.selectedId = this.selectedId === n.id ? null : n.id;
               }
             },
-            i.id
+            n.id
           ));
         } })
       ] }),
       () => {
-        const e = this.selectedId, n = e ? this.signals.find((i) => i.id === e) ?? null : null;
-        return n ? /* @__PURE__ */ o(te, { entry: n }) : null;
+        const t = this.selectedId, r = t ? this.signals.find((n) => n.id === t) ?? null : null;
+        return r ? /* @__PURE__ */ u(fe, { entry: r }) : null;
       }
     ] });
   }
 }
-S = b(dt), l(S, 5, "signals", ct, U), l(S, 5, "search", lt, U), l(S, 5, "selectedId", at, U), U = l(S, 0, "SignalsTab", ut, U), s(S, 1, U);
-const sn = {
+C = is(Ee);
+Ie(C, 5, "signals", go, U);
+Ie(C, 5, "search", bo, U);
+Ie(C, 5, "selectedId", vo, U);
+U = Ie(C, 0, "SignalsTab", fo, U);
+A(C, 1, U);
+const ds = {
   id: "signals",
   label: "Signals",
   component: U
-}, an = {
+}, ps = {
   "signal:change": { label: "signal", cls: "text-[#9b90e6] bg-[rgba(155,144,230,0.14)]" },
   "component:render": { label: "render", cls: "text-[#4ade80] bg-[rgba(74,222,128,0.12)]" },
   "component:mount": { label: "mount", cls: "text-[#0ea57a] bg-[rgba(14,165,122,0.14)]" },
   "component:unmount": { label: "unmount", cls: "text-[#dc2626] bg-[rgba(220,38,38,0.14)]" },
   lifecycle: { label: "lifecycle", cls: "text-[#d97706] bg-[rgba(217,119,6,0.14)]" },
   "method:call": { label: "method", cls: "text-[#7c6dd6] bg-[rgba(124,109,214,0.14)]" }
-}, ln = [
+}, us = [
   { value: "all", label: "All" },
   { value: "signal:change", label: "Signals" },
   { value: "component:render", label: "Renders" },
@@ -570,12 +723,23 @@ const sn = {
   { value: "lifecycle", label: "Lifecycle" },
   { value: "method:call", label: "Methods" }
 ];
-var pt, Me, Sn;
-pt = [m()];
-class re extends (Sn = y) {
+var hs = Object.create, pt = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, mo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), xo = (e) => {
+  throw TypeError(e);
+}, vs = (e, t, r) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, bs = (e, t) => pt(e, "name", { value: t, configurable: !0 }), gs = (e) => [, , , hs(e?.[mo("metadata")] ?? null)], fs = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], wo = (e) => e !== void 0 && typeof e != "function" ? xo("Function expected") : e, ms = (e, t, r, n, o) => ({ kind: fs[e], name: t, metadata: n, addInitializer: (i) => r._ ? xo("Already initialized") : o.push(wo(i || null)) }), xs = (e, t) => vs(t, mo("metadata"), e[3]), ws = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, $s = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && _s(o, r));
+  bs(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = ms(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, wo(s) && (o = s);
+  return xs(e, o), d && pt(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, $o, ut, yo;
+$o = [x()];
+class xe extends (yo = k) {
   render() {
-    const t = an[this.props.type];
-    return /* @__PURE__ */ o(
+    const t = ps[this.props.type];
+    return /* @__PURE__ */ u(
       "span",
       {
         class: `text-[9px] px-[6px] py-[2px] rounded font-bold uppercase tracking-[0.07em] shrink-0 ${t.cls}`,
@@ -584,55 +748,85 @@ class re extends (Sn = y) {
     );
   }
 }
-Me = b(Sn), re = l(Me, 0, "Badge", pt, re), s(Me, 1, re);
-var ht, gt, bt, xt, N;
-xt = [m()];
-class H extends (bt = J, gt = [C()], ht = [Z()], bt) {
+ut = gs(yo);
+xe = $s(ut, 0, "Badge", $o, xe);
+ws(ut, 1, xe);
+var ys = Object.create, ht = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, So = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), de = (e) => {
+  throw TypeError(e);
+}, ks = (e, t, r) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ht = (e, t) => ht(e, "name", { value: t, configurable: !0 }), zs = (e) => [, , , ys(e?.[So("metadata")] ?? null)], ko = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], ee = (e) => e !== void 0 && typeof e != "function" ? de("Function expected") : e, Is = (e, t, r, n, o) => ({ kind: ko[e], name: t, metadata: n, addInitializer: (i) => r._ ? de("Already initialized") : o.push(ee(i || null)) }), Os = (e, t) => ks(t, So("metadata"), e[3]), te = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) t & 1 ? i[o].call(r) : n = i[o].call(r, n);
+  return n;
+}, _t = (e, t, r, n, o, i) => {
+  var s, c, h, l, _, a = t & 7, b = !!(t & 8), d = !!(t & 16), p = a > 3 ? e.length + 1 : a ? b ? 1 : 2 : 0, w = ko[a + 5], S = a > 3 && (e[p - 1] = []), P = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && Ss(a < 4 ? o : { get [r]() {
+    return Xt(this, i);
+  }, set [r](v) {
+    return Wt(this, i, v);
+  } }, r));
+  a ? d && a < 4 && Ht(i, (a > 2 ? "set " : a > 1 ? "get " : "") + r) : Ht(o, r);
+  for (var $ = n.length - 1; $ >= 0; $--)
+    l = Is(a, r, h = {}, e[3], P), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => Ps(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Xt : Cs)(v, o, a ^ 4 ? i : g.get) : (v) => v[r]), a > 2 && (_.set = d ? (v, y) => Wt(v, o, y, a ^ 4 ? i : g.set) : (v, y) => v[r] = y)), c = (0, n[$])(a ? a < 4 ? d ? i : g[w] : a > 4 ? void 0 : { get: g.get, set: g.set } : o, l), h._ = 1, a ^ 4 || c === void 0 ? ee(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? de("Object expected") : (ee(s = c.get) && (g.get = s), ee(s = c.set) && (g.set = s), ee(s = c.init) && S.unshift(s));
+  return a || Os(e, o), g && ht(o, r, g), d ? a ^ 4 ? i : g : o;
+}, vt = (e, t, r) => t.has(e) || de("Cannot " + r), Ps = (e, t) => Object(t) !== t ? de('Cannot use the "in" operator on this value') : e.has(t), Xt = (e, t, r) => (vt(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Wt = (e, t, r, n) => (vt(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), Cs = (e, t, r) => (vt(e, t, "access private method"), r), zo, Io, De, Oo, j;
+Oo = [x()];
+class q extends (De = K, Io = [O()], zo = [ie()], De) {
   constructor() {
-    super(...arguments);
-    f(this, "open", s(N, 8, this, !1)), s(N, 11, this);
-    f(this, "entry", s(N, 12, this)), s(N, 15, this);
+    super(...arguments), this.open = te(j, 8, this, !1), te(j, 11, this), this.entry = te(j, 12, this), te(j, 15, this);
   }
   render() {
-    const e = this.entry;
-    if (!e) return null;
-    const n = Object.keys(e.data).length > 0;
-    return /* @__PURE__ */ d("div", { class: "border-b border-border", children: [
-      /* @__PURE__ */ d(
+    const t = this.entry;
+    if (!t) return null;
+    const r = Object.keys(t.data).length > 0;
+    return /* @__PURE__ */ f("div", { class: "border-b border-border", children: [
+      /* @__PURE__ */ f(
         "div",
         {
           onClick: () => {
-            n && (this.open = !this.open);
+            r && (this.open = !this.open);
           },
-          class: `flex items-center gap-2 px-3 py-2 transition-colors duration-100 ${n ? "cursor-pointer hover:bg-section" : "cursor-default"}`,
+          class: `flex items-center gap-2 px-3 py-2 transition-colors duration-100 ${r ? "cursor-pointer hover:bg-section" : "cursor-default"}`,
           children: [
-            /* @__PURE__ */ o("span", { class: "text-subtle text-[10px] w-10 shrink-0 text-right tabular-nums font-mono", children: De(e.timestamp) }),
-            /* @__PURE__ */ o(re, { type: e.type }),
-            /* @__PURE__ */ o("span", { class: "flex-1 text-text font-mono text-[11px] truncate", children: e.label }),
-            n && /* @__PURE__ */ o("span", { class: "text-subtle text-[11px] shrink-0 w-4 text-center", children: () => this.open ? "▾" : "▸" })
+            /* @__PURE__ */ u("span", { class: "text-subtle text-[10px] w-10 shrink-0 text-right tabular-nums font-mono", children: nt(t.timestamp) }),
+            /* @__PURE__ */ u(xe, { type: t.type }),
+            /* @__PURE__ */ u("span", { class: "flex-1 text-text font-mono text-[11px] truncate", children: t.label }),
+            r && /* @__PURE__ */ u("span", { class: "text-subtle text-[11px] shrink-0 w-4 text-center", children: () => this.open ? "▾" : "▸" })
           ]
         }
       ),
-      () => this.open && n ? /* @__PURE__ */ o("div", { class: "px-3 py-2 pl-[56px] font-mono text-[11px] bg-section border-t border-border", children: Object.entries(e.data).map(([i, a]) => /* @__PURE__ */ d("div", { class: "flex gap-3 py-[3px]", children: [
-        /* @__PURE__ */ d("span", { class: "text-accent shrink-0", children: [
-          i,
+      () => this.open && r ? /* @__PURE__ */ u("div", { class: "px-3 py-2 pl-[56px] font-mono text-[11px] bg-section border-t border-border", children: Object.entries(t.data).map(([n, o]) => /* @__PURE__ */ f("div", { class: "flex gap-3 py-[3px]", children: [
+        /* @__PURE__ */ f("span", { class: "text-accent shrink-0", children: [
+          n,
           ":"
         ] }),
-        /* @__PURE__ */ o("span", { class: "text-muted truncate", children: typeof a == "object" ? JSON.stringify(a) : String(a) })
-      ] }, i)) }) : null
+        /* @__PURE__ */ u("span", { class: "text-muted truncate", children: typeof o == "object" ? JSON.stringify(o) : String(o) })
+      ] }, n)) }) : null
     ] });
   }
 }
-N = b(bt), l(N, 5, "open", gt, H), l(N, 5, "entry", ht, H), H = l(N, 0, "TimelineRow", xt, H), s(N, 1, H);
-var mt, ft, wt, yt, vt, I;
-vt = [m()];
-class O extends (yt = J, wt = [C()], ft = [C()], mt = [C()], yt) {
+j = zs(De);
+_t(j, 5, "open", Io, q);
+_t(j, 5, "entry", zo, q);
+q = _t(j, 0, "TimelineRow", Oo, q);
+te(j, 1, q);
+var Es = Object.create, bt = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, Po = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), pe = (e) => {
+  throw TypeError(e);
+}, Ms = (e, t, r) => t in e ? bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Yt = (e, t) => bt(e, "name", { value: t, configurable: !0 }), Ts = (e) => [, , , Es(e?.[Po("metadata")] ?? null)], Co = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], re = (e) => e !== void 0 && typeof e != "function" ? pe("Function expected") : e, js = (e, t, r, n, o) => ({ kind: Co[e], name: t, metadata: n, addInitializer: (i) => r._ ? pe("Already initialized") : o.push(re(i || null)) }), Fs = (e, t) => Ms(t, Po("metadata"), e[3]), N = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) t & 1 ? i[o].call(r) : n = i[o].call(r, n);
+  return n;
+}, Oe = (e, t, r, n, o, i) => {
+  var s, c, h, l, _, a = t & 7, b = !!(t & 8), d = !!(t & 16), p = a > 3 ? e.length + 1 : a ? b ? 1 : 2 : 0, w = Co[a + 5], S = a > 3 && (e[p - 1] = []), P = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && Ds(a < 4 ? o : { get [r]() {
+    return Jt(this, i);
+  }, set [r](v) {
+    return qt(this, i, v);
+  } }, r));
+  a ? d && a < 4 && Yt(i, (a > 2 ? "set " : a > 1 ? "get " : "") + r) : Yt(o, r);
+  for (var $ = n.length - 1; $ >= 0; $--)
+    l = js(a, r, h = {}, e[3], P), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => Ls(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Jt : As)(v, o, a ^ 4 ? i : g.get) : (v) => v[r]), a > 2 && (_.set = d ? (v, y) => qt(v, o, y, a ^ 4 ? i : g.set) : (v, y) => v[r] = y)), c = (0, n[$])(a ? a < 4 ? d ? i : g[w] : a > 4 ? void 0 : { get: g.get, set: g.set } : o, l), h._ = 1, a ^ 4 || c === void 0 ? re(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? pe("Object expected") : (re(s = c.get) && (g.get = s), re(s = c.set) && (g.set = s), re(s = c.init) && S.unshift(s));
+  return a || Fs(e, o), g && bt(o, r, g), d ? a ^ 4 ? i : g : o;
+}, gt = (e, t, r) => t.has(e) || pe("Cannot " + r), Ls = (e, t) => Object(t) !== t ? pe('Cannot use the "in" operator on this value') : e.has(t), Jt = (e, t, r) => (gt(e, t, "read from private field"), r ? r.call(e) : t.get(e)), qt = (e, t, r, n) => (gt(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), As = (e, t, r) => (gt(e, t, "access private method"), r), Eo, Do, Mo, Me, To, E;
+To = [x()];
+class G extends (Me = K, Mo = [O()], Do = [O()], Eo = [O()], Me) {
   constructor() {
-    super(...arguments);
-    f(this, "entries", s(I, 8, this, [])), s(I, 11, this);
-    f(this, "filter", s(I, 12, this, "all")), s(I, 15, this);
-    f(this, "paused", s(I, 16, this, !1)), s(I, 19, this);
-    f(this, "_handlers", []);
+    super(...arguments), this.entries = N(E, 8, this, []), N(E, 11, this), this.filter = N(E, 12, this, "all"), N(E, 15, this), this.paused = N(E, 16, this, !1), N(E, 19, this), this._handlers = [];
   }
   get registry() {
     return this.props.registry;
@@ -645,26 +839,26 @@ class O extends (yt = J, wt = [C()], ft = [C()], mt = [C()], yt) {
     ];
   }
   onUnmount() {
-    this._handlers.forEach((e) => {
-      e();
+    this._handlers.forEach((t) => {
+      t();
     });
   }
   render() {
-    return /* @__PURE__ */ d("div", { class: "flex flex-col h-full overflow-hidden", children: [
-      /* @__PURE__ */ d("div", { class: "flex items-center gap-[3px] px-2 py-2 border-b border-border bg-bg shrink-0 flex-wrap", children: [
-        ln.map((e) => /* @__PURE__ */ o(
+    return /* @__PURE__ */ f("div", { class: "flex flex-col h-full overflow-hidden", children: [
+      /* @__PURE__ */ f("div", { class: "flex items-center gap-[3px] px-2 py-2 border-b border-border bg-bg shrink-0 flex-wrap", children: [
+        us.map((t) => /* @__PURE__ */ u(
           "button",
           {
             onClick: () => {
-              this.filter = e.value;
+              this.filter = t.value;
             },
-            class: () => this.filter === e.value ? "text-[11px] px-2 py-[3px] rounded cursor-pointer font-sans bg-soft text-accent font-semibold" : "text-[11px] px-2 py-[3px] rounded cursor-pointer font-sans text-muted hover:text-text hover:bg-section transition-colors duration-150",
-            children: e.label
+            class: () => this.filter === t.value ? "text-[11px] px-2 py-[3px] rounded cursor-pointer font-sans bg-soft text-accent font-semibold" : "text-[11px] px-2 py-[3px] rounded cursor-pointer font-sans text-muted hover:text-text hover:bg-section transition-colors duration-150",
+            children: t.label
           },
-          e.value
+          t.value
         )),
-        /* @__PURE__ */ o("div", { class: "flex-1" }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ u("div", { class: "flex-1" }),
+        /* @__PURE__ */ u(
           "button",
           {
             onClick: () => {
@@ -674,7 +868,7 @@ class O extends (yt = J, wt = [C()], ft = [C()], mt = [C()], yt) {
             children: () => this.paused ? "Resume" : "Pause"
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ u(
           "button",
           {
             onClick: () => {
@@ -685,26 +879,42 @@ class O extends (yt = J, wt = [C()], ft = [C()], mt = [C()], yt) {
           }
         )
       ] }),
-      /* @__PURE__ */ o("div", { class: "flex-1 overflow-y-auto", children: () => {
-        const e = this.filter, n = e === "all" ? this.entries : this.entries.filter(
-          (i) => i.type === e || e === "component:mount" && i.type === "component:unmount"
+      /* @__PURE__ */ u("div", { class: "flex-1 overflow-y-auto", children: () => {
+        const t = this.filter, r = t === "all" ? this.entries : this.entries.filter(
+          (n) => n.type === t || t === "component:mount" && n.type === "component:unmount"
         );
-        return n.length === 0 ? /* @__PURE__ */ o(G, { message: "No events yet. Interact with your app to see the timeline." }) : [...n].reverse().map((i) => /* @__PURE__ */ o(H, { entry: i }, i.id));
+        return r.length === 0 ? /* @__PURE__ */ u(Y, { message: "No events yet. Interact with your app to see the timeline." }) : [...r].reverse().map((n) => /* @__PURE__ */ u(q, { entry: n }, n.id));
       } })
     ] });
   }
 }
-I = b(yt), l(I, 5, "entries", wt, O), l(I, 5, "filter", ft, O), l(I, 5, "paused", mt, O), O = l(I, 0, "TimelineTab", vt, O), s(I, 1, O);
-const cn = {
+E = Ts(Me);
+Oe(E, 5, "entries", Mo, G);
+Oe(E, 5, "filter", Do, G);
+Oe(E, 5, "paused", Eo, G);
+G = Oe(E, 0, "TimelineTab", To, G);
+N(E, 1, G);
+const Ns = {
   id: "timeline",
   label: "Timeline",
-  component: O
-}, dn = '*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}';
-var kt, Se, In;
-kt = [m()];
-class oe extends (In = y) {
+  component: G
+}, Bs = '*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}';
+var Rs = Object.create, ft = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, jo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Fo = (e) => {
+  throw TypeError(e);
+}, Gs = (e, t, r) => t in e ? ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Hs = (e, t) => ft(e, "name", { value: t, configurable: !0 }), Xs = (e) => [, , , Rs(e?.[jo("metadata")] ?? null)], Ws = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Lo = (e) => e !== void 0 && typeof e != "function" ? Fo("Function expected") : e, Ys = (e, t, r, n, o) => ({ kind: Ws[e], name: t, metadata: n, addInitializer: (i) => r._ ? Fo("Already initialized") : o.push(Lo(i || null)) }), Js = (e, t) => Gs(t, jo("metadata"), e[3]), qs = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, Ks = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Us(o, r));
+  Hs(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Ys(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Lo(s) && (o = s);
+  return Js(e, o), d && ft(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, Ao, mt, No;
+Ao = [x()];
+class we extends (No = k) {
   render() {
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -718,20 +928,33 @@ class oe extends (In = y) {
         "stroke-linejoin": "round",
         class: "lucide lucide-ellipsis-vertical-icon lucide-ellipsis-vertical",
         children: [
-          /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "1" }),
-          /* @__PURE__ */ o("circle", { cx: "12", cy: "5", r: "1" }),
-          /* @__PURE__ */ o("circle", { cx: "12", cy: "19", r: "1" })
+          /* @__PURE__ */ u("circle", { cx: "12", cy: "12", r: "1" }),
+          /* @__PURE__ */ u("circle", { cx: "12", cy: "5", r: "1" }),
+          /* @__PURE__ */ u("circle", { cx: "12", cy: "19", r: "1" })
         ]
       }
     );
   }
 }
-Se = b(In), oe = l(Se, 0, "EllipsisVerticalIcon", kt, oe), s(Se, 1, oe);
-var zt, Ie, Ln;
-zt = [m()];
-class ie extends (Ln = y) {
+mt = Xs(No);
+we = Ks(mt, 0, "EllipsisVerticalIcon", Ao, we);
+qs(mt, 1, we);
+var Zs = Object.create, xt = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, Bo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Ro = (e) => {
+  throw TypeError(e);
+}, Vs = (e, t, r) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, el = (e, t) => xt(e, "name", { value: t, configurable: !0 }), tl = (e) => [, , , Zs(e?.[Bo("metadata")] ?? null)], rl = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Uo = (e) => e !== void 0 && typeof e != "function" ? Ro("Function expected") : e, ol = (e, t, r, n, o) => ({ kind: rl[e], name: t, metadata: n, addInitializer: (i) => r._ ? Ro("Already initialized") : o.push(Uo(i || null)) }), nl = (e, t) => Vs(t, Bo("metadata"), e[3]), il = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, al = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Qs(o, r));
+  el(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = ol(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Uo(s) && (o = s);
+  return nl(e, o), d && xt(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, Go, wt, Ho;
+Go = [x()];
+class $e extends (Ho = k) {
   render() {
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -745,19 +968,32 @@ class ie extends (Ln = y) {
         "stroke-linejoin": "round",
         class: "lucide lucide-panel-bottom-icon lucide-panel-bottom",
         children: [
-          /* @__PURE__ */ o("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-          /* @__PURE__ */ o("path", { d: "M3 15h18" })
+          /* @__PURE__ */ u("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+          /* @__PURE__ */ u("path", { d: "M3 15h18" })
         ]
       }
     );
   }
 }
-Ie = b(Ln), ie = l(Ie, 0, "PanelBottomIcon", zt, ie), s(Ie, 1, ie);
-var Ct, Le, _n;
-Ct = [m()];
-class se extends (_n = y) {
+wt = tl(Ho);
+$e = al(wt, 0, "PanelBottomIcon", Go, $e);
+il(wt, 1, $e);
+var sl = Object.create, $t = Object.defineProperty, ll = Object.getOwnPropertyDescriptor, Xo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Wo = (e) => {
+  throw TypeError(e);
+}, cl = (e, t, r) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, dl = (e, t) => $t(e, "name", { value: t, configurable: !0 }), pl = (e) => [, , , sl(e?.[Xo("metadata")] ?? null)], ul = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Yo = (e) => e !== void 0 && typeof e != "function" ? Wo("Function expected") : e, hl = (e, t, r, n, o) => ({ kind: ul[e], name: t, metadata: n, addInitializer: (i) => r._ ? Wo("Already initialized") : o.push(Yo(i || null)) }), _l = (e, t) => cl(t, Xo("metadata"), e[3]), vl = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, bl = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && ll(o, r));
+  dl(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = hl(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Yo(s) && (o = s);
+  return _l(e, o), d && $t(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, Jo, yt, qo;
+Jo = [x()];
+class ye extends (qo = k) {
   render() {
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -771,19 +1007,32 @@ class se extends (_n = y) {
         "stroke-linejoin": "round",
         class: "lucide lucide-panel-left-icon lucide-panel-left",
         children: [
-          /* @__PURE__ */ o("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-          /* @__PURE__ */ o("path", { d: "M9 3v18" })
+          /* @__PURE__ */ u("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+          /* @__PURE__ */ u("path", { d: "M9 3v18" })
         ]
       }
     );
   }
 }
-Le = b(_n), se = l(Le, 0, "PanelLeftIcon", Ct, se), s(Le, 1, se);
-var Mt, _e, $n;
-Mt = [m()];
-class ae extends ($n = y) {
+yt = pl(qo);
+ye = bl(yt, 0, "PanelLeftIcon", Jo, ye);
+vl(yt, 1, ye);
+var gl = Object.create, St = Object.defineProperty, fl = Object.getOwnPropertyDescriptor, Ko = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Zo = (e) => {
+  throw TypeError(e);
+}, ml = (e, t, r) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, xl = (e, t) => St(e, "name", { value: t, configurable: !0 }), wl = (e) => [, , , gl(e?.[Ko("metadata")] ?? null)], $l = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Qo = (e) => e !== void 0 && typeof e != "function" ? Zo("Function expected") : e, yl = (e, t, r, n, o) => ({ kind: $l[e], name: t, metadata: n, addInitializer: (i) => r._ ? Zo("Already initialized") : o.push(Qo(i || null)) }), Sl = (e, t) => ml(t, Ko("metadata"), e[3]), kl = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, zl = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && fl(o, r));
+  xl(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = yl(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Qo(s) && (o = s);
+  return Sl(e, o), d && St(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, Vo, kt, en;
+Vo = [x()];
+class Se extends (en = k) {
   render() {
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -797,19 +1046,32 @@ class ae extends ($n = y) {
         "stroke-linejoin": "round",
         class: "lucide lucide-panel-right-icon lucide-panel-right",
         children: [
-          /* @__PURE__ */ o("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-          /* @__PURE__ */ o("path", { d: "M15 3v18" })
+          /* @__PURE__ */ u("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+          /* @__PURE__ */ u("path", { d: "M15 3v18" })
         ]
       }
     );
   }
 }
-_e = b($n), ae = l(_e, 0, "PanelRightIcon", Mt, ae), s(_e, 1, ae);
-var St, $e, jn;
-St = [m()];
-class le extends (jn = y) {
+kt = wl(en);
+Se = zl(kt, 0, "PanelRightIcon", Vo, Se);
+kl(kt, 1, Se);
+var Il = Object.create, zt = Object.defineProperty, Ol = Object.getOwnPropertyDescriptor, tn = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), rn = (e) => {
+  throw TypeError(e);
+}, Pl = (e, t, r) => t in e ? zt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Cl = (e, t) => zt(e, "name", { value: t, configurable: !0 }), El = (e) => [, , , Il(e?.[tn("metadata")] ?? null)], Dl = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], on = (e) => e !== void 0 && typeof e != "function" ? rn("Function expected") : e, Ml = (e, t, r, n, o) => ({ kind: Dl[e], name: t, metadata: n, addInitializer: (i) => r._ ? rn("Already initialized") : o.push(on(i || null)) }), Tl = (e, t) => Pl(t, tn("metadata"), e[3]), jl = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, Fl = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Ol(o, r));
+  Cl(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Ml(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, on(s) && (o = s);
+  return Tl(e, o), d && zt(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, nn, It, an;
+nn = [x()];
+class ke extends (an = k) {
   render() {
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -823,19 +1085,32 @@ class le extends (jn = y) {
         "stroke-linejoin": "round",
         class: "lucide lucide-panel-top-icon lucide-panel-top",
         children: [
-          /* @__PURE__ */ o("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-          /* @__PURE__ */ o("path", { d: "M3 9h18" })
+          /* @__PURE__ */ u("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+          /* @__PURE__ */ u("path", { d: "M3 9h18" })
         ]
       }
     );
   }
 }
-$e = b(jn), le = l($e, 0, "PanelTopIcon", St, le), s($e, 1, le);
-var It, je, En;
-It = [m()];
-class ce extends (En = y) {
+It = El(an);
+ke = Fl(It, 0, "PanelTopIcon", nn, ke);
+jl(It, 1, ke);
+var Ll = Object.create, Ot = Object.defineProperty, Al = Object.getOwnPropertyDescriptor, sn = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), ln = (e) => {
+  throw TypeError(e);
+}, Nl = (e, t, r) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Bl = (e, t) => Ot(e, "name", { value: t, configurable: !0 }), Rl = (e) => [, , , Ll(e?.[sn("metadata")] ?? null)], Ul = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], cn = (e) => e !== void 0 && typeof e != "function" ? ln("Function expected") : e, Gl = (e, t, r, n, o) => ({ kind: Ul[e], name: t, metadata: n, addInitializer: (i) => r._ ? ln("Already initialized") : o.push(cn(i || null)) }), Hl = (e, t) => Nl(t, sn("metadata"), e[3]), Xl = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, Wl = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Al(o, r));
+  Bl(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Gl(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, cn(s) && (o = s);
+  return Hl(e, o), d && Ot(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, dn, Pt, pn;
+dn = [x()];
+class ze extends (pn = k) {
   render() {
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -849,170 +1124,192 @@ class ce extends (En = y) {
         "stroke-linejoin": "round",
         class: "lucide lucide-x-icon lucide-x",
         children: [
-          /* @__PURE__ */ o("path", { d: "M18 6 6 18" }),
-          /* @__PURE__ */ o("path", { d: "m6 6 12 12" })
+          /* @__PURE__ */ u("path", { d: "M18 6 6 18" }),
+          /* @__PURE__ */ u("path", { d: "m6 6 12 12" })
         ]
       }
     );
   }
 }
-je = b(En), ce = l(je, 0, "XIcon", It, ce), s(je, 1, ce);
-var Lt, Ee, Nn;
-Lt = [m()];
-class Y extends (Nn = y) {
+Pt = Rl(pn);
+ze = Wl(Pt, 0, "XIcon", dn, ze);
+Xl(Pt, 1, ze);
+var Yl = Object.create, Ct = Object.defineProperty, Jl = Object.getOwnPropertyDescriptor, un = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), hn = (e) => {
+  throw TypeError(e);
+}, ql = (e, t, r) => t in e ? Ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Kl = (e, t) => Ct(e, "name", { value: t, configurable: !0 }), Zl = (e) => [, , , Yl(e?.[un("metadata")] ?? null)], Ql = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], _n = (e) => e !== void 0 && typeof e != "function" ? hn("Function expected") : e, Vl = (e, t, r, n, o) => ({ kind: Ql[e], name: t, metadata: n, addInitializer: (i) => r._ ? hn("Already initialized") : o.push(_n(i || null)) }), ec = (e, t) => ql(t, un("metadata"), e[3]), tc = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) i[o].call(r);
+  return n;
+}, rc = (e, t, r, n, o, i) => {
+  var s, c, h, l = t & 7, _ = !1, a = 0, b = e[a] || (e[a] = []), d = l && (o = o.prototype, l < 5 && (l > 3 || !_) && Jl(o, r));
+  Kl(o, r);
+  for (var p = n.length - 1; p >= 0; p--)
+    h = Vl(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, _n(s) && (o = s);
+  return ec(e, o), d && Ct(o, r, d), _ ? l ^ 4 ? i : d : o;
+}, vn, Et, bn;
+vn = [x()];
+class W extends (bn = k) {
   render() {
-    const { title: t, active: e, icon: n, onClick: i } = this.props;
-    return /* @__PURE__ */ o(
+    const { title: t, active: r, icon: n, onClick: o } = this.props;
+    return /* @__PURE__ */ u(
       "button",
       {
         title: t,
-        onClick: i,
-        class: () => `w-[22px] h-[22px] flex items-center justify-center rounded-md text-[11px] cursor-pointer transition-colors duration-150 ${(typeof e == "function" ? e() : e) ? "text-accent bg-soft color-white" : "text-subtle hover:color-muted hover:bg-section"}`,
-        children: /* @__PURE__ */ o(n, {})
+        onClick: o,
+        class: () => `w-[22px] h-[22px] flex items-center justify-center rounded-md text-[11px] cursor-pointer transition-colors duration-150 ${(typeof r == "function" ? r() : r) ? "text-accent bg-soft color-white" : "text-subtle hover:color-muted hover:bg-section"}`,
+        children: /* @__PURE__ */ u(n, {})
       }
     );
   }
 }
-Ee = b(Nn), Y = l(Ee, 0, "IconButton", Lt, Y), s(Ee, 1, Y);
-const Ye = 180, un = 300, Je = 240, pn = 380, hn = {
-  bottom: ie,
-  top: le,
-  left: se,
-  right: ae
+Et = Zl(bn);
+W = rc(Et, 0, "IconButton", vn, W);
+tc(Et, 1, W);
+var oc = Object.create, Dt = Object.defineProperty, nc = Object.getOwnPropertyDescriptor, gn = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), ue = (e) => {
+  throw TypeError(e);
+}, ic = (e, t, r) => t in e ? Dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Kt = (e, t) => Dt(e, "name", { value: t, configurable: !0 }), ac = (e) => [, , , oc(e?.[gn("metadata")] ?? null)], fn = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], oe = (e) => e !== void 0 && typeof e != "function" ? ue("Function expected") : e, sc = (e, t, r, n, o) => ({ kind: fn[e], name: t, metadata: n, addInitializer: (i) => r._ ? ue("Already initialized") : o.push(oe(i || null)) }), lc = (e, t) => ic(t, gn("metadata"), e[3]), z = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) t & 1 ? i[o].call(r) : n = i[o].call(r, n);
+  return n;
+}, F = (e, t, r, n, o, i) => {
+  var s, c, h, l, _, a = t & 7, b = !!(t & 8), d = !!(t & 16), p = a > 3 ? e.length + 1 : a ? b ? 1 : 2 : 0, w = fn[a + 5], S = a > 3 && (e[p - 1] = []), P = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && nc(a < 4 ? o : { get [r]() {
+    return Zt(this, i);
+  }, set [r](v) {
+    return Qt(this, i, v);
+  } }, r));
+  a ? d && a < 4 && Kt(i, (a > 2 ? "set " : a > 1 ? "get " : "") + r) : Kt(o, r);
+  for (var $ = n.length - 1; $ >= 0; $--)
+    l = sc(a, r, h = {}, e[3], P), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => cc(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Zt : dc)(v, o, a ^ 4 ? i : g.get) : (v) => v[r]), a > 2 && (_.set = d ? (v, y) => Qt(v, o, y, a ^ 4 ? i : g.set) : (v, y) => v[r] = y)), c = (0, n[$])(a ? a < 4 ? d ? i : g[w] : a > 4 ? void 0 : { get: g.get, set: g.set } : o, l), h._ = 1, a ^ 4 || c === void 0 ? oe(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? ue("Object expected") : (oe(s = c.get) && (g.get = s), oe(s = c.set) && (g.set = s), oe(s = c.init) && S.unshift(s));
+  return a || lc(e, o), g && Dt(o, r, g), d ? a ^ 4 ? i : g : o;
+}, Mt = (e, t, r) => t.has(e) || ue("Cannot " + r), cc = (e, t) => Object(t) !== t ? ue('Cannot use the "in" operator on this value') : e.has(t), Zt = (e, t, r) => (Mt(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Qt = (e, t, r, n) => (Mt(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), dc = (e, t, r) => (Mt(e, t, "access private method"), r), mn, xn, wn, $n, yn, Sn, kn, zn, Te, In, m;
+const Vt = 180, pc = 300, er = 240, uc = 380, hc = {
+  bottom: $e,
+  top: ke,
+  left: ye,
+  right: Se
 };
-var _t, $t, jt, Et, Nt, Dt, Ut, Ot, Ft, At, x;
-At = [m()];
-class _ extends (Ft = J, Ot = [C()], Ut = [C()], Dt = [C()], Nt = [C()], Et = [C()], jt = [Z()], $t = [Z()], _t = [Vt("onClose")], Ft) {
+In = [x()];
+class M extends (Te = K, zn = [O()], kn = [O()], Sn = [O()], yn = [O()], $n = [O()], wn = [ie()], xn = [ie()], mn = [Tn("onClose")], Te) {
   constructor() {
-    super(...arguments);
-    s(x, 5, this);
-    f(this, "activeTab", s(x, 8, this, "")), s(x, 11, this);
-    f(this, "dock", s(x, 12, this, "bottom")), s(x, 15, this);
-    f(this, "dockMenuOpen", s(x, 16, this, !1)), s(x, 19, this);
-    f(this, "bottomSize", s(x, 20, this, un)), s(x, 23, this);
-    f(this, "vertSize", s(x, 24, this, pn)), s(x, 27, this);
-    f(this, "plugins", s(x, 28, this, [])), s(x, 31, this);
-    f(this, "registry", s(x, 32, this)), s(x, 35, this);
+    super(...arguments), z(m, 5, this), this.activeTab = z(m, 8, this, ""), z(m, 11, this), this.dock = z(m, 12, this, "bottom"), z(m, 15, this), this.dockMenuOpen = z(m, 16, this, !1), z(m, 19, this), this.bottomSize = z(m, 20, this, pc), z(m, 23, this), this.vertSize = z(m, 24, this, uc), z(m, 27, this), this.plugins = z(m, 28, this, []), z(m, 31, this), this.registry = z(m, 32, this), z(m, 35, this);
   }
   handleClose() {
   }
   onMount() {
     this.plugins.length > 0 && (this.activeTab = this.plugins[0].id);
   }
-  handleMouseDown(e) {
-    e.preventDefault();
-    const n = e.clientX, i = e.clientY, a = this.dock, c = a === "bottom" || a === "top" ? this.bottomSize : this.vertSize, p = (h) => {
-      const w = this.dock;
-      w === "bottom" ? this.bottomSize = Math.max(
-        Ye,
+  handleMouseDown(t) {
+    t.preventDefault();
+    const r = t.clientX, n = t.clientY, o = this.dock, i = o === "bottom" || o === "top" ? this.bottomSize : this.vertSize, s = (h) => {
+      const l = this.dock;
+      l === "bottom" ? this.bottomSize = Math.max(
+        Vt,
         Math.min(
           window.innerHeight * 0.85,
-          c + (i - h.clientY)
+          i + (n - h.clientY)
         )
-      ) : w === "top" ? this.bottomSize = Math.max(
-        Ye,
+      ) : l === "top" ? this.bottomSize = Math.max(
+        Vt,
         Math.min(
           window.innerHeight * 0.85,
-          c + (h.clientY - i)
+          i + (h.clientY - n)
         )
-      ) : w === "left" ? this.vertSize = Math.max(
-        Je,
-        Math.min(window.innerWidth * 0.6, c + (h.clientX - n))
+      ) : l === "left" ? this.vertSize = Math.max(
+        er,
+        Math.min(window.innerWidth * 0.6, i + (h.clientX - r))
       ) : this.vertSize = Math.max(
-        Je,
-        Math.min(window.innerWidth * 0.6, c + (n - h.clientX))
+        er,
+        Math.min(window.innerWidth * 0.6, i + (r - h.clientX))
       );
-    }, g = () => {
-      document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
+    }, c = () => {
+      document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", c);
     };
-    document.addEventListener("mousemove", p), document.addEventListener("mouseup", g);
+    document.addEventListener("mousemove", s), document.addEventListener("mouseup", c);
   }
   render() {
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(
       "div",
       {
         class: () => {
-          const e = this.dock;
-          return e === "top" ? "flex flex-col-reverse fixed top-0 left-0 w-full z-[2147483647]" : e === "left" ? "flex flex-row-reverse fixed left-0 top-0 h-screen z-[2147483647]" : e === "right" ? "flex fixed right-0 top-0 h-screen z-[2147483647]" : "flex flex-col fixed bottom-0 left-0 w-full z-[2147483647]";
+          const t = this.dock;
+          return t === "top" ? "flex flex-col-reverse fixed top-0 left-0 w-full z-[2147483647]" : t === "left" ? "flex flex-row-reverse fixed left-0 top-0 h-screen z-[2147483647]" : t === "right" ? "flex fixed right-0 top-0 h-screen z-[2147483647]" : "flex flex-col fixed bottom-0 left-0 w-full z-[2147483647]";
         },
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ u(
             "div",
             {
               class: () => {
-                const e = this.dock;
-                return e === "bottom" || e === "top" ? "h-1 cursor-[ns-resize] bg-transparent hover:bg-accent transition-colors duration-200" : "w-1 cursor-[ew-resize] bg-transparent hover:bg-accent transition-colors duration-200";
+                const t = this.dock;
+                return t === "bottom" || t === "top" ? "h-1 cursor-[ns-resize] bg-transparent hover:bg-accent transition-colors duration-200" : "w-1 cursor-[ew-resize] bg-transparent hover:bg-accent transition-colors duration-200";
               },
-              onMouseDown: (e) => {
-                this.handleMouseDown(e);
+              onMouseDown: (t) => {
+                this.handleMouseDown(t);
               }
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ u(
             "div",
             {
               class: () => {
-                const e = this.dock;
-                return e === "top" ? "w-full h-full bg-bg border-b border-border" : e === "left" ? "w-full h-full bg-bg border-r border-border" : e === "right" ? "w-full h-full bg-bg border-l border-border" : "w-full h-full bg-bg border-t border-border";
+                const t = this.dock;
+                return t === "top" ? "w-full h-full bg-bg border-b border-border" : t === "left" ? "w-full h-full bg-bg border-r border-border" : t === "right" ? "w-full h-full bg-bg border-l border-border" : "w-full h-full bg-bg border-t border-border";
               },
               style: () => {
-                const e = this.dock;
-                return e === "bottom" || e === "top" ? { height: `${this.bottomSize.toString()}px` } : { width: `${this.vertSize.toString()}px` };
+                const t = this.dock;
+                return t === "bottom" || t === "top" ? { height: `${this.bottomSize.toString()}px` } : { width: `${this.vertSize.toString()}px` };
               },
-              children: /* @__PURE__ */ d("div", { class: "flex flex-col flex-1 w-full h-full overflow-hidden", children: [
-                /* @__PURE__ */ d("div", { class: "flex h-10 items-stretch border-b border-border bg-header shrink-0 px-2 gap-[2px]", children: [
-                  /* @__PURE__ */ d("div", { class: "flex items-center gap-[6px] pr-3 mr-[2px] border-r border-border shrink-0", children: [
-                    /* @__PURE__ */ o("img", { class: "h-[13px] w-[13px]", src: Jt }),
-                    /* @__PURE__ */ o("span", { class: "text-[10px] font-bold text-accent tracking-widest uppercase", children: "praxisjs" })
+              children: /* @__PURE__ */ f("div", { class: "flex flex-col flex-1 w-full h-full overflow-hidden", children: [
+                /* @__PURE__ */ f("div", { class: "flex h-10 items-stretch border-b border-border bg-header shrink-0 px-2 gap-[2px]", children: [
+                  /* @__PURE__ */ f("div", { class: "flex items-center gap-[6px] pr-3 mr-[2px] border-r border-border shrink-0", children: [
+                    /* @__PURE__ */ u("img", { class: "h-[13px] w-[13px]", src: ir }),
+                    /* @__PURE__ */ u("span", { class: "text-[10px] font-bold text-accent tracking-widest uppercase", children: "praxisjs" })
                   ] }),
-                  /* @__PURE__ */ o("div", { class: "flex items-stretch flex-1", children: () => this.plugins.map((e) => /* @__PURE__ */ d(
+                  /* @__PURE__ */ u("div", { class: "flex items-stretch flex-1", children: () => this.plugins.map((t) => /* @__PURE__ */ f(
                     "button",
                     {
-                      class: () => this.activeTab === e.id ? "relative flex items-center px-3 text-[11px] font-semibold text-accent cursor-pointer" : "flex items-center px-3 text-[11px] text-muted cursor-pointer hover:text-text transition-colors duration-150",
+                      class: () => this.activeTab === t.id ? "relative flex items-center px-3 text-[11px] font-semibold text-accent cursor-pointer" : "flex items-center px-3 text-[11px] text-muted cursor-pointer hover:text-text transition-colors duration-150",
                       onClick: () => {
-                        this.activeTab = e.id;
+                        this.activeTab = t.id;
                       },
                       children: [
-                        e.label,
-                        () => this.activeTab === e.id ? /* @__PURE__ */ o("span", { class: "absolute bottom-0 left-0 right-0 h-[2px] bg-accent" }) : null
+                        t.label,
+                        () => this.activeTab === t.id ? /* @__PURE__ */ u("span", { class: "absolute bottom-0 left-0 right-0 h-[2px] bg-accent" }) : null
                       ]
                     },
-                    e.id
+                    t.id
                   )) }),
-                  /* @__PURE__ */ d("div", { class: "flex items-center gap-[2px] shrink-0", children: [
-                    /* @__PURE__ */ d("div", { class: "relative", children: [
-                      /* @__PURE__ */ o(
-                        Y,
+                  /* @__PURE__ */ f("div", { class: "flex items-center gap-[2px] shrink-0", children: [
+                    /* @__PURE__ */ f("div", { class: "relative", children: [
+                      /* @__PURE__ */ u(
+                        W,
                         {
                           title: "Dock position",
-                          icon: oe,
+                          icon: we,
                           active: () => this.dockMenuOpen,
                           onClick: () => {
                             this.dockMenuOpen = !this.dockMenuOpen;
                           }
                         }
                       ),
-                      () => this.dockMenuOpen ? /* @__PURE__ */ o("div", { class: "absolute right-0 top-full mt-1 flex gap-[2px] bg-bg border border-border rounded-md shadow-lg p-1 z-10", children: ["bottom", "top", "left", "right"].map(
-                        (e) => /* @__PURE__ */ o(
-                          Y,
+                      () => this.dockMenuOpen ? /* @__PURE__ */ u("div", { class: "absolute right-0 top-full mt-1 flex gap-[2px] bg-bg border border-border rounded-md shadow-lg p-1 z-10", children: ["bottom", "top", "left", "right"].map(
+                        (t) => /* @__PURE__ */ u(
+                          W,
                           {
-                            title: `Dock ${e}`,
-                            active: () => this.dock === e,
-                            icon: hn[e],
+                            title: `Dock ${t}`,
+                            active: () => this.dock === t,
+                            icon: hc[t],
                             onClick: () => {
-                              this.dock = e, this.dockMenuOpen = !1;
+                              this.dock = t, this.dockMenuOpen = !1;
                             }
                           },
-                          e
+                          t
                         )
                       ) }) : null
                     ] }),
-                    /* @__PURE__ */ o("div", { class: "w-px h-3 bg-border mx-1" }),
-                    /* @__PURE__ */ o(
-                      Y,
+                    /* @__PURE__ */ u("div", { class: "w-px h-3 bg-border mx-1" }),
+                    /* @__PURE__ */ u(
+                      W,
                       {
                         title: "Close",
-                        icon: ce,
+                        icon: ze,
                         onClick: () => {
                           this.handleClose();
                         }
@@ -1020,11 +1317,11 @@ class _ extends (Ft = J, Ot = [C()], Ut = [C()], Dt = [C()], Nt = [C()], Et = [C
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ o("div", { class: "flex-1 overflow-hidden flex flex-col", children: () => {
-                  const n = this.plugins.find(
-                    (i) => i.id === this.activeTab
+                /* @__PURE__ */ u("div", { class: "flex-1 overflow-hidden flex flex-col", children: () => {
+                  const r = this.plugins.find(
+                    (n) => n.id === this.activeTab
                   )?.component;
-                  return n ? /* @__PURE__ */ o(n, { registry: this.registry }) : null;
+                  return r ? /* @__PURE__ */ u(r, { registry: this.registry }) : null;
                 } })
               ] })
             }
@@ -1034,24 +1331,46 @@ class _ extends (Ft = J, Ot = [C()], Ut = [C()], Dt = [C()], Nt = [C()], Et = [C
     );
   }
 }
-x = b(Ft), l(x, 1, "handleClose", _t, _), l(x, 5, "activeTab", Ot, _), l(x, 5, "dock", Ut, _), l(x, 5, "dockMenuOpen", Dt, _), l(x, 5, "bottomSize", Nt, _), l(x, 5, "vertSize", Et, _), l(x, 5, "plugins", jt, _), l(x, 5, "registry", $t, _), _ = l(x, 0, "Panel", At, _), s(x, 1, _);
-const gn = [
-  sn,
-  on,
-  cn
+m = ac(Te);
+F(m, 1, "handleClose", mn, M);
+F(m, 5, "activeTab", zn, M);
+F(m, 5, "dock", kn, M);
+F(m, 5, "dockMenuOpen", Sn, M);
+F(m, 5, "bottomSize", yn, M);
+F(m, 5, "vertSize", $n, M);
+F(m, 5, "plugins", wn, M);
+F(m, 5, "registry", xn, M);
+M = F(m, 0, "Panel", In, M);
+z(m, 1, M);
+var _c = Object.create, Tt = Object.defineProperty, vc = Object.getOwnPropertyDescriptor, On = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), he = (e) => {
+  throw TypeError(e);
+}, bc = (e, t, r) => t in e ? Tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, tr = (e, t) => Tt(e, "name", { value: t, configurable: !0 }), gc = (e) => [, , , _c(e?.[On("metadata")] ?? null)], Pn = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], ne = (e) => e !== void 0 && typeof e != "function" ? he("Function expected") : e, fc = (e, t, r, n, o) => ({ kind: Pn[e], name: t, metadata: n, addInitializer: (i) => r._ ? he("Already initialized") : o.push(ne(i || null)) }), mc = (e, t) => bc(t, On("metadata"), e[3]), B = (e, t, r, n) => {
+  for (var o = 0, i = e[t >> 1], s = i && i.length; o < s; o++) t & 1 ? i[o].call(r) : n = i[o].call(r, n);
+  return n;
+}, Pe = (e, t, r, n, o, i) => {
+  var s, c, h, l, _, a = t & 7, b = !!(t & 8), d = !!(t & 16), p = a > 3 ? e.length + 1 : a ? b ? 1 : 2 : 0, w = Pn[a + 5], S = a > 3 && (e[p - 1] = []), P = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && vc(a < 4 ? o : { get [r]() {
+    return rr(this, i);
+  }, set [r](v) {
+    return or(this, i, v);
+  } }, r));
+  a ? d && a < 4 && tr(i, (a > 2 ? "set " : a > 1 ? "get " : "") + r) : tr(o, r);
+  for (var $ = n.length - 1; $ >= 0; $--)
+    l = fc(a, r, h = {}, e[3], P), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => xc(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? rr : wc)(v, o, a ^ 4 ? i : g.get) : (v) => v[r]), a > 2 && (_.set = d ? (v, y) => or(v, o, y, a ^ 4 ? i : g.set) : (v, y) => v[r] = y)), c = (0, n[$])(a ? a < 4 ? d ? i : g[w] : a > 4 ? void 0 : { get: g.get, set: g.set } : o, l), h._ = 1, a ^ 4 || c === void 0 ? ne(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? he("Object expected") : (ne(s = c.get) && (g.get = s), ne(s = c.set) && (g.set = s), ne(s = c.init) && S.unshift(s));
+  return a || mc(e, o), g && Tt(o, r, g), d ? a ^ 4 ? i : g : o;
+}, jt = (e, t, r) => t.has(e) || he("Cannot " + r), xc = (e, t) => Object(t) !== t ? he('Cannot use the "in" operator on this value') : e.has(t), rr = (e, t, r) => (jt(e, t, "read from private field"), r ? r.call(e) : t.get(e)), or = (e, t, r, n) => (jt(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), wc = (e, t, r) => (jt(e, t, "access private method"), r), Cn, En, Dn, je, Mn, D;
+const $c = [
+  ds,
+  va,
+  Ns
 ];
-var Bt, Ht, Gt, Wt, Yt, L;
-Yt = [m()];
-class D extends (Wt = J, Gt = [C()], Ht = [Z()], Bt = [Z()], Wt) {
+Mn = [x()];
+class L extends (je = K, Dn = [O()], En = [ie()], Cn = [ie()], je) {
   constructor() {
-    super(...arguments);
-    f(this, "open", s(L, 8, this, !1)), s(L, 11, this);
-    f(this, "plugins", s(L, 12, this, [])), s(L, 15, this);
-    f(this, "registry", s(L, 16, this)), s(L, 19, this);
+    super(...arguments), this.open = B(D, 8, this, !1), B(D, 11, this), this.plugins = B(D, 12, this, []), B(D, 15, this), this.registry = B(D, 16, this), B(D, 19, this);
   }
   render() {
-    return /* @__PURE__ */ o("div", { children: () => this.open ? /* @__PURE__ */ o(
-      _,
+    return /* @__PURE__ */ u("div", { children: () => this.open ? /* @__PURE__ */ u(
+      M,
       {
         plugins: this.plugins,
         registry: this.registry,
@@ -1059,7 +1378,7 @@ class D extends (Wt = J, Gt = [C()], Ht = [Z()], Bt = [Z()], Wt) {
           this.open = !1;
         }
       }
-    ) : /* @__PURE__ */ d(
+    ) : /* @__PURE__ */ f(
       "button",
       {
         onClick: () => {
@@ -1067,186 +1386,199 @@ class D extends (Wt = J, Gt = [C()], Ht = [Z()], Bt = [Z()], Wt) {
         },
         class: "fixed bottom-5 right-5 z-[2147483647] flex items-center gap-1 pl-[10px] pr-[14px] h-[32px] rounded-xl font-sans font-semibold text-[12px] text-accent bg-header border border-border cursor-pointer select-none shadow-[0_8px_32px_rgba(0,0,0,0.7)] transition-all duration-200 hover:border-accent hover:bg-soft hover:shadow-[0_8px_32px_rgba(56,189,248,0.1)]",
         children: [
-          /* @__PURE__ */ o("img", { class: "h-[13px] w-[13px]", src: Jt }),
-          /* @__PURE__ */ o("span", { class: "text-[10px] font-bold text-accent tracking-widest uppercase", children: "devtools" })
+          /* @__PURE__ */ u("img", { class: "h-[13px] w-[13px]", src: ir }),
+          /* @__PURE__ */ u("span", { class: "text-[10px] font-bold text-accent tracking-widest uppercase", children: "devtools" })
         ]
       }
     ) });
   }
 }
-L = b(Wt), l(L, 5, "open", Gt, D), l(L, 5, "plugins", Ht, D), l(L, 5, "registry", Bt, D), D = l(L, 0, "DevToolsApp", Yt, D), s(L, 1, D);
-const Hn = {
-  plugins: [...gn],
+D = gc(je);
+Pe(D, 5, "open", Dn, L);
+Pe(D, 5, "plugins", En, L);
+Pe(D, 5, "registry", Cn, L);
+L = Pe(D, 0, "DevToolsApp", Mn, L);
+B(D, 1, L);
+const Ec = {
+  plugins: [...$c],
   host: null,
   cleanup: null,
-  init(r = {}) {
+  init(e = {}) {
     if (this.host) return;
-    r.plugins && (this.plugins = r.plugins), this.plugins.forEach((a) => a.setup?.(v.instance));
+    e.plugins && (this.plugins = e.plugins), this.plugins.forEach((i) => i.setup?.(I.instance));
     const t = document.createElement("div");
     t.id = "praxisjs-devtools", document.body.appendChild(t), this.host = t;
-    const e = t.attachShadow({ mode: "open" }), n = document.createElement("style");
-    n.textContent = dn + en, e.appendChild(n);
-    const i = document.createElement("div");
-    e.appendChild(i), this.cleanup = Ge(
-      () => /* @__PURE__ */ o(D, { plugins: this.plugins, registry: v.instance }),
-      i
+    const r = t.attachShadow({ mode: "open" }), n = document.createElement("style");
+    n.textContent = Bs + Rn, r.appendChild(n);
+    const o = document.createElement("div");
+    r.appendChild(o), this.cleanup = Ft(
+      () => /* @__PURE__ */ u(L, { plugins: this.plugins, registry: I.instance }),
+      o
     );
   },
-  registerPlugin(r) {
-    this.plugins.find((t) => t.id === r.id) || (r.setup?.(v.instance), this.plugins.push(r), this.remount());
+  registerPlugin(e) {
+    this.plugins.find((t) => t.id === e.id) || (e.setup?.(I.instance), this.plugins.push(e), this.remount());
   },
   get registry() {
-    return v.instance;
+    return I.instance;
   },
   remount() {
     if (!this.host) return;
     const t = this.host.shadowRoot.querySelector("div:last-child");
-    this.cleanup?.(), this.cleanup = Ge(
-      () => /* @__PURE__ */ o(D, { plugins: this.plugins, registry: v.instance }),
+    this.cleanup?.(), this.cleanup = Ft(
+      () => /* @__PURE__ */ u(L, { plugins: this.plugins, registry: I.instance }),
       t
     );
   }
 };
-function Re(r) {
-  return typeof r == "function" && typeof r.subscribe == "function" && !("set" in r);
+function nr(e) {
+  return typeof e == "function" && typeof e.subscribe == "function" && !("set" in e);
 }
-function Gn(r = {}) {
-  return function(e, n) {
-    const i = r.label ?? n.name;
+function Dc(e = {}) {
+  return function(r, n) {
+    const o = e.label ?? n.name;
     if (n.kind === "method") {
-      const a = e;
-      return function(...c) {
-        const p = this.constructor.name, g = performance.now();
-        let h, w = !1;
-        try {
-          h = a.apply(this, c);
-        } catch (u) {
-          throw w = !0, h = u, u;
-        } finally {
-          const u = performance.now() - g;
-          v.instance.recordMethodCall(
-            this,
-            i,
-            c,
-            w ? `throw ${String(h)}` : h,
-            u,
-            p
-          );
+      const i = r;
+      jn({
+        wrap(s, c, h) {
+          return function(...l) {
+            const _ = this.constructor.name, a = performance.now();
+            let b, d = !1;
+            try {
+              b = i.apply(this, l);
+            } catch (p) {
+              throw d = !0, b = p, p;
+            } finally {
+              const p = performance.now() - a;
+              I.instance.recordMethodCall(
+                this,
+                o,
+                l,
+                d ? `throw ${String(b)}` : b,
+                p,
+                _
+              );
+            }
+            return b;
+          };
         }
-        return h;
-      };
+      })(i, n);
+      return;
     }
     if (n.kind === "getter") {
-      const a = e;
-      n.addInitializer(function() {
-        const c = this, p = c.constructor.name;
-        queueMicrotask(() => {
-          const g = Pt(() => a.call(c));
-          let h = !0, w = g();
-          v.instance.registerSignal(c, i, w, p), g.subscribe((u) => {
-            if (h) {
-              h = !1;
-              return;
-            }
-            v.instance.updateSignal(c, i, u, w), w = u;
+      const i = r;
+      Fn({
+        observe(s, c, h) {
+          const l = c.constructor.name;
+          queueMicrotask(() => {
+            const _ = Bn(() => s.call(c));
+            let a = !0, b = _();
+            I.instance.registerSignal(c, o, b, l), _.subscribe((d) => {
+              if (a) {
+                a = !1;
+                return;
+              }
+              I.instance.updateSignal(c, o, d, b), b = d;
+            });
           });
-        });
-      });
+        }
+      })(i, n);
       return;
     }
-    n.addInitializer(function() {
-      const a = this, c = n.name, p = a.constructor.name, g = Object.getOwnPropertyDescriptor(a, c);
-      if (g?.get && g.set) {
-        const k = g.get, z = g.set;
-        v.instance.registerSignal(
-          a,
-          i,
-          k.call(a),
-          p
-        ), Object.defineProperty(a, c, {
-          get() {
-            return k.call(this);
-          },
-          set(j) {
-            const A = k.call(this);
-            z.call(this, j), v.instance.updateSignal(this, i, j, A);
-          },
-          enumerable: !0,
-          configurable: !0
-        });
-        return;
-      }
-      const h = a[c];
-      if (Reflect.deleteProperty(a, c), !Re(h)) {
-        h !== void 0 && console.warn(
-          `[PraxisJS DevTools] @Debug() on "${p}.${c}": expected a computed() value but got ${typeof h}. Skipping.`
-        ), a[c] = h;
-        return;
-      }
-      let w;
-      function u(k) {
-        let z = !0, j = k();
-        const A = k.subscribe((R) => {
-          if (z) {
-            z = !1;
-            return;
+    Ln({
+      bind(i, s, c) {
+        const h = i.constructor.name, l = Object.getOwnPropertyDescriptor(i, s);
+        if (l?.get && l.set) {
+          const d = l.get, p = l.set;
+          return I.instance.registerSignal(i, o, d.call(i), h), {
+            descriptor: {
+              get() {
+                return d.call(this);
+              },
+              set(w) {
+                const S = d.call(this);
+                p.call(this, w), I.instance.updateSignal(this, o, w, S);
+              }
+            }
+          };
+        }
+        const _ = c;
+        if (!nr(_))
+          return _ !== void 0 && console.warn(
+            `[PraxisJS DevTools] @Debug() on "${h}.${s}": expected a computed() value but got ${typeof _}. Skipping.`
+          ), {};
+        let a;
+        function b(d) {
+          let p = !0, w = d();
+          const S = d.subscribe((P) => {
+            if (p) {
+              p = !1;
+              return;
+            }
+            I.instance.updateSignal(i, o, P, w), w = P;
+          });
+          return I.instance.registerSignal(i, o, w, h), S;
+        }
+        return a = { computed: _, unsub: b(_) }, {
+          descriptor: {
+            get() {
+              return a.computed;
+            },
+            set(d) {
+              if (a.unsub(), !nr(d)) {
+                console.warn(
+                  `[PraxisJS DevTools] @Debug() on "${h}.${s}": expected a computed() value but got ${typeof d}. Skipping.`
+                );
+                return;
+              }
+              a = { computed: d, unsub: b(d) };
+            }
           }
-          v.instance.updateSignal(a, i, R, j), j = R;
-        });
-        return v.instance.registerSignal(a, i, j, p), A;
+        };
       }
-      w = { computed: h, unsub: u(h) }, Object.defineProperty(a, c, {
-        get() {
-          return w.computed;
-        },
-        set(k) {
-          if (w.unsub(), !Re(k)) {
-            console.warn(
-              `[PraxisJS DevTools] @Debug() on "${p}.${c}": expected a computed() value but got ${typeof k}. Skipping.`
-            );
-            return;
-          }
-          w = { computed: k, unsub: u(k) };
-        },
-        enumerable: !0,
-        configurable: !0
-      });
-    });
+    })(void 0, n);
   };
 }
-function Wn() {
-  return function(r, t) {
-    const e = r.name, n = v.instance, i = r.prototype, a = i.render;
-    a && (i.render = function(...g) {
-      const h = performance.now(), w = a.call(this, ...g), u = performance.now() - h;
-      return n.recordRender(this, u), w;
-    });
-    const c = i.onBeforeMount;
-    i.onBeforeMount = function(...g) {
-      return n.registerComponent(this, e), n.recordLifecycle(this, "onBeforeMount"), c?.call(this, ...g);
+const yc = ["onBeforeUpdate", "onUpdate", "onAfterUpdate"];
+class Sc extends An {
+  create(t) {
+    const r = I.instance;
+    return {
+      onMount() {
+        r.recordLifecycle(t, "onMount");
+      },
+      onUnmount() {
+        r.recordLifecycle(t, "onUnmount");
+      },
+      render(n) {
+        const o = performance.now(), i = n(), s = performance.now() - o;
+        return r.recordRender(t, s), i;
+      }
     };
-    const p = [
-      "onMount",
-      "onUnmount",
-      "onBeforeUpdate",
-      "onUpdate",
-      "onAfterUpdate"
-    ];
-    for (const g of p) {
-      const h = i[g];
-      i[g] = function(...w) {
-        return n.recordLifecycle(this, g), h?.call(this, ...w);
+  }
+  initialize(t, r) {
+    const n = r.name, o = I.instance, i = t.prototype, s = i.onBeforeMount;
+    i.onBeforeMount = function(...c) {
+      return o.registerComponent(this, n), o.recordLifecycle(this, "onBeforeMount"), s?.call(this, ...c);
+    };
+    for (const c of yc) {
+      const h = i[c];
+      i[c] = function(...l) {
+        return o.recordLifecycle(this, c), h?.call(this, ...l);
       };
     }
-    return r;
-  };
+  }
+}
+const kc = new Sc();
+function Mc() {
+  return Nn(kc);
 }
 export {
-  on as ComponentsPlugin,
-  Gn as Debug,
-  Hn as DevTools,
-  v as Registry,
-  sn as SignalsPlugin,
-  cn as TimelinePlugin,
-  Wn as Trace
+  va as ComponentsPlugin,
+  Dc as Debug,
+  Ec as DevTools,
+  I as Registry,
+  ds as SignalsPlugin,
+  Ns as TimelinePlugin,
+  Mc as Trace
 };