@praxisjs/devtools 0.2.30 → 0.2.32

package/dist/index.js

@@ -1,1588 +1,1157 @@
-import { jsxs as f, jsx as u } from "@praxisjs/jsx/jsx-runtime";
-import { StatelessComponent as k, StatefulComponent as Q } from "@praxisjs/core";
-import { Component as x, State as C, Prop as N, Emit as Ln, createMethodDecorator as An, createGetterObserverDecorator as Nn, createFieldDecorator as Bn, ClassBehavior as Rn, createClassDecorator as Un } from "@praxisjs/decorators";
-import { render as Ft } from "@praxisjs/runtime";
-import { computed as Gn } 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", Hn = '*,: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,.h3{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)}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.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 Xn {
-  constructor() {
-    this.handlers = /* @__PURE__ */ new Map();
-  }
-  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) {
-    const n = this.handlers.get(t);
-    if (!n) return;
-    const o = [];
-    for (const i of n)
-      try {
-        i(r);
-      } catch (s) {
-        o.push(s);
-      }
-    if (o.length === 1)
-      throw o[0];
-    if (o.length > 1)
-      throw new AggregateError(o, "Multiple event handler errors");
-  }
+import { StatefulComponent as e, StatelessComponent as t } from "@praxisjs/core";
+import { ClassBehavior as n, Component as r, Emit as i, Prop as a, State as o, createClassDecorator as s, createFieldDecorator as c, createGetterObserverDecorator as l, createMethodDecorator as u } from "@praxisjs/decorators";
+import { jsx as d, jsxs as f } from "@praxisjs/jsx/jsx-runtime";
+import { render as p } from "@praxisjs/runtime";
+import { computed as ee } from "@praxisjs/core/internal";
+//#region assets/logo.svg
+var m = "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", h = "*,:before,:after,::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 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--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;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:block}*{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:0 0}::-webkit-scrollbar-thumb{background:#9b90e633;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9b90e666}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (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,.h3{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}.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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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:#0000}.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)}.tab{tab-size:4}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color,#0000001a);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,#000000b3);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,#0000001a),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color,#0000001a);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,#38bdf81a);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.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-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}", g = class {
+	handlers = /* @__PURE__ */ new Map();
+	on(e, t) {
+		return this.handlers.has(e) || this.handlers.set(e, /* @__PURE__ */ new Set()), this.handlers.get(e).add(t), () => this.handlers.get(e)?.delete(t);
+	}
+	emit(e, t) {
+		let n = this.handlers.get(e);
+		if (!n) return;
+		let r = [];
+		for (let e of n) try {
+			e(t);
+		} catch (e) {
+			r.push(e);
+		}
+		if (r.length === 1) throw r[0];
+		if (r.length > 1) throw AggregateError(r, "Multiple event handler errors");
+	}
+}, _ = 200, v = 0;
+function y() {
+	return `v${(++v).toString()}_${Date.now().toString(36)}`;
 }
-const Wn = 200;
-let Yn = 0;
-function Lt() {
-  return `v${(++Yn).toString()}_${Date.now().toString(36)}`;
-}
-const Y = class Y {
-  constructor() {
-    this.bus = new Xn(), this.instanceIds = /* @__PURE__ */ new WeakMap(), this.signals = /* @__PURE__ */ new Map(), this.components = /* @__PURE__ */ new Map(), this.timeline = [];
-  }
-  static get instance() {
-    return Y._instance ??= new Y(), Y._instance;
-  }
-  getInstanceId(t) {
-    return this.instanceIds.has(t) || this.instanceIds.set(t, Lt()), this.instanceIds.get(t);
-  }
-  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(s, c), this.bus.emit("signal:registered", c);
-  }
-  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), l = {
-      ...c,
-      value: n,
-      history: h,
-      changedAt: Date.now()
-    };
-    this.signals.set(s, l), this.bus.emit("signal:changed", { entry: l, oldValue: o }), this.pushTimeline({
-      type: "signal:change",
-      label: `${c.componentName}.${r}`,
-      data: { old: o, new: n, signalId: s }
-    });
-  }
-  registerComponent(t, r) {
-    const n = this.getInstanceId(t), o = {
-      id: n,
-      name: r,
-      renderCount: 0,
-      lastRenderDuration: 0,
-      mountedAt: Date.now(),
-      status: "mounted",
-      lifecycle: []
-    };
-    this.components.set(n, o), this.bus.emit("component:registered", o);
-  }
-  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: `<${o.name}>`,
-      data: {
-        componentId: n,
-        duration: +r.toFixed(3),
-        renderCount: o.renderCount
-      }
-    }));
-  }
-  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: 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, r, n, o, i, s) {
-    const c = this.getInstanceId(t);
-    this.pushTimeline({
-      type: "method:call",
-      label: `${s}.${r}()`,
-      data: {
-        componentId: c,
-        args: n,
-        result: o,
-        duration: +i.toFixed(3)
-      }
-    });
-  }
-  getSignals() {
-    return [...this.signals.values()];
-  }
-  getComponents() {
-    return [...this.components.values()];
-  }
-  getTimeline() {
-    return [...this.timeline];
-  }
-  getSignalsByComponent(t) {
-    return this.getSignals().filter((r) => r.componentId === t);
-  }
-  pushTimeline(t) {
-    const r = {
-      id: Lt(),
-      timestamp: Date.now(),
-      ...t
-    };
-    this.timeline.push(r), this.timeline.length > Wn && this.timeline.shift(), this.bus.emit("timeline:push", r);
-  }
+var b = class e {
+	static _instance = null;
+	static get instance() {
+		return e._instance ??= new e(), e._instance;
+	}
+	bus = new g();
+	instanceIds = /* @__PURE__ */ new WeakMap();
+	signals = /* @__PURE__ */ new Map();
+	components = /* @__PURE__ */ new Map();
+	timeline = [];
+	getInstanceId(e) {
+		return this.instanceIds.has(e) || this.instanceIds.set(e, y()), this.instanceIds.get(e);
+	}
+	registerSignal(e, t, n, r) {
+		let i = this.getInstanceId(e), a = `${i}:${t}`, o = {
+			id: a,
+			label: t,
+			componentId: i,
+			componentName: r,
+			value: n,
+			history: [{
+				value: n,
+				timestamp: Date.now()
+			}],
+			changedAt: Date.now()
+		};
+		this.signals.set(a, o), this.bus.emit("signal:registered", o);
+	}
+	updateSignal(e, t, n, r) {
+		let i = `${this.getInstanceId(e)}:${t}`, a = this.signals.get(i);
+		if (!a) return;
+		let o = [...a.history, {
+			value: n,
+			timestamp: Date.now()
+		}].slice(-20), s = {
+			...a,
+			value: n,
+			history: o,
+			changedAt: Date.now()
+		};
+		this.signals.set(i, s), this.bus.emit("signal:changed", {
+			entry: s,
+			oldValue: r
+		}), this.pushTimeline({
+			type: "signal:change",
+			label: `${a.componentName}.${t}`,
+			data: {
+				old: r,
+				new: n,
+				signalId: i
+			}
+		});
+	}
+	registerComponent(e, t) {
+		let n = this.getInstanceId(e), r = {
+			id: n,
+			name: t,
+			renderCount: 0,
+			lastRenderDuration: 0,
+			mountedAt: Date.now(),
+			status: "mounted",
+			lifecycle: []
+		};
+		this.components.set(n, r), this.bus.emit("component:registered", r);
+	}
+	recordRender(e, t) {
+		let n = this.getInstanceId(e), r = this.components.get(n);
+		r && (r.renderCount++, r.lastRenderDuration = t, this.bus.emit("component:render", { ...r }), this.pushTimeline({
+			type: "component:render",
+			label: `<${r.name}>`,
+			data: {
+				componentId: n,
+				duration: +t.toFixed(3),
+				renderCount: r.renderCount
+			}
+		}));
+	}
+	recordLifecycle(e, t) {
+		let n = this.getInstanceId(e), r = this.components.get(n);
+		if (!r) return;
+		let i = {
+			hook: t,
+			timestamp: Date.now()
+		};
+		r.lifecycle.push(i), this.bus.emit("lifecycle", {
+			componentId: n,
+			name: r.name,
+			hook: t
+		});
+		let a = t === "onUnmount" ? "component:unmount" : t === "onBeforeMount" ? "component:mount" : "lifecycle";
+		if (this.pushTimeline({
+			type: a,
+			label: `<${r.name}>.${t}`,
+			data: {
+				componentId: n,
+				hook: t
+			}
+		}), t === "onUnmount") {
+			r.status = "unmounted", this.bus.emit("component:unmount", { ...r }), this.components.delete(n);
+			for (let [e, t] of this.signals) t.componentId === n && this.signals.delete(e);
+		}
+	}
+	recordMethodCall(e, t, n, r, i, a) {
+		let o = this.getInstanceId(e);
+		this.pushTimeline({
+			type: "method:call",
+			label: `${a}.${t}()`,
+			data: {
+				componentId: o,
+				args: n,
+				result: r,
+				duration: +i.toFixed(3)
+			}
+		});
+	}
+	getSignals() {
+		return [...this.signals.values()];
+	}
+	getComponents() {
+		return [...this.components.values()];
+	}
+	getTimeline() {
+		return [...this.timeline];
+	}
+	getSignalsByComponent(e) {
+		return this.getSignals().filter((t) => t.componentId === e);
+	}
+	pushTimeline(e) {
+		let t = {
+			id: y(),
+			timestamp: Date.now(),
+			...e
+		};
+		this.timeline.push(t), this.timeline.length > _ && this.timeline.shift(), this.bus.emit("timeline:push", t);
+	}
+}, x = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("div", {
+			class: "flex flex-col items-center justify-center gap-2 py-12",
+			children: [/* @__PURE__ */ d("span", {
+				class: "text-subtle text-[20px] leading-none select-none font-mono",
+				children: "—"
+			}), /* @__PURE__ */ d("p", {
+				class: "text-subtle text-[11px] text-center leading-relaxed max-w-[200px]",
+				children: this.props.message
+			})]
+		});
+	}
+}, S = @r() class extends t {
+	render() {
+		let { children: e, width: t = "280px" } = this.props;
+		return /* @__PURE__ */ d("div", {
+			class: "shrink-0 border-l border-border flex flex-col overflow-hidden",
+			style: { width: t },
+			children: e
+		});
+	}
 };
-Y._instance = null;
-let I = Y;
-var Jn = Object.create, Le = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, ar = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), sr = (e) => {
-  throw TypeError(e);
-}, Kn = (e, t, r) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Zn = (e, t) => Le(e, "name", { value: t, configurable: !0 }), Qn = (e) => [, , , Jn(e?.[ar("metadata")] ?? null)], Vn = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], lr = (e) => e !== void 0 && typeof e != "function" ? sr("Function expected") : e, ei = (e, t, r, n, o) => ({ kind: Vn[e], name: t, metadata: n, addInitializer: (i) => r._ ? sr("Already initialized") : o.push(lr(i || null)) }), ti = (e, t) => Kn(t, ar("metadata"), e[3]), ri = (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;
-}, oi = (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 || !_) && qn(o, r));
-  Zn(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = ei(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, lr(s) && (o = s);
-  return ti(e, o), d && Le(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, cr, Ae, dr;
-cr = [x()];
-class K extends (dr = k) {
-  render() {
-    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 })
-    ] });
-  }
-}
-Ae = Qn(dr);
-K = oi(Ae, 0, "EmptyState", cr, K);
-ri(Ae, 1, K);
-var ni = Object.create, Ne = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, pr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), ur = (e) => {
-  throw TypeError(e);
-}, ai = (e, t, r) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, si = (e, t) => Ne(e, "name", { value: t, configurable: !0 }), li = (e) => [, , , ni(e?.[pr("metadata")] ?? null)], ci = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], hr = (e) => e !== void 0 && typeof e != "function" ? ur("Function expected") : e, di = (e, t, r, n, o) => ({ kind: ci[e], name: t, metadata: n, addInitializer: (i) => r._ ? ur("Already initialized") : o.push(hr(i || null)) }), pi = (e, t) => ai(t, pr("metadata"), e[3]), ui = (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;
-}, hi = (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 || !_) && ii(o, r));
-  si(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = di(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, hr(s) && (o = s);
-  return pi(e, o), d && Ne(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, _r, Be, vr;
-_r = [x()];
-class ae extends (vr = k) {
-  render() {
-    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: r },
-        children: t
-      }
-    );
-  }
-}
-Be = li(vr);
-ae = hi(Be, 0, "SidePanel", _r, ae);
-ui(Be, 1, ae);
-function Re(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(e);
-    } catch {
-      return "[object]";
-    }
-  return String(e);
-}
-var _i = Object.create, Ue = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, br = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), gr = (e) => {
-  throw TypeError(e);
-}, bi = (e, t, r) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, gi = (e, t) => Ue(e, "name", { value: t, configurable: !0 }), fi = (e) => [, , , _i(e?.[br("metadata")] ?? null)], mi = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], fr = (e) => e !== void 0 && typeof e != "function" ? gr("Function expected") : e, xi = (e, t, r, n, o) => ({ kind: mi[e], name: t, metadata: n, addInitializer: (i) => r._ ? gr("Already initialized") : o.push(fr(i || null)) }), wi = (e, t) => bi(t, br("metadata"), e[3]), $i = (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;
-}, yi = (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 || !_) && vi(o, r));
-  gi(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = xi(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, fr(s) && (o = s);
-  return wi(e, o), d && Ue(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, mr, Ge, xr;
-mr = [x()];
-class X extends (xr = k) {
-  render() {
-    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__ */ u("span", { class: "text-[11px] text-text font-mono truncate text-right", children: r })
-    ] });
-  }
-}
-Ge = fi(xr);
-X = yi(Ge, 0, "DetailRow", mr, X);
-$i(Ge, 1, X);
-var Si = Object.create, He = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, wr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), $r = (e) => {
-  throw TypeError(e);
-}, zi = (e, t, r) => t in e ? He(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ii = (e, t) => He(e, "name", { value: t, configurable: !0 }), Oi = (e) => [, , , Si(e?.[wr("metadata")] ?? null)], Pi = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], yr = (e) => e !== void 0 && typeof e != "function" ? $r("Function expected") : e, Ci = (e, t, r, n, o) => ({ kind: Pi[e], name: t, metadata: n, addInitializer: (i) => r._ ? $r("Already initialized") : o.push(yr(i || null)) }), Ei = (e, t) => zi(t, wr("metadata"), e[3]), Di = (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;
-}, Mi = (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 || !_) && ki(o, r));
-  Ii(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = Ci(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, yr(s) && (o = s);
-  return Ei(e, o), d && He(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, Sr, Xe, kr;
-Sr = [x()];
-class J extends (kr = k) {
-  render() {
-    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
-    ] });
-  }
-}
-Xe = Oi(kr);
-J = Mi(Xe, 0, "DetailSection", Sr, J);
-Di(Xe, 1, J);
-var Ti = Object.create, We = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, zr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Ir = (e) => {
-  throw TypeError(e);
-}, Fi = (e, t, r) => t in e ? We(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Li = (e, t) => We(e, "name", { value: t, configurable: !0 }), Ai = (e) => [, , , Ti(e?.[zr("metadata")] ?? null)], Ni = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Or = (e) => e !== void 0 && typeof e != "function" ? Ir("Function expected") : e, Bi = (e, t, r, n, o) => ({ kind: Ni[e], name: t, metadata: n, addInitializer: (i) => r._ ? Ir("Already initialized") : o.push(Or(i || null)) }), Ri = (e, t) => Fi(t, zr("metadata"), e[3]), Ui = (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;
-}, Gi = (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 || !_) && ji(o, r));
-  Li(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = Bi(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Or(s) && (o = s);
-  return Ri(e, o), d && We(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, Pr, Ye, Cr;
-Pr = [x()];
-class se extends (Cr = k) {
-  render() {
-    const { status: t } = this.props;
-    return /* @__PURE__ */ u(
-      "span",
-      {
-        class: `inline-block w-[6px] h-[6px] rounded-full shrink-0 ${t === "mounted" ? "bg-success" : "bg-subtle"}`,
-        style: t === "mounted" ? { boxShadow: "0 0 6px rgba(14,165,122,0.7)" } : void 0
-      }
-    );
-  }
-}
-Ye = Ai(Cr);
-se = Gi(Ye, 0, "StatusDot", Pr, se);
-Ui(Ye, 1, se);
-var Hi = Object.create, Je = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, Er = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Dr = (e) => {
-  throw TypeError(e);
-}, Wi = (e, t, r) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Yi = (e, t) => Je(e, "name", { value: t, configurable: !0 }), Ji = (e) => [, , , Hi(e?.[Er("metadata")] ?? null)], qi = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Mr = (e) => e !== void 0 && typeof e != "function" ? Dr("Function expected") : e, Ki = (e, t, r, n, o) => ({ kind: qi[e], name: t, metadata: n, addInitializer: (i) => r._ ? Dr("Already initialized") : o.push(Mr(i || null)) }), Zi = (e, t) => Wi(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;
-}, Vi = (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 || !_) && Xi(o, r));
-  Yi(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = Ki(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Mr(s) && (o = s);
-  return Zi(e, o), d && Je(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, Tr, qe, jr;
-Tr = [x()];
-class be extends (jr = k) {
-  render() {
-    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__ */ f("div", { class: "flex-1 overflow-y-auto", children: [
-        /* @__PURE__ */ f(J, { label: "Stats", children: [
-          /* @__PURE__ */ u(X, { k: "renders", v: String(t.renderCount) }),
-          /* @__PURE__ */ u(
-            X,
-            {
-              k: "last render",
-              v: `${t.lastRenderDuration.toFixed(3)}ms`
-            }
-          ),
-          /* @__PURE__ */ u(X, { k: "status", v: t.status })
-        ] }),
-        r.length > 0 && /* @__PURE__ */ u(J, { label: "State", children: r.map((n) => /* @__PURE__ */ u(
-          X,
-          {
-            k: n.label,
-            v: Re(n.value),
-            signal: !0
-          },
-          n.id
-        )) }),
-        t.lifecycle.length > 0 && /* @__PURE__ */ u(J, { 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__ */ 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(o)
-        )) })
-      ] })
-    ] });
-  }
-}
-qe = Ji(jr);
-be = Vi(qe, 0, "ComponentDetail", Tr, be);
-Qi(qe, 1, be);
-var ea = Object.create, Ke = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, Fr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Lr = (e) => {
-  throw TypeError(e);
-}, ra = (e, t, r) => t in e ? Ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, oa = (e, t) => Ke(e, "name", { value: t, configurable: !0 }), na = (e) => [, , , ea(e?.[Fr("metadata")] ?? null)], ia = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Ar = (e) => e !== void 0 && typeof e != "function" ? Lr("Function expected") : e, aa = (e, t, r, n, o) => ({ kind: ia[e], name: t, metadata: n, addInitializer: (i) => r._ ? Lr("Already initialized") : o.push(Ar(i || null)) }), sa = (e, t) => ra(t, Fr("metadata"), e[3]), la = (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;
-}, ca = (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 || !_) && ta(o, r));
-  oa(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = aa(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Ar(s) && (o = s);
-  return sa(e, o), d && Ke(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, Nr, Ze, Br;
-Nr = [x()];
-class ge extends (Br = k) {
-  render() {
-    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 ${r() ? "bg-selected" : "hover:bg-section"}`,
-        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__ */ f("span", { class: "text-muted text-[11px] tabular-nums", children: [
-            "×",
-            t.renderCount
-          ] }),
-          /* @__PURE__ */ f(
-            "span",
-            {
-              class: `text-[10px] tabular-nums w-12 text-right ${t.lastRenderDuration > 16 ? "text-warn" : "text-subtle"}`,
-              children: [
-                t.lastRenderDuration.toFixed(1),
-                "ms"
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
+//#endregion
+//#region src/utils/format-value.ts
+function C(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(e);
+	} catch {
+		return "[object]";
+	}
+	return String(e);
 }
-Ze = na(Br);
-ge = ca(Ze, 0, "ComponentRow", Nr, ge);
-la(Ze, 1, ge);
-var da = Object.create, Qe = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, Rr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), le = (e) => {
-  throw TypeError(e);
-}, ua = (e, t, r) => t in e ? Qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, At = (e, t) => Qe(e, "name", { value: t, configurable: !0 }), ha = (e) => [, , , da(e?.[Rr("metadata")] ?? null)], Ur = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], V = (e) => e !== void 0 && typeof e != "function" ? le("Function expected") : e, _a = (e, t, r, n, o) => ({ kind: Ur[e], name: t, metadata: n, addInitializer: (i) => r._ ? le("Already initialized") : o.push(V(i || null)) }), va = (e, t) => ua(t, Rr("metadata"), e[3]), G = (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 = Ur[a + 5], S = a > 3 && (e[p - 1] = []), E = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && pa(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 = _a(a, r, h = {}, e[3], E), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => ba(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Nt : ga)(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 ? V(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? le("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 || va(e, o), g && Qe(o, r, g), d ? a ^ 4 ? i : g : o;
-}, Ve = (e, t, r) => t.has(e) || le("Cannot " + r), ba = (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), ga = (e, t, r) => (Ve(e, t, "access private method"), r), Gr, Hr, Xr, Ee, Wr, D;
-Wr = [x()];
-class W extends (Ee = Q, Xr = [C()], Hr = [C()], Gr = [N()], Ee) {
-  constructor() {
-    super(...arguments), this.components = G(D, 8, this, []), G(D, 11, this), this.selectedId = G(D, 12, this, null), G(D, 15, this), this.registry = G(D, 16, this), G(D, 19, this), this._handlers = [];
-  }
-  onMount() {
-    this.components = this.registry.getComponents();
-    const t = () => {
-      this.components = this.registry.getComponents();
-    };
-    this._handlers = [
-      "component:registered",
-      "component:render",
-      "component:unmount",
-      "lifecycle",
-      "signal:registered",
-      "signal:changed"
-    ].map((r) => this.registry.bus.on(r, t));
-  }
-  onUnmount() {
-    this._handlers.forEach((t) => {
-      t();
-    });
-  }
-  render() {
-    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__ */ u("div", { class: "flex-1 overflow-y-auto", children: () => this.components.length === 0 ? /* @__PURE__ */ u(K, { message: "No components tracked. Add @Trace() to component classes." }) : this.components.map((r) => /* @__PURE__ */ u(
-          ge,
-          {
-            entry: r,
-            selected: () => this.selectedId === r.id,
-            onClick: () => {
-              this.selectedId = this.selectedId === r.id ? null : r.id;
-            }
-          },
-          r.id
-        )) })
-      ] }),
-      () => {
-        const r = this.selectedId, n = r ? this.components.find((i) => i.id === r) ?? null : null, o = r ? t.getSignalsByComponent(r) : [];
-        return n ? /* @__PURE__ */ u(be, { entry: n, signals: o }) : null;
-      }
-    ] });
-  }
-}
-D = ha(Ee);
-Pe(D, 5, "components", Xr, W);
-Pe(D, 5, "selectedId", Hr, W);
-Pe(D, 5, "registry", Gr, W);
-W = Pe(D, 0, "ComponentsTab", Wr, W);
-G(D, 1, W);
-const fa = {
-  id: "components",
-  label: "Components",
-  component: W
+//#endregion
+//#region src/plugins/components/components/detail-row.tsx
+var w = @r() class extends t {
+	render() {
+		let { k: e, v: t, 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__ */ d("span", {
+				class: `text-[11px] font-mono shrink-0 ${n ? "text-accent" : "text-muted"}`,
+				children: e
+			}), /* @__PURE__ */ d("span", {
+				class: "text-[11px] text-text font-mono truncate text-right",
+				children: t
+			})]
+		});
+	}
+}, T = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("div", {
+			class: "border-b border-border",
+			children: [/* @__PURE__ */ d("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]
+		});
+	}
+}, E = @r() class extends t {
+	render() {
+		let { status: e } = this.props;
+		return /* @__PURE__ */ d("span", {
+			class: `inline-block w-[6px] h-[6px] rounded-full shrink-0 ${e === "mounted" ? "bg-success" : "bg-subtle"}`,
+			style: e === "mounted" ? { boxShadow: "0 0 6px rgba(14,165,122,0.7)" } : void 0
+		});
+	}
+}, te = @r() class extends t {
+	render() {
+		let { entry: e, signals: t } = this.props;
+		return /* @__PURE__ */ f(S, { children: [/* @__PURE__ */ f("div", {
+			class: "px-3 py-2 border-b border-border flex items-center gap-2 bg-bg shrink-0",
+			children: [/* @__PURE__ */ d(E, { status: e.status }), /* @__PURE__ */ f("span", {
+				class: "text-accent font-mono text-[11px] font-semibold truncate pl-1",
+				children: [
+					"<",
+					e.name,
+					">"
+				]
+			})]
+		}), /* @__PURE__ */ f("div", {
+			class: "flex-1 overflow-y-auto",
+			children: [
+				/* @__PURE__ */ f(T, {
+					label: "Stats",
+					children: [
+						/* @__PURE__ */ d(w, {
+							k: "renders",
+							v: String(e.renderCount)
+						}),
+						/* @__PURE__ */ d(w, {
+							k: "last render",
+							v: `${e.lastRenderDuration.toFixed(3)}ms`
+						}),
+						/* @__PURE__ */ d(w, {
+							k: "status",
+							v: e.status
+						})
+					]
+				}),
+				t.length > 0 && /* @__PURE__ */ d(T, {
+					label: "State",
+					children: t.map((e) => /* @__PURE__ */ d(w, {
+						k: e.label,
+						v: C(e.value),
+						signal: !0
+					}, e.id))
+				}),
+				e.lifecycle.length > 0 && /* @__PURE__ */ d(T, {
+					label: "Lifecycle",
+					children: [...e.lifecycle].reverse().slice(0, 20).map((e, t) => /* @__PURE__ */ f("div", {
+						class: "px-3 py-2 flex justify-between items-center border-b border-border",
+						children: [/* @__PURE__ */ d("span", {
+							class: "text-[11px] text-text font-mono",
+							children: e.hook
+						}), /* @__PURE__ */ d("span", {
+							class: "text-[10px] text-subtle tabular-nums",
+							children: new Date(e.timestamp).toLocaleTimeString()
+						})]
+					}, String(t)))
+				})
+			]
+		})] });
+	}
+}, ne = @r() class extends t {
+	render() {
+		let { entry: e, selected: t, 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 ${t() ? "bg-selected" : "hover:bg-section"}`,
+			children: [
+				() => t() && /* @__PURE__ */ d("span", { class: "absolute left-0 top-0 bottom-0 w-[2px] bg-accent rounded-r" }),
+				/* @__PURE__ */ d(E, { status: e.status }),
+				/* @__PURE__ */ f("span", {
+					class: "text-accent font-mono text-[11px] flex-1 truncate pl-1",
+					children: [
+						"<",
+						e.name,
+						">"
+					]
+				}),
+				/* @__PURE__ */ f("span", {
+					class: "text-muted text-[11px] tabular-nums",
+					children: ["×", e.renderCount]
+				}),
+				/* @__PURE__ */ f("span", {
+					class: `text-[10px] tabular-nums w-12 text-right ${e.lastRenderDuration > 16 ? "text-warn" : "text-subtle"}`,
+					children: [e.lastRenderDuration.toFixed(1), "ms"]
+				})
+			]
+		});
+	}
+}, D = {
+	id: "components",
+	label: "Components",
+	component: @r() class extends e {
+		@o() components = [];
+		@o() selectedId = null;
+		@a() registry;
+		_handlers = [];
+		onMount() {
+			this.components = this.registry.getComponents();
+			let e = () => {
+				this.components = this.registry.getComponents();
+			};
+			this._handlers = [
+				"component:registered",
+				"component:render",
+				"component:unmount",
+				"lifecycle",
+				"signal:registered",
+				"signal:changed"
+			].map((t) => this.registry.bus.on(t, e));
+		}
+		onUnmount() {
+			this._handlers.forEach((e) => {
+				e();
+			});
+		}
+		render() {
+			let { registry: e } = 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__ */ d("span", {
+								class: "flex-1",
+								children: "Component"
+							}),
+							/* @__PURE__ */ d("span", { children: "Renders" }),
+							/* @__PURE__ */ d("span", {
+								class: "w-12 text-right",
+								children: "Last"
+							})
+						]
+					}), /* @__PURE__ */ d("div", {
+						class: "flex-1 overflow-y-auto",
+						children: () => this.components.length === 0 ? /* @__PURE__ */ d(x, { message: "No components tracked. Add @Trace() to component classes." }) : this.components.map((e) => /* @__PURE__ */ d(ne, {
+							entry: e,
+							selected: () => this.selectedId === e.id,
+							onClick: () => {
+								this.selectedId = this.selectedId === e.id ? null : e.id;
+							}
+						}, e.id))
+					})]
+				}), () => {
+					let t = this.selectedId, n = t ? this.components.find((e) => e.id === t) ?? null : null, r = t ? e.getSignalsByComponent(t) : [];
+					return n ? /* @__PURE__ */ d(te, {
+						entry: n,
+						signals: r
+					}) : null;
+				}]
+			});
+		}
+	}
+}, O = @r() class extends t {
+	render() {
+		let { placeholder: e, onInput: t } = this.props;
+		return /* @__PURE__ */ d("input", {
+			type: "text",
+			placeholder: e,
+			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: (e) => {
+				t(e.target.value);
+			}
+		});
+	}
+}, k = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("div", {
+			class: "border-b border-border",
+			children: [/* @__PURE__ */ d("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]
+		});
+	}
 };
-var ma = Object.create, et = Object.defineProperty, xa = Object.getOwnPropertyDescriptor, Yr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Jr = (e) => {
-  throw TypeError(e);
-}, wa = (e, t, r) => t in e ? et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, $a = (e, t) => et(e, "name", { value: t, configurable: !0 }), ya = (e) => [, , , ma(e?.[Yr("metadata")] ?? null)], Sa = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], qr = (e) => e !== void 0 && typeof e != "function" ? Jr("Function expected") : e, ka = (e, t, r, n, o) => ({ kind: Sa[e], name: t, metadata: n, addInitializer: (i) => r._ ? Jr("Already initialized") : o.push(qr(i || null)) }), za = (e, t) => wa(t, Yr("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;
-}, Oa = (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 || !_) && xa(o, r));
-  $a(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = ka(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, qr(s) && (o = s);
-  return za(e, o), d && et(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, Kr, tt, Zr;
-Kr = [x()];
-class fe extends (Zr = k) {
-  render() {
-    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) => {
-          r(n.target.value);
-        }
-      }
-    );
-  }
-}
-tt = ya(Zr);
-fe = Oa(tt, 0, "SearchInput", Kr, fe);
-Ia(tt, 1, fe);
-var Pa = Object.create, rt = Object.defineProperty, Ca = Object.getOwnPropertyDescriptor, Qr = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Vr = (e) => {
-  throw TypeError(e);
-}, Ea = (e, t, r) => t in e ? rt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Da = (e, t) => rt(e, "name", { value: t, configurable: !0 }), Ma = (e) => [, , , Pa(e?.[Qr("metadata")] ?? null)], Ta = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], eo = (e) => e !== void 0 && typeof e != "function" ? Vr("Function expected") : e, ja = (e, t, r, n, o) => ({ kind: Ta[e], name: t, metadata: n, addInitializer: (i) => r._ ? Vr("Already initialized") : o.push(eo(i || null)) }), Fa = (e, t) => Ea(t, Qr("metadata"), e[3]), La = (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 || !_) && Ca(o, r));
-  Da(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = ja(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, eo(s) && (o = s);
-  return Fa(e, o), d && rt(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, to, ot, ro;
-to = [x()];
-class me extends (ro = k) {
-  render() {
-    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
-    ] });
-  }
-}
-ot = Ma(ro);
-me = Aa(ot, 0, "PanelSection", to, me);
-La(ot, 1, me);
-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 Na = Object.create, it = Object.defineProperty, Ba = Object.getOwnPropertyDescriptor, oo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), no = (e) => {
-  throw TypeError(e);
-}, Ra = (e, t, r) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ua = (e, t) => it(e, "name", { value: t, configurable: !0 }), Ga = (e) => [, , , Na(e?.[oo("metadata")] ?? null)], Ha = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], io = (e) => e !== void 0 && typeof e != "function" ? no("Function expected") : e, Xa = (e, t, r, n, o) => ({ kind: Ha[e], name: t, metadata: n, addInitializer: (i) => r._ ? no("Already initialized") : o.push(io(i || null)) }), Wa = (e, t) => Ra(t, oo("metadata"), e[3]), Ya = (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 || !_) && Ba(o, r));
-  Ua(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = Xa(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, io(s) && (o = s);
-  return Wa(e, o), d && it(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, ao, at, so;
-ao = [x()];
-class xe extends (so = k) {
-  render() {
-    const { entry: t } = this.props;
-    return /* @__PURE__ */ u(ae, { width: "260px", children: /* @__PURE__ */ u(me, { 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__ */ u("span", { class: "font-mono text-[11px] text-text truncate", children: Re(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__ */ u("p", { class: "px-3 py-6 text-[11px] text-subtle text-center", children: "No history yet." })
-    ] }) }) });
-  }
-}
-at = Ga(so);
-xe = Ja(at, 0, "SignalDetail", ao, xe);
-Ya(at, 1, xe);
-var qa = Object.create, st = Object.defineProperty, Ka = Object.getOwnPropertyDescriptor, lo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), co = (e) => {
-  throw TypeError(e);
-}, Za = (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 }), Va = (e) => [, , , qa(e?.[lo("metadata")] ?? null)], es = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], po = (e) => e !== void 0 && typeof e != "function" ? co("Function expected") : e, ts = (e, t, r, n, o) => ({ kind: es[e], name: t, metadata: n, addInitializer: (i) => r._ ? co("Already initialized") : o.push(po(i || null)) }), rs = (e, t) => Za(t, lo("metadata"), e[3]), os = (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;
-}, ns = (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 || !_) && Ka(o, r));
-  Qa(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = ts(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, po(s) && (o = s);
-  return rs(e, o), d && st(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, uo, lt, ho;
-uo = [x()];
-class we extends (ho = k) {
-  render() {
-    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 ${r ? "bg-selected" : "hover:bg-section"}`,
-        children: [
-          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: Re(t.value) }),
-          /* @__PURE__ */ u("span", { class: "text-subtle text-[10px] text-right tabular-nums", children: nt(t.changedAt, "ago") })
-        ]
-      }
-    );
-  }
-}
-lt = Va(ho);
-we = ns(lt, 0, "SignalRow", uo, we);
-os(lt, 1, we);
-var is = Object.create, ct = Object.defineProperty, as = Object.getOwnPropertyDescriptor, _o = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), ce = (e) => {
-  throw TypeError(e);
-}, ss = (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 }), ls = (e) => [, , , is(e?.[_o("metadata")] ?? null)], vo = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], ee = (e) => e !== void 0 && typeof e != "function" ? ce("Function expected") : e, cs = (e, t, r, n, o) => ({ kind: vo[e], name: t, metadata: n, addInitializer: (i) => r._ ? ce("Already initialized") : o.push(ee(i || null)) }), ds = (e, t) => ss(t, _o("metadata"), e[3]), j = (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;
-}, de = (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 = vo[a + 5], S = a > 3 && (e[p - 1] = []), E = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && as(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 = cs(a, r, h = {}, e[3], E), 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 ? Ut : us)(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 ? ee(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? ce("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 || ds(e, o), g && ct(o, r, g), d ? a ^ 4 ? i : g : o;
-}, dt = (e, t, r) => t.has(e) || ce("Cannot " + r), ps = (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), us = (e, t, r) => (dt(e, t, "access private method"), r), bo, go, fo, mo, De, xo, O;
-xo = [x()];
-class B extends (De = Q, mo = [C()], fo = [C()], go = [C()], bo = [N()], De) {
-  constructor() {
-    super(...arguments), this.signals = j(O, 8, this, []), j(O, 11, this), this.search = j(O, 12, this, ""), j(O, 15, this), this.selectedId = j(O, 16, this, null), j(O, 19, this), this.registry = j(O, 20, this), j(O, 23, this), this._handlers = [];
-  }
-  onMount() {
-    this.signals = this.registry.getSignals(), this._handlers = [
-      this.registry.bus.on("signal:registered", () => {
-        this.signals = this.registry.getSignals();
-      }),
-      this.registry.bus.on("signal:changed", () => {
-        this.signals = this.registry.getSignals();
-      })
-    ];
-  }
-  onUnmount() {
-    this._handlers.forEach((t) => {
-      t();
-    });
-  }
-  render() {
-    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(
-          fe,
-          {
-            placeholder: "Search signals…",
-            onInput: (t) => {
-              this.search = t;
-            }
-          }
-        ) }),
-        /* @__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__ */ 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 r.length === 0 ? /* @__PURE__ */ u(
-            K,
-            {
-              message: this.signals.length === 0 ? "No signals tracked. Add @Debug() on top of @State() properties." : "No signals match your search."
-            }
-          ) : r.map((n) => /* @__PURE__ */ u(
-            we,
-            {
-              entry: n,
-              selected: this.selectedId === n.id,
-              onClick: () => {
-                this.selectedId = this.selectedId === n.id ? null : n.id;
-              }
-            },
-            n.id
-          ));
-        } })
-      ] }),
-      () => {
-        const t = this.selectedId, r = t ? this.signals.find((n) => n.id === t) ?? null : null;
-        return r ? /* @__PURE__ */ u(xe, { entry: r }) : null;
-      }
-    ] });
-  }
-}
-O = ls(De);
-de(O, 5, "signals", mo, B);
-de(O, 5, "search", fo, B);
-de(O, 5, "selectedId", go, B);
-de(O, 5, "registry", bo, B);
-B = de(O, 0, "SignalsTab", xo, B);
-j(O, 1, B);
-const hs = {
-  id: "signals",
-  label: "Signals",
-  component: B
-}, _s = {
-  "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)]" }
-}, vs = [
-  { value: "all", label: "All" },
-  { value: "signal:change", label: "Signals" },
-  { value: "component:render", label: "Renders" },
-  { value: "component:mount", label: "Mount" },
-  { value: "lifecycle", label: "Lifecycle" },
-  { value: "method:call", label: "Methods" }
-];
-var bs = Object.create, pt = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, wo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), $o = (e) => {
-  throw TypeError(e);
-}, fs = (e, t, r) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ms = (e, t) => pt(e, "name", { value: t, configurable: !0 }), xs = (e) => [, , , bs(e?.[wo("metadata")] ?? null)], ws = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], yo = (e) => e !== void 0 && typeof e != "function" ? $o("Function expected") : e, $s = (e, t, r, n, o) => ({ kind: ws[e], name: t, metadata: n, addInitializer: (i) => r._ ? $o("Already initialized") : o.push(yo(i || null)) }), ys = (e, t) => fs(t, wo("metadata"), e[3]), Ss = (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 || !_) && gs(o, r));
-  ms(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = $s(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, yo(s) && (o = s);
-  return ys(e, o), d && pt(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, So, ut, ko;
-So = [x()];
-class $e extends (ko = k) {
-  render() {
-    const t = _s[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}`,
-        children: t.label
-      }
-    );
-  }
+//#endregion
+//#region src/utils/format-time.ts
+function A(e, t) {
+	let n = t ? ` ${t}` : "", r = Date.now() - e;
+	return r < 1e3 ? `${r.toString()}ms${n}` : r < 6e4 ? `${(r / 1e3).toFixed(1)}s${n}` : `${Math.floor(r / 6e4).toString()}m${n}`;
 }
-ut = xs(ko);
-$e = ks(ut, 0, "Badge", So, $e);
-Ss(ut, 1, $e);
-var zs = Object.create, ht = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, zo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), pe = (e) => {
-  throw TypeError(e);
-}, Os = (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 }), Ps = (e) => [, , , zs(e?.[zo("metadata")] ?? null)], Io = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], te = (e) => e !== void 0 && typeof e != "function" ? pe("Function expected") : e, Cs = (e, t, r, n, o) => ({ kind: Io[e], name: t, metadata: n, addInitializer: (i) => r._ ? pe("Already initialized") : o.push(te(i || null)) }), Es = (e, t) => Os(t, zo("metadata"), e[3]), re = (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 = Io[a + 5], S = a > 3 && (e[p - 1] = []), E = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && Is(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 = Cs(a, r, h = {}, e[3], E), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => Ds(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Xt : Ms)(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 ? te(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? pe("Object expected") : (te(s = c.get) && (g.get = s), te(s = c.set) && (g.set = s), te(s = c.init) && S.unshift(s));
-  return a || Es(e, o), g && ht(o, r, g), d ? a ^ 4 ? i : g : o;
-}, vt = (e, t, r) => t.has(e) || pe("Cannot " + r), Ds = (e, t) => Object(t) !== t ? pe('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), Ms = (e, t, r) => (vt(e, t, "access private method"), r), Oo, Po, Me, Co, L;
-Co = [x()];
-class Z extends (Me = Q, Po = [C()], Oo = [N()], Me) {
-  constructor() {
-    super(...arguments), this.open = re(L, 8, this, !1), re(L, 11, this), this.entry = re(L, 12, this), re(L, 15, this);
-  }
-  render() {
-    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: () => {
-            r && (this.open = !this.open);
-          },
-          class: `flex items-center gap-2 px-3 py-2 transition-colors duration-100 ${r ? "cursor-pointer hover:bg-section" : "cursor-default"}`,
-          children: [
-            /* @__PURE__ */ u("span", { class: "text-subtle text-[10px] w-10 shrink-0 text-right tabular-nums font-mono", children: nt(t.timestamp) }),
-            /* @__PURE__ */ u($e, { 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 && 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__ */ u("span", { class: "text-muted truncate", children: typeof o == "object" ? JSON.stringify(o) : String(o) })
-      ] }, n)) }) : null
-    ] });
-  }
-}
-L = Ps(Me);
-_t(L, 5, "open", Po, Z);
-_t(L, 5, "entry", Oo, Z);
-Z = _t(L, 0, "TimelineRow", Co, Z);
-re(L, 1, Z);
-var Ts = Object.create, bt = Object.defineProperty, js = Object.getOwnPropertyDescriptor, Eo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), ue = (e) => {
-  throw TypeError(e);
-}, Fs = (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 }), Ls = (e) => [, , , Ts(e?.[Eo("metadata")] ?? null)], Do = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], oe = (e) => e !== void 0 && typeof e != "function" ? ue("Function expected") : e, As = (e, t, r, n, o) => ({ kind: Do[e], name: t, metadata: n, addInitializer: (i) => r._ ? ue("Already initialized") : o.push(oe(i || null)) }), Ns = (e, t) => Fs(t, Eo("metadata"), e[3]), F = (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;
-}, he = (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 = Do[a + 5], S = a > 3 && (e[p - 1] = []), E = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && js(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 = As(a, r, h = {}, e[3], E), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => Bs(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Jt : Rs)(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 || Ns(e, o), g && bt(o, r, g), d ? a ^ 4 ? i : g : o;
-}, gt = (e, t, r) => t.has(e) || ue("Cannot " + r), Bs = (e, t) => Object(t) !== t ? ue('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), Rs = (e, t, r) => (gt(e, t, "access private method"), r), Mo, To, jo, Fo, Te, Lo, P;
-Lo = [x()];
-class R extends (Te = Q, Fo = [C()], jo = [C()], To = [C()], Mo = [N()], Te) {
-  constructor() {
-    super(...arguments), this.entries = F(P, 8, this, []), F(P, 11, this), this.filter = F(P, 12, this, "all"), F(P, 15, this), this.paused = F(P, 16, this, !1), F(P, 19, this), this.registry = F(P, 20, this), F(P, 23, this), this._handlers = [];
-  }
-  onMount() {
-    this.entries = this.registry.getTimeline(), this._handlers = [
-      this.registry.bus.on("timeline:push", () => {
-        this.paused || (this.entries = this.registry.getTimeline());
-      })
-    ];
-  }
-  onUnmount() {
-    this._handlers.forEach((t) => {
-      t();
-    });
-  }
-  render() {
-    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: [
-        vs.map((t) => /* @__PURE__ */ u(
-          "button",
-          {
-            onClick: () => {
-              this.filter = t.value;
-            },
-            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
-          },
-          t.value
-        )),
-        /* @__PURE__ */ u("div", { class: "flex-1" }),
-        /* @__PURE__ */ u(
-          "button",
-          {
-            onClick: () => {
-              this.paused && (this.entries = this.registry.getTimeline()), this.paused = !this.paused;
-            },
-            class: () => `text-[11px] px-2 py-[3px] rounded cursor-pointer font-sans border border-border transition-colors duration-150 ${this.paused ? "text-warn border-warn" : "text-muted hover:text-text"}`,
-            children: () => this.paused ? "Resume" : "Pause"
-          }
-        ),
-        /* @__PURE__ */ u(
-          "button",
-          {
-            onClick: () => {
-              this.entries = [];
-            },
-            class: "text-[11px] px-2 py-[3px] rounded cursor-pointer font-sans border border-border text-muted hover:text-text transition-colors duration-150",
-            children: "Clear"
-          }
-        )
-      ] }),
-      /* @__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 r.length === 0 ? /* @__PURE__ */ u(K, { message: "No events yet. Interact with your app to see the timeline." }) : [...r].reverse().map((n) => /* @__PURE__ */ u(Z, { entry: n }, n.id));
-      } })
-    ] });
-  }
-}
-P = Ls(Te);
-he(P, 5, "entries", Fo, R);
-he(P, 5, "filter", jo, R);
-he(P, 5, "paused", To, R);
-he(P, 5, "registry", Mo, R);
-R = he(P, 0, "TimelineTab", Lo, R);
-F(P, 1, R);
-const Us = {
-  id: "timeline",
-  label: "Timeline",
-  component: R
-}, Gs = '*,: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 Hs = Object.create, ft = Object.defineProperty, Xs = Object.getOwnPropertyDescriptor, Ao = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), No = (e) => {
-  throw TypeError(e);
-}, Ws = (e, t, r) => t in e ? ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ys = (e, t) => ft(e, "name", { value: t, configurable: !0 }), Js = (e) => [, , , Hs(e?.[Ao("metadata")] ?? null)], qs = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Bo = (e) => e !== void 0 && typeof e != "function" ? No("Function expected") : e, Ks = (e, t, r, n, o) => ({ kind: qs[e], name: t, metadata: n, addInitializer: (i) => r._ ? No("Already initialized") : o.push(Bo(i || null)) }), Zs = (e, t) => Ws(t, Ao("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;
-}, Vs = (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 || !_) && Xs(o, r));
-  Ys(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = Ks(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Bo(s) && (o = s);
-  return Zs(e, o), d && ft(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, Ro, mt, Uo;
-Ro = [x()];
-class ye extends (Uo = k) {
-  render() {
-    return /* @__PURE__ */ f(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        class: "lucide lucide-ellipsis-vertical-icon lucide-ellipsis-vertical",
-        children: [
-          /* @__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" })
-        ]
-      }
-    );
-  }
-}
-mt = Js(Uo);
-ye = Vs(mt, 0, "EllipsisVerticalIcon", Ro, ye);
-Qs(mt, 1, ye);
-var el = Object.create, xt = Object.defineProperty, tl = Object.getOwnPropertyDescriptor, Go = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), Ho = (e) => {
-  throw TypeError(e);
-}, rl = (e, t, r) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ol = (e, t) => xt(e, "name", { value: t, configurable: !0 }), nl = (e) => [, , , el(e?.[Go("metadata")] ?? null)], il = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Xo = (e) => e !== void 0 && typeof e != "function" ? Ho("Function expected") : e, al = (e, t, r, n, o) => ({ kind: il[e], name: t, metadata: n, addInitializer: (i) => r._ ? Ho("Already initialized") : o.push(Xo(i || null)) }), sl = (e, t) => rl(t, Go("metadata"), e[3]), ll = (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;
-}, cl = (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 || !_) && tl(o, r));
-  ol(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = al(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Xo(s) && (o = s);
-  return sl(e, o), d && xt(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, Wo, wt, Yo;
-Wo = [x()];
-class Se extends (Yo = k) {
-  render() {
-    return /* @__PURE__ */ f(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        class: "lucide lucide-panel-bottom-icon lucide-panel-bottom",
-        children: [
-          /* @__PURE__ */ u("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-          /* @__PURE__ */ u("path", { d: "M3 15h18" })
-        ]
-      }
-    );
-  }
-}
-wt = nl(Yo);
-Se = cl(wt, 0, "PanelBottomIcon", Wo, Se);
-ll(wt, 1, Se);
-var dl = Object.create, $t = Object.defineProperty, pl = Object.getOwnPropertyDescriptor, Jo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), qo = (e) => {
-  throw TypeError(e);
-}, ul = (e, t, r) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, hl = (e, t) => $t(e, "name", { value: t, configurable: !0 }), _l = (e) => [, , , dl(e?.[Jo("metadata")] ?? null)], vl = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Ko = (e) => e !== void 0 && typeof e != "function" ? qo("Function expected") : e, bl = (e, t, r, n, o) => ({ kind: vl[e], name: t, metadata: n, addInitializer: (i) => r._ ? qo("Already initialized") : o.push(Ko(i || null)) }), gl = (e, t) => ul(t, Jo("metadata"), e[3]), fl = (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;
-}, ml = (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 || !_) && pl(o, r));
-  hl(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = bl(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, Ko(s) && (o = s);
-  return gl(e, o), d && $t(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, Zo, yt, Qo;
-Zo = [x()];
-class ke extends (Qo = k) {
-  render() {
-    return /* @__PURE__ */ f(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        class: "lucide lucide-panel-left-icon lucide-panel-left",
-        children: [
-          /* @__PURE__ */ u("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-          /* @__PURE__ */ u("path", { d: "M9 3v18" })
-        ]
-      }
-    );
-  }
-}
-yt = _l(Qo);
-ke = ml(yt, 0, "PanelLeftIcon", Zo, ke);
-fl(yt, 1, ke);
-var xl = Object.create, St = Object.defineProperty, wl = Object.getOwnPropertyDescriptor, Vo = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), en = (e) => {
-  throw TypeError(e);
-}, $l = (e, t, r) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, yl = (e, t) => St(e, "name", { value: t, configurable: !0 }), Sl = (e) => [, , , xl(e?.[Vo("metadata")] ?? null)], kl = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], tn = (e) => e !== void 0 && typeof e != "function" ? en("Function expected") : e, zl = (e, t, r, n, o) => ({ kind: kl[e], name: t, metadata: n, addInitializer: (i) => r._ ? en("Already initialized") : o.push(tn(i || null)) }), Il = (e, t) => $l(t, Vo("metadata"), e[3]), Ol = (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;
-}, Pl = (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 || !_) && wl(o, r));
-  yl(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = zl(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, tn(s) && (o = s);
-  return Il(e, o), d && St(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, rn, kt, on;
-rn = [x()];
-class ze extends (on = k) {
-  render() {
-    return /* @__PURE__ */ f(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        class: "lucide lucide-panel-right-icon lucide-panel-right",
-        children: [
-          /* @__PURE__ */ u("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-          /* @__PURE__ */ u("path", { d: "M15 3v18" })
-        ]
-      }
-    );
-  }
-}
-kt = Sl(on);
-ze = Pl(kt, 0, "PanelRightIcon", rn, ze);
-Ol(kt, 1, ze);
-var Cl = Object.create, zt = Object.defineProperty, El = Object.getOwnPropertyDescriptor, nn = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), an = (e) => {
-  throw TypeError(e);
-}, Dl = (e, t, r) => t in e ? zt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ml = (e, t) => zt(e, "name", { value: t, configurable: !0 }), Tl = (e) => [, , , Cl(e?.[nn("metadata")] ?? null)], jl = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], sn = (e) => e !== void 0 && typeof e != "function" ? an("Function expected") : e, Fl = (e, t, r, n, o) => ({ kind: jl[e], name: t, metadata: n, addInitializer: (i) => r._ ? an("Already initialized") : o.push(sn(i || null)) }), Ll = (e, t) => Dl(t, nn("metadata"), e[3]), Al = (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;
-}, Nl = (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 || !_) && El(o, r));
-  Ml(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = Fl(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, sn(s) && (o = s);
-  return Ll(e, o), d && zt(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, ln, It, cn;
-ln = [x()];
-class Ie extends (cn = k) {
-  render() {
-    return /* @__PURE__ */ f(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        class: "lucide lucide-panel-top-icon lucide-panel-top",
-        children: [
-          /* @__PURE__ */ u("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-          /* @__PURE__ */ u("path", { d: "M3 9h18" })
-        ]
-      }
-    );
-  }
-}
-It = Tl(cn);
-Ie = Nl(It, 0, "PanelTopIcon", ln, Ie);
-Al(It, 1, Ie);
-var Bl = Object.create, Ot = Object.defineProperty, Rl = Object.getOwnPropertyDescriptor, dn = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), pn = (e) => {
-  throw TypeError(e);
-}, Ul = (e, t, r) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Gl = (e, t) => Ot(e, "name", { value: t, configurable: !0 }), Hl = (e) => [, , , Bl(e?.[dn("metadata")] ?? null)], Xl = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], un = (e) => e !== void 0 && typeof e != "function" ? pn("Function expected") : e, Wl = (e, t, r, n, o) => ({ kind: Xl[e], name: t, metadata: n, addInitializer: (i) => r._ ? pn("Already initialized") : o.push(un(i || null)) }), Yl = (e, t) => Ul(t, dn("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;
-}, ql = (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 || !_) && Rl(o, r));
-  Gl(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = Wl(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, un(s) && (o = s);
-  return Yl(e, o), d && Ot(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, hn, Pt, _n;
-hn = [x()];
-class Oe extends (_n = k) {
-  render() {
-    return /* @__PURE__ */ f(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        class: "lucide lucide-x-icon lucide-x",
-        children: [
-          /* @__PURE__ */ u("path", { d: "M18 6 6 18" }),
-          /* @__PURE__ */ u("path", { d: "m6 6 12 12" })
-        ]
-      }
-    );
-  }
-}
-Pt = Hl(_n);
-Oe = ql(Pt, 0, "XIcon", hn, Oe);
-Jl(Pt, 1, Oe);
-var Kl = Object.create, Ct = Object.defineProperty, Zl = Object.getOwnPropertyDescriptor, vn = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), bn = (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, Vl = (e, t) => Ct(e, "name", { value: t, configurable: !0 }), ec = (e) => [, , , Kl(e?.[vn("metadata")] ?? null)], tc = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], gn = (e) => e !== void 0 && typeof e != "function" ? bn("Function expected") : e, rc = (e, t, r, n, o) => ({ kind: tc[e], name: t, metadata: n, addInitializer: (i) => r._ ? bn("Already initialized") : o.push(gn(i || null)) }), oc = (e, t) => Ql(t, vn("metadata"), e[3]), nc = (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;
-}, ic = (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 || !_) && Zl(o, r));
-  Vl(o, r);
-  for (var p = n.length - 1; p >= 0; p--)
-    h = rc(l, r, c = {}, e[3], b), s = (0, n[p])(o, h), c._ = 1, gn(s) && (o = s);
-  return oc(e, o), d && Ct(o, r, d), _ ? l ^ 4 ? i : d : o;
-}, fn, Et, mn;
-fn = [x()];
-class q extends (mn = k) {
-  render() {
-    const { title: t, active: r, icon: n, onClick: o } = this.props;
-    return /* @__PURE__ */ u(
-      "button",
-      {
-        title: t,
-        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, {})
-      }
-    );
-  }
-}
-Et = ec(mn);
-q = ic(Et, 0, "IconButton", fn, q);
-nc(Et, 1, q);
-var ac = Object.create, Dt = Object.defineProperty, sc = Object.getOwnPropertyDescriptor, xn = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), _e = (e) => {
-  throw TypeError(e);
-}, lc = (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 }), cc = (e) => [, , , ac(e?.[xn("metadata")] ?? null)], wn = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], ne = (e) => e !== void 0 && typeof e != "function" ? _e("Function expected") : e, dc = (e, t, r, n, o) => ({ kind: wn[e], name: t, metadata: n, addInitializer: (i) => r._ ? _e("Already initialized") : o.push(ne(i || null)) }), pc = (e, t) => lc(t, xn("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;
-}, A = (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 = wn[a + 5], S = a > 3 && (e[p - 1] = []), E = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && sc(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 = dc(a, r, h = {}, e[3], E), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => uc(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? Zt : hc)(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 ? ne(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? _e("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 || pc(e, o), g && Dt(o, r, g), d ? a ^ 4 ? i : g : o;
-}, Mt = (e, t, r) => t.has(e) || _e("Cannot " + r), uc = (e, t) => Object(t) !== t ? _e('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), hc = (e, t, r) => (Mt(e, t, "access private method"), r), $n, yn, Sn, kn, zn, In, On, Pn, je, Cn, m;
-const Vt = 180, _c = 300, er = 240, vc = 380, bc = {
-  bottom: Se,
-  top: Ie,
-  left: ke,
-  right: ze
+//#endregion
+//#region src/plugins/signals/components/signal-detail.tsx
+var j = @r() class extends t {
+	render() {
+		let { entry: e } = this.props;
+		return /* @__PURE__ */ d(S, {
+			width: "260px",
+			children: /* @__PURE__ */ d(k, {
+				label: "History",
+				children: /* @__PURE__ */ f("div", {
+					class: "overflow-y-auto",
+					children: [[...e.history].reverse().map((e, t) => /* @__PURE__ */ f("div", {
+						class: "px-3 py-2 border-b border-border flex justify-between items-center gap-3",
+						children: [/* @__PURE__ */ d("span", {
+							class: "font-mono text-[11px] text-text truncate",
+							children: C(e.value)
+						}), /* @__PURE__ */ d("span", {
+							class: "text-[10px] text-subtle shrink-0 tabular-nums",
+							children: A(e.timestamp, "ago")
+						})]
+					}, String(t))), e.history.length === 0 && /* @__PURE__ */ d("p", {
+						class: "px-3 py-6 text-[11px] text-subtle text-center",
+						children: "No history yet."
+					})]
+				})
+			})
+		});
+	}
+}, M = @r() class extends t {
+	render() {
+		let { entry: e, selected: t, 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 ${t ? "bg-selected" : "hover:bg-section"}`,
+			children: [
+				t && /* @__PURE__ */ d("span", { class: "absolute left-0 top-0 bottom-0 w-[2px] bg-accent rounded-r" }),
+				/* @__PURE__ */ d("span", {
+					class: "text-accent font-mono text-[11px] truncate pl-1",
+					children: e.label
+				}),
+				/* @__PURE__ */ d("span", {
+					class: "text-muted text-[11px] truncate",
+					children: e.componentName
+				}),
+				/* @__PURE__ */ d("span", {
+					class: "text-text font-mono text-[11px] truncate",
+					children: C(e.value)
+				}),
+				/* @__PURE__ */ d("span", {
+					class: "text-subtle text-[10px] text-right tabular-nums",
+					children: A(e.changedAt, "ago")
+				})
+			]
+		});
+	}
+}, N = {
+	id: "signals",
+	label: "Signals",
+	component: @r() class extends e {
+		@o() signals = [];
+		@o() search = "";
+		@o() selectedId = null;
+		@a() registry;
+		_handlers = [];
+		onMount() {
+			this.signals = this.registry.getSignals(), this._handlers = [this.registry.bus.on("signal:registered", () => {
+				this.signals = this.registry.getSignals();
+			}), this.registry.bus.on("signal:changed", () => {
+				this.signals = this.registry.getSignals();
+			})];
+		}
+		onUnmount() {
+			this._handlers.forEach((e) => {
+				e();
+			});
+		}
+		render() {
+			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__ */ d("div", {
+							class: "px-3 py-2 border-b border-border bg-bg shrink-0",
+							children: /* @__PURE__ */ d(O, {
+								placeholder: "Search signals…",
+								onInput: (e) => {
+									this.search = e;
+								}
+							})
+						}),
+						/* @__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__ */ d("span", { children: "Signal" }),
+								/* @__PURE__ */ d("span", { children: "Component" }),
+								/* @__PURE__ */ d("span", { children: "Value" }),
+								/* @__PURE__ */ d("span", { children: "Age" })
+							]
+						}),
+						/* @__PURE__ */ d("div", {
+							class: "flex-1 overflow-y-auto",
+							children: () => {
+								let e = this.search.toLowerCase(), t = e === "" ? this.signals : this.signals.filter((t) => t.label.toLowerCase().includes(e) || t.componentName.toLowerCase().includes(e));
+								return t.length === 0 ? /* @__PURE__ */ d(x, { message: this.signals.length === 0 ? "No signals tracked. Add @Debug() on top of @State() properties." : "No signals match your search." }) : t.map((e) => /* @__PURE__ */ d(M, {
+									entry: e,
+									selected: this.selectedId === e.id,
+									onClick: () => {
+										this.selectedId = this.selectedId === e.id ? null : e.id;
+									}
+								}, e.id));
+							}
+						})
+					]
+				}), () => {
+					let e = this.selectedId, t = e ? this.signals.find((t) => t.id === e) ?? null : null;
+					return t ? /* @__PURE__ */ d(j, { entry: t }) : null;
+				}]
+			});
+		}
+	}
+}, P = {
+	"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)]"
+	}
+}, F = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "signal:change",
+		label: "Signals"
+	},
+	{
+		value: "component:render",
+		label: "Renders"
+	},
+	{
+		value: "component:mount",
+		label: "Mount"
+	},
+	{
+		value: "lifecycle",
+		label: "Lifecycle"
+	},
+	{
+		value: "method:call",
+		label: "Methods"
+	}
+], I = @r() class extends t {
+	render() {
+		let e = P[this.props.type];
+		return /* @__PURE__ */ d("span", {
+			class: `text-[9px] px-[6px] py-[2px] rounded font-bold uppercase tracking-[0.07em] shrink-0 ${e.cls}`,
+			children: e.label
+		});
+	}
+}, L = @r() class extends e {
+	@o() open = !1;
+	@a() entry;
+	render() {
+		let e = this.entry;
+		if (!e) return null;
+		let t = Object.keys(e.data).length > 0;
+		return /* @__PURE__ */ f("div", {
+			class: "border-b border-border",
+			children: [/* @__PURE__ */ f("div", {
+				onClick: () => {
+					t && (this.open = !this.open);
+				},
+				class: `flex items-center gap-2 px-3 py-2 transition-colors duration-100 ${t ? "cursor-pointer hover:bg-section" : "cursor-default"}`,
+				children: [
+					/* @__PURE__ */ d("span", {
+						class: "text-subtle text-[10px] w-10 shrink-0 text-right tabular-nums font-mono",
+						children: A(e.timestamp)
+					}),
+					/* @__PURE__ */ d(I, { type: e.type }),
+					/* @__PURE__ */ d("span", {
+						class: "flex-1 text-text font-mono text-[11px] truncate",
+						children: e.label
+					}),
+					t && /* @__PURE__ */ d("span", {
+						class: "text-subtle text-[11px] shrink-0 w-4 text-center",
+						children: () => this.open ? "▾" : "▸"
+					})
+				]
+			}), () => this.open && t ? /* @__PURE__ */ d("div", {
+				class: "px-3 py-2 pl-[56px] font-mono text-[11px] bg-section border-t border-border",
+				children: Object.entries(e.data).map(([e, t]) => /* @__PURE__ */ f("div", {
+					class: "flex gap-3 py-[3px]",
+					children: [/* @__PURE__ */ f("span", {
+						class: "text-accent shrink-0",
+						children: [e, ":"]
+					}), /* @__PURE__ */ d("span", {
+						class: "text-muted truncate",
+						children: typeof t == "object" ? JSON.stringify(t) : String(t)
+					})]
+				}, e))
+			}) : null]
+		});
+	}
+}, R = {
+	id: "timeline",
+	label: "Timeline",
+	component: @r() class extends e {
+		@o() entries = [];
+		@o() filter = "all";
+		@o() paused = !1;
+		@a() registry;
+		_handlers = [];
+		onMount() {
+			this.entries = this.registry.getTimeline(), this._handlers = [this.registry.bus.on("timeline:push", () => {
+				this.paused || (this.entries = this.registry.getTimeline());
+			})];
+		}
+		onUnmount() {
+			this._handlers.forEach((e) => {
+				e();
+			});
+		}
+		render() {
+			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: [
+						F.map((e) => /* @__PURE__ */ d("button", {
+							onClick: () => {
+								this.filter = e.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
+						}, e.value)),
+						/* @__PURE__ */ d("div", { class: "flex-1" }),
+						/* @__PURE__ */ d("button", {
+							onClick: () => {
+								this.paused && (this.entries = this.registry.getTimeline()), this.paused = !this.paused;
+							},
+							class: () => `text-[11px] px-2 py-[3px] rounded cursor-pointer font-sans border border-border transition-colors duration-150 ${this.paused ? "text-warn border-warn" : "text-muted hover:text-text"}`,
+							children: () => this.paused ? "Resume" : "Pause"
+						}),
+						/* @__PURE__ */ d("button", {
+							onClick: () => {
+								this.entries = [];
+							},
+							class: "text-[11px] px-2 py-[3px] rounded cursor-pointer font-sans border border-border text-muted hover:text-text transition-colors duration-150",
+							children: "Clear"
+						})
+					]
+				}), /* @__PURE__ */ d("div", {
+					class: "flex-1 overflow-y-auto",
+					children: () => {
+						let e = this.filter, t = e === "all" ? this.entries : this.entries.filter((t) => t.type === e || e === "component:mount" && t.type === "component:unmount");
+						return t.length === 0 ? /* @__PURE__ */ d(x, { message: "No events yet. Interact with your app to see the timeline." }) : [...t].reverse().map((e) => /* @__PURE__ */ d(L, { entry: e }, e.id));
+					}
+				})]
+			});
+		}
+	}
+}, z = "*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}", B = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			class: "lucide lucide-ellipsis-vertical-icon lucide-ellipsis-vertical",
+			children: [
+				/* @__PURE__ */ d("circle", {
+					cx: "12",
+					cy: "12",
+					r: "1"
+				}),
+				/* @__PURE__ */ d("circle", {
+					cx: "12",
+					cy: "5",
+					r: "1"
+				}),
+				/* @__PURE__ */ d("circle", {
+					cx: "12",
+					cy: "19",
+					r: "1"
+				})
+			]
+		});
+	}
+}, V = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			class: "lucide lucide-panel-bottom-icon lucide-panel-bottom",
+			children: [/* @__PURE__ */ d("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2"
+			}), /* @__PURE__ */ d("path", { d: "M3 15h18" })]
+		});
+	}
+}, H = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			class: "lucide lucide-panel-left-icon lucide-panel-left",
+			children: [/* @__PURE__ */ d("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2"
+			}), /* @__PURE__ */ d("path", { d: "M9 3v18" })]
+		});
+	}
+}, U = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			class: "lucide lucide-panel-right-icon lucide-panel-right",
+			children: [/* @__PURE__ */ d("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2"
+			}), /* @__PURE__ */ d("path", { d: "M15 3v18" })]
+		});
+	}
+}, re = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			class: "lucide lucide-panel-top-icon lucide-panel-top",
+			children: [/* @__PURE__ */ d("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2"
+			}), /* @__PURE__ */ d("path", { d: "M3 9h18" })]
+		});
+	}
+}, W = @r() class extends t {
+	render() {
+		return /* @__PURE__ */ f("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			class: "lucide lucide-x-icon lucide-x",
+			children: [/* @__PURE__ */ d("path", { d: "M18 6 6 18" }), /* @__PURE__ */ d("path", { d: "m6 6 12 12" })]
+		});
+	}
+}, G = @r() class extends t {
+	render() {
+		let { title: e, active: t, icon: n, onClick: r } = this.props;
+		return /* @__PURE__ */ d("button", {
+			title: e,
+			onClick: r,
+			class: () => `w-[22px] h-[22px] flex items-center justify-center rounded-md text-[11px] cursor-pointer transition-colors duration-150 ${(typeof t == "function" ? t() : t) ? "text-accent bg-soft color-white" : "text-subtle hover:color-muted hover:bg-section"}`,
+			children: /* @__PURE__ */ d(n, {})
+		});
+	}
+}, K = 180, q = 300, J = 240, Y = 380, X = {
+	bottom: V,
+	top: re,
+	left: H,
+	right: U
+}, ie = @r() class extends e {
+	@o() activeTab = "";
+	@o() dock = "bottom";
+	@o() dockMenuOpen = !1;
+	@o() bottomSize = q;
+	@o() vertSize = Y;
+	@a() plugins = [];
+	@a() registry;
+	@i("onClose") handleClose() {}
+	onMount() {
+		this.plugins.length > 0 && (this.activeTab = this.plugins[0].id);
+	}
+	handleMouseDown(e) {
+		e.preventDefault();
+		let t = e.clientX, n = e.clientY, r = this.dock, i = r === "bottom" || r === "top" ? this.bottomSize : this.vertSize, a = (e) => {
+			let r = this.dock;
+			r === "bottom" ? this.bottomSize = Math.max(K, Math.min(window.innerHeight * .85, i + (n - e.clientY))) : r === "top" ? this.bottomSize = Math.max(K, Math.min(window.innerHeight * .85, i + (e.clientY - n))) : r === "left" ? this.vertSize = Math.max(J, Math.min(window.innerWidth * .6, i + (e.clientX - t))) : this.vertSize = Math.max(J, Math.min(window.innerWidth * .6, i + (t - e.clientX)));
+		}, o = () => {
+			document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", o);
+		};
+		document.addEventListener("mousemove", a), document.addEventListener("mouseup", o);
+	}
+	render() {
+		return /* @__PURE__ */ f("div", {
+			class: () => {
+				let 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]";
+			},
+			children: [/* @__PURE__ */ d("div", {
+				class: () => {
+					let 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";
+				},
+				onMouseDown: (e) => {
+					this.handleMouseDown(e);
+				}
+			}), /* @__PURE__ */ d("div", {
+				class: () => {
+					let 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";
+				},
+				style: () => {
+					let e = this.dock;
+					return e === "bottom" || e === "top" ? { height: `${this.bottomSize.toString()}px` } : { width: `${this.vertSize.toString()}px` };
+				},
+				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__ */ d("img", {
+									class: "h-[13px] w-[13px]",
+									src: m
+								}), /* @__PURE__ */ d("span", {
+									class: "text-[10px] font-bold text-accent tracking-widest uppercase",
+									children: "praxisjs"
+								})]
+							}),
+							/* @__PURE__ */ d("div", {
+								class: "flex items-stretch flex-1",
+								children: () => this.plugins.map((e) => /* @__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",
+									onClick: () => {
+										this.activeTab = e.id;
+									},
+									children: [e.label, () => this.activeTab === e.id ? /* @__PURE__ */ d("span", { class: "absolute bottom-0 left-0 right-0 h-[2px] bg-accent" }) : null]
+								}, e.id))
+							}),
+							/* @__PURE__ */ f("div", {
+								class: "flex items-center gap-[2px] shrink-0",
+								children: [
+									/* @__PURE__ */ f("div", {
+										class: "relative",
+										children: [/* @__PURE__ */ d(G, {
+											title: "Dock position",
+											icon: B,
+											active: () => this.dockMenuOpen,
+											onClick: () => {
+												this.dockMenuOpen = !this.dockMenuOpen;
+											}
+										}), () => this.dockMenuOpen ? /* @__PURE__ */ d("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__ */ d(G, {
+												title: `Dock ${e}`,
+												active: () => this.dock === e,
+												icon: X[e],
+												onClick: () => {
+													this.dock = e, this.dockMenuOpen = !1;
+												}
+											}, e))
+										}) : null]
+									}),
+									/* @__PURE__ */ d("div", { class: "w-px h-3 bg-border mx-1" }),
+									/* @__PURE__ */ d(G, {
+										title: "Close",
+										icon: W,
+										onClick: () => {
+											this.handleClose();
+										}
+									})
+								]
+							})
+						]
+					}), /* @__PURE__ */ d("div", {
+						class: "flex-1 overflow-hidden flex flex-col",
+						children: () => {
+							let e = this.plugins.find((e) => e.id === this.activeTab)?.component;
+							return e ? /* @__PURE__ */ d(e, { registry: this.registry }) : null;
+						}
+					})]
+				})
+			})]
+		});
+	}
+}, ae = [
+	N,
+	D,
+	R
+], Z = @r() class extends e {
+	@o() open = !1;
+	@a() plugins = [];
+	@a() registry;
+	render() {
+		return /* @__PURE__ */ d("div", { children: () => this.open ? /* @__PURE__ */ d(ie, {
+			plugins: this.plugins,
+			registry: this.registry,
+			onClose: () => {
+				this.open = !1;
+			}
+		}) : /* @__PURE__ */ f("button", {
+			onClick: () => {
+				this.open = !0;
+			},
+			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__ */ d("img", {
+				class: "h-[13px] w-[13px]",
+				src: m
+			}), /* @__PURE__ */ d("span", {
+				class: "text-[10px] font-bold text-accent tracking-widest uppercase",
+				children: "devtools"
+			})]
+		}) });
+	}
+}, oe = {
+	plugins: [...ae],
+	host: null,
+	cleanup: null,
+	init(e = {}) {
+		if (this.host) return;
+		e.plugins && (this.plugins = e.plugins), this.plugins.forEach((e) => e.setup?.(b.instance));
+		let t = document.createElement("div");
+		t.id = "praxisjs-devtools", document.body.appendChild(t), this.host = t;
+		let n = t.attachShadow({ mode: "open" }), r = document.createElement("style");
+		r.textContent = z + h, n.appendChild(r);
+		let i = document.createElement("div");
+		n.appendChild(i), this.cleanup = p(() => /* @__PURE__ */ d(Z, {
+			plugins: this.plugins,
+			registry: b.instance
+		}), i);
+	},
+	registerPlugin(e) {
+		this.plugins.find((t) => t.id === e.id) || (e.setup?.(b.instance), this.plugins.push(e), this.remount());
+	},
+	get registry() {
+		return b.instance;
+	},
+	remount() {
+		if (!this.host) return;
+		let e = this.host.shadowRoot.querySelector("div:last-child");
+		this.cleanup?.(), this.cleanup = p(() => /* @__PURE__ */ d(Z, {
+			plugins: this.plugins,
+			registry: b.instance
+		}), e);
+	}
 };
-Cn = [x()];
-class T extends (je = Q, Pn = [C()], On = [C()], In = [C()], zn = [C()], kn = [C()], Sn = [N()], yn = [N()], $n = [Ln("onClose")], je) {
-  constructor() {
-    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, _c), z(m, 23, this), this.vertSize = z(m, 24, this, vc), 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(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,
-          i + (n - h.clientY)
-        )
-      ) : l === "top" ? this.bottomSize = Math.max(
-        Vt,
-        Math.min(
-          window.innerHeight * 0.85,
-          i + (h.clientY - n)
-        )
-      ) : l === "left" ? this.vertSize = Math.max(
-        er,
-        Math.min(window.innerWidth * 0.6, i + (h.clientX - r))
-      ) : this.vertSize = Math.max(
-        er,
-        Math.min(window.innerWidth * 0.6, i + (r - h.clientX))
-      );
-    }, c = () => {
-      document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", c);
-    };
-    document.addEventListener("mousemove", s), document.addEventListener("mouseup", c);
-  }
-  render() {
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        class: () => {
-          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__ */ u(
-            "div",
-            {
-              class: () => {
-                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: (t) => {
-                this.handleMouseDown(t);
-              }
-            }
-          ),
-          /* @__PURE__ */ u(
-            "div",
-            {
-              class: () => {
-                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 t = this.dock;
-                return t === "bottom" || t === "top" ? { height: `${this.bottomSize.toString()}px` } : { width: `${this.vertSize.toString()}px` };
-              },
-              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__ */ u("div", { class: "flex items-stretch flex-1", children: () => this.plugins.map((t) => /* @__PURE__ */ f(
-                    "button",
-                    {
-                      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 = t.id;
-                      },
-                      children: [
-                        t.label,
-                        () => this.activeTab === t.id ? /* @__PURE__ */ u("span", { class: "absolute bottom-0 left-0 right-0 h-[2px] bg-accent" }) : null
-                      ]
-                    },
-                    t.id
-                  )) }),
-                  /* @__PURE__ */ f("div", { class: "flex items-center gap-[2px] shrink-0", children: [
-                    /* @__PURE__ */ f("div", { class: "relative", children: [
-                      /* @__PURE__ */ u(
-                        q,
-                        {
-                          title: "Dock position",
-                          icon: ye,
-                          active: () => this.dockMenuOpen,
-                          onClick: () => {
-                            this.dockMenuOpen = !this.dockMenuOpen;
-                          }
-                        }
-                      ),
-                      () => 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(
-                          q,
-                          {
-                            title: `Dock ${t}`,
-                            active: () => this.dock === t,
-                            icon: bc[t],
-                            onClick: () => {
-                              this.dock = t, this.dockMenuOpen = !1;
-                            }
-                          },
-                          t
-                        )
-                      ) }) : null
-                    ] }),
-                    /* @__PURE__ */ u("div", { class: "w-px h-3 bg-border mx-1" }),
-                    /* @__PURE__ */ u(
-                      q,
-                      {
-                        title: "Close",
-                        icon: Oe,
-                        onClick: () => {
-                          this.handleClose();
-                        }
-                      }
-                    )
-                  ] })
-                ] }),
-                /* @__PURE__ */ u("div", { class: "flex-1 overflow-hidden flex flex-col", children: () => {
-                  const r = this.plugins.find(
-                    (n) => n.id === this.activeTab
-                  )?.component;
-                  return r ? /* @__PURE__ */ u(r, { registry: this.registry }) : null;
-                } })
-              ] })
-            }
-          )
-        ]
-      }
-    );
-  }
+//#endregion
+//#region src/decorators/debug.ts
+function Q(e) {
+	return typeof e == "function" && typeof e.subscribe == "function" && !("set" in e);
 }
-m = cc(je);
-A(m, 1, "handleClose", $n, T);
-A(m, 5, "activeTab", Pn, T);
-A(m, 5, "dock", On, T);
-A(m, 5, "dockMenuOpen", In, T);
-A(m, 5, "bottomSize", zn, T);
-A(m, 5, "vertSize", kn, T);
-A(m, 5, "plugins", Sn, T);
-A(m, 5, "registry", yn, T);
-T = A(m, 0, "Panel", Cn, T);
-z(m, 1, T);
-var gc = Object.create, Tt = Object.defineProperty, fc = Object.getOwnPropertyDescriptor, En = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), ve = (e) => {
-  throw TypeError(e);
-}, mc = (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 }), xc = (e) => [, , , gc(e?.[En("metadata")] ?? null)], Dn = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], ie = (e) => e !== void 0 && typeof e != "function" ? ve("Function expected") : e, wc = (e, t, r, n, o) => ({ kind: Dn[e], name: t, metadata: n, addInitializer: (i) => r._ ? ve("Already initialized") : o.push(ie(i || null)) }), $c = (e, t) => mc(t, En("metadata"), e[3]), H = (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;
-}, Ce = (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 = Dn[a + 5], S = a > 3 && (e[p - 1] = []), E = e[p] || (e[p] = []), g = a && (!d && !b && (o = o.prototype), a < 5 && (a > 3 || !d) && fc(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 = wc(a, r, h = {}, e[3], E), a && (l.static = b, l.private = d, _ = l.access = { has: d ? (v) => yc(o, v) : (v) => r in v }, a ^ 3 && (_.get = d ? (v) => (a ^ 1 ? rr : Sc)(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 ? ie(c) && (a > 4 ? S.unshift(c) : a ? d ? i = c : g[w] = c : o = c) : typeof c != "object" || c === null ? ve("Object expected") : (ie(s = c.get) && (g.get = s), ie(s = c.set) && (g.set = s), ie(s = c.init) && S.unshift(s));
-  return a || $c(e, o), g && Tt(o, r, g), d ? a ^ 4 ? i : g : o;
-}, jt = (e, t, r) => t.has(e) || ve("Cannot " + r), yc = (e, t) => Object(t) !== t ? ve('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), Sc = (e, t, r) => (jt(e, t, "access private method"), r), Mn, Tn, jn, Fe, Fn, M;
-const kc = [
-  hs,
-  fa,
-  Us
-];
-Fn = [x()];
-class U extends (Fe = Q, jn = [C()], Tn = [N()], Mn = [N()], Fe) {
-  constructor() {
-    super(...arguments), this.open = H(M, 8, this, !1), H(M, 11, this), this.plugins = H(M, 12, this, []), H(M, 15, this), this.registry = H(M, 16, this), H(M, 19, this);
-  }
-  render() {
-    return /* @__PURE__ */ u("div", { children: () => this.open ? /* @__PURE__ */ u(
-      T,
-      {
-        plugins: this.plugins,
-        registry: this.registry,
-        onClose: () => {
-          this.open = !1;
-        }
-      }
-    ) : /* @__PURE__ */ f(
-      "button",
-      {
-        onClick: () => {
-          this.open = !0;
-        },
-        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__ */ u("img", { class: "h-[13px] w-[13px]", src: ir }),
-          /* @__PURE__ */ u("span", { class: "text-[10px] font-bold text-accent tracking-widest uppercase", children: "devtools" })
-        ]
-      }
-    ) });
-  }
-}
-M = xc(Fe);
-Ce(M, 5, "open", jn, U);
-Ce(M, 5, "plugins", Tn, U);
-Ce(M, 5, "registry", Mn, U);
-U = Ce(M, 0, "DevToolsApp", Fn, U);
-H(M, 1, U);
-const Tc = {
-  plugins: [...kc],
-  host: null,
-  cleanup: null,
-  init(e = {}) {
-    if (this.host) return;
-    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 r = t.attachShadow({ mode: "open" }), n = document.createElement("style");
-    n.textContent = Gs + Hn, r.appendChild(n);
-    const o = document.createElement("div");
-    r.appendChild(o), this.cleanup = Ft(
-      () => /* @__PURE__ */ u(U, { plugins: this.plugins, registry: I.instance }),
-      o
-    );
-  },
-  registerPlugin(e) {
-    this.plugins.find((t) => t.id === e.id) || (e.setup?.(I.instance), this.plugins.push(e), this.remount());
-  },
-  get registry() {
-    return I.instance;
-  },
-  remount() {
-    if (!this.host) return;
-    const t = this.host.shadowRoot.querySelector("div:last-child");
-    this.cleanup?.(), this.cleanup = Ft(
-      () => /* @__PURE__ */ u(U, { plugins: this.plugins, registry: I.instance }),
-      t
-    );
-  }
-};
-function nr(e) {
-  return typeof e == "function" && typeof e.subscribe == "function" && !("set" in e);
+function $(e = {}) {
+	return function(t, n) {
+		let r = e.label ?? n.name;
+		if (n.kind === "method") {
+			let e = t;
+			u({ wrap(t, n, i) {
+				return function(...t) {
+					let n = this.constructor.name, i = performance.now(), a, o = !1;
+					try {
+						a = e.apply(this, t);
+					} catch (e) {
+						throw o = !0, a = e, e;
+					} finally {
+						let e = performance.now() - i;
+						b.instance.recordMethodCall(this, r, t, o ? `throw ${String(a)}` : a, e, n);
+					}
+					return a;
+				};
+			} })(e, n);
+			return;
+		}
+		if (n.kind === "getter") {
+			let e = t;
+			l({ observe(e, t, n) {
+				let i = t.constructor.name;
+				queueMicrotask(() => {
+					let n = ee(() => e.call(t)), a = !0, o = n();
+					b.instance.registerSignal(t, r, o, i), n.subscribe((e) => {
+						if (a) {
+							a = !1;
+							return;
+						}
+						b.instance.updateSignal(t, r, e, o), o = e;
+					});
+				});
+			} })(e, n);
+			return;
+		}
+		c({ bind(e, t, n) {
+			let i = e.constructor.name, a = Object.getOwnPropertyDescriptor(e, t);
+			if (a?.get && a.set) {
+				let t = a.get, n = a.set;
+				return b.instance.registerSignal(e, r, t.call(e), i), { descriptor: {
+					get() {
+						return t.call(this);
+					},
+					set(e) {
+						let i = t.call(this);
+						n.call(this, e), b.instance.updateSignal(this, r, e, i);
+					}
+				} };
+			}
+			let o = n;
+			if (!Q(o)) return o !== void 0 && console.warn(`[PraxisJS DevTools] @Debug() on "${i}.${t}": expected a computed() value but got ${typeof o}. Skipping.`), {};
+			let s;
+			function c(t) {
+				let n = !0, a = t(), o = t.subscribe((t) => {
+					if (n) {
+						n = !1;
+						return;
+					}
+					b.instance.updateSignal(e, r, t, a), a = t;
+				});
+				return b.instance.registerSignal(e, r, a, i), o;
+			}
+			return s = {
+				computed: o,
+				unsub: c(o)
+			}, { descriptor: {
+				get() {
+					return s.computed;
+				},
+				set(e) {
+					if (s.unsub(), !Q(e)) {
+						console.warn(`[PraxisJS DevTools] @Debug() on "${i}.${t}": expected a computed() value but got ${typeof e}. Skipping.`);
+						return;
+					}
+					s = {
+						computed: e,
+						unsub: c(e)
+					};
+				}
+			} };
+		} })(void 0, n);
+	};
 }
-function jc(e = {}) {
-  return function(r, n) {
-    const o = e.label ?? n.name;
-    if (n.kind === "method") {
-      const i = r;
-      An({
-        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;
-          };
-        }
-      })(i, n);
-      return;
-    }
-    if (n.kind === "getter") {
-      const i = r;
-      Nn({
-        observe(s, c, h) {
-          const l = c.constructor.name;
-          queueMicrotask(() => {
-            const _ = Gn(() => 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;
-    }
-    Bn({
-      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((E) => {
-            if (p) {
-              p = !1;
-              return;
-            }
-            I.instance.updateSignal(i, o, E, w), w = E;
-          });
-          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) };
-            }
-          }
-        };
-      }
-    })(void 0, n);
-  };
+//#endregion
+//#region src/decorators/trace.ts
+var se = [
+	"onBeforeUpdate",
+	"onUpdate",
+	"onAfterUpdate"
+], ce = new class extends n {
+	create(e) {
+		let t = b.instance;
+		return {
+			onMount() {
+				t.recordLifecycle(e, "onMount");
+			},
+			onUnmount() {
+				t.recordLifecycle(e, "onUnmount");
+			},
+			render(n) {
+				let r = performance.now(), i = n(), a = performance.now() - r;
+				return t.recordRender(e, a), i;
+			}
+		};
+	}
+	initialize(e, t) {
+		let n = t.name, r = b.instance, i = e.prototype, a = i.onBeforeMount;
+		i.onBeforeMount = function(...e) {
+			return r.registerComponent(this, n), r.recordLifecycle(this, "onBeforeMount"), a?.call(this, ...e);
+		};
+		for (let e of se) {
+			let t = i[e];
+			i[e] = function(...n) {
+				return r.recordLifecycle(this, e), t?.call(this, ...n);
+			};
+		}
+	}
+}();
+function le() {
+	return s(ce);
 }
-const zc = ["onBeforeUpdate", "onUpdate", "onAfterUpdate"];
-class Ic extends Rn {
-  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;
-      }
-    };
-  }
-  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 zc) {
-      const h = i[c];
-      i[c] = function(...l) {
-        return o.recordLifecycle(this, c), h?.call(this, ...l);
-      };
-    }
-  }
-}
-const Oc = new Ic();
-function Fc() {
-  return Un(Oc);
-}
-export {
-  fa as ComponentsPlugin,
-  jc as Debug,
-  Tc as DevTools,
-  I as Registry,
-  hs as SignalsPlugin,
-  Us as TimelinePlugin,
-  Fc as Trace
-};
+//#endregion
+export { D as ComponentsPlugin, $ as Debug, oe as DevTools, b as Registry, N as SignalsPlugin, R as TimelinePlugin, le as Trace };