npm - @vscode/component-explorer - Versions diffs - 0.1.1-8 → 0.1.1-9 - Mend

@vscode/component-explorer 0.1.1-8 → 0.1.1-9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

@@ -1,38 +1,38 @@
-var it = Object.defineProperty;
-var ot = (s, e, t) => e in s ? it(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var c = (s, e, t) => ot(s, typeof e != "symbol" ? e + "" : e, t);
-import { createRoot as at } from "react-dom/client";
-import { createElement as dt } from "react";
-import { jsx as a, jsxs as p, Fragment as ce } from "react/jsx-runtime";
-import { ViewModel as N, prop as f, viewWithModel as V, view as D } from "@vscode/observables-react";
-const lt = {
+var vt = Object.defineProperty;
+var bt = (s, e, t) => e in s ? vt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var l = (s, e, t) => bt(s, typeof e != "symbol" ? e + "" : e, t);
+import { createRoot as yt } from "react-dom/client";
+import { createContext as Le, useReducer as Ct, useState as xt, useContext as wt, useEffect as Ie, createElement as St } from "react";
+import { jsx as a, jsxs as p, Fragment as be } from "react/jsx-runtime";
+import { unstable_batchedUpdates as $e } from "react-dom";
+const It = {
   mobile: { width: 390, height: 844 },
   tablet: { width: 768, height: 1024 },
   desktop: { width: 1440, height: 900 }
 };
-function ct(s) {
-  return typeof s == "string" ? { name: s, ...lt[s] } : s;
+function Ot(s) {
+  return typeof s == "string" ? { name: s, ...It[s] } : s;
 }
-function ht(s) {
+function Tt(s) {
   const e = {};
   for (const t of s)
     e[t.name] = t.defaultValue;
   return e;
 }
-function qn(s) {
+function ys(s) {
   return typeof s == "object" && s !== null && "render" in s && typeof s.render == "function" && "id" in s && "name" in s;
 }
-const Ne = Symbol("singleFixture"), Ve = Symbol("fixtureGroup"), De = Symbol("fixtureVariants");
-function ut(s) {
-  return typeof s == "object" && s !== null && Ne in s;
+const Ue = Symbol("singleFixture"), je = Symbol("fixtureGroup"), Pe = Symbol("fixtureVariants");
+function Rt(s) {
+  return typeof s == "object" && s !== null && Ue in s;
 }
-function ft(s) {
-  return typeof s == "object" && s !== null && Ve in s;
+function Vt(s) {
+  return typeof s == "object" && s !== null && je in s;
 }
-function pt(s) {
-  return typeof s == "object" && s !== null && De in s;
+function Nt(s) {
+  return typeof s == "object" && s !== null && Pe in s;
 }
-function gt(s, e, t) {
+function kt(s, e, t) {
   return {
     id: e,
     name: t,
@@ -45,26 +45,26 @@ function gt(s, e, t) {
     render: s.render
   };
 }
-function J(s) {
+function ee(s) {
   return {
-    [Ne]: !0,
+    [Ue]: !0,
     _options: s,
-    _createDefinition: (e, t) => gt(s, e, t)
+    _createDefinition: (e, t) => kt(s, e, t)
   };
 }
-function Kn(s) {
+function Cs(s) {
   return {
-    [Ve]: !0,
+    [je]: !0,
     _entries: s
   };
 }
-function Jn(s) {
+function xs(s) {
   return {
-    [De]: !0,
+    [Pe]: !0,
     _variants: s
   };
 }
-function re(s) {
+function ce(s) {
   const e = {
     id: "",
     name: "Components",
@@ -72,17 +72,17 @@ function re(s) {
     children: []
   };
   for (const [t, n] of s) {
-    const r = vt(t);
-    Ae(e, [r], n);
+    const r = Dt(t);
+    Ge(e, [r], n);
   }
   return e;
 }
-function vt(s) {
+function Dt(s) {
   return (s.split("/").pop() ?? s).replace(/\.fixture\.(tsx?|jsx?)$/, "");
 }
-function Ae(s, e, t) {
+function Ge(s, e, t) {
   var n;
-  if (ut(t)) {
+  if (Rt(t)) {
     const r = e.join("/"), i = e[e.length - 1], o = {
       id: r,
       name: i,
@@ -90,7 +90,7 @@ function Ae(s, e, t) {
       component: t._createDefinition(r, i)
     };
     s.children || (s.children = []), s.children.push(o);
-  } else if (ft(t)) {
+  } else if (Vt(t)) {
     const r = e[e.length - 1], i = e.join("/");
     let o = (n = s.children) == null ? void 0 : n.find(
       (d) => d.type === "folder" && d.name === r
@@ -101,9 +101,9 @@ function Ae(s, e, t) {
       type: "folder",
       children: []
     }, s.children || (s.children = []), s.children.push(o));
-    for (const [d, l] of Object.entries(t._entries))
-      Ae(o, [...e, d], l);
-  } else if (pt(t)) {
+    for (const [d, c] of Object.entries(t._entries))
+      Ge(o, [...e, d], c);
+  } else if (Nt(t)) {
     const r = e[e.length - 1], o = {
       id: e.join("/"),
       name: r,
@@ -111,18 +111,18 @@ function Ae(s, e, t) {
       children: []
     };
     s.children || (s.children = []), s.children.push(o);
-    for (const [d, l] of Object.entries(t._variants)) {
-      const g = [...e, d].join("/"), b = {
+    for (const [d, c] of Object.entries(t._variants)) {
+      const g = [...e, d].join("/"), _ = {
         id: g,
         name: d,
         type: "component",
-        component: l._createDefinition(g, d)
+        component: c._createDefinition(g, d)
       };
-      o.children.push(b);
+      o.children.push(_);
     }
   }
 }
-function ve(s, e) {
+function Oe(s, e) {
   if (e.length === 0)
     return s;
   let t = s;
@@ -133,29 +133,29 @@ function ve(s, e) {
   }
   return t;
 }
-function mt(s) {
+function At(s) {
   if (s.type === "component" && s.component)
     return [s.component];
   const e = [];
   for (const t of s.children ?? [])
-    e.push(...mt(t));
+    e.push(...At(t));
   return e;
 }
-let B;
-function Be(s) {
-  B ? B instanceof me ? B.loggers.push(s) : B = new me([B, s]) : B = s;
+let L;
+function We(s) {
+  L ? L instanceof Te ? L.loggers.push(s) : L = new Te([L, s]) : L = s;
 }
-function v() {
-  return B;
+function m() {
+  return L;
 }
-let ie;
-function _t(s) {
-  ie = s;
+let le;
+function Mt(s) {
+  le = s;
 }
-function bt(s) {
-  ie && ie(s);
+function Ft(s) {
+  le && le(s);
 }
-class me {
+class Te {
   constructor(e) {
     this.loggers = e;
   }
@@ -208,7 +208,7 @@ class me {
       t.handleEndTransaction(e);
   }
 }
-var R;
+var T;
 (function(s) {
   let e = !1;
   function t() {
@@ -224,23 +224,23 @@ var R;
       return;
     const o = Error, d = o.stackTraceLimit;
     o.stackTraceLimit = 3;
-    const l = new Error().stack;
-    return o.stackTraceLimit = d, he.fromStack(l, i + 1);
+    const c = new Error().stack;
+    return o.stackTraceLimit = d, ye.fromStack(c, i + 1);
   }
   s.ofNthCaller = r;
-})(R || (R = {}));
-class he {
+})(T || (T = {}));
+class ye {
   static fromStack(e, t) {
     const n = e.split(`
-`), r = yt(n[t + 1]);
+`), r = Bt(n[t + 1]);
     if (r)
-      return new he(r.fileName, r.line, r.column, r.id);
+      return new ye(r.fileName, r.line, r.column, r.id);
   }
   constructor(e, t, n, r) {
     this.fileName = e, this.line = t, this.column = n, this.id = r;
   }
 }
-function yt(s) {
+function Bt(s) {
   if (!s)
     return;
   const e = s.match(/\((.*):(\d+):(\d+)\)/);
@@ -260,32 +260,32 @@ function yt(s) {
       id: s
     };
 }
-class F {
+class M {
   constructor(e, t, n) {
     this.owner = e, this.debugNameSource = t, this.referenceFn = n;
   }
   getDebugName(e) {
-    return Ct(e, this);
+    return Et(e, this);
   }
 }
-const _e = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new WeakMap();
-function Ct(s, e) {
-  const t = oe.get(s);
+const Re = /* @__PURE__ */ new Map(), he = /* @__PURE__ */ new WeakMap();
+function Et(s, e) {
+  const t = he.get(s);
   if (t)
     return t;
-  const n = xt(s, e);
+  const n = zt(s, e);
   if (n) {
-    let r = _e.get(n) ?? 0;
-    r++, _e.set(n, r);
+    let r = Re.get(n) ?? 0;
+    r++, Re.set(n, r);
     const i = r === 1 ? n : `${n}#${r}`;
-    return oe.set(s, i), i;
+    return he.set(s, i), i;
   }
 }
-function xt(s, e) {
-  const t = oe.get(s);
+function zt(s, e) {
+  const t = he.get(s);
   if (t)
     return t;
-  const n = e.owner ? wt(e.owner) + "." : "";
+  const n = e.owner ? Lt(e.owner) + "." : "";
   let r;
   const i = e.debugNameSource;
   if (i !== void 0)
@@ -295,56 +295,56 @@ function xt(s, e) {
     } else
       return n + i;
   const o = e.referenceFn;
-  if (o !== void 0 && (r = ue(o), r !== void 0))
+  if (o !== void 0 && (r = Ce(o), r !== void 0))
     return n + r;
   if (e.owner !== void 0) {
-    const d = St(e.owner, s);
+    const d = Ht(e.owner, s);
     if (d !== void 0)
       return n + d;
   }
 }
-function St(s, e) {
+function Ht(s, e) {
   for (const t in s)
     if (s[t] === e)
       return t;
 }
-const be = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new WeakMap();
-function wt(s) {
-  const e = ye.get(s);
+const Ve = /* @__PURE__ */ new Map(), Ne = /* @__PURE__ */ new WeakMap();
+function Lt(s) {
+  const e = Ne.get(s);
   if (e)
     return e;
-  const t = Me(s) ?? "Object";
-  let n = be.get(t) ?? 0;
-  n++, be.set(t, n);
+  const t = qe(s) ?? "Object";
+  let n = Ve.get(t) ?? 0;
+  n++, Ve.set(t, n);
   const r = n === 1 ? t : `${t}#${n}`;
-  return ye.set(s, r), r;
+  return Ne.set(s, r), r;
 }
-function Me(s) {
+function qe(s) {
   const e = s.constructor;
   if (e)
     return e.name === "Object" ? void 0 : e.name;
 }
-function ue(s) {
+function Ce(s) {
   const e = s.toString(), n = /\/\*\*\s*@description\s*([^*]*)\*\//.exec(e), r = n ? n[1] : void 0;
   return r == null ? void 0 : r.trim();
 }
-let ae;
-function It(s) {
-  ae = s;
+let ue;
+function $t(s) {
+  ue = s;
 }
-let Fe;
-function Ot(s) {
-  Fe = s;
+let Ke;
+function Ut(s) {
+  Ke = s;
 }
-let Ee;
-function Tt(s) {
-  Ee = s;
+let Je;
+function jt(s) {
+  Je = s;
 }
-let ze;
-function Rt(s) {
-  ze = s;
+let Ze;
+function Pt(s) {
+  Ze = s;
 }
-class kt {
+class Gt {
   get TChange() {
     return null;
   }
@@ -355,17 +355,17 @@ class kt {
   read(e) {
     return e ? e.readObservable(this) : this.get();
   }
-  map(e, t, n = R.ofCaller()) {
+  map(e, t, n = T.ofCaller()) {
     const r = t === void 0 ? void 0 : e, i = t === void 0 ? e : t;
-    return ae({
+    return ue({
       owner: r,
       debugName: () => {
-        const o = ue(i);
+        const o = Ce(i);
         if (o !== void 0)
           return o;
-        const l = /^\s*\(?\s*([a-zA-Z_$][a-zA-Z_$0-9]*)\s*\)?\s*=>\s*\1(?:\??)\.([a-zA-Z_$][a-zA-Z_$0-9]*)\s*$/.exec(i.toString());
-        if (l)
-          return `${this.debugName}.${l[2]}`;
+        const c = /^\s*\(?\s*([a-zA-Z_$][a-zA-Z_$0-9]*)\s*\)?\s*=>\s*\1(?:\??)\.([a-zA-Z_$][a-zA-Z_$0-9]*)\s*$/.exec(i.toString());
+        if (c)
+          return `${this.debugName}.${c[2]}`;
         if (!r)
           return `${this.debugName} (mapped)`;
       },
@@ -377,13 +377,13 @@ class kt {
    * Converts an observable of an observable value into a direct observable of the value.
   */
   flatten() {
-    return ae({
+    return ue({
       owner: void 0,
       debugName: () => `${this.debugName} (flattened)`
     }, (e) => this.read(e).read(e));
   }
   recomputeInitiallyAndOnChange(e, t) {
-    return e.add(Fe(this, t)), this;
+    return e.add(Ke(this, t)), this;
   }
   /**
    * Ensures that this observable is observed. This keeps the cache alive.
@@ -391,29 +391,29 @@ class kt {
    * Use `recomputeInitiallyAndOnChange` for eager evaluation.
    */
   keepObserved(e) {
-    return e.add(Ee(this)), this;
+    return e.add(Je(this)), this;
   }
   get debugValue() {
     return this.get();
   }
   debugGetDependencyGraph() {
-    return ze(this);
+    return Ze(this);
   }
 }
-class fe extends kt {
+class xe extends Gt {
   constructor(e) {
     var t;
-    super(), this._observers = /* @__PURE__ */ new Set(), (t = v()) == null || t.handleObservableCreated(this, e);
+    super(), this._observers = /* @__PURE__ */ new Set(), (t = m()) == null || t.handleObservableCreated(this, e);
   }
   addObserver(e) {
     var n;
     const t = this._observers.size;
-    this._observers.add(e), t === 0 && this.onFirstObserverAdded(), t !== this._observers.size && ((n = v()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
+    this._observers.add(e), t === 0 && this.onFirstObserverAdded(), t !== this._observers.size && ((n = m()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
   }
   removeObserver(e) {
     var n;
     const t = this._observers.delete(e);
-    t && this._observers.size === 0 && this.onLastObserverRemoved(), t && ((n = v()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
+    t && this._observers.size === 0 && this.onLastObserverRemoved(), t && ((n = m()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
   }
   onFirstObserverAdded() {
   }
@@ -421,34 +421,34 @@ class fe extends kt {
   }
   log() {
     var t;
-    const e = !!v();
-    return bt(this), e || (t = v()) == null || t.handleObservableCreated(this, R.ofCaller()), this;
+    const e = !!m();
+    return Ft(this), e || (t = m()) == null || t.handleObservableCreated(this, T.ofCaller()), this;
   }
   debugGetObservers() {
     return this._observers;
   }
 }
-function He(s) {
+function Xe(s) {
   return {
     dispose: s
   };
 }
-class x extends Error {
+class I extends Error {
   constructor(e) {
-    super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, x.prototype);
+    super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, I.prototype);
   }
 }
-function X(s) {
+function ne(s) {
   throw s;
 }
-function de(s) {
+function fe(s) {
   console.error("Unexpected error:", s);
 }
-const q = (s, e) => s === e;
-function G(s) {
+const Z = (s, e) => s === e;
+function Y(s) {
   return s != null;
 }
-class Y {
+class X {
   constructor() {
     this.disposables = [], this._isDisposed = !1;
   }
@@ -476,7 +476,7 @@ class Y {
     this.disposables = [];
   }
 }
-function Nt(s) {
+function Wt(s) {
   switch (s) {
     case 0:
       return "initial";
@@ -490,7 +490,7 @@ function Nt(s) {
       return "<unknown>";
   }
 }
-class y extends fe {
+class C extends xe {
   get debugName() {
     return this._debugNameData.getDebugName(this) ?? "(anonymous)";
   }
@@ -500,7 +500,7 @@ class y extends fe {
   }
   onLastObserverRemoved() {
     var e, t;
-    this._state = 0, this._value = void 0, (e = v()) == null || e.handleDerivedCleared(this);
+    this._state = 0, this._value = void 0, (e = m()) == null || e.handleDerivedCleared(this);
     for (const n of this._dependencies)
       n.removeObserver(this);
     this._dependencies.clear(), this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._delayedStore !== void 0 && (this._delayedStore.dispose(), this._delayedStore = void 0), (t = this._handleLastObserverRemoved) == null || t.call(this);
@@ -538,7 +538,7 @@ class y extends fe {
     try {
       const d = this._changeSummary;
       this._isReaderValid = !0, this._changeTracker && (this._isInBeforeUpdate = !0, (r = (n = this._changeTracker).beforeUpdate) == null || r.call(n, this, d), this._isInBeforeUpdate = !1, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(d));
-      const l = this._state !== 0, h = this._value;
+      const c = this._state !== 0, h = this._value;
       this._state = 3;
       const g = this._delayedStore;
       g !== void 0 && (this._delayedStore = void 0);
@@ -546,19 +546,19 @@ class y extends fe {
         this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._value = this._computeFn(this, d);
       } finally {
         this._isReaderValid = !1;
-        for (const b of this._dependenciesToBeRemoved)
-          b.removeObserver(this);
+        for (const _ of this._dependenciesToBeRemoved)
+          _.removeObserver(this);
         this._dependenciesToBeRemoved.clear(), g !== void 0 && g.dispose();
       }
-      e = this._didReportChange || l && !this._equalityComparator(h, this._value), (o = v()) == null || o.handleObservableUpdated(this, {
+      e = this._didReportChange || c && !this._equalityComparator(h, this._value), (o = m()) == null || o.handleObservableUpdated(this, {
         oldValue: h,
         newValue: this._value,
         change: void 0,
         didChange: e,
-        hadValue: l
+        hadValue: c
       });
     } catch (d) {
-      X(d);
+      ne(d);
     }
     if (this._isComputing = !1, !this._didReportChange && e)
       for (const d of this._observers)
@@ -572,7 +572,7 @@ class y extends fe {
   // IObserver Implementation
   beginUpdate(e) {
     if (this._isUpdating)
-      throw new x("Cyclic deriveds are not supported yet!");
+      throw new I("Cyclic deriveds are not supported yet!");
     this._updateCount++, this._isUpdating = !0;
     try {
       const t = this._updateCount === 1;
@@ -609,7 +609,7 @@ class y extends fe {
   handleChange(e, t) {
     var n;
     if (this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e) || this._isInBeforeUpdate) {
-      (n = v()) == null || n.handleDerivedDependencyChanged(this, e, t);
+      (n = m()) == null || n.handleDerivedDependencyChanged(this, e, t);
       let r = !1;
       try {
         r = this._changeTracker ? this._changeTracker.handleChange({
@@ -618,7 +618,7 @@ class y extends fe {
           didChange: (o) => o === e
         }, this._changeSummary) : !0;
       } catch (o) {
-        X(o);
+        ne(o);
       }
       const i = this._state === 3;
       if (r && (this._state === 1 || i) && (this._state = 2, i))
@@ -629,7 +629,7 @@ class y extends fe {
   // IReader Implementation
   _ensureReaderValid() {
     if (!this._isReaderValid)
-      throw new x("The reader object cannot be used outside its compute function!");
+      throw new I("The reader object cannot be used outside its compute function!");
   }
   readObservable(e) {
     this._ensureReaderValid(), e.addObserver(this);
@@ -642,10 +642,10 @@ class y extends fe {
       t.handleChange(this, e);
   }
   get store() {
-    return this._ensureReaderValid(), this._store === void 0 && (this._store = new Y()), this._store;
+    return this._ensureReaderValid(), this._store === void 0 && (this._store = new X()), this._store;
   }
   get delayedStore() {
-    return this._ensureReaderValid(), this._delayedStore === void 0 && (this._delayedStore = new Y()), this._delayedStore;
+    return this._ensureReaderValid(), this._delayedStore === void 0 && (this._delayedStore = new X()), this._delayedStore;
   }
   addObserver(e) {
     const t = !this._observers.has(e) && this._updateCount > 0;
@@ -657,7 +657,7 @@ class y extends fe {
   debugGetState() {
     return {
       state: this._state,
-      stateStr: Nt(this._state),
+      stateStr: Wt(this._state),
       updateCount: this._updateCount,
       isComputing: this._isComputing,
       dependencies: this._dependencies,
@@ -678,14 +678,26 @@ class y extends fe {
       i.handleChange(this, n);
   }
 }
-function j(s, e, t = R.ofCaller()) {
-  return e !== void 0 ? new y(new F(s, void 0, e), e, void 0, void 0, q, t) : new y(new F(void 0, void 0, s), s, void 0, void 0, q, t);
+function N(s, e, t = T.ofCaller()) {
+  return e !== void 0 ? new C(new M(s, void 0, e), e, void 0, void 0, Z, t) : new C(new M(void 0, void 0, s), s, void 0, void 0, Z, t);
 }
-function Vt(s, e, t = R.ofCaller()) {
-  return new y(new F(s.owner, s.debugName, s.debugReferenceFn), e, void 0, s.onLastObserverRemoved, s.equalsFn ?? q, t);
+function qt(s, e, t = T.ofCaller()) {
+  return new C(new M(s.owner, s.debugName, s.debugReferenceFn), e, void 0, s.onLastObserverRemoved, s.equalsFn ?? Z, t);
 }
-It(Vt);
-function Dt(s) {
+$t(qt);
+function Kt(s, e, t = T.ofCaller()) {
+  let n, r;
+  n = s, r = void 0;
+  let i;
+  return new C(new M(r, void 0, n), (o) => {
+    i ? i.clear() : i = new X();
+    const d = n(o);
+    return d && i.add(d), d;
+  }, void 0, () => {
+    i && (i.dispose(), i = void 0);
+  }, Z, t);
+}
+function Jt(s) {
   switch (s) {
     case 1:
       return "dependenciesMightHaveChanged";
@@ -697,13 +709,13 @@ function Dt(s) {
       return "<unknown>";
   }
 }
-class Q {
+class se {
   get debugName() {
     return this._debugNameData.getDebugName(this) ?? "(anonymous)";
   }
   constructor(e, t, n, r) {
     var i, o;
-    this._debugNameData = e, this._runFn = t, this._changeTracker = n, this._state = 2, this._updateCount = 0, this._disposed = !1, this._dependencies = /* @__PURE__ */ new Set(), this._dependenciesToBeRemoved = /* @__PURE__ */ new Set(), this._isRunning = !1, this._store = void 0, this._delayedStore = void 0, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(void 0), (o = v()) == null || o.handleAutorunCreated(this, r), this._run();
+    this._debugNameData = e, this._runFn = t, this._changeTracker = n, this._state = 2, this._updateCount = 0, this._disposed = !1, this._dependencies = /* @__PURE__ */ new Set(), this._dependenciesToBeRemoved = /* @__PURE__ */ new Set(), this._isRunning = !1, this._store = void 0, this._delayedStore = void 0, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(void 0), (o = m()) == null || o.handleAutorunCreated(this, r), this._run();
   }
   dispose() {
     var e;
@@ -711,7 +723,7 @@ class Q {
       this._disposed = !0;
       for (const t of this._dependencies)
         t.removeObserver(this);
-      this._dependencies.clear(), this._store !== void 0 && this._store.dispose(), this._delayedStore !== void 0 && this._delayedStore.dispose(), (e = v()) == null || e.handleAutorunDisposed(this);
+      this._dependencies.clear(), this._store !== void 0 && this._store.dispose(), this._delayedStore !== void 0 && this._delayedStore.dispose(), (e = m()) == null || e.handleAutorunDisposed(this);
     }
   }
   _run() {
@@ -720,19 +732,19 @@ class Q {
     this._dependenciesToBeRemoved = this._dependencies, this._dependencies = e, this._state = 3;
     try {
       if (!this._disposed) {
-        (t = v()) == null || t.handleAutorunStarted(this);
+        (t = m()) == null || t.handleAutorunStarted(this);
         const o = this._changeSummary, d = this._delayedStore;
         d !== void 0 && (this._delayedStore = void 0);
         try {
           this._isRunning = !0, this._changeTracker && ((r = (n = this._changeTracker).beforeUpdate) == null || r.call(n, this, o), this._changeSummary = this._changeTracker.createChangeSummary(o)), this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._runFn(this, o);
-        } catch (l) {
-          X(l);
+        } catch (c) {
+          ne(c);
         } finally {
           this._isRunning = !1, d !== void 0 && d.dispose();
         }
       }
     } finally {
-      this._disposed || (i = v()) == null || i.handleAutorunFinished(this);
+      this._disposed || (i = m()) == null || i.handleAutorunFinished(this);
       for (const o of this._dependenciesToBeRemoved)
         o.removeObserver(this);
       this._dependenciesToBeRemoved.clear();
@@ -767,7 +779,7 @@ class Q {
   handleChange(e, t) {
     var n;
     if (this._isDependency(e)) {
-      (n = v()) == null || n.handleAutorunDependencyChanged(this, e, t);
+      (n = m()) == null || n.handleAutorunDependencyChanged(this, e, t);
       try {
         (this._changeTracker ? this._changeTracker.handleChange({
           changedObservable: e,
@@ -775,7 +787,7 @@ class Q {
           didChange: (i) => i === e
         }, this._changeSummary) : !0) && (this._state = 2);
       } catch (r) {
-        X(r);
+        ne(r);
       }
     }
   }
@@ -785,7 +797,7 @@ class Q {
   // IReader implementation
   _ensureNoRunning() {
     if (!this._isRunning)
-      throw new x("The reader object cannot be used outside its compute function!");
+      throw new I("The reader object cannot be used outside its compute function!");
   }
   readObservable(e) {
     if (this._ensureNoRunning(), this._disposed)
@@ -796,13 +808,13 @@ class Q {
   }
   get store() {
     if (this._ensureNoRunning(), this._disposed)
-      throw new x("Cannot access store after dispose");
-    return this._store === void 0 && (this._store = new Y()), this._store;
+      throw new I("Cannot access store after dispose");
+    return this._store === void 0 && (this._store = new X()), this._store;
   }
   get delayedStore() {
     if (this._ensureNoRunning(), this._disposed)
-      throw new x("Cannot access store after dispose");
-    return this._delayedStore === void 0 && (this._delayedStore = new Y()), this._delayedStore;
+      throw new I("Cannot access store after dispose");
+    return this._delayedStore === void 0 && (this._delayedStore = new X()), this._delayedStore;
   }
   debugGetState() {
     return {
@@ -810,42 +822,42 @@ class Q {
       updateCount: this._updateCount,
       dependencies: this._dependencies,
       state: this._state,
-      stateStr: Dt(this._state)
+      stateStr: Jt(this._state)
     };
   }
   debugRerun() {
     this._isRunning ? this._state = 2 : this._run();
   }
 }
-function Le(s, e = R.ofCaller()) {
-  return new Q(new F(void 0, void 0, s), s, void 0, e);
+function Ye(s, e = T.ofCaller()) {
+  return new se(new M(void 0, void 0, s), s, void 0, e);
 }
-function Ce(s) {
+function ke(s) {
   const e = new Error("BugIndicatingErrorRecovery: " + s);
-  de(e), console.error("recovered from an error that indicates a bug", e);
+  fe(e), console.error("recovered from an error that indicates a bug", e);
 }
-function $e(s, e) {
-  const t = new Ue(s, e);
+function Qe(s, e) {
+  const t = new et(s, e);
   try {
     s(t);
   } finally {
     t.finish();
   }
 }
-function At(s, e, t) {
-  s ? e(s) : $e(e, t);
+function Zt(s, e, t) {
+  s ? e(s) : Qe(e, t);
 }
-class Ue {
+class et {
   constructor(e, t) {
     var n;
-    this._fn = e, this._getDebugName = t, this._updatingObservers = [], (n = v()) == null || n.handleBeginTransaction(this);
+    this._fn = e, this._getDebugName = t, this._updatingObservers = [], (n = m()) == null || n.handleBeginTransaction(this);
   }
   getDebugName() {
-    return this._getDebugName ? this._getDebugName() : ue(this._fn);
+    return this._getDebugName ? this._getDebugName() : Ce(this._fn);
   }
   updateObserver(e, t) {
     if (!this._updatingObservers) {
-      Ce("Transaction already finished!"), $e((n) => {
+      ke("Transaction already finished!"), Qe((n) => {
         n.updateObserver(e, t);
       });
       return;
@@ -856,30 +868,30 @@ class Ue {
     var t;
     const e = this._updatingObservers;
     if (!e) {
-      Ce("transaction.finish() has already been called!");
+      ke("transaction.finish() has already been called!");
       return;
     }
     for (let n = 0; n < e.length; n++) {
       const { observer: r, observable: i } = e[n];
       r.endUpdate(i);
     }
-    this._updatingObservers = null, (t = v()) == null || t.handleEndTransaction(this);
+    this._updatingObservers = null, (t = m()) == null || t.handleEndTransaction(this);
   }
   debugGetUpdatingObservers() {
     return this._updatingObservers;
   }
 }
-function _(s, e, t = R.ofCaller()) {
+function v(s, e, t = T.ofCaller()) {
   let n;
-  return typeof s == "string" ? n = new F(void 0, s, void 0) : n = new F(s, void 0, void 0), new ee(n, e, q, t);
+  return typeof s == "string" ? n = new M(void 0, s, void 0) : n = new M(s, void 0, void 0), new re(n, e, Z, t);
 }
-class ee extends fe {
+class re extends xe {
   get debugName() {
     return this._debugNameData.getDebugName(this) ?? "ObservableValue";
   }
   constructor(e, t, n, r) {
     var i;
-    super(r), this._debugNameData = e, this._equalityComparator = n, this._value = t, (i = v()) == null || i.handleObservableUpdated(this, { hadValue: !1, newValue: t, change: void 0, didChange: !0, oldValue: void 0 });
+    super(r), this._debugNameData = e, this._equalityComparator = n, this._value = t, (i = m()) == null || i.handleObservableUpdated(this, { hadValue: !1, newValue: t, change: void 0, didChange: !0, oldValue: void 0 });
   }
   get() {
     return this._value;
@@ -889,11 +901,11 @@ class ee extends fe {
     if (n === void 0 && this._equalityComparator(this._value, e))
       return;
     let r;
-    t || (t = r = new Ue(() => {
+    t || (t = r = new et(() => {
     }, () => `Setting ${this.debugName}`));
     try {
       const o = this._value;
-      this._setValue(e), (i = v()) == null || i.handleObservableUpdated(this, { oldValue: o, newValue: e, change: n, didChange: !0, hadValue: !0 });
+      this._setValue(e), (i = m()) == null || i.handleObservableUpdated(this, { oldValue: o, newValue: e, change: n, didChange: !0, hadValue: !0 });
       for (const d of this._observers)
         t.updateObserver(d, this), d.handleChange(this, n);
     } finally {
@@ -915,25 +927,25 @@ class ee extends fe {
     this._value = e;
   }
 }
-function xe(...s) {
+function De(...s) {
   let e, t, n, r;
-  return s.length === 2 ? [t, n] = s : [e, t, n, r] = s, new k(new F(e, void 0, n), t, n, () => k.globalTransaction, q, r ?? R.ofCaller());
+  return s.length === 2 ? [t, n] = s : [e, t, n, r] = s, new A(new M(e, void 0, n), t, n, () => A.globalTransaction, Z, r ?? T.ofCaller());
 }
-class k extends fe {
+class A extends xe {
   constructor(e, t, n, r, i, o) {
     super(o), this._debugNameData = e, this.event = t, this._getValue = n, this._getTransaction = r, this._equalityComparator = i, this._hasValue = !1, this.handleEvent = (d) => {
-      var I;
-      const l = this._getValue(d), h = this._value, g = !this._hasValue || !this._equalityComparator(h, l);
-      let b = !1;
-      g && (this._value = l, this._hasValue && (b = !0, At(this._getTransaction(), (S) => {
-        var K;
-        (K = v()) == null || K.handleObservableUpdated(this, { oldValue: h, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
-        for (const E of this._observers)
-          S.updateObserver(E, this), E.handleChange(this, void 0);
+      var x;
+      const c = this._getValue(d), h = this._value, g = !this._hasValue || !this._equalityComparator(h, c);
+      let _ = !1;
+      g && (this._value = c, this._hasValue && (_ = !0, Zt(this._getTransaction(), (w) => {
+        var U;
+        (U = m()) == null || U.handleObservableUpdated(this, { oldValue: h, newValue: c, change: void 0, didChange: g, hadValue: this._hasValue });
+        for (const D of this._observers)
+          w.updateObserver(D, this), D.handleChange(this, void 0);
       }, () => {
-        const S = this.getDebugName();
-        return "Event fired" + (S ? `: ${S}` : "");
-      })), this._hasValue = !0), b || (I = v()) == null || I.handleObservableUpdated(this, { oldValue: h, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
+        const w = this.getDebugName();
+        return "Event fired" + (w ? `: ${w}` : "");
+      })), this._hasValue = !0), _ || (x = m()) == null || x.handleObservableUpdated(this, { oldValue: h, newValue: c, change: void 0, didChange: g, hadValue: this._hasValue });
     };
   }
   getDebugName() {
@@ -960,39 +972,39 @@ class k extends fe {
   }
 }
 (function(s) {
-  s.Observer = k;
+  s.Observer = A;
   function e(t, n) {
     let r = !1;
-    k.globalTransaction === void 0 && (k.globalTransaction = t, r = !0);
+    A.globalTransaction === void 0 && (A.globalTransaction = t, r = !0);
     try {
       n();
     } finally {
-      r && (k.globalTransaction = void 0);
+      r && (A.globalTransaction = void 0);
     }
   }
   s.batchEventsGlobally = e;
-})(xe || (xe = {}));
-function Bt(s) {
-  const e = new je(!1, void 0);
-  return s.addObserver(e), He(() => {
+})(De || (De = {}));
+function Xt(s) {
+  const e = new tt(!1, void 0);
+  return s.addObserver(e), Xe(() => {
     s.removeObserver(e);
   });
 }
-Tt(Bt);
-function Mt(s, e) {
-  const t = new je(!0, e);
+jt(Xt);
+function Yt(s, e) {
+  const t = new tt(!0, e);
   s.addObserver(t);
   try {
     t.beginUpdate(s);
   } finally {
     t.endUpdate(s);
   }
-  return He(() => {
+  return Xe(() => {
     s.removeObserver(t);
   });
 }
-Ot(Mt);
-class je {
+Ut(Yt);
+class tt {
   constructor(e, t) {
     this._forceRecompute = e, this._handleValue = t, this._counter = 0;
   }
@@ -1007,11 +1019,11 @@ class je {
   handleChange(e, t) {
   }
 }
-let Z;
-function Ft(s) {
-  Z || (Z = new Et(), Be(Z)), Z.addFilteredObj(s);
+let te;
+function Qt(s) {
+  te || (te = new en(), We(te)), te.addFilteredObj(s);
 }
-class Et {
+class en {
   constructor() {
     this.indentation = 0, this.changedObservablesSets = /* @__PURE__ */ new WeakMap();
   }
@@ -1023,32 +1035,32 @@ class Et {
     return ((t = this._filteredObjects) == null ? void 0 : t.has(e)) ?? !0;
   }
   textToConsoleArgs(e) {
-    return zt([
-      z($t("|  ", this.indentation)),
+    return tn([
+      j(rn("|  ", this.indentation)),
       e
     ]);
   }
   formatInfo(e) {
     return e.hadValue ? e.didChange ? [
-      z(" "),
-      C(T(e.oldValue, 70), {
+      j(" "),
+      S(V(e.oldValue, 70), {
         color: "red",
         strikeThrough: !0
       }),
-      z(" "),
-      C(T(e.newValue, 60), {
+      j(" "),
+      S(V(e.newValue, 60), {
         color: "green"
       })
-    ] : [z(" (unchanged)")] : [
-      z(" "),
-      C(T(e.newValue, 60), {
+    ] : [j(" (unchanged)")] : [
+      j(" "),
+      S(V(e.newValue, 60), {
         color: "green"
       }),
-      z(" (initial)")
+      j(" (initial)")
     ];
   }
   handleObservableCreated(e) {
-    if (e instanceof y) {
+    if (e instanceof C) {
       const t = e;
       this.changedObservablesSets.set(t, /* @__PURE__ */ new Set());
     }
@@ -1057,20 +1069,20 @@ class Et {
   }
   handleObservableUpdated(e, t) {
     if (this._isIncluded(e)) {
-      if (e instanceof y) {
+      if (e instanceof C) {
         this._handleDerivedRecomputed(e, t);
         return;
       }
       console.log(...this.textToConsoleArgs([
-        H("observable value changed"),
-        C(e.debugName, { color: "BlueViolet" }),
+        P("observable value changed"),
+        S(e.debugName, { color: "BlueViolet" }),
         ...this.formatInfo(t)
       ]));
     }
   }
   formatChanges(e) {
     if (e.size !== 0)
-      return C(" (changed deps: " + [...e].map((t) => t.debugName).join(", ") + ")", { color: "gray" });
+      return S(" (changed deps: " + [...e].map((t) => t.debugName).join(", ") + ")", { color: "gray" });
   }
   handleDerivedDependencyChanged(e, t, n) {
     var r;
@@ -1081,8 +1093,8 @@ class Et {
       return;
     const n = this.changedObservablesSets.get(e);
     n && (console.log(...this.textToConsoleArgs([
-      H("derived recomputed"),
-      C(e.debugName, { color: "BlueViolet" }),
+      P("derived recomputed"),
+      S(e.debugName, { color: "BlueViolet" }),
       ...this.formatInfo(t),
       this.formatChanges(n),
       { data: [{ fn: e._debugNameData.referenceFn ?? e._computeFn }] }
@@ -1090,14 +1102,14 @@ class Et {
   }
   handleDerivedCleared(e) {
     this._isIncluded(e) && console.log(...this.textToConsoleArgs([
-      H("derived cleared"),
-      C(e.debugName, { color: "BlueViolet" })
+      P("derived cleared"),
+      S(e.debugName, { color: "BlueViolet" })
     ]));
   }
   handleFromEventObservableTriggered(e, t) {
     this._isIncluded(e) && console.log(...this.textToConsoleArgs([
-      H("observable from event triggered"),
-      C(e.debugName, { color: "BlueViolet" }),
+      P("observable from event triggered"),
+      S(e.debugName, { color: "BlueViolet" }),
       ...this.formatInfo(t),
       { data: [{ fn: e._getValue }] }
     ]));
@@ -1113,8 +1125,8 @@ class Et {
   handleAutorunStarted(e) {
     const t = this.changedObservablesSets.get(e);
     t && (this._isIncluded(e) && console.log(...this.textToConsoleArgs([
-      H("autorun"),
-      C(e.debugName, { color: "BlueViolet" }),
+      P("autorun"),
+      S(e.debugName, { color: "BlueViolet" }),
       this.formatChanges(t),
       { data: [{ fn: e._debugNameData.referenceFn ?? e._runFn }] }
     ])), t.clear(), this.indentation++);
@@ -1125,8 +1137,8 @@ class Et {
   handleBeginTransaction(e) {
     let t = e.getDebugName();
     t === void 0 && (t = ""), this._isIncluded(e) && console.log(...this.textToConsoleArgs([
-      H("transaction"),
-      C(t, { color: "BlueViolet" }),
+      P("transaction"),
+      S(t, { color: "BlueViolet" }),
       { data: [{ fn: e._fn }] }
     ])), this.indentation++;
   }
@@ -1134,7 +1146,7 @@ class Et {
     this.indentation--;
   }
 }
-function zt(s) {
+function tn(s) {
   const e = new Array(), t = [];
   let n = "";
   function r(o) {
@@ -1147,13 +1159,13 @@ function zt(s) {
   const i = [n, ...e];
   return i.push(...t), i;
 }
-function z(s) {
-  return C(s, { color: "black" });
+function j(s) {
+  return S(s, { color: "black" });
 }
-function H(s) {
-  return C(Ut(`${s}: `, 10), { color: "black", bold: !0 });
+function P(s) {
+  return S(on(`${s}: `, 10), { color: "black", bold: !0 });
 }
-function C(s, e = {
+function S(s, e = {
   color: "black"
 }) {
   function t(r) {
@@ -1167,7 +1179,7 @@ function C(s, e = {
     style: t(n)
   };
 }
-function T(s, e) {
+function V(s, e) {
   switch (typeof s) {
     case "number":
       return "" + s;
@@ -1178,7 +1190,7 @@ function T(s, e) {
     case "undefined":
       return "undefined";
     case "object":
-      return s === null ? "null" : Array.isArray(s) ? Ht(s, e) : Lt(s, e);
+      return s === null ? "null" : Array.isArray(s) ? nn(s, e) : sn(s, e);
     case "symbol":
       return s.toString();
     case "function":
@@ -1187,50 +1199,50 @@ function T(s, e) {
       return "" + s;
   }
 }
-function Ht(s, e) {
+function nn(s, e) {
   let t = "[ ", n = !0;
   for (const r of s) {
     if (n || (t += ", "), t.length - 5 > e) {
       t += "...";
       break;
     }
-    n = !1, t += `${T(r, e - t.length)}`;
+    n = !1, t += `${V(r, e - t.length)}`;
   }
   return t += " ]", t;
 }
-function Lt(s, e) {
+function sn(s, e) {
   if (typeof s.toString == "function" && s.toString !== Object.prototype.toString) {
     const i = s.toString();
     return i.length <= e ? i : i.substring(0, e - 3) + "...";
   }
-  const t = Me(s);
+  const t = qe(s);
   let n = t ? t + "(" : "{ ", r = !0;
   for (const [i, o] of Object.entries(s)) {
     if (r || (n += ", "), n.length - 5 > e) {
       n += "...";
       break;
     }
-    r = !1, n += `${i}: ${T(o, e - n.length)}`;
+    r = !1, n += `${i}: ${V(o, e - n.length)}`;
   }
   return n += t ? ")" : " }", n;
 }
-function $t(s, e) {
+function rn(s, e) {
   let t = "";
   for (let n = 1; n <= e; n++)
     t += s;
   return t;
 }
-function Ut(s, e) {
+function on(s, e) {
   for (; s.length < e; )
     s += " ";
   return s;
 }
-class te {
+class ie {
   static createHost(e, t) {
-    return new te(e, t);
+    return new ie(e, t);
   }
   static createClient(e, t) {
-    return new te(e, t);
+    return new ie(e, t);
   }
   constructor(e, t) {
     this._channelFactory = e, this._getHandler = t, this._channel = this._channelFactory({
@@ -1251,10 +1263,10 @@ class te {
     });
     const n = new Proxy({}, {
       get: (i, o) => async (...d) => {
-        const l = await this._channel.sendRequest([o, d]);
-        if (l.type === "error")
-          throw l.value;
-        return l.value;
+        const c = await this._channel.sendRequest([o, d]);
+        if (c.type === "error")
+          throw c.value;
+        return c.value;
       }
     }), r = new Proxy({}, {
       get: (i, o) => (...d) => {
@@ -1264,27 +1276,27 @@ class te {
     this.api = { notifications: r, requests: n };
   }
 }
-function jt(s, e) {
+function an(s, e) {
   const t = globalThis;
   let n = [], r;
-  const { channel: i, handler: o } = Pt({
-    sendNotification: (l) => {
-      r ? r.sendNotification(l) : n.push(l);
+  const { channel: i, handler: o } = dn({
+    sendNotification: (c) => {
+      r ? r.sendNotification(c) : n.push(c);
     }
   });
   let d;
-  return (t.$$debugValueEditor_debugChannels ?? (t.$$debugValueEditor_debugChannels = {}))[s] = (l) => {
-    d = e(), r = l;
+  return (t.$$debugValueEditor_debugChannels ?? (t.$$debugValueEditor_debugChannels = {}))[s] = (c) => {
+    d = e(), r = c;
     for (const h of n)
-      l.sendNotification(h);
+      c.sendNotification(h);
     return n = [], o;
-  }, te.createClient(i, () => {
+  }, ie.createClient(i, () => {
     if (!d)
       throw new Error("Not supported");
     return d;
   });
 }
-function Pt(s) {
+function dn(s) {
   let e;
   return {
     channel: (n) => (e = n, {
@@ -1300,7 +1312,7 @@ function Pt(s) {
     }
   };
 }
-class Gt {
+class cn {
   constructor() {
     this._timeout = void 0;
   }
@@ -1313,17 +1325,17 @@ class Gt {
     this._timeout !== void 0 && clearTimeout(this._timeout);
   }
 }
-function Pe(s, e) {
+function nt(s, e) {
   for (const t in e)
-    s[t] && typeof s[t] == "object" && e[t] && typeof e[t] == "object" ? Pe(s[t], e[t]) : s[t] = e[t];
+    s[t] && typeof s[t] == "object" && e[t] && typeof e[t] == "object" ? nt(s[t], e[t]) : s[t] = e[t];
 }
-function Ge(s, e) {
+function st(s, e) {
   for (const t in e)
-    e[t] === null ? delete s[t] : s[t] && typeof s[t] == "object" && e[t] && typeof e[t] == "object" ? Ge(s[t], e[t]) : s[t] = e[t];
+    e[t] === null ? delete s[t] : s[t] && typeof s[t] == "object" && e[t] && typeof e[t] == "object" ? st(s[t], e[t]) : s[t] = e[t];
 }
-class M {
+class $ {
   static getInstance() {
-    return M._instance === void 0 && (M._instance = new M()), M._instance;
+    return $._instance === void 0 && ($._instance = new $()), $._instance;
   }
   getTransactionState() {
     const e = [], t = [...this._activeTransactions];
@@ -1345,7 +1357,7 @@ class M {
   _getObservableInfo(e) {
     const t = this._instanceInfos.get(e);
     if (!t) {
-      de(new x("No info found"));
+      fe(new I("No info found"));
       return;
     }
     return t;
@@ -1353,23 +1365,23 @@ class M {
   _getAutorunInfo(e) {
     const t = this._instanceInfos.get(e);
     if (!t) {
-      de(new x("No info found"));
+      fe(new I("No info found"));
       return;
     }
     return t;
   }
   _getInfo(e, t) {
-    if (e instanceof y) {
+    if (e instanceof C) {
       const n = [...e.debugGetObservers()];
-      for (const l of n)
-        t(l);
+      for (const c of n)
+        t(c);
       const r = this._getObservableInfo(e);
       if (!r)
         return;
-      const i = e.debugGetState(), o = { name: e.debugName, instanceId: r.instanceId, updateCount: i.updateCount }, d = [...r.changedObservables].map((l) => {
+      const i = e.debugGetState(), o = { name: e.debugName, instanceId: r.instanceId, updateCount: i.updateCount }, d = [...r.changedObservables].map((c) => {
         var h;
-        return (h = this._instanceInfos.get(l)) == null ? void 0 : h.instanceId;
-      }).filter(G);
+        return (h = this._instanceInfos.get(c)) == null ? void 0 : h.instanceId;
+      }).filter(Y);
       if (i.isComputing)
         return { ...o, type: "observable/derived", state: "updating", changedDependencies: d, initialComputation: !1 };
       switch (i.state) {
@@ -1382,7 +1394,7 @@ class M {
         case 1:
           return { ...o, type: "observable/derived", state: "possiblyStale" };
       }
-    } else if (e instanceof Q) {
+    } else if (e instanceof se) {
       const n = this._getAutorunInfo(e);
       if (!n)
         return;
@@ -1406,14 +1418,14 @@ class M {
   }
   _formatObserver(e) {
     var n;
-    if (e instanceof y)
+    if (e instanceof C)
       return { name: e.toString(), instanceId: (n = this._getObservableInfo(e)) == null ? void 0 : n.instanceId };
     const t = this._getAutorunInfo(e);
     if (t)
       return { name: e.toString(), instanceId: t.instanceId };
   }
   constructor() {
-    this._declarationId = 0, this._instanceId = 0, this._declarations = /* @__PURE__ */ new Map(), this._instanceInfos = /* @__PURE__ */ new WeakMap(), this._aliveInstances = /* @__PURE__ */ new Map(), this._activeTransactions = /* @__PURE__ */ new Set(), this._channel = jt("observableDevTools", () => ({
+    this._declarationId = 0, this._instanceId = 0, this._declarations = /* @__PURE__ */ new Map(), this._instanceInfos = /* @__PURE__ */ new WeakMap(), this._aliveInstances = /* @__PURE__ */ new Map(), this._activeTransactions = /* @__PURE__ */ new Set(), this._channel = an("observableDevTools", () => ({
       notifications: {
         setDeclarationIdFilter: (e) => {
         },
@@ -1436,29 +1448,29 @@ class M {
         },
         getSummarizedInstances: () => null,
         getObservableValueInfo: (e) => ({
-          observers: [...this._aliveInstances.get(e).debugGetObservers()].map((n) => this._formatObserver(n)).filter(G)
+          observers: [...this._aliveInstances.get(e).debugGetObservers()].map((n) => this._formatObserver(n)).filter(Y)
         }),
         getDerivedInfo: (e) => {
           const t = this._aliveInstances.get(e);
           return {
-            dependencies: [...t.debugGetState().dependencies].map((n) => this._formatObservable(n)).filter(G),
-            observers: [...t.debugGetObservers()].map((n) => this._formatObserver(n)).filter(G)
+            dependencies: [...t.debugGetState().dependencies].map((n) => this._formatObservable(n)).filter(Y),
+            observers: [...t.debugGetObservers()].map((n) => this._formatObserver(n)).filter(Y)
           };
         },
         getAutorunInfo: (e) => ({
-          dependencies: [...this._aliveInstances.get(e).debugGetState().dependencies].map((n) => this._formatObservable(n)).filter(G)
+          dependencies: [...this._aliveInstances.get(e).debugGetState().dependencies].map((n) => this._formatObservable(n)).filter(Y)
         }),
         getTransactionState: () => this.getTransactionState(),
         setValue: (e, t) => {
           const n = this._aliveInstances.get(e);
-          if (n instanceof y)
+          if (n instanceof C)
             n.debugSetValue(t);
-          else if (n instanceof ee)
+          else if (n instanceof re)
             n.debugSetValue(t);
-          else if (n instanceof k)
+          else if (n instanceof A)
             n.debugSetValue(t);
           else
-            throw new x("Observable is not supported");
+            throw new I("Observable is not supported");
           const r = [...n.debugGetObservers()];
           for (const i of r)
             i.beginUpdate(n);
@@ -1469,34 +1481,34 @@ class M {
         },
         getValue: (e) => {
           const t = this._aliveInstances.get(e);
-          if (t instanceof y)
-            return T(t.debugGetState().value, 200);
-          if (t instanceof ee)
-            return T(t.debugGetState().value, 200);
+          if (t instanceof C)
+            return V(t.debugGetState().value, 200);
+          if (t instanceof re)
+            return V(t.debugGetState().value, 200);
         },
         logValue: (e) => {
           const t = this._aliveInstances.get(e);
           if (t && "get" in t)
             console.log("Logged Value:", t.get());
           else
-            throw new x("Observable is not supported");
+            throw new I("Observable is not supported");
         },
         rerun: (e) => {
           const t = this._aliveInstances.get(e);
-          if (t instanceof y)
+          if (t instanceof C)
             t.debugRecompute();
-          else if (t instanceof Q)
+          else if (t instanceof se)
             t.debugRerun();
           else
-            throw new x("Observable is not supported");
+            throw new I("Observable is not supported");
         }
       }
-    })), this._pendingChanges = null, this._changeThrottler = new Gt(), this._fullState = {}, this._flushUpdates = () => {
+    })), this._pendingChanges = null, this._changeThrottler = new cn(), this._fullState = {}, this._flushUpdates = () => {
       this._pendingChanges !== null && (this._channel.api.notifications.handleChange(this._pendingChanges, !1), this._pendingChanges = null);
-    }, R.enable();
+    }, T.enable();
   }
   _handleChange(e) {
-    Ge(this._fullState, e), this._pendingChanges === null ? this._pendingChanges = e : Pe(this._pendingChanges, e), this._changeThrottler.throttle(this._flushUpdates, 10);
+    st(this._fullState, e), this._pendingChanges === null ? this._pendingChanges = e : nt(this._pendingChanges, e), this._changeThrottler.throttle(this._flushUpdates, 10);
   }
   _getDeclarationId(e, t) {
     if (!t)
@@ -1525,7 +1537,7 @@ class M {
     const n = this._getObservableInfo(e);
     if (n) {
       if (n.listenerCount === 0 && t > 0) {
-        const r = e instanceof y ? "observable/derived" : "observable/value";
+        const r = e instanceof C ? "observable/derived" : "observable/value";
         this._aliveInstances.set(n.instanceId, e), this._handleChange({
           instances: {
             [n.instanceId]: {
@@ -1544,12 +1556,12 @@ class M {
     }
   }
   handleObservableUpdated(e, t) {
-    if (e instanceof y) {
+    if (e instanceof C) {
       this._handleDerivedRecomputed(e, t);
       return;
     }
     const n = this._getObservableInfo(e);
-    n && t.didChange && (n.lastValue = T(t.newValue, 30), n.listenerCount > 0 && this._handleChange({
+    n && t.didChange && (n.lastValue = V(t.newValue, 30), n.listenerCount > 0 && this._handleChange({
       instances: { [n.instanceId]: { formattedValue: n.lastValue } }
     }));
   }
@@ -1598,7 +1610,7 @@ class M {
     const n = this._getObservableInfo(e);
     if (!n)
       return;
-    const r = T(t.newValue, 30);
+    const r = V(t.newValue, 30);
     n.updateCount++, n.changedObservables.clear(), n.lastValue = r, n.listenerCount > 0 && this._handleChange({
       instances: { [n.instanceId]: { formattedValue: r, recomputationCount: n.updateCount } }
     });
@@ -1620,57 +1632,57 @@ class M {
     this._activeTransactions.delete(e);
   }
 }
-M._instance = void 0;
-function Wt(s, e) {
-  const t = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((i) => i), n = w.from(s, t);
-  return n ? We(n, 0, /* @__PURE__ */ new Set()).trim() : "";
+$._instance = void 0;
+function ln(s, e) {
+  const t = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((i) => i), n = O.from(s, t);
+  return n ? rt(n, 0, /* @__PURE__ */ new Set()).trim() : "";
 }
-function We(s, e, t) {
+function rt(s, e, t) {
   const n = "		".repeat(e), r = [];
   if (t.has(s.sourceObj))
     return r.push(`${n}* ${s.type} ${s.name} (already listed)`), r.join(`
 `);
-  if (t.add(s.sourceObj), r.push(`${n}* ${s.type} ${s.name}:`), r.push(`${n}  value: ${T(s.value, 50)}`), r.push(`${n}  state: ${s.state}`), s.dependencies.length > 0) {
+  if (t.add(s.sourceObj), r.push(`${n}* ${s.type} ${s.name}:`), r.push(`${n}  value: ${V(s.value, 50)}`), r.push(`${n}  state: ${s.state}`), s.dependencies.length > 0) {
     r.push(`${n}  dependencies:`);
     for (const o of s.dependencies)
-      r.push(We(o, e + 1, t));
+      r.push(rt(o, e + 1, t));
   }
   return r.join(`
 `);
 }
-class w {
+class O {
   static from(e, t) {
-    if (e instanceof Q) {
+    if (e instanceof se) {
       const n = e.debugGetState();
-      return new w(e, t(e.debugName), "autorun", void 0, n.stateStr, Array.from(n.dependencies).map((r) => w.from(r, t) || w.unknown(r)));
-    } else if (e instanceof y) {
+      return new O(e, t(e.debugName), "autorun", void 0, n.stateStr, Array.from(n.dependencies).map((r) => O.from(r, t) || O.unknown(r)));
+    } else if (e instanceof C) {
       const n = e.debugGetState();
-      return new w(e, t(e.debugName), "derived", n.value, n.stateStr, Array.from(n.dependencies).map((r) => w.from(r, t) || w.unknown(r)));
-    } else if (e instanceof ee) {
+      return new O(e, t(e.debugName), "derived", n.value, n.stateStr, Array.from(n.dependencies).map((r) => O.from(r, t) || O.unknown(r)));
+    } else if (e instanceof re) {
       const n = e.debugGetState();
-      return new w(e, t(e.debugName), "observableValue", n.value, "upToDate", []);
-    } else if (e instanceof k) {
+      return new O(e, t(e.debugName), "observableValue", n.value, "upToDate", []);
+    } else if (e instanceof A) {
       const n = e.debugGetState();
-      return new w(e, t(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
+      return new O(e, t(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
     }
   }
   static unknown(e) {
-    return new w(e, "(unknown)", "unknown", void 0, "unknown", []);
+    return new O(e, "(unknown)", "unknown", void 0, "unknown", []);
   }
   constructor(e, t, n, r, i, o) {
     this.sourceObj = e, this.name = t, this.type = n, this.value = r, this.state = i, this.dependencies = o;
   }
 }
-Rt(Wt);
-_t(Ft);
-Be(M.getInstance());
-class qe {
+Pt(ln);
+Mt(Qt);
+We($.getInstance());
+class it {
   constructor() {
-    c(this, "_fixtures", _(this, /* @__PURE__ */ new Map()));
+    l(this, "_fixtures", v(this, /* @__PURE__ */ new Map()));
     /** Observable root of the fixture tree */
-    c(this, "root", j(this, (e) => {
+    l(this, "root", N(this, (e) => {
       const t = this._fixtures.read(e);
-      return re(t);
+      return ce(t);
     }));
   }
   /**
@@ -1701,25 +1713,25 @@ class qe {
    */
   getNode(e, t) {
     const n = this.root.read(e);
-    return ve(n, t);
+    return Oe(n, t);
   }
   /**
    * Gets a component by path (non-reactive, for use in preview iframe).
    * @param path Array of path segments (e.g., ['Button', 'Primary'])
    */
   getComponentByPath(e) {
-    const t = this._fixtures.get(), n = re(t), r = ve(n, e);
+    const t = this._fixtures.get(), n = ce(t), r = Oe(n, e);
     return r == null ? void 0 : r.component;
   }
 }
-class Zn {
+class ws {
   constructor(e, t) {
-    c(this, "sessionId", Math.random().toString(36).slice(2));
-    c(this, "_updateVersion", 0);
-    c(this, "_root");
-    c(this, "_fixtureModules");
-    c(this, "_currentDisposable");
-    c(this, "_currentContainer");
+    l(this, "sessionId", Math.random().toString(36).slice(2));
+    l(this, "_updateVersion", 0);
+    l(this, "_root");
+    l(this, "_fixtureModules");
+    l(this, "_currentDisposable");
+    l(this, "_currentContainer");
     this._containerElement = e, this._fixtureModules = t, this._root = this._buildRegistry(), this._installGlobalApi();
     const n = this._flattenFixtures(this._root).length;
     console.log("[cli] CLI entry initialized, sessionId:", this.sessionId, "version:", this._updateVersion, "fixtures:", n);
@@ -1745,14 +1757,14 @@ class Zn {
     this._currentDisposable && (this._currentDisposable.dispose(), this._currentDisposable = void 0), this._currentContainer && (this._currentContainer.remove(), this._currentContainer = void 0);
     const n = document.createElement("div");
     n.style.display = "inline-block", this._containerElement.appendChild(n), this._currentContainer = n;
-    const r = t.component, i = ht(r.properties);
+    const r = t.component, i = Tt(r.properties);
     let o = n;
     if (r.isolation === "shadow-dom") {
-      const l = n.attachShadow({ mode: "open" });
-      o = document.createElement("div"), l.appendChild(o);
+      const c = n.attachShadow({ mode: "open" });
+      o = document.createElement("div"), c.appendChild(o);
     }
     const d = r.render(o, i);
-    this._currentDisposable = d && typeof d == "object" && "dispose" in d ? d : void 0, await new Promise((l) => requestAnimationFrame(() => requestAnimationFrame(() => l())));
+    this._currentDisposable = d && typeof d == "object" && "dispose" in d ? d : void 0, await new Promise((c) => requestAnimationFrame(() => requestAnimationFrame(() => c())));
   }
   _buildRegistry() {
     const e = /* @__PURE__ */ new Map();
@@ -1760,7 +1772,7 @@ class Zn {
       const r = n.default;
       r && typeof r == "object" && e.set(t, r);
     }
-    return re(e);
+    return ce(e);
   }
   _flattenFixtures(e, t = []) {
     const n = [];
@@ -1791,17 +1803,186 @@ class Zn {
     });
   }
 }
-function Ke(s) {
+class hn {
+  constructor(e) {
+    this._run = e, this._changes = [], this._map = /* @__PURE__ */ new Map(), this._updateCounter = 0;
+  }
+  addDependency(e, t) {
+    return this._map.set(e, t), e.addObserver(this), {
+      dispose: () => {
+        this._map.delete(e), e.removeObserver(this);
+      }
+    };
+  }
+  beginUpdate(e) {
+    this._updateCounter++, this._changes.push(this._map.get(e));
+  }
+  endUpdate(e) {
+    if (this._updateCounter--, this._updateCounter === 0 && this._changes.length > 0) {
+      const t = this._changes;
+      this._changes = [], this._run(t);
+    }
+  }
+  handlePossibleChange(e) {
+    this._changes.push(this._map.get(e));
+  }
+  handleChange(e, t) {
+  }
+}
+function f() {
+  return pe.instance;
+}
+function un() {
+  return ge.instance;
+}
+function fn() {
+  return me.instance;
+}
+f.const = un;
+f.obs = fn;
+class pe {
+  create(e) {
+    const t = N((n) => e(n));
+    return { read: (n) => t };
+  }
+}
+pe.instance = new pe();
+class ge {
+  create(e) {
+    const t = N((n) => e(n));
+    return { read: (n) => t.read(n) };
+  }
+}
+ge.instance = new ge();
+class me {
+  create(e) {
+    const t = N((n) => {
+      const r = e(n);
+      return pn(r) ? r.read(n) : r;
+    });
+    return { read: (n) => t };
+  }
+}
+me.instance = new me();
+function pn(s) {
+  return typeof s == "object" && s !== null && "read" in s;
+}
+function q(s, e) {
+  return Object.fromEntries(Object.entries(s).map(([t, n]) => [t, e(n, t)]));
+}
+const ae = Symbol("ViewModelContext");
+class gn {
+  constructor(e) {
+    this._store = new X(), this.props = e;
+  }
+  dispose() {
+    this._store.dispose();
+  }
+}
+function mn(s) {
+  return s[ae] || (s[ae] = Le(void 0)), s[ae];
+}
+function F(s = {}) {
+  var e;
+  return e = class extends gn {
+  }, e._props = s, e;
+}
+let _e = 0;
+const _n = new hn((s) => {
+  for (const e of s)
+    e.rendered = !1;
+  if (_e > 0) {
+    const e = s.find((t) => t.isRendering);
+    e.itemsToRender = s;
+  } else
+    $e(() => {
+      for (const e of s)
+        e.rendered || e.forceUpdate();
+    });
+});
+let vn = 0;
+class bn {
+  constructor(e, t) {
+    this.debugName = e, this.renderFactory = t, this._obsProps = void 0, this.forceUpdate = void 0, this._render = void 0, this._disposable = void 0, this.contextValues = /* @__PURE__ */ new Map(), this.cleanupEffect = () => () => {
+      var n;
+      (n = this._disposable) == null || n.dispose();
+    }, this.itemsToRender = [], this.handleAfterRender = () => {
+      $e(() => {
+        for (const n of this.itemsToRender)
+          n.rendered || n.forceUpdate();
+      }), this.itemsToRender = [];
+    }, this.rendering = void 0, this.isRendering = !1, this.rendered = !1;
+  }
+  toString() {
+    return this.debugName;
+  }
+  updateProps(e) {
+    this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = v(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = N(this, this._render), this._disposable = _n.addDependency(this.rendering, this));
+  }
+}
+function we(s, e, t) {
+  const n = (o) => o + 1, r = () => new bn(s + ++vn, e), i = function(o) {
+    const d = Ct(n, 0)[1], c = xt(r)[0];
+    for (const h of t ?? [])
+      c.contextValues.set(h, wt(h));
+    if (Ie(c.cleanupEffect, []), Ie(c.handleAfterRender), c.isRendering)
+      throw new Error("Component is already rendering");
+    c.isRendering = !0, _e++;
+    try {
+      c.forceUpdate = d, c.updateProps(o);
+      const h = c.rendering.get();
+      return c.rendered = !0, h;
+    } finally {
+      c.isRendering = !1, _e--;
+    }
+  };
+  return i.displayName = s, i;
+}
+we("ObsView", (s) => (e) => s.read(e).children(e));
+function k(s, e) {
+  return we("view", (t) => {
+    const n = q(s, (r, i) => r.create((o) => t.read(o)[i], void 0));
+    return (r) => {
+      const i = q(n, (o) => o.read(r));
+      return e(r, i);
+    };
+  });
+}
+function yn(s) {
+  const e = [];
+  for (const t of Object.values(s)) {
+    const n = t._requiredContext;
+    n && !e.includes(n) && e.push(n);
+  }
+  return e;
+}
+function B(s, e, t) {
+  const n = typeof e == "function" ? {} : e, r = typeof e == "function" ? e : t, i = "_props" in s ? s._props : {}, o = yn({ ...i, ...n }), d = mn(s), c = [...o, d];
+  return we("viewWithModel", (h, g) => {
+    const _ = g(), x = _.get(d), w = "_props" in s ? q(s._props, (y, E) => y.create((z) => h.read(z)[E], _.get(y._requiredContext))) : {}, U = x ? { read: () => x, dispose: () => {
+    } } : Kt((y) => {
+      const E = q(w, (z) => z.read(y));
+      return new s(E);
+    }), D = q(n, (y, E) => y.create((z) => h.read(z)[E], _.get(y._requiredContext)));
+    return (y) => {
+      const E = U.read(y), z = q(D, (_t) => _t.read(y));
+      return r(y, E, z);
+    };
+  }, c.length > 0 ? c : void 0);
+}
+k({ value: f.obs() }, (s, e) => e.value.read(s));
+Le(null);
+function ot(s) {
   var e;
   return {
     id: s.id,
     name: s.name,
     type: s.type,
-    children: (e = s.children) == null ? void 0 : e.map(Ke),
+    children: (e = s.children) == null ? void 0 : e.map(ot),
     component: s.component
   };
 }
-function W(s, e) {
+function Q(s, e) {
   const {
     storageKey: t,
     defaultValue: n,
@@ -1814,80 +1995,80 @@ function W(s, e) {
     h !== null && (o = i(h));
   } catch {
   }
-  const d = _(s, o), l = d.set.bind(d);
+  const d = v(s, o), c = d.set.bind(d);
   return d.set = (h, g) => {
     try {
       localStorage.setItem(t, r(h));
     } catch {
     }
-    l(h, g);
+    c(h, g);
   }, d;
 }
-class qt extends N({
+class Cn extends F({
   registry: f.const(),
   daemonModel: f.const()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "leftSidebarVisible", W(this, {
+    l(this, "leftSidebarVisible", Q(this, {
       storageKey: "component-explorer:leftSidebarVisible",
       defaultValue: !0
     }));
-    c(this, "rightSidebarVisible", W(this, {
+    l(this, "rightSidebarVisible", Q(this, {
       storageKey: "component-explorer:rightSidebarVisible",
       defaultValue: !0
     }));
-    c(this, "isDarkTheme", W(this, {
+    l(this, "isDarkTheme", Q(this, {
       storageKey: "component-explorer:isDarkTheme",
       defaultValue: !0
     }));
-    c(this, "selectedNodeId", W(this, {
+    l(this, "selectedNodeId", Q(this, {
       storageKey: "component-explorer:selectedNodeId",
       defaultValue: void 0
     }));
-    c(this, "expandedNodeIds", _(this, /* @__PURE__ */ new Set()));
-    c(this, "viewMode", W(this, {
+    l(this, "expandedNodeIds", v(this, /* @__PURE__ */ new Set()));
+    l(this, "viewMode", Q(this, {
       storageKey: "component-explorer:viewMode",
       defaultValue: "session"
     }));
     /** The explorer's tree derived from the registry */
-    c(this, "tree", j(this, (t) => {
+    l(this, "tree", N(this, (t) => {
       const n = this.props.registry.root.read(t);
-      return Ke(n);
+      return ot(n);
     }));
-    c(this, "selectedNode", j(this, (t) => {
+    l(this, "selectedNode", N(this, (t) => {
       const n = this.selectedNodeId.read(t);
       if (!n) return;
       const r = this.tree.read(t);
       return this._findNode(r.children ?? [], n);
     }));
     /** List of preview rows to render based on current selection and view mode */
-    c(this, "selectedFixtures", j(this, (t) => {
+    l(this, "selectedFixtures", N(this, (t) => {
       const n = this.selectedNode.read(t);
       return n ? this.viewMode.read(t) === "diff" && this.daemonAvailable ? this._collectDiffRows(n, n.name) : this._collectPreviewRows(n, n.name) : [];
     }));
-    c(this, "setViewMode", (t) => {
+    l(this, "setViewMode", (t) => {
       this.viewMode.set(t, void 0);
     });
-    c(this, "navigateToSession", (t) => {
+    l(this, "navigateToSession", (t) => {
       const n = this.props.daemonModel;
       if (!n) return;
       const r = n.getSessionExplorerUrl(t);
       r && (window.location.href = r);
     });
-    c(this, "toggleLeftSidebar", () => {
+    l(this, "toggleLeftSidebar", () => {
       this.leftSidebarVisible.set(!this.leftSidebarVisible.get(), void 0);
     });
-    c(this, "toggleRightSidebar", () => {
+    l(this, "toggleRightSidebar", () => {
       this.rightSidebarVisible.set(!this.rightSidebarVisible.get(), void 0);
     });
-    c(this, "toggleTheme", () => {
+    l(this, "toggleTheme", () => {
       this.isDarkTheme.set(!this.isDarkTheme.get(), void 0);
     });
-    c(this, "selectNode", (t) => {
+    l(this, "selectNode", (t) => {
       this.selectedNodeId.set(t, void 0);
     });
-    c(this, "toggleNodeExpanded", (t) => {
+    l(this, "toggleNodeExpanded", (t) => {
       const n = this.expandedNodeIds.get(), r = new Set(n);
       r.has(t) ? r.delete(t) : r.add(t), this.expandedNodeIds.set(r, void 0);
     });
@@ -2175,16 +2356,16 @@ const u = {
     cursor: "pointer"
   }
 };
-function pe(...s) {
+function Se(...s) {
   return Object.assign({}, ...s.filter(Boolean));
 }
-class Kt extends N({
+class xn extends F({
   active: f()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "isHovered", _(this, !1));
-    c(this, "setHovered", (t) => {
+    l(this, "isHovered", v(this, !1));
+    l(this, "setHovered", (t) => {
       this.isHovered.set(t, void 0);
     });
   }
@@ -2192,15 +2373,15 @@ class Kt extends N({
     return this.props.active;
   }
 }
-const se = V(
-  Kt,
+const de = B(
+  xn,
   {
     onClick: f.const(),
     title: f.const(),
     children: f.const()
   },
   (s, e, t) => {
-    const n = e.isHovered.read(s), r = e.active.read(s), i = pe(
+    const n = e.isHovered.read(s), r = e.active.read(s), i = Se(
       u.titleBarButton,
       n && !r && u.titleBarButtonHover,
       r && u.titleBarButtonActive
@@ -2217,20 +2398,20 @@ const se = V(
       }
     );
   }
-), Jt = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M5.7 13.7L5 13l4.6-4.6L5 3.7l.7-.7 5.3 5.4-5.3 5.3z" }) }), Zt = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M11 5.5L6 10.5L5.3 9.8L9.6 5.5L5.3 1.2L6 0.5L11 5.5z", transform: "rotate(90 8 5.5)" }) }), Xt = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M14.5 2H9l-.35.15-.65.64-.65-.64L7 2H1.5l-.5.5v10l.5.5H7l.35-.15.65-.64.65.64.35.15h5.5l.5-.5v-10l-.5-.5zm-7 10H2V3h5v.86L5.85 5l1.15 1.14V10l-1.15-1.14L7 7.72V12zm6 0H8V7.72l1.15 1.14L8 10V6.14L9.15 5 8 3.86V3h5v9z" }) }), Yt = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M14.5 3H7.71l-.85-.85L6.5 2h-5l-.5.5v11l.5.5h13l.5-.5v-10l-.5-.5zm-.5 10H2V6h12v7zm0-8H2V3h4.29l.85.85.36.15H14v1z" }) }), Qt = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), en = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), tn = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" }) }), nn = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" }) }), sn = D(
+), wn = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M5.7 13.7L5 13l4.6-4.6L5 3.7l.7-.7 5.3 5.4-5.3 5.3z" }) }), Sn = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M11 5.5L6 10.5L5.3 9.8L9.6 5.5L5.3 1.2L6 0.5L11 5.5z", transform: "rotate(90 8 5.5)" }) }), In = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M14.5 2H9l-.35.15-.65.64-.65-.64L7 2H1.5l-.5.5v10l.5.5H7l.35-.15.65-.64.65.64.35.15h5.5l.5-.5v-10l-.5-.5zm-7 10H2V3h5v.86L5.85 5l1.15 1.14V10l-1.15-1.14L7 7.72V12zm6 0H8V7.72l1.15 1.14L8 10V6.14L9.15 5 8 3.86V3h5v9z" }) }), On = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M14.5 3H7.71l-.85-.85L6.5 2h-5l-.5.5v11l.5.5h13l.5-.5v-10l-.5-.5zm-.5 10H2V6h12v7zm0-8H2V3h4.29l.85.85.36.15H14v1z" }) }), Tn = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), Rn = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), Vn = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" }) }), Nn = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" }) }), kn = k(
   { model: f.const() },
   (s, e) => {
-    var d, l;
-    const t = e.model, n = t.viewMode.read(s), r = ((d = t.daemon) == null ? void 0 : d.sessions.read(s)) ?? [], i = (l = t.daemon) == null ? void 0 : l.sessionName, o = r.filter((h) => h.name !== i);
-    return /* @__PURE__ */ p("div", { style: U.container, children: [
-      /* @__PURE__ */ p("div", { style: U.segmentedControl, children: [
-        /* @__PURE__ */ a(Se, { label: "Live", mode: "session", active: n === "session", onClick: () => t.setViewMode("session") }),
-        /* @__PURE__ */ a(Se, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => t.setViewMode("diff") })
+    var d, c;
+    const t = e.model, n = t.viewMode.read(s), r = ((d = t.daemon) == null ? void 0 : d.sessions.read(s)) ?? [], i = (c = t.daemon) == null ? void 0 : c.sessionName, o = r.filter((h) => h.name !== i);
+    return /* @__PURE__ */ p("div", { style: K.container, children: [
+      /* @__PURE__ */ p("div", { style: K.segmentedControl, children: [
+        /* @__PURE__ */ a(Ae, { label: "Live", mode: "session", active: n === "session", onClick: () => t.setViewMode("session") }),
+        /* @__PURE__ */ a(Ae, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => t.setViewMode("diff") })
       ] }),
-      o.length > 0 && /* @__PURE__ */ a("div", { style: U.sessionLinks, children: o.map((h) => /* @__PURE__ */ p(
+      o.length > 0 && /* @__PURE__ */ a("div", { style: K.sessionLinks, children: o.map((h) => /* @__PURE__ */ p(
         "button",
         {
-          style: U.sessionLink,
+          style: K.sessionLink,
           onClick: () => t.navigateToSession(h.name),
           title: `Switch to ${h.name} session`,
           children: [
@@ -2243,17 +2424,17 @@ const se = V(
     ] });
   }
 );
-function Se({ label: s, mode: e, active: t, onClick: n }) {
+function Ae({ label: s, mode: e, active: t, onClick: n }) {
   return /* @__PURE__ */ a(
     "button",
     {
-      style: t ? U.segmentActive : U.segment,
+      style: t ? K.segmentActive : K.segment,
       onClick: n,
       children: s
     }
   );
 }
-const rn = D(
+const Dn = k(
   {
     model: f.const()
   },
@@ -2261,17 +2442,17 @@ const rn = D(
     const t = e.model, n = t.leftSidebarVisible.read(s), r = t.rightSidebarVisible.read(s), i = t.isDarkTheme.read(s), o = t.selectedNode.read(s);
     return /* @__PURE__ */ p("div", { style: u.titleBar, children: [
       /* @__PURE__ */ a("div", { style: u.titleBarSection, children: /* @__PURE__ */ a(
-        se,
+        de,
         {
           active: n,
           onClick: t.toggleLeftSidebar,
           title: "Toggle left sidebar",
-          children: /* @__PURE__ */ a(Qt, {})
+          children: /* @__PURE__ */ a(Tn, {})
         }
       ) }),
       /* @__PURE__ */ p("div", { style: u.titleBarCenter, children: [
-        t.daemonAvailable && /* @__PURE__ */ a(sn, { model: t }),
-        o ? /* @__PURE__ */ p(ce, { children: [
+        t.daemonAvailable && /* @__PURE__ */ a(kn, { model: t }),
+        o ? /* @__PURE__ */ p(be, { children: [
           /* @__PURE__ */ a("span", { style: { color: "var(--vscode-textLink-foreground)" }, children: "<" }),
           /* @__PURE__ */ a("span", { children: o.name }),
           /* @__PURE__ */ a("span", { style: { color: "var(--vscode-textLink-foreground)" }, children: "/>" })
@@ -2279,27 +2460,27 @@ const rn = D(
       ] }),
       /* @__PURE__ */ p("div", { style: u.titleBarSection, children: [
         /* @__PURE__ */ a(
-          se,
+          de,
           {
             active: !1,
             onClick: t.toggleTheme,
             title: i ? "Switch to light theme" : "Switch to dark theme",
-            children: i ? /* @__PURE__ */ a(tn, {}) : /* @__PURE__ */ a(nn, {})
+            children: i ? /* @__PURE__ */ a(Vn, {}) : /* @__PURE__ */ a(Nn, {})
           }
         ),
         /* @__PURE__ */ a(
-          se,
+          de,
           {
             active: r,
             onClick: t.toggleRightSidebar,
             title: "Toggle right sidebar",
-            children: /* @__PURE__ */ a(en, {})
+            children: /* @__PURE__ */ a(Rn, {})
           }
         )
       ] })
     ] });
   }
-), U = {
+), K = {
   container: {
     display: "flex",
     alignItems: "center",
@@ -2343,32 +2524,32 @@ const rn = D(
     color: "var(--vscode-textLink-foreground)",
     cursor: "pointer"
   }
-}, Je = D(
+}, at = k(
   {
     model: f.const(),
     nodes: f.const(),
     depth: f.const()
   },
-  (s, e) => /* @__PURE__ */ a(ce, { children: e.nodes.map((t) => /* @__PURE__ */ a(an, { model: e.model, node: t, depth: e.depth }, t.id)) })
+  (s, e) => /* @__PURE__ */ a(be, { children: e.nodes.map((t) => /* @__PURE__ */ a(Mn, { model: e.model, node: t, depth: e.depth }, t.id)) })
 );
-class on extends N({
+class An extends F({
   model: f.const(),
   node: f.const(),
   depth: f.const()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "isHovered", _(this, !1));
-    c(this, "setHovered", (t) => {
+    l(this, "isHovered", v(this, !1));
+    l(this, "setHovered", (t) => {
       this.isHovered.set(t, void 0);
     });
-    c(this, "handleClick", () => {
+    l(this, "handleClick", () => {
       this.props.model.selectNode(this.props.node.id);
     });
-    c(this, "handleDoubleClick", () => {
+    l(this, "handleDoubleClick", () => {
       this._hasChildren && this.props.model.toggleNodeExpanded(this.props.node.id);
     });
-    c(this, "handleChevronClick", (t) => {
+    l(this, "handleChevronClick", (t) => {
       t.stopPropagation(), this.props.model.toggleNodeExpanded(this.props.node.id);
     });
   }
@@ -2386,14 +2567,14 @@ class on extends N({
     return !!(this.props.node.children && this.props.node.children.length > 0);
   }
 }
-const an = V(on, {}, (s, e) => {
-  const t = e.explorerModel, n = e.treeNode, r = e.treeDepth, i = !!(n.children && n.children.length > 0), o = i ? t.isNodeExpanded(n.id, s) : !1, l = t.selectedNodeId.read(s) === n.id, h = e.isHovered.read(s), g = pe(
+const Mn = B(An, {}, (s, e) => {
+  const t = e.explorerModel, n = e.treeNode, r = e.treeDepth, i = !!(n.children && n.children.length > 0), o = i ? t.isNodeExpanded(n.id, s) : !1, c = t.selectedNodeId.read(s) === n.id, h = e.isHovered.read(s), g = Se(
     u.treeItem,
     { paddingLeft: `${8 + r * 12}px` },
-    l && u.treeItemSelected,
-    !l && h && u.treeItemHover
+    c && u.treeItemSelected,
+    !c && h && u.treeItemHover
   );
-  return /* @__PURE__ */ p(ce, { children: [
+  return /* @__PURE__ */ p(be, { children: [
     /* @__PURE__ */ p(
       "div",
       {
@@ -2403,16 +2584,16 @@ const an = V(on, {}, (s, e) => {
         onMouseEnter: () => e.setHovered(!0),
         onMouseLeave: () => e.setHovered(!1),
         children: [
-          i ? /* @__PURE__ */ a("div", { style: u.treeItemChevron, onClick: e.handleChevronClick, children: o ? /* @__PURE__ */ a(Zt, {}) : /* @__PURE__ */ a(Jt, {}) }) : /* @__PURE__ */ a("div", { style: u.treeItemChevronPlaceholder }),
-          /* @__PURE__ */ a("div", { style: u.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a(Yt, { style: { color: "var(--vscode-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(Xt, { style: { color: "#deb45b" } }) }),
+          i ? /* @__PURE__ */ a("div", { style: u.treeItemChevron, onClick: e.handleChevronClick, children: o ? /* @__PURE__ */ a(Sn, {}) : /* @__PURE__ */ a(wn, {}) }) : /* @__PURE__ */ a("div", { style: u.treeItemChevronPlaceholder }),
+          /* @__PURE__ */ a("div", { style: u.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a(On, { style: { color: "var(--vscode-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(In, { style: { color: "#deb45b" } }) }),
           /* @__PURE__ */ a("span", { style: u.treeItemLabel, children: n.name }),
           i && /* @__PURE__ */ a("span", { style: u.treeItemCount, children: n.children.length })
         ]
       }
     ),
-    i && o && /* @__PURE__ */ a(Je, { model: t, nodes: n.children, depth: r + 1 })
+    i && o && /* @__PURE__ */ a(at, { model: t, nodes: n.children, depth: r + 1 })
   ] });
-}), dn = D(
+}), Fn = k(
   {
     model: f.const()
   },
@@ -2420,20 +2601,20 @@ const an = V(on, {}, (s, e) => {
     const t = e.model.tree.read(s);
     return /* @__PURE__ */ p("div", { style: u.sidebar, children: [
       /* @__PURE__ */ a("div", { style: u.sidebarHeader, children: "Explorer" }),
-      /* @__PURE__ */ a("div", { style: u.sidebarContent, children: /* @__PURE__ */ a(Je, { model: e.model, nodes: t.children ?? [], depth: 0 }) })
+      /* @__PURE__ */ a("div", { style: u.sidebarContent, children: /* @__PURE__ */ a(at, { model: e.model, nodes: t.children ?? [], depth: 0 }) })
     ] });
   }
 );
-class ln extends N({}) {
+class Bn extends F({}) {
   constructor() {
     super(...arguments);
-    c(this, "checked", _(this, !1));
-    c(this, "toggle", () => {
+    l(this, "checked", v(this, !1));
+    l(this, "toggle", () => {
       this.checked.set(!this.checked.get(), void 0);
     });
   }
 }
-const cn = V(ln, {}, (s, e) => {
+const En = B(Bn, {}, (s, e) => {
   const t = e.checked.read(s), n = {
     position: "relative",
     width: "36px",
@@ -2454,7 +2635,7 @@ const cn = V(ln, {}, (s, e) => {
     transition: "left 0.2s"
   };
   return /* @__PURE__ */ a("div", { style: n, onClick: e.toggle, children: /* @__PURE__ */ a("div", { style: r }) });
-}), hn = D(
+}), zn = k(
   {
     node: f.const()
   },
@@ -2505,44 +2686,44 @@ const cn = V(ln, {}, (s, e) => {
         "disabled",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : boolean" })
       ] }),
-      /* @__PURE__ */ a(cn, {}),
+      /* @__PURE__ */ a(En, {}),
       /* @__PURE__ */ a("div", { style: u.propertyDescription, children: "Disable the button" })
     ] })
   ] })
-), un = D(
+), Hn = k(
   {
     selectedNode: f.const()
   },
-  (s, e) => /* @__PURE__ */ p("div", { style: pe(u.sidebar, u.sidebarRight), children: [
+  (s, e) => /* @__PURE__ */ p("div", { style: Se(u.sidebar, u.sidebarRight), children: [
     /* @__PURE__ */ p("div", { style: u.sidebarHeader, children: [
       /* @__PURE__ */ a("span", { style: { marginRight: "6px", color: "var(--vscode-textLink-foreground)" }, children: "</>" }),
       "Props"
     ] }),
-    /* @__PURE__ */ a("div", { style: u.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(hn, { node: e.selectedNode }) : /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
+    /* @__PURE__ */ a("div", { style: u.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(zn, { node: e.selectedNode }) : /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
   ] })
 );
-class fn extends N({
+class Ln extends F({
   fixture: f.const(),
   compact: f.const()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "_containerRef", null);
-    c(this, "_shadowRoot", null);
-    c(this, "_renderContainer", null);
-    c(this, "_disposable", null);
-    c(this, "_resizeObserver", null);
-    c(this, "measuredWidth", _(this, void 0));
-    c(this, "measuredHeight", _(this, void 0));
-    c(this, "setContainerRef", (t) => {
+    l(this, "_containerRef", null);
+    l(this, "_shadowRoot", null);
+    l(this, "_renderContainer", null);
+    l(this, "_disposable", null);
+    l(this, "_resizeObserver", null);
+    l(this, "measuredWidth", v(this, void 0));
+    l(this, "measuredHeight", v(this, void 0));
+    l(this, "setContainerRef", (t) => {
       if (t === this._containerRef || (this._cleanup(), this._containerRef = t, !t)) return;
       const n = this.fixture.component;
       n.isolation === "shadow-dom" ? this._renderInShadowDom(t, n) : this._renderDirect(t, n);
       const r = this._renderContainer ?? t;
       this._resizeObserver = new ResizeObserver((i) => {
         for (const o of i) {
-          const { width: d, height: l } = o.contentRect;
-          l > 0 && (this.measuredWidth.set(Math.round(d), void 0), this.measuredHeight.set(Math.round(l), void 0));
+          const { width: d, height: c } = o.contentRect;
+          c > 0 && (this.measuredWidth.set(Math.round(d), void 0), this.measuredHeight.set(Math.round(c), void 0));
         }
       }), this._resizeObserver.observe(r);
     });
@@ -2596,34 +2777,34 @@ class fn extends N({
     this._cleanup();
   }
 }
-const Ze = V(
-  fn,
+const dt = B(
+  Ln,
   {},
   (s, e) => {
     const t = e.fixture, n = t.component, r = n.displayMode, i = e.measuredWidth.read(s), o = e.measuredHeight.read(s), d = e.compact;
-    let l;
+    let c;
     if (r.type === "page") {
-      const I = r.viewports[0], S = ct(I);
-      l = {
-        width: S.width,
-        height: S.height,
+      const x = r.viewports[0], w = Ot(x);
+      c = {
+        width: w.width,
+        height: w.height,
         overflow: "auto"
       };
     } else
-      l = {
+      c = {
         display: "inline-block"
       };
-    const h = i && o ? `${i} × ${o}` : "", g = d ? $.wrapperCompact : $.wrapper, b = d ? $.nameCompact : $.name;
+    const h = i && o ? `${i} × ${o}` : "", g = d ? W.wrapperCompact : W.wrapper, _ = d ? W.nameCompact : W.name;
     return /* @__PURE__ */ p("div", { style: g, children: [
-      /* @__PURE__ */ p("div", { style: $.labelRow, children: [
-        /* @__PURE__ */ a("span", { style: b, children: t.name }),
-        !d && h && /* @__PURE__ */ a("span", { style: $.dimensions, children: h })
+      /* @__PURE__ */ p("div", { style: W.labelRow, children: [
+        /* @__PURE__ */ a("span", { style: _, children: t.name }),
+        !d && h && /* @__PURE__ */ a("span", { style: W.dimensions, children: h })
       ] }),
-      /* @__PURE__ */ a("div", { style: mn(n.background), children: /* @__PURE__ */ a("div", { ref: e.setContainerRef, style: l }) })
+      /* @__PURE__ */ a("div", { style: Pn(n.background), children: /* @__PURE__ */ a("div", { ref: e.setContainerRef, style: c }) })
     ] });
   }
-), L = 8;
-function Xe(s, e) {
+), G = 8;
+function ct(s, e) {
   return `
     linear-gradient(45deg, ${e} 25%, transparent 25%),
     linear-gradient(-45deg, ${e} 25%, transparent 25%),
@@ -2631,29 +2812,29 @@ function Xe(s, e) {
     linear-gradient(-45deg, transparent 75%, ${e} 75%)
   `;
 }
-const pn = {
+const $n = {
   backgroundColor: "#ffffff",
-  backgroundImage: Xe("#ffffff", "#e5e5e5")
-}, gn = {
+  backgroundImage: ct("#ffffff", "#e5e5e5")
+}, Un = {
   backgroundColor: "#1e1e1e",
-  backgroundImage: Xe("#1e1e1e", "#2d2d2d")
-}, vn = {
+  backgroundImage: ct("#1e1e1e", "#2d2d2d")
+}, jn = {
   display: "inline-block",
   padding: "12px",
   borderRadius: "4px",
-  backgroundSize: `${L * 2}px ${L * 2}px`,
-  backgroundPosition: `0 0, 0 ${L}px, ${L}px -${L}px, -${L}px 0`,
+  backgroundSize: `${G * 2}px ${G * 2}px`,
+  backgroundPosition: `0 0, 0 ${G}px, ${G}px -${G}px, -${G}px 0`,
   boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)"
 };
-function mn(s) {
-  const e = s === "dark" ? gn : pn;
+function Pn(s) {
+  const e = s === "dark" ? Un : $n;
   return {
-    ...vn,
+    ...jn,
     backgroundColor: e.backgroundColor,
     backgroundImage: e.backgroundImage
   };
 }
-const $ = {
+const W = {
   wrapper: {
     marginBottom: "32px"
   },
@@ -2682,16 +2863,16 @@ const $ = {
     fontFamily: "var(--vscode-editor-font-family, monospace)"
   }
 };
-class _n extends N({
+class Gn extends F({
   fixtureId: f.const(),
   sessionName: f.const(),
   daemon: f.const()
 }) {
   constructor(t) {
     super(t);
-    c(this, "screenshot", _(this, { status: "idle" }));
-    c(this, "_fetchVersion", 0);
-    this._store.add(Le((n) => {
+    l(this, "screenshot", v(this, { status: "idle" }));
+    l(this, "_fetchVersion", 0);
+    this._store.add(Ye((n) => {
       this.props.daemon.sourceTreeIds.read(n).get(this.props.sessionName) && this._fetchScreenshot();
     }));
   }
@@ -2709,26 +2890,26 @@ class _n extends N({
     }
   }
 }
-const we = V(
-  _n,
+const Me = B(
+  Gn,
   {},
   (s, e) => {
     const t = e.screenshot.read(s);
     if (t.status === "idle" || t.status === "loading")
-      return /* @__PURE__ */ a("div", { style: A.placeholder, children: /* @__PURE__ */ a("div", { style: A.shimmer }) });
+      return /* @__PURE__ */ a("div", { style: H.placeholder, children: /* @__PURE__ */ a("div", { style: H.shimmer }) });
     if (t.status === "error")
-      return /* @__PURE__ */ a("div", { style: A.error, children: /* @__PURE__ */ a("span", { style: A.errorText, children: "Screenshot failed" }) });
+      return /* @__PURE__ */ a("div", { style: H.error, children: /* @__PURE__ */ a("span", { style: H.errorText, children: "Screenshot failed" }) });
     const { data: n } = t;
     return n.image ? /* @__PURE__ */ a(
       "img",
       {
         src: `data:image/png;base64,${n.image}`,
-        style: A.image,
+        style: H.image,
         alt: `Screenshot of ${e.fixtureId}`
       }
-    ) : /* @__PURE__ */ a("div", { style: A.placeholder, children: /* @__PURE__ */ a("span", { style: A.hashText, children: n.hash.slice(0, 12) }) });
+    ) : /* @__PURE__ */ a("div", { style: H.placeholder, children: /* @__PURE__ */ a("span", { style: H.hashText, children: n.hash.slice(0, 12) }) });
   }
-), A = {
+), H = {
   placeholder: {
     minHeight: 80,
     display: "flex",
@@ -2771,7 +2952,7 @@ const we = V(
     border: "1px solid var(--vscode-panel-border)"
   }
 };
-class bn extends N({
+class Wn extends F({
   fixtureId: f.const(),
   daemon: f.const(),
   baselineSession: f.const(),
@@ -2779,8 +2960,8 @@ class bn extends N({
 }) {
   constructor(t) {
     super(t);
-    c(this, "comparisonStatus", _(this, { status: "loading" }));
-    this._store.add(Le((n) => {
+    l(this, "comparisonStatus", v(this, { status: "loading" }));
+    this._store.add(Ye((n) => {
       const r = this.props.daemon.sourceTreeIds.read(n), i = r.get(this.props.baselineSession), o = r.get(this.props.currentSession);
       i && o && this._fetchComparison();
     }));
@@ -2811,21 +2992,21 @@ class bn extends N({
     }
   }
 }
-const yn = V(
-  bn,
+const qn = B(
+  Wn,
   {},
   (s, e) => {
-    const t = e.comparisonStatus.read(s), n = t.status === "loading" ? /* @__PURE__ */ a("span", { style: m.badgeLoading, children: "comparing..." }) : t.status === "error" ? /* @__PURE__ */ a("span", { style: m.badgeError, children: "error" }) : t.match ? /* @__PURE__ */ a("span", { style: m.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ a("span", { style: m.badgeChanged, children: "● changed" });
-    return /* @__PURE__ */ p("div", { style: m.fixtureRow, children: [
-      /* @__PURE__ */ p("div", { style: m.fixtureLabel, children: [
-        /* @__PURE__ */ a("span", { style: m.fixtureName, children: e.fixtureId }),
+    const t = e.comparisonStatus.read(s), n = t.status === "loading" ? /* @__PURE__ */ a("span", { style: b.badgeLoading, children: "comparing..." }) : t.status === "error" ? /* @__PURE__ */ a("span", { style: b.badgeError, children: "error" }) : t.match ? /* @__PURE__ */ a("span", { style: b.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ a("span", { style: b.badgeChanged, children: "● changed" });
+    return /* @__PURE__ */ p("div", { style: b.fixtureRow, children: [
+      /* @__PURE__ */ p("div", { style: b.fixtureLabel, children: [
+        /* @__PURE__ */ a("span", { style: b.fixtureName, children: e.fixtureId }),
         n
       ] }),
-      /* @__PURE__ */ p("div", { style: m.sideBySide, children: [
-        /* @__PURE__ */ p("div", { style: m.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: m.columnLabel, children: "Current" }),
+      /* @__PURE__ */ p("div", { style: b.sideBySide, children: [
+        /* @__PURE__ */ p("div", { style: b.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: b.columnLabel, children: "Current" }),
           /* @__PURE__ */ a(
-            we,
+            Me,
             {
               fixtureId: e.fixtureId,
               sessionName: e.currentSession,
@@ -2833,10 +3014,10 @@ const yn = V(
             }
           )
         ] }),
-        /* @__PURE__ */ p("div", { style: m.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: m.columnLabel, children: "Baseline" }),
+        /* @__PURE__ */ p("div", { style: b.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: b.columnLabel, children: "Baseline" }),
           /* @__PURE__ */ a(
-            we,
+            Me,
             {
               fixtureId: e.fixtureId,
               sessionName: e.baselineSession,
@@ -2847,7 +3028,7 @@ const yn = V(
       ] })
     ] });
   }
-), Cn = D(
+), Kn = k(
   {
     name: f.const(),
     path: f.const(),
@@ -2857,9 +3038,9 @@ const yn = V(
     currentSession: f.const()
   },
   (s, e) => /* @__PURE__ */ p("div", { children: [
-    /* @__PURE__ */ a("div", { style: m.groupHeader, children: /* @__PURE__ */ a("span", { style: m.groupTitle, children: e.path }) }),
-    /* @__PURE__ */ a("div", { style: m.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
-      yn,
+    /* @__PURE__ */ a("div", { style: b.groupHeader, children: /* @__PURE__ */ a("span", { style: b.groupTitle, children: e.path }) }),
+    /* @__PURE__ */ a("div", { style: b.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
+      qn,
       {
         fixtureId: t.fixtureId,
         daemon: e.daemon,
@@ -2869,7 +3050,7 @@ const yn = V(
       t.fixtureId
     )) })
   ] })
-), m = {
+), b = {
   groupHeader: {
     marginBottom: 12
   },
@@ -2937,72 +3118,72 @@ const yn = V(
     color: "var(--vscode-errorForeground)",
     fontWeight: 500
   }
-}, Ye = "component-explorer:fixtureHeights", Ie = 500;
-let O = null;
-function Qe() {
-  if (O !== null) return O;
+}, lt = "component-explorer:fixtureHeights", Fe = 500;
+let R = null;
+function ht() {
+  if (R !== null) return R;
   try {
-    const s = localStorage.getItem(Ye);
+    const s = localStorage.getItem(lt);
     if (s)
-      return O = JSON.parse(s), O;
+      return R = JSON.parse(s), R;
   } catch {
   }
-  return O = {}, O;
+  return R = {}, R;
 }
-function xn() {
-  if (O !== null)
+function Jn() {
+  if (R !== null)
     try {
-      const s = Object.entries(O);
-      s.length > Ie && (O = Object.fromEntries(s.slice(-Ie))), localStorage.setItem(Ye, JSON.stringify(O));
+      const s = Object.entries(R);
+      s.length > Fe && (R = Object.fromEntries(s.slice(-Fe))), localStorage.setItem(lt, JSON.stringify(R));
     } catch {
     }
 }
-function Sn(s, e) {
-  const t = Qe();
-  t[s] = e, xn();
+function Zn(s, e) {
+  const t = ht();
+  t[s] = e, Jn();
 }
-function wn() {
-  return new Map(Object.entries(Qe()));
+function Xn() {
+  return new Map(Object.entries(ht()));
 }
-const In = 280, On = 32, ne = 32, Oe = 400, et = "component-explorer:scrollAnchors", Te = 100;
-function tt() {
+const Yn = 280, Qn = 32, oe = 32, Be = 400, ut = "component-explorer:scrollAnchors", Ee = 100;
+function ft() {
   try {
-    const s = localStorage.getItem(et);
+    const s = localStorage.getItem(ut);
     if (s) return JSON.parse(s);
   } catch {
   }
   return {};
 }
-function Tn(s, e) {
+function es(s, e) {
   try {
-    const t = tt();
+    const t = ft();
     t[s] = e;
-    const n = Object.entries(t), r = n.length > Te ? Object.fromEntries(n.slice(-Te)) : t;
-    localStorage.setItem(et, JSON.stringify(r));
+    const n = Object.entries(t), r = n.length > Ee ? Object.fromEntries(n.slice(-Ee)) : t;
+    localStorage.setItem(ut, JSON.stringify(r));
   } catch {
   }
 }
-function Rn(s) {
-  return tt()[s];
+function ts(s) {
+  return ft()[s];
 }
-function nt(s) {
+function pt(s) {
   return s.type === "single" ? s.fixture.id : s.id;
 }
-function kn(s, e) {
+function ns(s, e) {
   const t = new Array(s.length);
-  let n = ne;
+  let n = oe;
   for (let r = 0; r < s.length; r++) {
-    const i = e.get(nt(s[r])) ?? In;
-    t[r] = { top: n, height: i }, n += i + On;
+    const i = e.get(pt(s[r])) ?? Yn;
+    t[r] = { top: n, height: i }, n += i + Qn;
   }
   return t;
 }
-function Nn(s) {
+function ss(s) {
   if (s.length === 0) return 0;
   const e = s[s.length - 1];
-  return e.top + e.height + ne;
+  return e.top + e.height + oe;
 }
-function st(s, e) {
+function gt(s, e) {
   let t = 0, n = s.length;
   for (; t < n; ) {
     const r = t + n >> 1;
@@ -3010,75 +3191,75 @@ function st(s, e) {
   }
   return t;
 }
-function Vn(s, e, t) {
+function rs(s, e, t) {
   if (s.length === 0) return { start: 0, end: 0 };
-  const n = st(s, e - Oe);
+  const n = gt(s, e - Be);
   let r = n;
-  const i = e + t + Oe;
+  const i = e + t + Be;
   for (; r < s.length && s[r].top < i; )
     r++;
   return { start: n, end: r };
 }
-function Re(s, e) {
+function ze(s, e) {
   if (s.length === 0) return;
-  const t = st(s, e), n = Math.min(t, s.length - 1);
+  const t = gt(s, e), n = Math.min(t, s.length - 1);
   return {
     rowIndex: n,
     offsetFromViewport: s[n].top - e
   };
 }
-function ke(s, e) {
+function He(s, e) {
   return e.rowIndex >= s.length ? 0 : s[e.rowIndex].top - e.offsetFromViewport;
 }
-class Dn extends N({
+class is extends F({
   model: f.const()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "_rowHeights", _(this, wn()));
-    c(this, "_scrollTop", _(this, 0));
-    c(this, "_viewportHeight", _(this, 0));
-    c(this, "_scrollContainerRef", null);
-    c(this, "_resizeObserver", null);
-    c(this, "_viewportResizeObserver", null);
-    c(this, "_currentNodeId");
-    c(this, "_scrollSaveTimeout", null);
-    c(this, "_suppressScrollHandler", !1);
-    c(this, "layout", j(this, (t) => {
+    l(this, "_rowHeights", v(this, Xn()));
+    l(this, "_scrollTop", v(this, 0));
+    l(this, "_viewportHeight", v(this, 0));
+    l(this, "_scrollContainerRef", null);
+    l(this, "_resizeObserver", null);
+    l(this, "_viewportResizeObserver", null);
+    l(this, "_currentNodeId");
+    l(this, "_scrollSaveTimeout", null);
+    l(this, "_suppressScrollHandler", !1);
+    l(this, "layout", N(this, (t) => {
       const n = this.explorerModel.selectedFixtures.read(t), r = this._rowHeights.read(t);
-      return kn(n, r);
+      return ns(n, r);
     }));
-    c(this, "visibleRowRange", j(this, (t) => {
+    l(this, "visibleRowRange", N(this, (t) => {
       const n = this.layout.read(t), r = this._scrollTop.read(t), i = this._viewportHeight.read(t);
-      return Vn(n, r, i);
+      return rs(n, r, i);
     }));
-    c(this, "setScrollContainerRef", (t) => {
+    l(this, "setScrollContainerRef", (t) => {
       var n;
       this._scrollContainerRef && this._scrollContainerRef.removeEventListener("scroll", this._handleScroll), (n = this._viewportResizeObserver) == null || n.disconnect(), this._scrollContainerRef = t, t && (t.addEventListener("scroll", this._handleScroll, { passive: !0 }), this._viewportHeight.set(t.clientHeight, void 0), this._viewportResizeObserver = new ResizeObserver(([r]) => {
         this._viewportHeight.set(Math.round(r.contentRect.height), void 0);
       }), this._viewportResizeObserver.observe(t), this._restoreScrollPosition());
     });
-    c(this, "_handleScroll", () => {
+    l(this, "_handleScroll", () => {
       this._scrollContainerRef && (this._scrollTop.set(this._scrollContainerRef.scrollTop, void 0), !(this._suppressScrollHandler || !this._currentNodeId) && (this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout), this._scrollSaveTimeout = setTimeout(() => {
         if (!this._currentNodeId) return;
-        const t = this.layout.get(), n = Re(t, this._scrollTop.get());
-        n && Tn(this._currentNodeId, n);
+        const t = this.layout.get(), n = ze(t, this._scrollTop.get());
+        n && es(this._currentNodeId, n);
       }, 150)));
     });
-    c(this, "observeRowElement", (t, n) => {
+    l(this, "observeRowElement", (t, n) => {
       t && (this._resizeObserver || (this._resizeObserver = new ResizeObserver((r) => {
         const i = this._rowHeights.get();
         let o;
         for (const d of r) {
-          const l = d.target.getAttribute("data-row-id");
-          if (!l) continue;
+          const c = d.target.getAttribute("data-row-id");
+          if (!c) continue;
           const h = Math.round(d.contentRect.height);
-          h > 0 && i.get(l) !== h && (o || (o = new Map(i)), o.set(l, h), Sn(l, h));
+          h > 0 && i.get(c) !== h && (o || (o = new Map(i)), o.set(c, h), Zn(c, h));
         }
         if (o) {
-          const d = this.layout.get(), l = Re(d, this._scrollTop.get());
-          if (this._rowHeights.set(o, void 0), l && this._scrollContainerRef) {
-            const h = this.layout.get(), g = ke(h, l);
+          const d = this.layout.get(), c = ze(d, this._scrollTop.get());
+          if (this._rowHeights.set(o, void 0), c && this._scrollContainerRef) {
+            const h = this.layout.get(), g = He(h, c);
             this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = g, this._scrollTop.set(g, void 0), requestAnimationFrame(() => {
               this._suppressScrollHandler = !1;
             });
@@ -3095,9 +3276,9 @@ class Dn extends N({
   }
   _restoreScrollPosition() {
     if (!this._scrollContainerRef || !this._currentNodeId) return;
-    const t = Rn(this._currentNodeId);
+    const t = ts(this._currentNodeId);
     if (!t) return;
-    const n = this.layout.get(), r = ke(n, t);
+    const n = this.layout.get(), r = He(n, t);
     this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = r, this._scrollTop.set(r, void 0), requestAnimationFrame(() => {
       this._suppressScrollHandler = !1;
     });
@@ -3107,47 +3288,47 @@ class Dn extends N({
     (t = this._resizeObserver) == null || t.disconnect(), (n = this._viewportResizeObserver) == null || n.disconnect(), this._scrollContainerRef && this._scrollContainerRef.removeEventListener("scroll", this._handleScroll), this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout);
   }
 }
-const An = V(
-  Dn,
+const os = B(
+  is,
   {},
   (s, e) => {
     const t = e.explorerModel.selectedFixtures.read(s), n = e.explorerModel.selectedNodeId.read(s), r = e.layout.read(s), { start: i, end: o } = e.visibleRowRange.read(s);
     if (e.updateForSelection(n), t.length === 0)
-      return /* @__PURE__ */ a("div", { style: P.emptyState, children: /* @__PURE__ */ a("span", { style: P.emptyText, children: "Select a component or folder to preview" }) });
-    const d = Nn(r);
-    return /* @__PURE__ */ a("div", { ref: e.setScrollContainerRef, style: P.scrollContainer, children: /* @__PURE__ */ a("div", { style: { position: "relative", height: d }, children: t.slice(i, o).map((l, h) => {
-      const g = i + h, { top: b } = r[g], I = nt(l);
+      return /* @__PURE__ */ a("div", { style: J.emptyState, children: /* @__PURE__ */ a("span", { style: J.emptyText, children: "Select a component or folder to preview" }) });
+    const d = ss(r);
+    return /* @__PURE__ */ a("div", { ref: e.setScrollContainerRef, style: J.scrollContainer, children: /* @__PURE__ */ a("div", { style: { position: "relative", height: d }, children: t.slice(i, o).map((c, h) => {
+      const g = i + h, { top: _ } = r[g], x = pt(c);
       return /* @__PURE__ */ a(
         "div",
         {
-          ref: (S) => e.observeRowElement(S, I),
-          style: { position: "absolute", top: b, left: ne, right: ne },
-          children: l.type === "single" ? /* @__PURE__ */ a(Ze, { fixture: l.fixture, compact: !1 }) : l.type === "variants" ? /* @__PURE__ */ a(Bn, { row: l }) : l.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ a(
-            Cn,
+          ref: (w) => e.observeRowElement(w, x),
+          style: { position: "absolute", top: _, left: oe, right: oe },
+          children: c.type === "single" ? /* @__PURE__ */ a(dt, { fixture: c.fixture, compact: !1 }) : c.type === "variants" ? /* @__PURE__ */ a(as, { row: c }) : c.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ a(
+            Kn,
             {
-              name: l.name,
-              path: l.path,
-              items: l.items,
+              name: c.name,
+              path: c.path,
+              items: c.items,
               daemon: e.explorerModel.daemon,
               baselineSession: "baseline",
               currentSession: "current"
             }
           ) : null
         },
-        I
+        x
       );
     }) }) });
   }
-), Bn = D(
+), as = k(
   { row: f.const() },
   (s, e) => {
     const t = e.row;
     return /* @__PURE__ */ p("div", { children: [
-      /* @__PURE__ */ a("div", { style: P.variantsHeader, children: /* @__PURE__ */ a("span", { style: P.variantsTitle, children: t.path }) }),
-      /* @__PURE__ */ a("div", { style: P.variantsContent, children: t.fixtures.map((n) => /* @__PURE__ */ a(Ze, { fixture: n, compact: !0 }, n.id)) })
+      /* @__PURE__ */ a("div", { style: J.variantsHeader, children: /* @__PURE__ */ a("span", { style: J.variantsTitle, children: t.path }) }),
+      /* @__PURE__ */ a("div", { style: J.variantsContent, children: t.fixtures.map((n) => /* @__PURE__ */ a(dt, { fixture: n, compact: !0 }, n.id)) })
     ] });
   }
-), P = {
+), J = {
   scrollContainer: {
     flex: 1,
     overflow: "auto",
@@ -3178,24 +3359,24 @@ const An = V(
     flexWrap: "wrap",
     gap: "16px"
   }
-}, rt = V(
-  qt,
+}, mt = B(
+  Cn,
   { daemonModel: f.const() },
   (s, e) => {
     const t = e.leftSidebarVisible.read(s), n = e.rightSidebarVisible.read(s), r = e.isDarkTheme.read(s), i = e.selectedNode.read(s);
     return /* @__PURE__ */ p("div", { className: r ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus", style: u.container, children: [
-      t && /* @__PURE__ */ a(dn, { model: e }),
+      t && /* @__PURE__ */ a(Fn, { model: e }),
       /* @__PURE__ */ p("div", { style: u.centerArea, children: [
-        /* @__PURE__ */ a(rn, { model: e }),
-        /* @__PURE__ */ a(An, { model: e })
+        /* @__PURE__ */ a(Dn, { model: e }),
+        /* @__PURE__ */ a(os, { model: e })
       ] }),
-      n && /* @__PURE__ */ a(un, { selectedNode: i })
+      n && /* @__PURE__ */ a(Hn, { selectedNode: i })
     ] });
   }
 );
-function Mn() {
-  const s = new qe();
-  return s.register("components/Button.fixture.tsx", J({
+function ds() {
+  const s = new it();
+  return s.register("components/Button.fixture.tsx", ee({
     Primary: {
       render: (e) => (e.innerHTML = "<button>Primary Button</button>", { dispose: () => {
         e.innerHTML = "";
@@ -3206,7 +3387,7 @@ function Mn() {
         e.innerHTML = "";
       } })
     }
-  })), s.register("components/Input.fixture.tsx", J({
+  })), s.register("components/Input.fixture.tsx", ee({
     Text: {
       render: (e) => (e.innerHTML = '<input type="text" placeholder="Text Input" />', { dispose: () => {
         e.innerHTML = "";
@@ -3217,13 +3398,13 @@ function Mn() {
         e.innerHTML = "";
       } })
     }
-  })), s.register("components/Card.fixture.tsx", J({
+  })), s.register("components/Card.fixture.tsx", ee({
     Basic: {
       render: (e) => (e.innerHTML = '<div style="border: 1px solid #ccc; padding: 16px;">Basic Card</div>', { dispose: () => {
         e.innerHTML = "";
       } })
     }
-  })), s.register("components/Feedback.fixture.tsx", J({
+  })), s.register("components/Feedback.fixture.tsx", ee({
     Badge: {
       render: (e) => (e.innerHTML = '<span style="background: blue; color: white; padding: 2px 8px; border-radius: 4px;">Badge</span>', { dispose: () => {
         e.innerHTML = "";
@@ -3236,30 +3417,30 @@ function Mn() {
     }
   })), s;
 }
-function Xn() {
-  const s = Mn();
-  return /* @__PURE__ */ a(rt, { registry: s });
+function Ss() {
+  const s = ds();
+  return /* @__PURE__ */ a(mt, { registry: s });
 }
-var Fn = class le {
+var cs = class ve {
   constructor(e) {
     this.iterator = e;
   }
   static fromIterable(e) {
-    return new le(e[Symbol.asyncIterator]());
+    return new ve(e[Symbol.asyncIterator]());
   }
   static fromFn(e) {
-    return new le(e());
+    return new ve(e());
   }
   [Symbol.asyncIterator]() {
     return this.iterator;
   }
-}, En = class extends Error {
+}, ls = class extends Error {
   constructor(s, e, t) {
     super(t), this.statusCode = s, this.method = e, this.name = "ApiError";
   }
-}, zn = class {
+}, hs = class {
   constructor(s) {
-    c(this, "methods", this._createProxy(""));
+    l(this, "methods", this._createProxy(""));
     this._request = s;
   }
   _createProxy(s) {
@@ -3270,8 +3451,8 @@ var Fn = class le {
     });
   }
 };
-function Hn(s, e) {
-  return new zn(async (t, n) => {
+function us(s, e) {
+  return new hs(async (t, n) => {
     var d;
     const r = await fetch(`${s}/${t}`, {
       method: "POST",
@@ -3282,48 +3463,48 @@ function Hn(s, e) {
       body: JSON.stringify(n)
     });
     if (r.status !== 200) {
-      const l = await r.json().catch(() => null);
+      const c = await r.json().catch(() => null);
       let h;
-      throw l && typeof l == "object" && "errorMessage" in l ? h = `${l.errorMessage}` : h = `Error calling API method ${t}: ${JSON.stringify(l)} (Status: ${r.status}, Status Text: ${r.statusText})`, new En(r.status, t, h);
+      throw c && typeof c == "object" && "errorMessage" in c ? h = `${c.errorMessage}` : h = `Error calling API method ${t}: ${JSON.stringify(c)} (Status: ${r.status}, Status Text: ${r.statusText})`, new ls(r.status, t, h);
     }
     const i = r.headers.get("Content-Type");
-    return i != null && i.startsWith("application/jsonl") ? Fn.fromFn(async function* () {
-      var I;
-      const l = (I = r.body) == null ? void 0 : I.getReader();
-      if (!l)
+    return i != null && i.startsWith("application/jsonl") ? cs.fromFn(async function* () {
+      var x;
+      const c = (x = r.body) == null ? void 0 : x.getReader();
+      if (!c)
         return;
       let h = "";
       const g = new TextDecoder("utf-8");
       for (; ; ) {
-        const { done: S, value: K } = await l.read();
-        if (S)
+        const { done: w, value: U } = await c.read();
+        if (w)
           break;
-        h += g.decode(K, { stream: !0 });
-        let E;
-        for (; (E = h.indexOf(`
+        h += g.decode(U, { stream: !0 });
+        let D;
+        for (; (D = h.indexOf(`
 `)) >= 0; ) {
-          const ge = h.slice(0, E).trim();
-          h = h.slice(E + 1), ge.length > 0 && (yield JSON.parse(ge));
+          const y = h.slice(0, D).trim();
+          h = h.slice(D + 1), y.length > 0 && (yield JSON.parse(y));
         }
       }
-      const b = h.trim();
-      b.length > 0 && (yield JSON.parse(b));
+      const _ = h.trim();
+      _.length > 0 && (yield JSON.parse(_));
     }) : await r.json();
   });
 }
-class Ln {
+class fs {
   constructor(e) {
-    c(this, "_sourceTreeIds", _(this, /* @__PURE__ */ new Map()));
-    c(this, "_sessions", _(this, []));
-    c(this, "_screenshotCache", /* @__PURE__ */ new Map());
-    c(this, "_client");
-    c(this, "_eventStreamAbort", null);
-    c(this, "sessionName");
+    l(this, "_sourceTreeIds", v(this, /* @__PURE__ */ new Map()));
+    l(this, "_sessions", v(this, []));
+    l(this, "_screenshotCache", /* @__PURE__ */ new Map());
+    l(this, "_client");
+    l(this, "_eventStreamAbort", null);
+    l(this, "sessionName");
     /** Observable map of sessionName → current sourceTreeId */
-    c(this, "sourceTreeIds", this._sourceTreeIds);
+    l(this, "sourceTreeIds", this._sourceTreeIds);
     /** Observable list of sessions from the daemon */
-    c(this, "sessions", this._sessions);
-    this.config = e, this.sessionName = e.sessionName, this._client = Hn("/__explorer/daemon-api");
+    l(this, "sessions", this._sessions);
+    this.config = e, this.sessionName = e.sessionName, this._client = us("/__explorer/daemon-api");
   }
   /**
    * Initializes the model: fetches initial session info and starts listening to events.
@@ -3421,21 +3602,21 @@ class Ln {
     }
   }
 }
-function $n() {
+function ps() {
   return window.__EXPLORER_DAEMON__;
 }
-class Yn {
+class Is {
   constructor(e, t) {
-    c(this, "_root");
-    c(this, "_registry", new qe());
-    c(this, "_daemonModel");
-    this._populateRegistry(t), this._daemonModel = this._initializeDaemonModel(), this._root = at(e), this._root.render(dt(rt, { registry: this._registry, daemonModel: this._daemonModel }));
+    l(this, "_root");
+    l(this, "_registry", new it());
+    l(this, "_daemonModel");
+    this._populateRegistry(t), this._daemonModel = this._initializeDaemonModel(), this._root = yt(e), this._root.render(St(mt, { registry: this._registry, daemonModel: this._daemonModel }));
   }
   _initializeDaemonModel() {
-    const e = $n();
+    const e = ps();
     if (!e)
       return;
-    const t = new Ln(e);
+    const t = new fs(e);
     return t.initialize().catch((n) => {
       console.error("[ExplorerApp] Failed to initialize DaemonModel:", n);
     }), t;
@@ -3468,42 +3649,42 @@ class Yn {
   }
 }
 export {
-  Zt as ChevronDownIcon,
-  Jt as ChevronRightIcon,
-  Zn as CliRuntime,
-  Xt as ComponentIcon,
-  Ln as DaemonModel,
-  rt as Explorer,
-  Yn as ExplorerApp,
-  qt as ExplorerModel,
-  Xn as ExplorerWithDefaults,
-  qe as FixtureRegistry,
-  Yt as FolderIcon,
-  dn as LeftSidebar,
-  nn as MoonIcon,
-  Qt as PanelLeftIcon,
-  en as PanelRightIcon,
-  un as RightSidebar,
-  tn as SunIcon,
-  rn as TitleBar,
-  se as TitleBarButton,
-  an as TreeItem,
-  Je as TreeView,
-  lt as VIEWPORT_SIZES,
-  mt as collectComponents,
-  re as createFixtureTree,
-  J as defineFixture,
-  Kn as defineFixtureGroup,
-  Jn as defineFixtureVariants,
-  ve as findNodeByPath,
-  ht as getDefaultPropertyValues,
-  qn as isComponentDefinition,
-  ft as isFixtureGroup,
-  pt as isFixtureVariants,
-  ut as isSingleFixture,
-  pe as mergeStyles,
-  ct as resolveViewport,
+  Sn as ChevronDownIcon,
+  wn as ChevronRightIcon,
+  ws as CliRuntime,
+  In as ComponentIcon,
+  fs as DaemonModel,
+  mt as Explorer,
+  Is as ExplorerApp,
+  Cn as ExplorerModel,
+  Ss as ExplorerWithDefaults,
+  it as FixtureRegistry,
+  On as FolderIcon,
+  Fn as LeftSidebar,
+  Nn as MoonIcon,
+  Tn as PanelLeftIcon,
+  Rn as PanelRightIcon,
+  Hn as RightSidebar,
+  Vn as SunIcon,
+  Dn as TitleBar,
+  de as TitleBarButton,
+  Mn as TreeItem,
+  at as TreeView,
+  It as VIEWPORT_SIZES,
+  At as collectComponents,
+  ce as createFixtureTree,
+  ee as defineFixture,
+  Cs as defineFixtureGroup,
+  xs as defineFixtureVariants,
+  Oe as findNodeByPath,
+  Tt as getDefaultPropertyValues,
+  ys as isComponentDefinition,
+  Vt as isFixtureGroup,
+  Nt as isFixtureVariants,
+  Rt as isSingleFixture,
+  Se as mergeStyles,
+  Ot as resolveViewport,
   u as styles,
-  Ke as toExplorerTree
+  ot as toExplorerTree
 };
 //# sourceMappingURL=index.js.map