npm - @vscode/component-explorer - Versions diffs - 0.1.1-19 → 0.1.1-20 - Mend

@vscode/component-explorer 0.1.1-19 → 0.1.1-20

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 (11) hide show

package/dist/component-explorer.css +1 -1
package/dist/components/FixturePreviewItem.d.ts.map +1 -1
package/dist/core/CliRuntime.d.ts +1 -1
package/dist/core/CliRuntime.d.ts.map +1 -1
package/dist/core/ComponentRenderer.d.ts +14 -0
package/dist/core/ComponentRenderer.d.ts.map +1 -0
package/dist/lib/fixtureFocusTrap.d.ts +1 -1
package/dist/lib/fixtureFocusTrap.d.ts.map +1 -1
package/dist/viewer.js +860 -872
package/dist/viewer.js.map +1 -1
package/package.json +1 -1

package/dist/viewer.js CHANGED Viewed

@@ -1,34 +1,34 @@
-var Nt = Object.defineProperty;
-var Vt = (r, e, t) => e in r ? Nt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var c = (r, e, t) => Vt(r, typeof e != "symbol" ? e + "" : e, t);
-import { f as Te, a as ke, s as Ie } from "./index-BsQr630j.js";
-import { b as is, d as as, c as ds, e as ls, g as cs } from "./index-BsQr630j.js";
-import { createRoot as Mt } from "react-dom/client";
-import { createContext as et, useReducer as Ft, useState as Dt, useContext as Et, useEffect as Oe, createElement as Bt } from "react";
-import { jsx as a, jsxs as m, Fragment as ve } from "react/jsx-runtime";
-import { unstable_batchedUpdates as tt } from "react-dom";
+var Vt = Object.defineProperty;
+var Mt = (r, e, t) => e in r ? Vt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var l = (r, e, t) => Mt(r, typeof e != "symbol" ? e + "" : e, t);
+import { f as Re, a as Te, s as ke } from "./index-BsQr630j.js";
+import { b as as, d as ds, c as cs, e as ls, g as hs } from "./index-BsQr630j.js";
+import { createRoot as Ft } from "react-dom/client";
+import { createContext as Ye, useReducer as Et, useState as Dt, useContext as Bt, useEffect as Ie, createElement as At } from "react";
+import { jsx as a, jsxs as g, Fragment as me } from "react/jsx-runtime";
+import { unstable_batchedUpdates as et } from "react-dom";
+function ve(r) {
+  return typeof r == "object" && r !== null && ke in r && r[ke] === !0 && "_options" in r && typeof r._options == "object";
+}
 function be(r) {
-  return typeof r == "object" && r !== null && Ie in r && r[Ie] === !0 && "_options" in r && typeof r._options == "object";
+  return typeof r == "object" && r !== null && Re in r && r[Re] === !0 && "_entries" in r && typeof r._entries == "object";
 }
 function _e(r) {
-  return typeof r == "object" && r !== null && Te in r && r[Te] === !0 && "_entries" in r && typeof r._entries == "object";
-}
-function ye(r) {
-  return typeof r == "object" && r !== null && ke in r && r[ke] === !0 && "_variants" in r && typeof r._variants == "object";
-}
-function Zn(r) {
-  return be(r) ? { success: !0, data: r } : _e(r) ? { success: !0, data: r } : ye(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a valid fixture export (missing brand symbol or _options/_entries/_variants)" };
+  return typeof r == "object" && r !== null && Te in r && r[Te] === !0 && "_variants" in r && typeof r._variants == "object";
 }
 function Xn(r) {
-  return be(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a SingleFixtureExport" };
+  return ve(r) ? { success: !0, data: r } : be(r) ? { success: !0, data: r } : _e(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a valid fixture export (missing brand symbol or _options/_entries/_variants)" };
 }
 function Yn(r) {
-  return _e(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureGroupExport" };
+  return ve(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a SingleFixtureExport" };
 }
 function es(r) {
-  return ye(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureVariantsExport" };
+  return be(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureGroupExport" };
+}
+function ts(r) {
+  return _e(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureVariantsExport" };
 }
-function Ne(r, e, t) {
+function Oe(r, e, t) {
   const n = r._options;
   return {
     id: e,
@@ -43,24 +43,24 @@ function Ne(r, e, t) {
     render: n.render
   };
 }
-function ts(r) {
+function rs(r) {
   return typeof r == "object" && r !== null && "render" in r && typeof r.render == "function" && "id" in r && "name" in r;
 }
-const At = {
+const $t = {
   mobile: { width: 390, height: 844 },
   tablet: { width: 768, height: 1024 },
   desktop: { width: 1440, height: 900 }
 };
-function $t(r) {
-  return typeof r == "string" ? { name: r, ...At[r] } : r;
-}
 function zt(r) {
+  return typeof r == "string" ? { name: r, ...$t[r] } : r;
+}
+function Lt(r) {
   const e = {};
   for (const t of r)
     e[t.name] = t.defaultValue;
   return e;
 }
-function Ve(r) {
+function Ne(r) {
   if (r.startsWith("/"))
     throw new Error(`Fixture path cannot start with '/': ${r}`);
   if (r.includes("//"))
@@ -68,19 +68,19 @@ function Ve(r) {
   if (r === "")
     throw new Error("Fixture path cannot be empty (use undefined for default)");
 }
-function Lt(r, e) {
-  const t = Ht(r);
+function Ht(r, e) {
+  const t = jt(r);
   if (e === void 0)
     return [t];
   if (e.endsWith("/")) {
     const n = e.slice(0, -1);
     if (n)
-      return Ve(n), [...n.split("/"), t];
+      return Ne(n), [...n.split("/"), t];
     throw new Error(`Fixture path cannot be just '/': ${e}`);
   } else
-    return Ve(e), e.split("/");
+    return Ne(e), e.split("/");
 }
-function ae(r) {
+function ie(r) {
   const e = {
     id: "",
     name: "Components",
@@ -89,80 +89,80 @@ function ae(r) {
     labels: []
   };
   for (const [t, n] of r) {
-    const s = "_path" in n ? n._path : void 0, o = Lt(t, s);
-    rt(e, o, n);
+    const s = "_path" in n ? n._path : void 0, o = Ht(t, s);
+    tt(e, o, n);
   }
   return e;
 }
-function Ht(r) {
+function jt(r) {
   return (r.split("/").pop() ?? r).replace(/\.fixture\.(tsx?|jsx?)$/, "");
 }
-function rt(r, e, t, n = []) {
-  var l, h;
+function tt(r, e, t, n = []) {
+  var c, u;
   let s = r;
   const o = [...n];
-  for (let u = 0; u < e.length - 1; u++) {
-    const g = e[u];
-    o.push(g);
-    const b = o.join("/");
-    let p = (l = s.children) == null ? void 0 : l.find(
-      (_) => _.type === "folder" && _.name === g
+  for (let h = 0; h < e.length - 1; h++) {
+    const p = e[h];
+    o.push(p);
+    const m = o.join("/");
+    let b = (c = s.children) == null ? void 0 : c.find(
+      (S) => S.type === "folder" && S.name === p
     );
-    p || (p = {
-      id: b,
-      name: g,
+    b || (b = {
+      id: m,
+      name: p,
       type: "folder",
       children: [],
       labels: []
-    }, s.children || (s.children = []), s.children.push(p)), s = p;
+    }, s.children || (s.children = []), s.children.push(b)), s = b;
   }
   const i = e[e.length - 1];
   o.push(i);
   const d = o.join("/");
-  if (be(t)) {
-    const u = Ne(t, d, i), g = {
+  if (ve(t)) {
+    const h = Oe(t, d, i), p = {
       id: d,
       name: i,
       type: "component",
-      component: u,
-      labels: [...u.labels]
+      component: h,
+      labels: [...h.labels]
     };
-    s.children || (s.children = []), s.children.push(g);
-  } else if (_e(t)) {
-    let u = (h = s.children) == null ? void 0 : h.find(
-      (g) => g.type === "folder" && g.name === i
+    s.children || (s.children = []), s.children.push(p);
+  } else if (be(t)) {
+    let h = (u = s.children) == null ? void 0 : u.find(
+      (p) => p.type === "folder" && p.name === i
     );
-    u || (u = {
+    h || (h = {
       id: d,
       name: i,
       type: "folder",
       children: [],
       labels: [...t._labels ?? []]
-    }, s.children || (s.children = []), s.children.push(u));
-    for (const [g, b] of Object.entries(t._entries))
-      rt(u, [g], b, o);
-  } else if (ye(t)) {
-    const u = {
+    }, s.children || (s.children = []), s.children.push(h));
+    for (const [p, m] of Object.entries(t._entries))
+      tt(h, [p], m, o);
+  } else if (_e(t)) {
+    const h = {
       id: d,
       name: i,
       type: "variants",
       children: [],
       labels: [...t._labels ?? []]
     };
-    s.children || (s.children = []), s.children.push(u);
-    for (const [g, b] of Object.entries(t._variants)) {
-      const p = [...o, g].join("/"), _ = {
-        id: p,
-        name: g,
+    s.children || (s.children = []), s.children.push(h);
+    for (const [p, m] of Object.entries(t._variants)) {
+      const b = [...o, p].join("/"), S = {
+        id: b,
+        name: p,
         type: "component",
-        component: Ne(b, p, g),
-        labels: [...b._options.labels ?? []]
+        component: Oe(m, b, p),
+        labels: [...m._options.labels ?? []]
       };
-      u.children.push(_);
+      h.children.push(S);
     }
   }
 }
-function Me(r, e) {
+function Ve(r, e) {
   if (e.length === 0)
     return r;
   let t = r;
@@ -173,29 +173,29 @@ function Me(r, e) {
   }
   return t;
 }
-function Pt(r) {
+function Ut(r) {
   if (r.type === "component" && r.component)
     return [r.component];
   const e = [];
   for (const t of r.children ?? [])
-    e.push(...Pt(t));
+    e.push(...Ut(t));
   return e;
 }
 let L;
-function jt(r) {
-  L ? L instanceof Fe ? L.loggers.push(r) : L = new Fe([L, r]) : L = r;
+function Pt(r) {
+  L ? L instanceof Me ? L.loggers.push(r) : L = new Me([L, r]) : L = r;
 }
-function w() {
+function y() {
   return L;
 }
-let de;
-function Ut(r) {
-  de = r;
-}
+let ae;
 function Wt(r) {
-  de && de(r);
+  ae = r;
+}
+function Gt(r) {
+  ae && ae(r);
 }
-class Fe {
+class Me {
   constructor(e) {
     this.loggers = e;
   }
@@ -248,7 +248,7 @@ class Fe {
       t.handleEndTransaction(e);
   }
 }
-var F;
+var V;
 (function(r) {
   let e = !1;
   function t() {
@@ -264,23 +264,23 @@ var F;
       return;
     const i = Error, d = i.stackTraceLimit;
     i.stackTraceLimit = 3;
-    const l = new Error().stack;
-    return i.stackTraceLimit = d, xe.fromStack(l, o + 1);
+    const c = new Error().stack;
+    return i.stackTraceLimit = d, ye.fromStack(c, o + 1);
   }
   r.ofNthCaller = s;
-})(F || (F = {}));
-class xe {
+})(V || (V = {}));
+class ye {
   static fromStack(e, t) {
     const n = e.split(`
-`), s = Gt(n[t + 1]);
+`), s = qt(n[t + 1]);
     if (s)
-      return new xe(s.fileName, s.line, s.column, s.id);
+      return new ye(s.fileName, s.line, s.column, s.id);
   }
   constructor(e, t, n, s) {
     this.fileName = e, this.line = t, this.column = n, this.id = s;
   }
 }
-function Gt(r) {
+function qt(r) {
   if (!r)
     return;
   const e = r.match(/\((.*):(\d+):(\d+)\)/);
@@ -300,32 +300,32 @@ function Gt(r) {
       id: r
     };
 }
-class E {
+class D {
   constructor(e, t, n) {
     this.owner = e, this.debugNameSource = t, this.referenceFn = n;
   }
   getDebugName(e) {
-    return qt(e, this);
+    return Kt(e, this);
   }
 }
-const De = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new WeakMap();
-function qt(r, e) {
-  const t = le.get(r);
+const Fe = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new WeakMap();
+function Kt(r, e) {
+  const t = de.get(r);
   if (t)
     return t;
-  const n = Kt(r, e);
+  const n = Jt(r, e);
   if (n) {
-    let s = De.get(n) ?? 0;
-    s++, De.set(n, s);
+    let s = Fe.get(n) ?? 0;
+    s++, Fe.set(n, s);
     const o = s === 1 ? n : `${n}#${s}`;
-    return le.set(r, o), o;
+    return de.set(r, o), o;
   }
 }
-function Kt(r, e) {
-  const t = le.get(r);
+function Jt(r, e) {
+  const t = de.get(r);
   if (t)
     return t;
-  const n = e.owner ? Qt(e.owner) + "." : "";
+  const n = e.owner ? Zt(e.owner) + "." : "";
   let s;
   const o = e.debugNameSource;
   if (o !== void 0)
@@ -335,56 +335,56 @@ function Kt(r, e) {
     } else
       return n + o;
   const i = e.referenceFn;
-  if (i !== void 0 && (s = Se(i), s !== void 0))
+  if (i !== void 0 && (s = xe(i), s !== void 0))
     return n + s;
   if (e.owner !== void 0) {
-    const d = Jt(e.owner, r);
+    const d = Qt(e.owner, r);
     if (d !== void 0)
       return n + d;
   }
 }
-function Jt(r, e) {
+function Qt(r, e) {
   for (const t in r)
     if (r[t] === e)
       return t;
 }
-const Ee = /* @__PURE__ */ new Map(), Be = /* @__PURE__ */ new WeakMap();
-function Qt(r) {
-  const e = Be.get(r);
+const Ee = /* @__PURE__ */ new Map(), De = /* @__PURE__ */ new WeakMap();
+function Zt(r) {
+  const e = De.get(r);
   if (e)
     return e;
-  const t = nt(r) ?? "Object";
+  const t = rt(r) ?? "Object";
   let n = Ee.get(t) ?? 0;
   n++, Ee.set(t, n);
   const s = n === 1 ? t : `${t}#${n}`;
-  return Be.set(r, s), s;
+  return De.set(r, s), s;
 }
-function nt(r) {
+function rt(r) {
   const e = r.constructor;
   if (e)
     return e.name === "Object" ? void 0 : e.name;
 }
-function Se(r) {
+function xe(r) {
   const e = r.toString(), n = /\/\*\*\s*@description\s*([^*]*)\*\//.exec(e), s = n ? n[1] : void 0;
   return s == null ? void 0 : s.trim();
 }
 let ce;
-function Zt(r) {
+function Xt(r) {
   ce = r;
 }
+let nt;
+function Yt(r) {
+  nt = r;
+}
 let st;
-function Xt(r) {
+function er(r) {
   st = r;
 }
 let ot;
-function Yt(r) {
+function tr(r) {
   ot = r;
 }
-let it;
-function er(r) {
-  it = r;
-}
-class tr {
+class rr {
   get TChange() {
     return null;
   }
@@ -395,17 +395,17 @@ class tr {
   read(e) {
     return e ? e.readObservable(this) : this.get();
   }
-  map(e, t, n = F.ofCaller()) {
+  map(e, t, n = V.ofCaller()) {
     const s = t === void 0 ? void 0 : e, o = t === void 0 ? e : t;
     return ce({
       owner: s,
       debugName: () => {
-        const i = Se(o);
+        const i = xe(o);
         if (i !== void 0)
           return i;
-        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(o.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(o.toString());
+        if (c)
+          return `${this.debugName}.${c[2]}`;
         if (!s)
           return `${this.debugName} (mapped)`;
       },
@@ -423,7 +423,7 @@ class tr {
     }, (e) => this.read(e).read(e));
   }
   recomputeInitiallyAndOnChange(e, t) {
-    return e.add(st(this, t)), this;
+    return e.add(nt(this, t)), this;
   }
   /**
    * Ensures that this observable is observed. This keeps the cache alive.
@@ -431,29 +431,29 @@ class tr {
    * Use `recomputeInitiallyAndOnChange` for eager evaluation.
    */
   keepObserved(e) {
-    return e.add(ot(this)), this;
+    return e.add(st(this)), this;
   }
   get debugValue() {
     return this.get();
   }
   debugGetDependencyGraph() {
-    return it(this);
+    return ot(this);
   }
 }
-class we extends tr {
+class Se extends rr {
   constructor(e) {
     var t;
-    super(), this._observers = /* @__PURE__ */ new Set(), (t = w()) == null || t.handleObservableCreated(this, e);
+    super(), this._observers = /* @__PURE__ */ new Set(), (t = y()) == 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 = w()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
+    this._observers.add(e), t === 0 && this.onFirstObserverAdded(), t !== this._observers.size && ((n = y()) == 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 = w()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
+    t && this._observers.size === 0 && this.onLastObserverRemoved(), t && ((n = y()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
   }
   onFirstObserverAdded() {
   }
@@ -461,27 +461,27 @@ class we extends tr {
   }
   log() {
     var t;
-    const e = !!w();
-    return Wt(this), e || (t = w()) == null || t.handleObservableCreated(this, F.ofCaller()), this;
+    const e = !!y();
+    return Gt(this), e || (t = y()) == null || t.handleObservableCreated(this, V.ofCaller()), this;
   }
   debugGetObservers() {
     return this._observers;
   }
 }
-function at(r) {
+function it(r) {
   return {
     dispose: r
   };
 }
-class P extends Error {
+class j extends Error {
   constructor(e) {
-    super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, P.prototype);
+    super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, j.prototype);
   }
 }
-function ne(r) {
+function re(r) {
   throw r;
 }
-function rr(r) {
+function nr(r) {
   console.error("Unexpected error:", r);
 }
 const X = (r, e) => r === e;
@@ -513,7 +513,7 @@ class Y {
     this.disposables = [];
   }
 }
-function nr(r) {
+function sr(r) {
   switch (r) {
     case 0:
       return "initial";
@@ -527,7 +527,7 @@ function nr(r) {
       return "<unknown>";
   }
 }
-class j extends we {
+class U extends Se {
   get debugName() {
     return this._debugNameData.getDebugName(this) ?? "(anonymous)";
   }
@@ -537,7 +537,7 @@ class j extends we {
   }
   onLastObserverRemoved() {
     var e, t;
-    this._state = 0, this._value = void 0, (e = w()) == null || e.handleDerivedCleared(this);
+    this._state = 0, this._value = void 0, (e = y()) == 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);
@@ -575,27 +575,27 @@ class j extends we {
     try {
       const d = this._changeSummary;
       this._isReaderValid = !0, this._changeTracker && (this._isInBeforeUpdate = !0, (s = (n = this._changeTracker).beforeUpdate) == null || s.call(n, this, d), this._isInBeforeUpdate = !1, this._changeSummary = (o = this._changeTracker) == null ? void 0 : o.createChangeSummary(d));
-      const l = this._state !== 0, h = this._value;
+      const c = this._state !== 0, u = this._value;
       this._state = 3;
-      const u = this._delayedStore;
-      u !== void 0 && (this._delayedStore = void 0);
+      const h = this._delayedStore;
+      h !== void 0 && (this._delayedStore = void 0);
       try {
         this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._value = this._computeFn(this, d);
       } finally {
         this._isReaderValid = !1;
-        for (const g of this._dependenciesToBeRemoved)
-          g.removeObserver(this);
-        this._dependenciesToBeRemoved.clear(), u !== void 0 && u.dispose();
+        for (const p of this._dependenciesToBeRemoved)
+          p.removeObserver(this);
+        this._dependenciesToBeRemoved.clear(), h !== void 0 && h.dispose();
       }
-      e = this._didReportChange || l && !this._equalityComparator(h, this._value), (i = w()) == null || i.handleObservableUpdated(this, {
-        oldValue: h,
+      e = this._didReportChange || c && !this._equalityComparator(u, this._value), (i = y()) == null || i.handleObservableUpdated(this, {
+        oldValue: u,
         newValue: this._value,
         change: void 0,
         didChange: e,
-        hadValue: l
+        hadValue: c
       });
     } catch (d) {
-      ne(d);
+      re(d);
     }
     if (this._isComputing = !1, !this._didReportChange && e)
       for (const d of this._observers)
@@ -609,7 +609,7 @@ class j extends we {
   // IObserver Implementation
   beginUpdate(e) {
     if (this._isUpdating)
-      throw new P("Cyclic deriveds are not supported yet!");
+      throw new j("Cyclic deriveds are not supported yet!");
     this._updateCount++, this._isUpdating = !0;
     try {
       const t = this._updateCount === 1;
@@ -646,7 +646,7 @@ class j extends we {
   handleChange(e, t) {
     var n;
     if (this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e) || this._isInBeforeUpdate) {
-      (n = w()) == null || n.handleDerivedDependencyChanged(this, e, t);
+      (n = y()) == null || n.handleDerivedDependencyChanged(this, e, t);
       let s = !1;
       try {
         s = this._changeTracker ? this._changeTracker.handleChange({
@@ -655,7 +655,7 @@ class j extends we {
           didChange: (i) => i === e
         }, this._changeSummary) : !0;
       } catch (i) {
-        ne(i);
+        re(i);
       }
       const o = this._state === 3;
       if (s && (this._state === 1 || o) && (this._state = 2, o))
@@ -666,7 +666,7 @@ class j extends we {
   // IReader Implementation
   _ensureReaderValid() {
     if (!this._isReaderValid)
-      throw new P("The reader object cannot be used outside its compute function!");
+      throw new j("The reader object cannot be used outside its compute function!");
   }
   readObservable(e) {
     this._ensureReaderValid(), e.addObserver(this);
@@ -694,7 +694,7 @@ class j extends we {
   debugGetState() {
     return {
       state: this._state,
-      stateStr: nr(this._state),
+      stateStr: sr(this._state),
       updateCount: this._updateCount,
       isComputing: this._isComputing,
       dependencies: this._dependencies,
@@ -715,18 +715,18 @@ class j extends we {
       o.handleChange(this, n);
   }
 }
-function V(r, e, t = F.ofCaller()) {
-  return e !== void 0 ? new j(new E(r, void 0, e), e, void 0, void 0, X, t) : new j(new E(void 0, void 0, r), r, void 0, void 0, X, t);
+function O(r, e, t = V.ofCaller()) {
+  return e !== void 0 ? new U(new D(r, void 0, e), e, void 0, void 0, X, t) : new U(new D(void 0, void 0, r), r, void 0, void 0, X, t);
 }
-function sr(r, e, t = F.ofCaller()) {
-  return new j(new E(r.owner, r.debugName, r.debugReferenceFn), e, void 0, r.onLastObserverRemoved, r.equalsFn ?? X, t);
+function or(r, e, t = V.ofCaller()) {
+  return new U(new D(r.owner, r.debugName, r.debugReferenceFn), e, void 0, r.onLastObserverRemoved, r.equalsFn ?? X, t);
 }
-Zt(sr);
-function or(r, e, t = F.ofCaller()) {
+Xt(or);
+function ir(r, e, t = V.ofCaller()) {
   let n, s;
   n = r, s = void 0;
   let o;
-  return new j(new E(s, void 0, n), (i) => {
+  return new U(new D(s, void 0, n), (i) => {
     o ? o.clear() : o = new Y();
     const d = n(i);
     return d && o.add(d), d;
@@ -734,7 +734,7 @@ function or(r, e, t = F.ofCaller()) {
     o && (o.dispose(), o = void 0);
   }, X, t);
 }
-function ir(r) {
+function ar(r) {
   switch (r) {
     case 1:
       return "dependenciesMightHaveChanged";
@@ -746,13 +746,13 @@ function ir(r) {
       return "<unknown>";
   }
 }
-class dt {
+class at {
   get debugName() {
     return this._debugNameData.getDebugName(this) ?? "(anonymous)";
   }
   constructor(e, t, n, s) {
     var o, i;
-    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 = (o = this._changeTracker) == null ? void 0 : o.createChangeSummary(void 0), (i = w()) == null || i.handleAutorunCreated(this, s), 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 = (o = this._changeTracker) == null ? void 0 : o.createChangeSummary(void 0), (i = y()) == null || i.handleAutorunCreated(this, s), this._run();
   }
   dispose() {
     var e;
@@ -760,7 +760,7 @@ class dt {
       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 = w()) == null || e.handleAutorunDisposed(this);
+      this._dependencies.clear(), this._store !== void 0 && this._store.dispose(), this._delayedStore !== void 0 && this._delayedStore.dispose(), (e = y()) == null || e.handleAutorunDisposed(this);
     }
   }
   _run() {
@@ -769,19 +769,19 @@ class dt {
     this._dependenciesToBeRemoved = this._dependencies, this._dependencies = e, this._state = 3;
     try {
       if (!this._disposed) {
-        (t = w()) == null || t.handleAutorunStarted(this);
+        (t = y()) == null || t.handleAutorunStarted(this);
         const i = this._changeSummary, d = this._delayedStore;
         d !== void 0 && (this._delayedStore = void 0);
         try {
           this._isRunning = !0, this._changeTracker && ((s = (n = this._changeTracker).beforeUpdate) == null || s.call(n, this, i), this._changeSummary = this._changeTracker.createChangeSummary(i)), this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._runFn(this, i);
-        } catch (l) {
-          ne(l);
+        } catch (c) {
+          re(c);
         } finally {
           this._isRunning = !1, d !== void 0 && d.dispose();
         }
       }
     } finally {
-      this._disposed || (o = w()) == null || o.handleAutorunFinished(this);
+      this._disposed || (o = y()) == null || o.handleAutorunFinished(this);
       for (const i of this._dependenciesToBeRemoved)
         i.removeObserver(this);
       this._dependenciesToBeRemoved.clear();
@@ -816,7 +816,7 @@ class dt {
   handleChange(e, t) {
     var n;
     if (this._isDependency(e)) {
-      (n = w()) == null || n.handleAutorunDependencyChanged(this, e, t);
+      (n = y()) == null || n.handleAutorunDependencyChanged(this, e, t);
       try {
         (this._changeTracker ? this._changeTracker.handleChange({
           changedObservable: e,
@@ -824,7 +824,7 @@ class dt {
           didChange: (o) => o === e
         }, this._changeSummary) : !0) && (this._state = 2);
       } catch (s) {
-        ne(s);
+        re(s);
       }
     }
   }
@@ -834,7 +834,7 @@ class dt {
   // IReader implementation
   _ensureNoRunning() {
     if (!this._isRunning)
-      throw new P("The reader object cannot be used outside its compute function!");
+      throw new j("The reader object cannot be used outside its compute function!");
   }
   readObservable(e) {
     if (this._ensureNoRunning(), this._disposed)
@@ -845,12 +845,12 @@ class dt {
   }
   get store() {
     if (this._ensureNoRunning(), this._disposed)
-      throw new P("Cannot access store after dispose");
+      throw new j("Cannot access store after dispose");
     return this._store === void 0 && (this._store = new Y()), this._store;
   }
   get delayedStore() {
     if (this._ensureNoRunning(), this._disposed)
-      throw new P("Cannot access store after dispose");
+      throw new j("Cannot access store after dispose");
     return this._delayedStore === void 0 && (this._delayedStore = new Y()), this._delayedStore;
   }
   debugGetState() {
@@ -859,42 +859,42 @@ class dt {
       updateCount: this._updateCount,
       dependencies: this._dependencies,
       state: this._state,
-      stateStr: ir(this._state)
+      stateStr: ar(this._state)
     };
   }
   debugRerun() {
     this._isRunning ? this._state = 2 : this._run();
   }
 }
-function lt(r, e = F.ofCaller()) {
-  return new dt(new E(void 0, void 0, r), r, void 0, e);
+function dt(r, e = V.ofCaller()) {
+  return new at(new D(void 0, void 0, r), r, void 0, e);
 }
-function Ae(r) {
+function Be(r) {
   const e = new Error("BugIndicatingErrorRecovery: " + r);
-  rr(e), console.error("recovered from an error that indicates a bug", e);
+  nr(e), console.error("recovered from an error that indicates a bug", e);
 }
 function ct(r, e) {
-  const t = new ht(r, e);
+  const t = new lt(r, e);
   try {
     r(t);
   } finally {
     t.finish();
   }
 }
-function ar(r, e, t) {
+function dr(r, e, t) {
   r ? e(r) : ct(e, t);
 }
-class ht {
+class lt {
   constructor(e, t) {
     var n;
-    this._fn = e, this._getDebugName = t, this._updatingObservers = [], (n = w()) == null || n.handleBeginTransaction(this);
+    this._fn = e, this._getDebugName = t, this._updatingObservers = [], (n = y()) == null || n.handleBeginTransaction(this);
   }
   getDebugName() {
-    return this._getDebugName ? this._getDebugName() : Se(this._fn);
+    return this._getDebugName ? this._getDebugName() : xe(this._fn);
   }
   updateObserver(e, t) {
     if (!this._updatingObservers) {
-      Ae("Transaction already finished!"), ct((n) => {
+      Be("Transaction already finished!"), ct((n) => {
         n.updateObserver(e, t);
       });
       return;
@@ -905,30 +905,30 @@ class ht {
     var t;
     const e = this._updatingObservers;
     if (!e) {
-      Ae("transaction.finish() has already been called!");
+      Be("transaction.finish() has already been called!");
       return;
     }
     for (let n = 0; n < e.length; n++) {
       const { observer: s, observable: o } = e[n];
       s.endUpdate(o);
     }
-    this._updatingObservers = null, (t = w()) == null || t.handleEndTransaction(this);
+    this._updatingObservers = null, (t = y()) == null || t.handleEndTransaction(this);
   }
   debugGetUpdatingObservers() {
     return this._updatingObservers;
   }
 }
-function C(r, e, t = F.ofCaller()) {
+function x(r, e, t = V.ofCaller()) {
   let n;
-  return typeof r == "string" ? n = new E(void 0, r, void 0) : n = new E(r, void 0, void 0), new ut(n, e, X, t);
+  return typeof r == "string" ? n = new D(void 0, r, void 0) : n = new D(r, void 0, void 0), new ht(n, e, X, t);
 }
-class ut extends we {
+class ht extends Se {
   get debugName() {
     return this._debugNameData.getDebugName(this) ?? "ObservableValue";
   }
   constructor(e, t, n, s) {
     var o;
-    super(s), this._debugNameData = e, this._equalityComparator = n, this._value = t, (o = w()) == null || o.handleObservableUpdated(this, { hadValue: !1, newValue: t, change: void 0, didChange: !0, oldValue: void 0 });
+    super(s), this._debugNameData = e, this._equalityComparator = n, this._value = t, (o = y()) == null || o.handleObservableUpdated(this, { hadValue: !1, newValue: t, change: void 0, didChange: !0, oldValue: void 0 });
   }
   get() {
     return this._value;
@@ -938,11 +938,11 @@ class ut extends we {
     if (n === void 0 && this._equalityComparator(this._value, e))
       return;
     let s;
-    t || (t = s = new ht(() => {
+    t || (t = s = new lt(() => {
     }, () => `Setting ${this.debugName}`));
     try {
       const i = this._value;
-      this._setValue(e), (o = w()) == null || o.handleObservableUpdated(this, { oldValue: i, newValue: e, change: n, didChange: !0, hadValue: !0 });
+      this._setValue(e), (o = y()) == null || o.handleObservableUpdated(this, { oldValue: i, newValue: e, change: n, didChange: !0, hadValue: !0 });
       for (const d of this._observers)
         t.updateObserver(d, this), d.handleChange(this, n);
     } finally {
@@ -964,25 +964,25 @@ class ut extends we {
     this._value = e;
   }
 }
-function $e(...r) {
+function Ae(...r) {
   let e, t, n, s;
-  return r.length === 2 ? [t, n] = r : [e, t, n, s] = r, new H(new E(e, void 0, n), t, n, () => H.globalTransaction, X, s ?? F.ofCaller());
+  return r.length === 2 ? [t, n] = r : [e, t, n, s] = r, new H(new D(e, void 0, n), t, n, () => H.globalTransaction, X, s ?? V.ofCaller());
 }
-class H extends we {
+class H extends Se {
   constructor(e, t, n, s, o, i) {
     super(i), this._debugNameData = e, this.event = t, this._getValue = n, this._getTransaction = s, this._equalityComparator = o, this._hasValue = !1, this.handleEvent = (d) => {
-      var b;
-      const l = this._getValue(d), h = this._value, u = !this._hasValue || !this._equalityComparator(h, l);
-      let g = !1;
-      u && (this._value = l, this._hasValue && (g = !0, ar(this._getTransaction(), (p) => {
-        var _;
-        (_ = w()) == null || _.handleObservableUpdated(this, { oldValue: h, newValue: l, change: void 0, didChange: u, hadValue: this._hasValue });
-        for (const x of this._observers)
-          p.updateObserver(x, this), x.handleChange(this, void 0);
+      var m;
+      const c = this._getValue(d), u = this._value, h = !this._hasValue || !this._equalityComparator(u, c);
+      let p = !1;
+      h && (this._value = c, this._hasValue && (p = !0, dr(this._getTransaction(), (b) => {
+        var S;
+        (S = y()) == null || S.handleObservableUpdated(this, { oldValue: u, newValue: c, change: void 0, didChange: h, hadValue: this._hasValue });
+        for (const C of this._observers)
+          b.updateObserver(C, this), C.handleChange(this, void 0);
       }, () => {
-        const p = this.getDebugName();
-        return "Event fired" + (p ? `: ${p}` : "");
-      })), this._hasValue = !0), g || (b = w()) == null || b.handleObservableUpdated(this, { oldValue: h, newValue: l, change: void 0, didChange: u, hadValue: this._hasValue });
+        const b = this.getDebugName();
+        return "Event fired" + (b ? `: ${b}` : "");
+      })), this._hasValue = !0), p || (m = y()) == null || m.handleObservableUpdated(this, { oldValue: u, newValue: c, change: void 0, didChange: h, hadValue: this._hasValue });
     };
   }
   getDebugName() {
@@ -1020,28 +1020,28 @@ class H extends we {
     }
   }
   r.batchEventsGlobally = e;
-})($e || ($e = {}));
-function dr(r) {
-  const e = new pt(!1, void 0);
-  return r.addObserver(e), at(() => {
+})(Ae || (Ae = {}));
+function cr(r) {
+  const e = new ut(!1, void 0);
+  return r.addObserver(e), it(() => {
     r.removeObserver(e);
   });
 }
-Yt(dr);
+er(cr);
 function lr(r, e) {
-  const t = new pt(!0, e);
+  const t = new ut(!0, e);
   r.addObserver(t);
   try {
     t.beginUpdate(r);
   } finally {
     t.endUpdate(r);
   }
-  return at(() => {
+  return it(() => {
     r.removeObserver(t);
   });
 }
-Xt(lr);
-class pt {
+Yt(lr);
+class ut {
   constructor(e, t) {
     this._forceRecompute = e, this._handleValue = t, this._counter = 0;
   }
@@ -1056,11 +1056,11 @@ class pt {
   handleChange(e, t) {
   }
 }
-let te;
-function cr(r) {
-  te || (te = new hr(), jt(te)), te.addFilteredObj(r);
+let ee;
+function hr(r) {
+  ee || (ee = new ur(), Pt(ee)), ee.addFilteredObj(r);
 }
-class hr {
+class ur {
   constructor() {
     this.indentation = 0, this.changedObservablesSets = /* @__PURE__ */ new WeakMap();
   }
@@ -1072,32 +1072,32 @@ class hr {
     return ((t = this._filteredObjects) == null ? void 0 : t.has(e)) ?? !0;
   }
   textToConsoleArgs(e) {
-    return ur([
-      U(mr("|  ", this.indentation)),
+    return pr([
+      P(vr("|  ", this.indentation)),
       e
     ]);
   }
   formatInfo(e) {
     return e.hadValue ? e.didChange ? [
-      U(" "),
-      I(Z(e.oldValue, 70), {
+      P(" "),
+      T(Z(e.oldValue, 70), {
         color: "red",
         strikeThrough: !0
       }),
-      U(" "),
-      I(Z(e.newValue, 60), {
+      P(" "),
+      T(Z(e.newValue, 60), {
         color: "green"
       })
-    ] : [U(" (unchanged)")] : [
-      U(" "),
-      I(Z(e.newValue, 60), {
+    ] : [P(" (unchanged)")] : [
+      P(" "),
+      T(Z(e.newValue, 60), {
         color: "green"
       }),
-      U(" (initial)")
+      P(" (initial)")
     ];
   }
   handleObservableCreated(e) {
-    if (e instanceof j) {
+    if (e instanceof U) {
       const t = e;
       this.changedObservablesSets.set(t, /* @__PURE__ */ new Set());
     }
@@ -1106,20 +1106,20 @@ class hr {
   }
   handleObservableUpdated(e, t) {
     if (this._isIncluded(e)) {
-      if (e instanceof j) {
+      if (e instanceof U) {
         this._handleDerivedRecomputed(e, t);
         return;
       }
       console.log(...this.textToConsoleArgs([
         W("observable value changed"),
-        I(e.debugName, { color: "BlueViolet" }),
+        T(e.debugName, { color: "BlueViolet" }),
         ...this.formatInfo(t)
       ]));
     }
   }
   formatChanges(e) {
     if (e.size !== 0)
-      return I(" (changed deps: " + [...e].map((t) => t.debugName).join(", ") + ")", { color: "gray" });
+      return T(" (changed deps: " + [...e].map((t) => t.debugName).join(", ") + ")", { color: "gray" });
   }
   handleDerivedDependencyChanged(e, t, n) {
     var s;
@@ -1131,7 +1131,7 @@ class hr {
     const n = this.changedObservablesSets.get(e);
     n && (console.log(...this.textToConsoleArgs([
       W("derived recomputed"),
-      I(e.debugName, { color: "BlueViolet" }),
+      T(e.debugName, { color: "BlueViolet" }),
       ...this.formatInfo(t),
       this.formatChanges(n),
       { data: [{ fn: e._debugNameData.referenceFn ?? e._computeFn }] }
@@ -1140,13 +1140,13 @@ class hr {
   handleDerivedCleared(e) {
     this._isIncluded(e) && console.log(...this.textToConsoleArgs([
       W("derived cleared"),
-      I(e.debugName, { color: "BlueViolet" })
+      T(e.debugName, { color: "BlueViolet" })
     ]));
   }
   handleFromEventObservableTriggered(e, t) {
     this._isIncluded(e) && console.log(...this.textToConsoleArgs([
       W("observable from event triggered"),
-      I(e.debugName, { color: "BlueViolet" }),
+      T(e.debugName, { color: "BlueViolet" }),
       ...this.formatInfo(t),
       { data: [{ fn: e._getValue }] }
     ]));
@@ -1163,7 +1163,7 @@ class hr {
     const t = this.changedObservablesSets.get(e);
     t && (this._isIncluded(e) && console.log(...this.textToConsoleArgs([
       W("autorun"),
-      I(e.debugName, { color: "BlueViolet" }),
+      T(e.debugName, { color: "BlueViolet" }),
       this.formatChanges(t),
       { data: [{ fn: e._debugNameData.referenceFn ?? e._runFn }] }
     ])), t.clear(), this.indentation++);
@@ -1175,7 +1175,7 @@ class hr {
     let t = e.getDebugName();
     t === void 0 && (t = ""), this._isIncluded(e) && console.log(...this.textToConsoleArgs([
       W("transaction"),
-      I(t, { color: "BlueViolet" }),
+      T(t, { color: "BlueViolet" }),
       { data: [{ fn: e._fn }] }
     ])), this.indentation++;
   }
@@ -1183,7 +1183,7 @@ class hr {
     this.indentation--;
   }
 }
-function ur(r) {
+function pr(r) {
   const e = new Array(), t = [];
   let n = "";
   function s(i) {
@@ -1196,13 +1196,13 @@ function ur(r) {
   const o = [n, ...e];
   return o.push(...t), o;
 }
-function U(r) {
-  return I(r, { color: "black" });
+function P(r) {
+  return T(r, { color: "black" });
 }
 function W(r) {
-  return I(vr(`${r}: `, 10), { color: "black", bold: !0 });
+  return T(br(`${r}: `, 10), { color: "black", bold: !0 });
 }
-function I(r, e = {
+function T(r, e = {
   color: "black"
 }) {
   function t(s) {
@@ -1218,12 +1218,12 @@ function I(r, e = {
 }
 function Z(r, e) {
   try {
-    return pr(r, e);
+    return fr(r, e);
   } catch {
     return "[[???]]";
   }
 }
-function pr(r, e) {
+function fr(r, e) {
   switch (typeof r) {
     case "number":
       return "" + r;
@@ -1234,7 +1234,7 @@ function pr(r, e) {
     case "undefined":
       return "undefined";
     case "object":
-      return r === null ? "null" : Array.isArray(r) ? fr(r, e) : gr(r, e);
+      return r === null ? "null" : Array.isArray(r) ? gr(r, e) : mr(r, e);
     case "symbol":
       return r.toString();
     case "function":
@@ -1243,7 +1243,7 @@ function pr(r, e) {
       return "" + r;
   }
 }
-function fr(r, e) {
+function gr(r, e) {
   let t = "[ ", n = !0;
   for (const s of r) {
     if (n || (t += ", "), t.length - 5 > e) {
@@ -1254,7 +1254,7 @@ function fr(r, e) {
   }
   return t += " ]", t;
 }
-function gr(r, e) {
+function mr(r, e) {
   try {
     if (typeof r.toString == "function" && r.toString !== Object.prototype.toString) {
       const i = r.toString();
@@ -1263,7 +1263,7 @@ function gr(r, e) {
   } catch {
     return "[[Object]]";
   }
-  const t = nt(r);
+  const t = rt(r);
   let n = t ? t + "(" : "{ ", s = !0, o;
   try {
     o = Object.entries(r);
@@ -1279,22 +1279,22 @@ function gr(r, e) {
   }
   return n += t ? ")" : " }", n;
 }
-function mr(r, e) {
+function vr(r, e) {
   let t = "";
   for (let n = 1; n <= e; n++)
     t += r;
   return t;
 }
-function vr(r, e) {
+function br(r, e) {
   for (; r.length < e; )
     r += " ";
   return r;
 }
-function br(r, e) {
-  const t = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((o) => o), n = N.from(r, t);
-  return n ? ft(n, 0, /* @__PURE__ */ new Set()).trim() : "";
+function _r(r, e) {
+  const t = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((o) => o), n = I.from(r, t);
+  return n ? pt(n, 0, /* @__PURE__ */ new Set()).trim() : "";
 }
-function ft(r, e, t) {
+function pt(r, e, t) {
   const n = "		".repeat(e), s = [];
   if (t.has(r.sourceObj))
     return s.push(`${n}* ${r.type} ${r.name} (already listed)`), s.join(`
@@ -1302,43 +1302,43 @@ function ft(r, e, t) {
   if (t.add(r.sourceObj), s.push(`${n}* ${r.type} ${r.name}:`), s.push(`${n}  value: ${Z(r.value, 50)}`), s.push(`${n}  state: ${r.state}`), r.dependencies.length > 0) {
     s.push(`${n}  dependencies:`);
     for (const i of r.dependencies)
-      s.push(ft(i, e + 1, t));
+      s.push(pt(i, e + 1, t));
   }
   return s.join(`
 `);
 }
-class N {
+class I {
   static from(e, t) {
-    if (e instanceof dt) {
+    if (e instanceof at) {
       const n = e.debugGetState();
-      return new N(e, t(e.debugName), "autorun", void 0, n.stateStr, Array.from(n.dependencies).map((s) => N.from(s, t) || N.unknown(s)));
-    } else if (e instanceof j) {
+      return new I(e, t(e.debugName), "autorun", void 0, n.stateStr, Array.from(n.dependencies).map((s) => I.from(s, t) || I.unknown(s)));
+    } else if (e instanceof U) {
       const n = e.debugGetState();
-      return new N(e, t(e.debugName), "derived", n.value, n.stateStr, Array.from(n.dependencies).map((s) => N.from(s, t) || N.unknown(s)));
-    } else if (e instanceof ut) {
+      return new I(e, t(e.debugName), "derived", n.value, n.stateStr, Array.from(n.dependencies).map((s) => I.from(s, t) || I.unknown(s)));
+    } else if (e instanceof ht) {
       const n = e.debugGetState();
-      return new N(e, t(e.debugName), "observableValue", n.value, "upToDate", []);
+      return new I(e, t(e.debugName), "observableValue", n.value, "upToDate", []);
     } else if (e instanceof H) {
       const n = e.debugGetState();
-      return new N(e, t(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
+      return new I(e, t(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
     }
   }
   static unknown(e) {
-    return new N(e, "(unknown)", "unknown", void 0, "unknown", []);
+    return new I(e, "(unknown)", "unknown", void 0, "unknown", []);
   }
   constructor(e, t, n, s, o, i) {
     this.sourceObj = e, this.name = t, this.type = n, this.value = s, this.state = o, this.dependencies = i;
   }
 }
-er(br);
-Ut(cr);
-class _r {
+tr(_r);
+Wt(hr);
+class yr {
   constructor() {
-    c(this, "_fixtures", C(this, /* @__PURE__ */ new Map()));
+    l(this, "_fixtures", x(this, /* @__PURE__ */ new Map()));
     /** Observable root of the fixture tree */
-    c(this, "root", V(this, (e) => {
+    l(this, "root", O(this, (e) => {
       const t = this._fixtures.read(e);
-      return ae(t);
+      return ie(t);
     }));
   }
   /**
@@ -1369,25 +1369,73 @@ class _r {
    */
   getNode(e, t) {
     const n = this.root.read(e);
-    return Me(n, t);
+    return Ve(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 = ae(t), s = Me(n, e);
+    const t = this._fixtures.get(), n = ie(t), s = Ve(n, e);
     return s == null ? void 0 : s.component;
   }
 }
-class rs {
+class ft {
   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, "renderTarget");
+    l(this, "shadowRoot");
+    l(this, "_abortController", new AbortController());
+    l(this, "_rawResult");
+    l(this, "_resolvedResult");
+    if (this.component = t, t.isolation === "shadow-dom") {
+      let s;
+      if (e.shadowRoot) {
+        for (s = e.shadowRoot; s.firstChild; )
+          s.removeChild(s.firstChild);
+        s.adoptedStyleSheets = [];
+      } else
+        s = e.attachShadow({ mode: "open" });
+      if (t.styles)
+        for (const o of t.styles)
+          if (o.type === "css") {
+            const i = document.createElement("style");
+            i.textContent = o.content, s.appendChild(i);
+          } else if (o.type === "url") {
+            const i = document.createElement("link");
+            i.rel = "stylesheet", i.href = o.href, s.appendChild(i);
+          } else o.type === "adopted" && (s.adoptedStyleSheets = [
+            ...s.adoptedStyleSheets,
+            o.sheet
+          ]);
+      this.renderTarget = document.createElement("div"), s.appendChild(this.renderTarget), this.shadowRoot = s;
+    } else
+      this.renderTarget = document.createElement("div"), e.appendChild(this.renderTarget), this.shadowRoot = null;
+    const n = Lt(t.properties);
+    this._rawResult = t.render(this.renderTarget, {
+      props: n,
+      signal: this._abortController.signal
+    }), this._rawResult instanceof Promise ? this._rawResult.then((s) => {
+      var o;
+      this._abortController.signal.aborted ? (o = s == null ? void 0 : s.dispose) == null || o.call(s) : this._resolvedResult = s ?? void 0;
+    }).catch(() => {
+    }) : this._resolvedResult = this._rawResult ?? void 0;
+  }
+  get result() {
+    return this._rawResult;
+  }
+  dispose() {
+    var e, t;
+    this._abortController.abort(), (t = (e = this._resolvedResult) == null ? void 0 : e.dispose) == null || t.call(e), this._resolvedResult = void 0;
+  }
+}
+class ns {
+  constructor(e, t) {
+    l(this, "sessionId", Math.random().toString(36).slice(2));
+    l(this, "_updateVersion", 0);
+    l(this, "_root");
+    l(this, "_fixtureModules");
+    l(this, "_currentRendering");
+    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);
@@ -1407,58 +1455,48 @@ class rs {
     return this._flattenFixtures(this._root);
   }
   async renderFixture(e) {
-    var b;
     const t = this._findFixtureNode(this._root, e);
     if (!t || !t.component)
       throw new Error("Fixture not found: " + e);
-    (b = this._currentDisposable) != null && b.dispose && this._currentDisposable.dispose(), this._currentDisposable = void 0, this._currentContainer && (this._currentContainer.remove(), this._currentContainer = void 0);
+    this._currentRendering && (this._currentRendering.dispose(), this._currentRendering = 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 s = t.component, o = zt(s.properties);
-    let i = n;
-    if (s.isolation === "shadow-dom") {
-      const p = n.attachShadow({ mode: "open" });
-      i = document.createElement("div"), p.appendChild(i);
-    }
-    const d = [], l = console.error, h = console.warn;
-    console.error = (...p) => {
-      d.push({ kind: "console", level: "error", message: p.map(String).join(" ") }), l.apply(console, p);
-    }, console.warn = (...p) => {
-      d.push({ kind: "console", level: "warn", message: p.map(String).join(" ") }), h.apply(console, p);
+    const s = t.component, o = [], i = console.error, d = console.warn;
+    console.error = (...h) => {
+      o.push({ kind: "console", level: "error", message: h.map(String).join(" ") }), i.apply(console, h);
+    }, console.warn = (...h) => {
+      o.push({ kind: "console", level: "warn", message: h.map(String).join(" ") }), d.apply(console, h);
     };
-    const u = (p) => {
-      var _;
-      d.push({ kind: "exception", message: p.message, stack: (_ = p.error) == null ? void 0 : _.stack });
-    }, g = (p) => {
-      const _ = p.reason, x = _ instanceof Error ? _.message : String(_), y = _ instanceof Error ? _.stack : void 0;
-      d.push({ kind: "exception", message: x, stack: y });
+    const c = (h) => {
+      var p;
+      o.push({ kind: "exception", message: h.message, stack: (p = h.error) == null ? void 0 : p.stack });
+    }, u = (h) => {
+      const p = h.reason, m = p instanceof Error ? p.message : String(p), b = p instanceof Error ? p.stack : void 0;
+      o.push({ kind: "exception", message: m, stack: b });
     };
-    window.addEventListener("error", u), window.addEventListener("unhandledrejection", g);
+    window.addEventListener("error", c), window.addEventListener("unhandledrejection", u);
     try {
-      const p = new AbortController(), _ = 3e3;
-      let x = s.render(i, {
-        props: o,
-        signal: p.signal
-      });
-      if (x instanceof Promise) {
-        const y = new Promise((S) => setTimeout(() => S("timeout"), _)), T = await Promise.race([x.then((S) => ({ resolved: S })), y]);
-        T === "timeout" ? (p.abort(), d.push({ kind: "exception", message: `Fixture render() timed out after ${_}ms` }), x.then((S) => {
-          var ee;
-          return (ee = S == null ? void 0 : S.dispose) == null ? void 0 : ee.call(S);
-        }).catch(() => {
-        }), x = void 0) : x = T.resolved;
-      }
-      if (this._currentDisposable = x ?? void 0, x != null && x.ready) {
-        const y = new Promise((S) => setTimeout(() => S("timeout"), _));
-        await Promise.race([x.ready.then(() => "done"), y]) === "timeout" && (p.abort(), d.push({ kind: "exception", message: `Fixture ready promise timed out after ${_}ms` }));
+      const h = new ft(n, s);
+      this._currentRendering = h;
+      const p = 3e3;
+      let m;
+      const b = h.result;
+      if (b instanceof Promise) {
+        const S = new Promise((_) => setTimeout(() => _("timeout"), p)), C = await Promise.race([b.then((_) => ({ resolved: _ })), S]);
+        C === "timeout" ? (h.dispose(), o.push({ kind: "exception", message: `Fixture render() timed out after ${p}ms` })) : m = C.resolved ?? void 0;
+      } else
+        m = b ?? void 0;
+      if (m != null && m.ready) {
+        const S = new Promise((_) => setTimeout(() => _("timeout"), p));
+        await Promise.race([m.ready.then(() => "done"), S]) === "timeout" && (h.dispose(), o.push({ kind: "exception", message: `Fixture ready promise timed out after ${p}ms` }));
       }
-    } catch (p) {
-      const _ = p instanceof Error ? p : new Error(String(p));
-      d.push({ kind: "exception", message: _.message, stack: _.stack });
+    } catch (h) {
+      const p = h instanceof Error ? h : new Error(String(h));
+      o.push({ kind: "exception", message: p.message, stack: p.stack });
     } finally {
-      console.error = l, console.warn = h;
+      console.error = i, console.warn = d;
     }
-    return await new Promise((p) => requestAnimationFrame(() => requestAnimationFrame(() => p()))), window.removeEventListener("error", u), window.removeEventListener("unhandledrejection", g), { errors: d };
+    return await new Promise((h) => requestAnimationFrame(() => requestAnimationFrame(() => h()))), window.removeEventListener("error", c), window.removeEventListener("unhandledrejection", u), { errors: o };
   }
   _buildRegistry() {
     const e = /* @__PURE__ */ new Map();
@@ -1466,15 +1504,15 @@ class rs {
       const s = n.default;
       s && typeof s == "object" && e.set(t, s);
     }
-    return ae(e);
+    return ie(e);
   }
   _flattenFixtures(e, t = [], n = []) {
     var i;
     const s = n.length > 0 && e.labels.length > 0 ? [.../* @__PURE__ */ new Set([...n, ...e.labels])] : e.labels.length > 0 ? [...e.labels] : [...n], o = [];
     e.type === "component" && o.push({ fixtureId: e.id, fixtureName: e.name, groupPath: t, background: ((i = e.component) == null ? void 0 : i.background) ?? "light", labels: s });
     for (const d of e.children ?? []) {
-      const l = e.id ? [...t, e.name] : t;
-      o.push(...this._flattenFixtures(d, l, s));
+      const c = e.id ? [...t, e.name] : t;
+      o.push(...this._flattenFixtures(d, c, s));
     }
     return o;
   }
@@ -1498,7 +1536,7 @@ class rs {
     });
   }
 }
-class yr {
+class xr {
   constructor(e) {
     this._run = e, this._changes = [], this._map = /* @__PURE__ */ new Map(), this._updateCounter = 0;
   }
@@ -1525,48 +1563,48 @@ class yr {
   }
 }
 function f() {
+  return le.instance;
+}
+function Sr() {
   return he.instance;
 }
-function xr() {
+function wr() {
   return ue.instance;
 }
-function Sr() {
-  return pe.instance;
-}
-f.const = xr;
-f.obs = Sr;
-class he {
+f.const = Sr;
+f.obs = wr;
+class le {
   create(e) {
-    const t = V((n) => e(n));
+    const t = O((n) => e(n));
     return { read: (n) => t };
   }
 }
-he.instance = new he();
-class ue {
+le.instance = new le();
+class he {
   create(e) {
-    const t = V((n) => e(n));
+    const t = O((n) => e(n));
     return { read: (n) => t.read(n) };
   }
 }
-ue.instance = new ue();
-class pe {
+he.instance = new he();
+class ue {
   create(e) {
-    const t = V((n) => {
+    const t = O((n) => {
       const s = e(n);
-      return wr(s) ? s.read(n) : s;
+      return Cr(s) ? s.read(n) : s;
     });
     return { read: (n) => t };
   }
 }
-pe.instance = new pe();
-function wr(r) {
+ue.instance = new ue();
+function Cr(r) {
   return typeof r == "object" && r !== null && "read" in r;
 }
 function J(r, e) {
   return Object.fromEntries(Object.entries(r).map(([t, n]) => [t, e(n, t)]));
 }
-const oe = Symbol("ViewModelContext");
-class Cr {
+const se = Symbol("ViewModelContext");
+class Rr {
   constructor(e) {
     this._store = new Y(), this.props = e;
   }
@@ -1574,35 +1612,35 @@ class Cr {
     this._store.dispose();
   }
 }
-function Rr(r) {
-  return r[oe] || (r[oe] = et(void 0)), r[oe];
+function Tr(r) {
+  return r[se] || (r[se] = Ye(void 0)), r[se];
 }
 function B(r = {}) {
   var e;
-  return e = class extends Cr {
+  return e = class extends Rr {
   }, e._props = r, e;
 }
-let fe = 0;
-const Tr = new yr((r) => {
+let pe = 0;
+const kr = new xr((r) => {
   for (const e of r)
     e.rendered = !1;
-  if (fe > 0) {
+  if (pe > 0) {
     const e = r.find((t) => t.isRendering);
     e.itemsToRender = r;
   } else
-    tt(() => {
+    et(() => {
       for (const e of r)
         e.rendered || e.forceUpdate();
     });
 });
-let kr = 0;
-class Ir {
+let Ir = 0;
+class Or {
   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 = () => {
-      tt(() => {
+      et(() => {
         for (const n of this.itemsToRender)
           n.rendered || n.forceUpdate();
       }), this.itemsToRender = [];
@@ -1612,30 +1650,30 @@ class Ir {
     return this.debugName;
   }
   updateProps(e) {
-    this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = C(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = V(this, this._render), this._disposable = Tr.addDependency(this.rendering, this));
+    this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = x(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = O(this, this._render), this._disposable = kr.addDependency(this.rendering, this));
   }
 }
-function Ce(r, e, t) {
-  const n = (i) => i + 1, s = () => new Ir(r + ++kr, e), o = function(i) {
-    const d = Ft(n, 0)[1], l = Dt(s)[0];
-    for (const h of t ?? [])
-      l.contextValues.set(h, Et(h));
-    if (Oe(l.cleanupEffect, []), Oe(l.handleAfterRender), l.isRendering)
+function we(r, e, t) {
+  const n = (i) => i + 1, s = () => new Or(r + ++Ir, e), o = function(i) {
+    const d = Et(n, 0)[1], c = Dt(s)[0];
+    for (const u of t ?? [])
+      c.contextValues.set(u, Bt(u));
+    if (Ie(c.cleanupEffect, []), Ie(c.handleAfterRender), c.isRendering)
       throw new Error("Component is already rendering");
-    l.isRendering = !0, fe++;
+    c.isRendering = !0, pe++;
     try {
-      l.forceUpdate = d, l.updateProps(i);
-      const h = l.rendering.get();
-      return l.rendered = !0, h;
+      c.forceUpdate = d, c.updateProps(i);
+      const u = c.rendering.get();
+      return c.rendered = !0, u;
     } finally {
-      l.isRendering = !1, fe--;
+      c.isRendering = !1, pe--;
     }
   };
   return o.displayName = r, o;
 }
-Ce("ObsView", (r) => (e) => r.read(e).children(e));
-function O(r, e) {
-  return Ce("view", (t) => {
+we("ObsView", (r) => (e) => r.read(e).children(e));
+function k(r, e) {
+  return we("view", (t) => {
     const n = J(r, (s, o) => s.create((i) => t.read(i)[o], void 0));
     return (s) => {
       const o = J(n, (i) => i.read(s));
@@ -1643,7 +1681,7 @@ function O(r, e) {
     };
   });
 }
-function Or(r) {
+function Nr(r) {
   const e = [];
   for (const t of Object.values(r)) {
     const n = t._requiredContext;
@@ -1652,21 +1690,21 @@ function Or(r) {
   return e;
 }
 function A(r, e, t) {
-  const n = typeof e == "function" ? {} : e, s = typeof e == "function" ? e : t, o = "_props" in r ? r._props : {}, i = Or({ ...o, ...n }), d = Rr(r), l = [...i, d];
-  return Ce("viewWithModel", (h, u) => {
-    const g = u(), b = g.get(d), p = "_props" in r ? J(r._props, (y, T) => y.create((S) => h.read(S)[T], g.get(y._requiredContext))) : {}, _ = b ? { read: () => b, dispose: () => {
-    } } : or((y) => {
-      const T = J(p, (S) => S.read(y));
-      return new r(T);
-    }), x = J(n, (y, T) => y.create((S) => h.read(S)[T], g.get(y._requiredContext)));
-    return (y) => {
-      const T = _.read(y), S = J(x, (ee) => ee.read(y));
-      return s(y, T, S);
+  const n = typeof e == "function" ? {} : e, s = typeof e == "function" ? e : t, o = "_props" in r ? r._props : {}, i = Nr({ ...o, ...n }), d = Tr(r), c = [...i, d];
+  return we("viewWithModel", (u, h) => {
+    const p = h(), m = p.get(d), b = "_props" in r ? J(r._props, (_, M) => _.create((F) => u.read(F)[M], p.get(_._requiredContext))) : {}, S = m ? { read: () => m, dispose: () => {
+    } } : ir((_) => {
+      const M = J(b, (F) => F.read(_));
+      return new r(M);
+    }), C = J(n, (_, M) => _.create((F) => u.read(F)[M], p.get(_._requiredContext)));
+    return (_) => {
+      const M = S.read(_), F = J(C, (Nt) => Nt.read(_));
+      return s(_, M, F);
     };
-  }, l.length > 0 ? l : void 0);
+  }, c.length > 0 ? c : void 0);
 }
-O({ value: f.obs() }, (r, e) => e.value.read(r));
-et(null);
+k({ value: f.obs() }, (r, e) => e.value.read(r));
+Ye(null);
 function gt(r) {
   var e;
   return {
@@ -1678,19 +1716,19 @@ function gt(r) {
     labels: r.labels
   };
 }
-function Nr(r, e) {
+function Vr(r, e) {
   if (r.name.toLowerCase().includes(e)) return !0;
   for (const t of r.labels)
     if (t.toLowerCase().includes(e)) return !0;
   return !1;
 }
-function Vr(r, e) {
+function Mr(r, e) {
   if (!e) return r;
   const t = e.toLowerCase();
   return mt(r, t);
 }
 function mt(r, e) {
-  const t = Nr(r, e);
+  const t = Vr(r, e);
   if (!r.children || r.children.length === 0)
     return t ? r : void 0;
   if (t) return r;
@@ -1705,7 +1743,7 @@ function mt(r, e) {
       children: n
     };
 }
-function re(r, e) {
+function te(r, e) {
   const {
     storageKey: t,
     defaultValue: n,
@@ -1714,108 +1752,108 @@ function re(r, e) {
   } = e;
   let i = n;
   try {
-    const h = localStorage.getItem(t);
-    h !== null && (i = o(h));
+    const u = localStorage.getItem(t);
+    u !== null && (i = o(u));
   } catch {
   }
-  const d = C(r, i), l = d.set.bind(d);
-  return d.set = (h, u) => {
+  const d = x(r, i), c = d.set.bind(d);
+  return d.set = (u, h) => {
     try {
-      localStorage.setItem(t, s(h));
+      localStorage.setItem(t, s(u));
     } catch {
     }
-    l(h, u);
+    c(u, h);
   }, d;
 }
-function ze(r, e) {
-  const n = new URLSearchParams(location.search).get(e) || void 0, s = C(r, n);
+function $e(r, e) {
+  const n = new URLSearchParams(location.search).get(e) || void 0, s = x(r, n);
   window.addEventListener("popstate", () => {
     const i = new URLSearchParams(location.search);
     s.set(i.get(e) || void 0, void 0);
   });
   const o = s.set.bind(s);
   return s.set = (i, d) => {
-    const l = new URLSearchParams(location.search);
-    i ? l.set(e, i) : l.delete(e);
-    const h = l.toString(), u = location.pathname + (h ? "?" + h : "") + location.hash;
-    history.replaceState(history.state, "", u), o(i, d);
+    const c = new URLSearchParams(location.search);
+    i ? c.set(e, i) : c.delete(e);
+    const u = c.toString(), h = location.pathname + (u ? "?" + u : "") + location.hash;
+    history.replaceState(history.state, "", h), o(i, d);
   }, s;
 }
 function vt(r, e) {
   const t = new URLSearchParams(location.search);
   return t.set(r, e), location.pathname + "?" + t.toString();
 }
-class Mr extends B({
+class Fr extends B({
   registry: f.const(),
   daemonModel: f.const(),
   reportModel: f.const()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "leftSidebarVisible", re(this, {
+    l(this, "leftSidebarVisible", te(this, {
       storageKey: "component-explorer:leftSidebarVisible",
       defaultValue: !0
     }));
-    c(this, "rightSidebarVisible", re(this, {
+    l(this, "rightSidebarVisible", te(this, {
       storageKey: "component-explorer:rightSidebarVisible",
       defaultValue: !1
     }));
-    c(this, "isDarkTheme", re(this, {
+    l(this, "isDarkTheme", te(this, {
       storageKey: "component-explorer:isDarkTheme",
       defaultValue: !0
     }));
-    c(this, "selectedNodeId", ze(this, "component"));
-    c(this, "expandedNodeIds", C(this, this._initialExpandedNodes()));
-    c(this, "viewMode", re(this, {
+    l(this, "selectedNodeId", $e(this, "component"));
+    l(this, "expandedNodeIds", x(this, this._initialExpandedNodes()));
+    l(this, "viewMode", te(this, {
       storageKey: "component-explorer:viewMode",
       defaultValue: "session"
     }));
-    c(this, "searchQuery", ze(this, "search"));
+    l(this, "searchQuery", $e(this, "search"));
     /** The explorer's tree derived from the registry or report */
-    c(this, "tree", V(this, (t) => {
+    l(this, "tree", O(this, (t) => {
       const n = this.props.reportModel;
       if (n)
         return n.buildTree(t);
       const s = this.props.registry.root.read(t);
       return gt(s);
     }));
-    c(this, "filteredTree", V(this, (t) => {
+    l(this, "filteredTree", O(this, (t) => {
       const n = this.tree.read(t), s = this.searchQuery.read(t);
-      return Vr(n, s) ?? { ...n, children: [] };
+      return Mr(n, s) ?? { ...n, children: [] };
     }));
-    c(this, "selectedNode", V(this, (t) => {
+    l(this, "selectedNode", O(this, (t) => {
       const n = this.selectedNodeId.read(t);
       if (n === void 0) return;
       const s = this.filteredTree.read(t);
       return s.id === n ? s : this._findNode(s.children ?? [], n);
     }));
     /** List of preview rows to render based on current selection and view mode */
-    c(this, "selectedFixtures", V(this, (t) => {
+    l(this, "selectedFixtures", O(this, (t) => {
       const n = this.selectedNode.read(t);
       return n ? this.isReportMode ? (this.props.reportModel.state.read(t), this._collectReportRows(n, n.name)) : this.viewMode.read(t) === "diff" && this.daemonAvailable && this.daemon.sessions.read(t).length > 1 ? 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 s = n.getSessionExplorerUrl(t);
       s && (window.location.href = s);
     });
-    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(), s = new Set(n);
       s.has(t) ? s.delete(t) : s.add(t), this.expandedNodeIds.set(s, void 0);
     });
@@ -1948,8 +1986,8 @@ class Mr extends B({
     }
     const i = [];
     for (const d of t.children ?? []) {
-      const l = n ? `${n} / ${d.name}` : d.name;
-      i.push(...this._collectReportRows(d, l));
+      const c = n ? `${n} / ${d.name}` : d.name;
+      i.push(...this._collectReportRows(d, c));
     }
     return i;
   }
@@ -2143,16 +2181,16 @@ const v = {
     cursor: "pointer"
   }
 };
-function Re(...r) {
+function Ce(...r) {
   return Object.assign({}, ...r.filter(Boolean));
 }
-class Fr extends B({
+class Er extends B({
   active: f()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "isHovered", C(this, !1));
-    c(this, "setHovered", (t) => {
+    l(this, "isHovered", x(this, !1));
+    l(this, "setHovered", (t) => {
       this.isHovered.set(t, void 0);
     });
   }
@@ -2160,15 +2198,15 @@ class Fr extends B({
     return this.props.active;
   }
 }
-const ie = A(
-  Fr,
+const oe = A(
+  Er,
   {
     onClick: f.const(),
     title: f.const(),
     children: f.const()
   },
   (r, e, t) => {
-    const n = e.isHovered.read(r), s = e.active.read(r), o = Re(
+    const n = e.isHovered.read(r), s = e.active.read(r), o = Ce(
       v.titleBarButton,
       n && !s && v.titleBarButtonHover,
       s && v.titleBarButtonActive
@@ -2185,33 +2223,33 @@ const ie = A(
       }
     );
   }
-), Dr = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, 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" }) }), Er = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, 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)" }) }), Br = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, 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" }) }), Ar = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, 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" }) }), $r = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), zr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), Lr = () => /* @__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" }) }), Hr = () => /* @__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" }) }), Pr = O(
+), Dr = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, 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" }) }), Br = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, 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)" }) }), Ar = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, 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" }) }), $r = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, 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" }) }), zr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), Lr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), Hr = () => /* @__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" }) }), jr = () => /* @__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" }) }), Ur = k(
   { model: f.const() },
   (r, e) => {
-    var d, l;
-    const t = e.model, n = t.viewMode.read(r), s = ((d = t.daemon) == null ? void 0 : d.sessions.read(r)) ?? [], o = (l = t.daemon) == null ? void 0 : l.sessionName, i = s.filter((h) => h.name !== o);
-    return s.length <= 1 ? null : /* @__PURE__ */ m("div", { style: Q.container, children: [
-      /* @__PURE__ */ m("div", { style: Q.segmentedControl, children: [
-        /* @__PURE__ */ a(Le, { label: "Live", mode: "session", active: n === "session", onClick: () => t.setViewMode("session") }),
-        /* @__PURE__ */ a(Le, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => t.setViewMode("diff") })
+    var d, c;
+    const t = e.model, n = t.viewMode.read(r), s = ((d = t.daemon) == null ? void 0 : d.sessions.read(r)) ?? [], o = (c = t.daemon) == null ? void 0 : c.sessionName, i = s.filter((u) => u.name !== o);
+    return s.length <= 1 ? null : /* @__PURE__ */ g("div", { style: Q.container, children: [
+      /* @__PURE__ */ g("div", { style: Q.segmentedControl, children: [
+        /* @__PURE__ */ a(ze, { label: "Live", mode: "session", active: n === "session", onClick: () => t.setViewMode("session") }),
+        /* @__PURE__ */ a(ze, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => t.setViewMode("diff") })
       ] }),
-      i.length > 0 && /* @__PURE__ */ a("div", { style: Q.sessionLinks, children: i.map((h) => /* @__PURE__ */ m(
+      i.length > 0 && /* @__PURE__ */ a("div", { style: Q.sessionLinks, children: i.map((u) => /* @__PURE__ */ g(
         "button",
         {
           style: Q.sessionLink,
-          onClick: () => t.navigateToSession(h.name),
-          title: `Switch to ${h.name} session`,
+          onClick: () => t.navigateToSession(u.name),
+          title: `Switch to ${u.name} session`,
           children: [
             "→ ",
-            h.name
+            u.name
           ]
         },
-        h.name
+        u.name
       )) })
     ] });
   }
 );
-function Le({ label: r, mode: e, active: t, onClick: n }) {
+function ze({ label: r, mode: e, active: t, onClick: n }) {
   return /* @__PURE__ */ a(
     "button",
     {
@@ -2221,47 +2259,47 @@ function Le({ label: r, mode: e, active: t, onClick: n }) {
     }
   );
 }
-const jr = O(
+const Pr = k(
   {
     model: f.const()
   },
   (r, e) => {
     const t = e.model, n = t.leftSidebarVisible.read(r), s = t.rightSidebarVisible.read(r), o = t.isDarkTheme.read(r), i = t.selectedNode.read(r);
-    return /* @__PURE__ */ m("div", { style: v.titleBar, children: [
+    return /* @__PURE__ */ g("div", { style: v.titleBar, children: [
       /* @__PURE__ */ a("div", { style: v.titleBarSection, children: /* @__PURE__ */ a(
-        ie,
+        oe,
         {
           active: n,
           onClick: t.toggleLeftSidebar,
           title: "Toggle left sidebar",
-          children: /* @__PURE__ */ a($r, {})
+          children: /* @__PURE__ */ a(zr, {})
         }
       ) }),
-      /* @__PURE__ */ m("div", { style: v.titleBarCenter, children: [
-        t.isReportMode ? /* @__PURE__ */ a("span", { style: { fontSize: 12, color: "var(--vscode-descriptionForeground)" }, children: "Screenshot Report" }) : t.daemonAvailable ? /* @__PURE__ */ a(Pr, { model: t }) : null,
-        i ? /* @__PURE__ */ m(ve, { children: [
+      /* @__PURE__ */ g("div", { style: v.titleBarCenter, children: [
+        t.isReportMode ? /* @__PURE__ */ a("span", { style: { fontSize: 12, color: "var(--vscode-descriptionForeground)" }, children: "Screenshot Report" }) : t.daemonAvailable ? /* @__PURE__ */ a(Ur, { model: t }) : null,
+        i ? /* @__PURE__ */ g(me, { children: [
           /* @__PURE__ */ a("span", { style: { color: "var(--vscode-textLink-foreground)" }, children: "<" }),
           /* @__PURE__ */ a("span", { children: i.name }),
           /* @__PURE__ */ a("span", { style: { color: "var(--vscode-textLink-foreground)" }, children: "/>" })
         ] }) : /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: "No component selected" })
       ] }),
-      /* @__PURE__ */ m("div", { style: v.titleBarSection, children: [
+      /* @__PURE__ */ g("div", { style: v.titleBarSection, children: [
         /* @__PURE__ */ a(
-          ie,
+          oe,
           {
             active: !1,
             onClick: t.toggleTheme,
             title: o ? "Switch to light theme" : "Switch to dark theme",
-            children: o ? /* @__PURE__ */ a(Lr, {}) : /* @__PURE__ */ a(Hr, {})
+            children: o ? /* @__PURE__ */ a(Hr, {}) : /* @__PURE__ */ a(jr, {})
           }
         ),
         /* @__PURE__ */ a(
-          ie,
+          oe,
           {
             active: s,
             onClick: t.toggleRightSidebar,
             title: "Toggle right sidebar",
-            children: /* @__PURE__ */ a(zr, {})
+            children: /* @__PURE__ */ a(Lr, {})
           }
         )
       ] })
@@ -2311,14 +2349,14 @@ const jr = O(
     color: "var(--vscode-textLink-foreground)",
     cursor: "pointer"
   }
-}, Ur = {
+}, Wr = {
   display: "flex",
   gap: "3px",
   marginLeft: "6px",
   overflow: "hidden",
   flexShrink: 1,
   minWidth: 0
-}, Wr = {
+}, Gr = {
   fontSize: "10px",
   lineHeight: "14px",
   padding: "0 4px",
@@ -2330,32 +2368,32 @@ const jr = O(
   textOverflow: "ellipsis",
   maxWidth: "60px",
   cursor: "pointer"
-}, bt = O(
+}, bt = k(
   {
     model: f.const(),
     nodes: f.const(),
     depth: f.const()
   },
-  (r, e) => /* @__PURE__ */ a(ve, { children: e.nodes.map((t) => /* @__PURE__ */ a(qr, { model: e.model, node: t, depth: e.depth }, t.id)) })
+  (r, e) => /* @__PURE__ */ a(me, { children: e.nodes.map((t) => /* @__PURE__ */ a(Kr, { model: e.model, node: t, depth: e.depth }, t.id)) })
 );
-class Gr extends B({
+class qr extends B({
   model: f.const(),
   node: f.const(),
   depth: f.const()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "isHovered", C(this, !1));
-    c(this, "setHovered", (t) => {
+    l(this, "isHovered", x(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);
     });
   }
@@ -2373,37 +2411,37 @@ class Gr extends B({
     return !!(this.props.node.children && this.props.node.children.length > 0);
   }
 }
-const qr = A(Gr, {}, (r, e) => {
-  const t = e.explorerModel, n = e.treeNode, s = e.treeDepth, o = !!(n.children && n.children.length > 0), i = o ? t.isNodeExpanded(n.id, r) : !1, l = t.selectedNodeId.read(r) === n.id, h = e.isHovered.read(r), u = Re(
+const Kr = A(qr, {}, (r, e) => {
+  const t = e.explorerModel, n = e.treeNode, s = e.treeDepth, o = !!(n.children && n.children.length > 0), i = o ? t.isNodeExpanded(n.id, r) : !1, c = t.selectedNodeId.read(r) === n.id, u = e.isHovered.read(r), h = Ce(
     v.treeItem,
     { paddingLeft: `${8 + s * 12}px` },
-    l && v.treeItemSelected,
-    !l && h && v.treeItemHover
+    c && v.treeItemSelected,
+    !c && u && v.treeItemHover
   );
-  return /* @__PURE__ */ m(ve, { children: [
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ g(me, { children: [
+    /* @__PURE__ */ g(
       "div",
       {
-        style: u,
+        style: h,
         onClick: e.handleClick,
         onDoubleClick: e.handleDoubleClick,
         onMouseEnter: () => e.setHovered(!0),
         onMouseLeave: () => e.setHovered(!1),
         children: [
-          o ? /* @__PURE__ */ a("div", { style: v.treeItemChevron, onClick: e.handleChevronClick, children: i ? /* @__PURE__ */ a(Er, {}) : /* @__PURE__ */ a(Dr, {}) }) : /* @__PURE__ */ a("div", { style: v.treeItemChevronPlaceholder }),
-          /* @__PURE__ */ a("div", { style: v.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a(Ar, { style: { color: "var(--vscode-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(Br, { style: { color: "#deb45b" } }) }),
+          o ? /* @__PURE__ */ a("div", { style: v.treeItemChevron, onClick: e.handleChevronClick, children: i ? /* @__PURE__ */ a(Br, {}) : /* @__PURE__ */ a(Dr, {}) }) : /* @__PURE__ */ a("div", { style: v.treeItemChevronPlaceholder }),
+          /* @__PURE__ */ a("div", { style: v.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a($r, { style: { color: "var(--vscode-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(Ar, { style: { color: "#deb45b" } }) }),
           /* @__PURE__ */ a("span", { style: v.treeItemLabel, children: n.name }),
-          n.labels.some((g) => !g.startsWith(".")) && /* @__PURE__ */ a("span", { style: Ur, children: n.labels.filter((g) => !g.startsWith(".")).map((g) => /* @__PURE__ */ a(
+          n.labels.some((p) => !p.startsWith(".")) && /* @__PURE__ */ a("span", { style: Wr, children: n.labels.filter((p) => !p.startsWith(".")).map((p) => /* @__PURE__ */ a(
             "span",
             {
-              style: Wr,
-              onClick: (b) => {
-                b.stopPropagation(), t.searchQuery.set(g, void 0);
+              style: Gr,
+              onClick: (m) => {
+                m.stopPropagation(), t.searchQuery.set(p, void 0);
               },
-              title: g,
-              children: g
+              title: p,
+              children: p
             },
-            g
+            p
           )) }),
           o && /* @__PURE__ */ a("span", { style: v.treeItemCount, children: n.children.length })
         ]
@@ -2411,10 +2449,10 @@ const qr = A(Gr, {}, (r, e) => {
     ),
     o && i && /* @__PURE__ */ a(bt, { model: t, nodes: n.children, depth: s + 1 })
   ] });
-}), Kr = {
+}), Jr = {
   padding: "4px 8px",
   borderBottom: "1px solid var(--vscode-panel-border)"
-}, Jr = {
+}, Qr = {
   width: "100%",
   height: "24px",
   padding: "0 22px 0 6px",
@@ -2425,9 +2463,9 @@ const qr = A(Gr, {}, (r, e) => {
   borderRadius: "2px",
   outline: "none",
   boxSizing: "border-box"
-}, Qr = {
-  position: "relative"
 }, Zr = {
+  position: "relative"
+}, Xr = {
   position: "absolute",
   right: "2px",
   top: "50%",
@@ -2444,19 +2482,19 @@ const qr = A(Gr, {}, (r, e) => {
   borderRadius: "2px",
   fontSize: "14px",
   opacity: 0.7
-}, Xr = O(
+}, Yr = k(
   {
     model: f.const()
   },
   (r, e) => {
     const t = e.model.searchQuery.read(r);
-    return /* @__PURE__ */ a("div", { style: Kr, children: /* @__PURE__ */ m("div", { style: Qr, children: [
+    return /* @__PURE__ */ a("div", { style: Jr, children: /* @__PURE__ */ g("div", { style: Zr, children: [
       /* @__PURE__ */ a(
         "input",
         {
           type: "text",
           placeholder: "Filter (name or label)",
-          style: Jr,
+          style: Qr,
           value: t ?? "",
           onChange: (n) => e.model.searchQuery.set(n.target.value || void 0, void 0),
           onFocus: (n) => n.target.style.borderColor = "var(--vscode-focusBorder)",
@@ -2466,7 +2504,7 @@ const qr = A(Gr, {}, (r, e) => {
       t && /* @__PURE__ */ a(
         "button",
         {
-          style: Zr,
+          style: Xr,
           onClick: () => e.model.searchQuery.set(void 0, void 0),
           title: "Clear filter",
           children: "×"
@@ -2474,29 +2512,29 @@ const qr = A(Gr, {}, (r, e) => {
       )
     ] }) });
   }
-), Yr = O(
+), en = k(
   {
     model: f.const()
   },
   (r, e) => {
     const t = e.model.filteredTree.read(r);
-    return /* @__PURE__ */ m("div", { style: v.sidebar, children: [
+    return /* @__PURE__ */ g("div", { style: v.sidebar, children: [
       /* @__PURE__ */ a("div", { style: v.sidebarHeader, children: "Explorer" }),
-      /* @__PURE__ */ a(Xr, { model: e.model }),
+      /* @__PURE__ */ a(Yr, { model: e.model }),
       /* @__PURE__ */ a("div", { style: v.sidebarContent, children: /* @__PURE__ */ a(bt, { model: e.model, nodes: [t], depth: 0 }) })
     ] });
   }
 );
-class en extends B({}) {
+class tn extends B({}) {
   constructor() {
     super(...arguments);
-    c(this, "checked", C(this, !1));
-    c(this, "toggle", () => {
+    l(this, "checked", x(this, !1));
+    l(this, "toggle", () => {
       this.checked.set(!this.checked.get(), void 0);
     });
   }
 }
-const tn = A(en, {}, (r, e) => {
+const rn = A(tn, {}, (r, e) => {
   const t = e.checked.read(r), n = {
     position: "relative",
     width: "36px",
@@ -2517,13 +2555,13 @@ const tn = A(en, {}, (r, e) => {
     transition: "left 0.2s"
   };
   return /* @__PURE__ */ a("div", { style: n, onClick: e.toggle, children: /* @__PURE__ */ a("div", { style: s }) });
-}), rn = O(
+}), nn = k(
   {
     node: f.const()
   },
-  (r, e) => e.node.type !== "component" ? /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component (not a folder) to view its properties" }) : /* @__PURE__ */ m("div", { style: v.propertiesPanel, children: [
-    /* @__PURE__ */ m("div", { style: v.propertyRow, children: [
-      /* @__PURE__ */ m("div", { style: v.propertyLabel, children: [
+  (r, e) => e.node.type !== "component" ? /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component (not a folder) to view its properties" }) : /* @__PURE__ */ g("div", { style: v.propertiesPanel, children: [
+    /* @__PURE__ */ g("div", { style: v.propertyRow, children: [
+      /* @__PURE__ */ g("div", { style: v.propertyLabel, children: [
         "children",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : string" })
       ] }),
@@ -2538,12 +2576,12 @@ const tn = A(en, {}, (r, e) => {
       ),
       /* @__PURE__ */ a("div", { style: v.propertyDescription, children: "Button text content" })
     ] }),
-    /* @__PURE__ */ m("div", { style: v.propertyRow, children: [
-      /* @__PURE__ */ m("div", { style: v.propertyLabel, children: [
+    /* @__PURE__ */ g("div", { style: v.propertyRow, children: [
+      /* @__PURE__ */ g("div", { style: v.propertyLabel, children: [
         "variant",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : select" })
       ] }),
-      /* @__PURE__ */ m("select", { style: v.propertySelect, defaultValue: "default", children: [
+      /* @__PURE__ */ g("select", { style: v.propertySelect, defaultValue: "default", children: [
         /* @__PURE__ */ a("option", { value: "default", children: "default" }),
         /* @__PURE__ */ a("option", { value: "primary", children: "primary" }),
         /* @__PURE__ */ a("option", { value: "secondary", children: "secondary" }),
@@ -2551,70 +2589,67 @@ const tn = A(en, {}, (r, e) => {
       ] }),
       /* @__PURE__ */ a("div", { style: v.propertyDescription, children: "Visual style variant" })
     ] }),
-    /* @__PURE__ */ m("div", { style: v.propertyRow, children: [
-      /* @__PURE__ */ m("div", { style: v.propertyLabel, children: [
+    /* @__PURE__ */ g("div", { style: v.propertyRow, children: [
+      /* @__PURE__ */ g("div", { style: v.propertyLabel, children: [
         "size",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : select" })
       ] }),
-      /* @__PURE__ */ m("select", { style: v.propertySelect, defaultValue: "default", children: [
+      /* @__PURE__ */ g("select", { style: v.propertySelect, defaultValue: "default", children: [
         /* @__PURE__ */ a("option", { value: "sm", children: "sm" }),
         /* @__PURE__ */ a("option", { value: "default", children: "default" }),
         /* @__PURE__ */ a("option", { value: "lg", children: "lg" })
       ] }),
       /* @__PURE__ */ a("div", { style: v.propertyDescription, children: "Button size" })
     ] }),
-    /* @__PURE__ */ m("div", { style: v.propertyRow, children: [
-      /* @__PURE__ */ m("div", { style: v.propertyLabel, children: [
+    /* @__PURE__ */ g("div", { style: v.propertyRow, children: [
+      /* @__PURE__ */ g("div", { style: v.propertyLabel, children: [
         "disabled",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : boolean" })
       ] }),
-      /* @__PURE__ */ a(tn, {}),
+      /* @__PURE__ */ a(rn, {}),
       /* @__PURE__ */ a("div", { style: v.propertyDescription, children: "Disable the button" })
     ] })
   ] })
-), nn = O(
+), sn = k(
   {
     selectedNode: f.const()
   },
-  (r, e) => /* @__PURE__ */ m("div", { style: Re(v.sidebar, v.sidebarRight), children: [
-    /* @__PURE__ */ m("div", { style: v.sidebarHeader, children: [
+  (r, e) => /* @__PURE__ */ g("div", { style: Ce(v.sidebar, v.sidebarRight), children: [
+    /* @__PURE__ */ g("div", { style: v.sidebarHeader, children: [
       /* @__PURE__ */ a("span", { style: { marginRight: "6px", color: "var(--vscode-textLink-foreground)" }, children: "</>" }),
       "Props"
     ] }),
-    /* @__PURE__ */ a("div", { style: v.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(rn, { 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: v.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(nn, { node: e.selectedNode }) : /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
   ] })
-), _t = /* @__PURE__ */ new WeakSet(), He = HTMLElement.prototype.focus;
+), _t = /* @__PURE__ */ new WeakSet(), Le = HTMLElement.prototype.focus;
 HTMLElement.prototype.focus = function(r) {
   const e = this.getRootNode();
-  e instanceof ShadowRoot && _t.has(e) && !(r != null && r.preventScroll) ? He.call(this, { ...r, preventScroll: !0 }) : He.call(this, r);
+  e instanceof ShadowRoot && _t.has(e) && !(r != null && r.preventScroll) ? Le.call(this, { ...r, preventScroll: !0 }) : Le.call(this, r);
 };
-function sn(r) {
+function on(r) {
   _t.add(r);
 }
-class on extends B({
+class an extends B({
   fixture: f.const(),
   compact: f.const(),
   onSelect: f.const()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "_containerRef", null);
-    c(this, "_shadowRoot", null);
-    c(this, "_renderContainer", null);
-    c(this, "_renderResult", null);
-    c(this, "_abortController", null);
-    c(this, "_resizeObserver", null);
-    c(this, "measuredWidth", C(this, void 0));
-    c(this, "measuredHeight", C(this, void 0));
-    c(this, "setContainerRef", (t) => {
+    l(this, "_containerRef", null);
+    l(this, "_rendering", null);
+    l(this, "_resizeObserver", null);
+    l(this, "measuredWidth", x(this, void 0));
+    l(this, "measuredHeight", x(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 s = this._renderContainer ?? t;
+      const n = new ft(t, this.fixture.component);
+      this._rendering = n, n.shadowRoot && on(n.shadowRoot);
+      const s = n.renderTarget;
       this._resizeObserver = new ResizeObserver((o) => {
         for (const i of o) {
-          const { width: d, height: l } = i.contentRect;
-          l > 0 && (this.measuredWidth.set(Math.round(d), void 0), this.measuredHeight.set(Math.round(l), void 0));
+          const { width: d, height: c } = i.contentRect;
+          c > 0 && (this.measuredWidth.set(Math.round(d), void 0), this.measuredHeight.set(Math.round(c), void 0));
         }
       }), this._resizeObserver.observe(s);
     });
@@ -2628,95 +2663,48 @@ class on extends B({
   get onSelect() {
     return this.props.onSelect;
   }
-  _renderInShadowDom(t, n) {
-    if (t.shadowRoot) {
-      for (this._shadowRoot = t.shadowRoot; this._shadowRoot.firstChild; )
-        this._shadowRoot.removeChild(this._shadowRoot.firstChild);
-      this._shadowRoot.adoptedStyleSheets = [];
-    } else
-      this._shadowRoot = t.attachShadow({ mode: "open" });
-    if (sn(this._shadowRoot), n.styles)
-      for (const i of n.styles)
-        if (i.type === "css") {
-          const d = document.createElement("style");
-          d.textContent = i.content, this._shadowRoot.appendChild(d);
-        } else if (i.type === "url") {
-          const d = document.createElement("link");
-          d.rel = "stylesheet", d.href = i.href, this._shadowRoot.appendChild(d);
-        } else i.type === "adopted" && (this._shadowRoot.adoptedStyleSheets = [
-          ...this._shadowRoot.adoptedStyleSheets,
-          i.sheet
-        ]);
-    const s = document.createElement("div");
-    s.style.display = "inline-block", this._renderContainer = s, this._shadowRoot.appendChild(s);
-    const o = this._getDefaultProps(n);
-    this._abortController = new AbortController(), this._handleRenderReturn(n.render(s, {
-      props: o,
-      signal: this._abortController.signal
-    }));
-  }
-  _renderDirect(t, n) {
-    this._renderContainer = t;
-    const s = this._getDefaultProps(n);
-    this._abortController = new AbortController(), this._handleRenderReturn(n.render(t, {
-      props: s,
-      signal: this._abortController.signal
-    }));
-  }
-  _handleRenderReturn(t) {
-    t instanceof Promise ? t.then((n) => {
-      this._abortController && !this._abortController.signal.aborted && (this._renderResult = n ?? void 0);
-    }).catch(() => {
-    }) : this._renderResult = t ?? void 0;
-  }
-  _getDefaultProps(t) {
-    const n = {};
-    for (const s of t.properties)
-      n[s.name] = s.defaultValue;
-    return n;
-  }
   _cleanup() {
     var t, n;
-    this._abortController && (this._abortController.abort(), this._abortController = null), (t = this._renderResult) != null && t.dispose && this._renderResult.dispose(), this._renderResult = null, (n = this._resizeObserver) == null || n.disconnect(), this._resizeObserver = null, this._shadowRoot = null, this._renderContainer = null;
+    (t = this._rendering) == null || t.dispose(), this._rendering = null, (n = this._resizeObserver) == null || n.disconnect(), this._resizeObserver = null;
   }
   dispose() {
     this._cleanup();
   }
 }
 const yt = A(
-  on,
+  an,
   {},
   (r, e) => {
     const t = e.fixture, n = t.component, s = n.displayMode, o = e.measuredWidth.read(r), i = e.measuredHeight.read(r), d = e.compact;
-    let l;
+    let c;
     if (s.type === "page") {
-      const b = s.viewports[0], p = $t(b);
-      l = {
-        width: p.width,
-        height: p.height,
+      const m = s.viewports[0], b = zt(m);
+      c = {
+        width: b.width,
+        height: b.height,
         overflow: "auto"
       };
     } else
-      l = {
+      c = {
         display: "inline-block"
       };
-    const h = o && i ? `${o} × ${i}` : "", u = d ? q.wrapperCompact : q.wrapper, g = d ? q.nameCompact : q.name;
-    return /* @__PURE__ */ m("div", { style: u, children: [
-      /* @__PURE__ */ m("div", { style: q.labelRow, children: [
+    const u = o && i ? `${o} × ${i}` : "", h = d ? q.wrapperCompact : q.wrapper, p = d ? q.nameCompact : q.name;
+    return /* @__PURE__ */ g("div", { style: h, children: [
+      /* @__PURE__ */ g("div", { style: q.labelRow, children: [
         d && /* @__PURE__ */ a(
           "a",
           {
             href: vt("component", t.id),
-            style: { ...g, textDecoration: "none", color: "inherit" },
-            onClick: (b) => {
-              e.onSelect && (b.preventDefault(), e.onSelect(t.id));
+            style: { ...p, textDecoration: "none", color: "inherit" },
+            onClick: (m) => {
+              e.onSelect && (m.preventDefault(), e.onSelect(t.id));
             },
             children: t.name
           }
         ),
-        !d && h && /* @__PURE__ */ a("span", { style: q.dimensions, children: h })
+        !d && u && /* @__PURE__ */ a("span", { style: q.dimensions, children: u })
       ] }),
-      /* @__PURE__ */ a("div", { style: cn(n.background), children: /* @__PURE__ */ a("div", { ref: e.setContainerRef, style: l }) })
+      /* @__PURE__ */ a("div", { style: hn(n.background), children: /* @__PURE__ */ a("div", { ref: e.setContainerRef, style: c }) })
     ] });
   }
 ), G = 8;
@@ -2728,10 +2716,10 @@ function xt(r, e) {
     linear-gradient(-45deg, transparent 75%, ${e} 75%)
   `;
 }
-const an = {
+const dn = {
   backgroundColor: "#ffffff",
   backgroundImage: xt("#ffffff", "#e5e5e5")
-}, dn = {
+}, cn = {
   backgroundColor: "#1e1e1e",
   backgroundImage: xt("#1e1e1e", "#2d2d2d")
 }, ln = {
@@ -2744,8 +2732,8 @@ const an = {
   overflow: "hidden",
   position: "relative"
 };
-function cn(r) {
-  const e = r === "dark" ? dn : an;
+function hn(r) {
+  const e = r === "dark" ? cn : dn;
   return {
     ...ln,
     backgroundColor: e.backgroundColor,
@@ -2781,16 +2769,16 @@ const q = {
     fontFamily: "var(--vscode-editor-font-family, monospace)"
   }
 };
-class hn extends B({
+class un extends B({
   fixtureId: f.const(),
   sessionName: f.const(),
   daemon: f.const()
 }) {
   constructor(t) {
     super(t);
-    c(this, "screenshot", C(this, { status: "idle" }));
-    c(this, "_fetchVersion", 0);
-    this._store.add(lt((n) => {
+    l(this, "screenshot", x(this, { status: "idle" }));
+    l(this, "_fetchVersion", 0);
+    this._store.add(dt((n) => {
       this.props.daemon.sourceTreeIds.read(n).get(this.props.sessionName) && this._fetchScreenshot();
     }));
   }
@@ -2808,8 +2796,8 @@ class hn extends B({
     }
   }
 }
-const Pe = A(
-  hn,
+const He = A(
+  un,
   {},
   (r, e) => {
     const t = e.screenshot.read(r);
@@ -2870,7 +2858,7 @@ const Pe = A(
     border: "1px solid var(--vscode-panel-border)"
   }
 };
-class un extends B({
+class pn extends B({
   fixtureId: f.const(),
   daemon: f.const(),
   baselineSession: f.const(),
@@ -2878,8 +2866,8 @@ class un extends B({
 }) {
   constructor(t) {
     super(t);
-    c(this, "comparisonStatus", C(this, { status: "loading" }));
-    this._store.add(lt((n) => {
+    l(this, "comparisonStatus", x(this, { status: "loading" }));
+    this._store.add(dt((n) => {
       const s = this.props.daemon.sourceTreeIds.read(n), o = s.get(this.props.baselineSession), i = s.get(this.props.currentSession);
       o && i && this._fetchComparison();
     }));
@@ -2910,21 +2898,21 @@ class un extends B({
     }
   }
 }
-const pn = A(
-  un,
+const fn = A(
+  pn,
   {},
   (r, e) => {
-    const t = e.comparisonStatus.read(r), n = t.status === "loading" ? /* @__PURE__ */ a("span", { style: k.badgeLoading, children: "comparing..." }) : t.status === "error" ? /* @__PURE__ */ a("span", { style: k.badgeError, children: "error" }) : t.match ? /* @__PURE__ */ a("span", { style: k.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ a("span", { style: k.badgeChanged, children: "● changed" });
-    return /* @__PURE__ */ m("div", { style: k.fixtureRow, children: [
-      /* @__PURE__ */ m("div", { style: k.fixtureLabel, children: [
-        /* @__PURE__ */ a("span", { style: k.fixtureName, children: e.fixtureId }),
+    const t = e.comparisonStatus.read(r), n = t.status === "loading" ? /* @__PURE__ */ a("span", { style: R.badgeLoading, children: "comparing..." }) : t.status === "error" ? /* @__PURE__ */ a("span", { style: R.badgeError, children: "error" }) : t.match ? /* @__PURE__ */ a("span", { style: R.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ a("span", { style: R.badgeChanged, children: "● changed" });
+    return /* @__PURE__ */ g("div", { style: R.fixtureRow, children: [
+      /* @__PURE__ */ g("div", { style: R.fixtureLabel, children: [
+        /* @__PURE__ */ a("span", { style: R.fixtureName, children: e.fixtureId }),
         n
       ] }),
-      /* @__PURE__ */ m("div", { style: k.sideBySide, children: [
-        /* @__PURE__ */ m("div", { style: k.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: k.columnLabel, children: "Current" }),
+      /* @__PURE__ */ g("div", { style: R.sideBySide, children: [
+        /* @__PURE__ */ g("div", { style: R.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: R.columnLabel, children: "Current" }),
           /* @__PURE__ */ a(
-            Pe,
+            He,
             {
               fixtureId: e.fixtureId,
               sessionName: e.currentSession,
@@ -2932,10 +2920,10 @@ const pn = A(
             }
           )
         ] }),
-        /* @__PURE__ */ m("div", { style: k.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: k.columnLabel, children: "Baseline" }),
+        /* @__PURE__ */ g("div", { style: R.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: R.columnLabel, children: "Baseline" }),
           /* @__PURE__ */ a(
-            Pe,
+            He,
             {
               fixtureId: e.fixtureId,
               sessionName: e.baselineSession,
@@ -2946,7 +2934,7 @@ const pn = A(
       ] })
     ] });
   }
-), fn = O(
+), gn = k(
   {
     name: f.const(),
     path: f.const(),
@@ -2955,8 +2943,8 @@ const pn = A(
     baselineSession: f.const(),
     currentSession: f.const()
   },
-  (r, e) => /* @__PURE__ */ a("div", { style: k.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
-    pn,
+  (r, e) => /* @__PURE__ */ a("div", { style: R.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
+    fn,
     {
       fixtureId: t.fixtureId,
       daemon: e.daemon,
@@ -2965,7 +2953,7 @@ const pn = A(
     },
     t.fixtureId
   )) })
-), k = {
+), R = {
   groupContent: {
     display: "flex",
     flexDirection: "column",
@@ -3034,13 +3022,13 @@ function St(r, e) {
     linear-gradient(-45deg, transparent 75%, ${e} 75%)
   `;
 }
-const gn = {
+const mn = {
   backgroundColor: "#ffffff",
   backgroundImage: St("#ffffff", "#e5e5e5")
-}, mn = {
+}, vn = {
   backgroundColor: "#1e1e1e",
   backgroundImage: St("#1e1e1e", "#2d2d2d")
-}, vn = {
+}, bn = {
   display: "inline-block",
   padding: "12px",
   borderRadius: "4px",
@@ -3048,32 +3036,32 @@ const gn = {
   backgroundPosition: `0 0, 0 ${K}px, ${K}px -${K}px, -${K}px 0`,
   boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)"
 };
-function bn(r) {
-  const e = r === "dark" ? mn : gn;
+function _n(r) {
+  const e = r === "dark" ? vn : mn;
   return {
-    ...vn,
+    ...bn,
     backgroundColor: e.backgroundColor,
     backgroundImage: e.backgroundImage
   };
 }
 function je({ src: r, alt: e, background: t }) {
-  return /* @__PURE__ */ a("div", { style: bn(t), children: /* @__PURE__ */ a("img", { src: r, alt: e, style: R.image }) });
+  return /* @__PURE__ */ a("div", { style: _n(t), children: /* @__PURE__ */ a("img", { src: r, alt: e, style: w.image }) });
 }
-const _n = O(
+const yn = k(
   {
     item: f.const(),
     reportModel: f.const()
   },
   (r, e) => {
-    const { item: t, reportModel: n } = e, { entry: s } = t, o = s.background ?? "light", i = s.status === "unchanged" ? /* @__PURE__ */ a("span", { style: R.badgeMatch, children: "✓ match" }) : s.status === "changed" ? /* @__PURE__ */ a("span", { style: R.badgeChanged, children: "● changed" }) : /* @__PURE__ */ a("span", { style: R.badgeAdded, children: "+ added" }), d = s.baselineScreenshot || s.currentScreenshot;
-    return /* @__PURE__ */ m("div", { style: R.fixtureRow, children: [
-      /* @__PURE__ */ m("div", { style: R.fixtureLabel, children: [
-        /* @__PURE__ */ a("span", { style: R.fixtureName, children: t.fixtureId }),
+    const { item: t, reportModel: n } = e, { entry: s } = t, o = s.background ?? "light", i = s.status === "unchanged" ? /* @__PURE__ */ a("span", { style: w.badgeMatch, children: "✓ match" }) : s.status === "changed" ? /* @__PURE__ */ a("span", { style: w.badgeChanged, children: "● changed" }) : /* @__PURE__ */ a("span", { style: w.badgeAdded, children: "+ added" }), d = s.baselineScreenshot || s.currentScreenshot;
+    return /* @__PURE__ */ g("div", { style: w.fixtureRow, children: [
+      /* @__PURE__ */ g("div", { style: w.fixtureLabel, children: [
+        /* @__PURE__ */ a("span", { style: w.fixtureName, children: t.fixtureId }),
         i
       ] }),
-      d && /* @__PURE__ */ m("div", { style: R.sideBySide, children: [
-        s.baselineScreenshot && /* @__PURE__ */ m("div", { style: R.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: R.columnLabel, children: "Baseline" }),
+      d && /* @__PURE__ */ g("div", { style: w.sideBySide, children: [
+        s.baselineScreenshot && /* @__PURE__ */ g("div", { style: w.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: w.columnLabel, children: "Baseline" }),
           /* @__PURE__ */ a(
             je,
             {
@@ -3083,8 +3071,8 @@ const _n = O(
             }
           )
         ] }),
-        s.currentScreenshot && /* @__PURE__ */ m("div", { style: R.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: R.columnLabel, children: "Current" }),
+        s.currentScreenshot && /* @__PURE__ */ g("div", { style: w.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: w.columnLabel, children: "Current" }),
           /* @__PURE__ */ a(
             je,
             {
@@ -3095,28 +3083,28 @@ const _n = O(
           )
         ] })
       ] }),
-      !d && s.status === "unchanged" && /* @__PURE__ */ a("div", { style: R.hashRow, children: /* @__PURE__ */ m("span", { style: R.hashText, children: [
+      !d && s.status === "unchanged" && /* @__PURE__ */ a("div", { style: w.hashRow, children: /* @__PURE__ */ g("span", { style: w.hashText, children: [
         "hash: ",
         s.targetHash
       ] }) })
     ] });
   }
-), yn = O(
+), xn = k(
   {
     name: f.const(),
     path: f.const(),
     items: f.const(),
     reportModel: f.const()
   },
-  (r, e) => /* @__PURE__ */ a("div", { style: R.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
-    _n,
+  (r, e) => /* @__PURE__ */ a("div", { style: w.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
+    yn,
     {
       item: t,
       reportModel: e.reportModel
     },
     t.fixtureId
   )) })
-), R = {
+), w = {
   groupContent: {
     display: "flex",
     flexDirection: "column",
@@ -3181,33 +3169,33 @@ const _n = O(
     fontWeight: 500
   }
 }, wt = "component-explorer:fixtureHeights", Ue = 500;
-let M = null;
+let N = null;
 function Ct() {
-  if (M !== null) return M;
+  if (N !== null) return N;
   try {
     const r = localStorage.getItem(wt);
     if (r)
-      return M = JSON.parse(r), M;
+      return N = JSON.parse(r), N;
   } catch {
   }
-  return M = {}, M;
+  return N = {}, N;
 }
-function xn() {
-  if (M !== null)
+function Sn() {
+  if (N !== null)
     try {
-      const r = Object.entries(M);
-      r.length > Ue && (M = Object.fromEntries(r.slice(-Ue))), localStorage.setItem(wt, JSON.stringify(M));
+      const r = Object.entries(N);
+      r.length > Ue && (N = Object.fromEntries(r.slice(-Ue))), localStorage.setItem(wt, JSON.stringify(N));
     } catch {
     }
 }
-function Sn(r, e) {
+function wn(r, e) {
   const t = Ct();
-  t[r] = e, xn();
+  t[r] = e, Sn();
 }
-function wn() {
+function Cn() {
   return new Map(Object.entries(Ct()));
 }
-const Cn = 280, Rn = 32, se = 32, We = 400;
+const Rn = 280, Tn = 32, ne = 32, Pe = 400;
 let Rt = 0;
 function z(r, e) {
   const t = ++Rt, n = performance.now().toFixed(1);
@@ -3217,14 +3205,14 @@ function z(r, e) {
     e
   );
 }
-function Ge(r, e) {
+function We(r, e) {
   const t = ++Rt, n = performance.now().toFixed(1);
   console.warn(
     `[scroll #${t} @${n}ms] ${r}`,
     e
   );
 }
-const Tt = "component-explorer:scrollAnchors", qe = 100;
+const Tt = "component-explorer:scrollAnchors", Ge = 100;
 function kt() {
   try {
     const r = localStorage.getItem(Tt);
@@ -3233,34 +3221,34 @@ function kt() {
   }
   return {};
 }
-function Tn(r, e) {
+function kn(r, e) {
   try {
     const t = kt();
     t[r] = e;
-    const n = Object.entries(t), s = n.length > qe ? Object.fromEntries(n.slice(-qe)) : t;
+    const n = Object.entries(t), s = n.length > Ge ? Object.fromEntries(n.slice(-Ge)) : t;
     localStorage.setItem(Tt, JSON.stringify(s));
   } catch {
   }
 }
-function kn(r) {
+function In(r) {
   return kt()[r];
 }
 function It(r) {
   return r.type === "single" ? r.fixture.id : r.id;
 }
-function In(r, e) {
+function On(r, e) {
   const t = new Array(r.length);
-  let n = se;
+  let n = ne;
   for (let s = 0; s < r.length; s++) {
-    const o = e.get(It(r[s])) ?? Cn;
-    t[s] = { top: n, height: o }, n += o + Rn;
+    const o = e.get(It(r[s])) ?? Rn;
+    t[s] = { top: n, height: o }, n += o + Tn;
   }
   return t;
 }
-function ge(r) {
+function fe(r) {
   if (r.length === 0) return 0;
   const e = r[r.length - 1];
-  return e.top + e.height + se;
+  return e.top + e.height + ne;
 }
 function Ot(r, e) {
   let t = 0, n = r.length;
@@ -3270,16 +3258,16 @@ function Ot(r, e) {
   }
   return t;
 }
-function On(r, e, t) {
+function Nn(r, e, t) {
   if (r.length === 0) return { start: 0, end: 0 };
-  const n = Ot(r, e - We);
+  const n = Ot(r, e - Pe);
   let s = n;
-  const o = e + t + We;
+  const o = e + t + Pe;
   for (; s < r.length && r[s].top < o; )
     s++;
   return { start: n, end: s };
 }
-function Ke(r, e) {
+function qe(r, e) {
   if (r.length === 0) return;
   const t = Ot(r, e), n = Math.min(t, r.length - 1);
   return {
@@ -3287,16 +3275,16 @@ function Ke(r, e) {
     offsetFromViewport: r[n].top - e
   };
 }
-function Je(r, e) {
+function Ke(r, e) {
   return e.rowIndex >= r.length ? 0 : r[e.rowIndex].top - e.offsetFromViewport;
 }
-function Qe(r) {
+function Je(r) {
   return r.type === "single" ? r.fixture.path : r.path;
 }
-function Ze(r) {
+function Qe(r) {
   return r.split(" / ").slice(1);
 }
-function Nn(r, e, t) {
+function Vn(r, e, t) {
   const n = t.split("/"), s = n.length - r.length;
   for (let o = 0; o < r.length; o++)
     if (!e || o >= e.length || r[o] !== e[o])
@@ -3307,14 +3295,14 @@ function Nn(r, e, t) {
       }));
   return [];
 }
-const Xe = ["h1", "h2", "h3", "h4"];
-function Vn(r) {
-  return Xe[Math.min(r, Xe.length - 1)];
-}
-const Ye = ["22px", "15px", "13px", "12px"];
+const Ze = ["h1", "h2", "h3", "h4"];
 function Mn(r) {
+  return Ze[Math.min(r, Ze.length - 1)];
+}
+const Xe = ["22px", "15px", "13px", "12px"];
+function Fn(r) {
   return {
-    fontSize: Ye[Math.min(r, Ye.length - 1)],
+    fontSize: Xe[Math.min(r, Xe.length - 1)],
     fontWeight: r <= 1 ? 600 : 500,
     color: "var(--vscode-foreground)",
     margin: 0,
@@ -3323,39 +3311,39 @@ function Mn(r) {
     borderBottom: r === 0 ? "1px solid var(--vscode-widget-border, var(--vscode-panel-border, rgba(128,128,128,0.35)))" : void 0
   };
 }
-class Fn extends B({
+class En extends B({
   model: f.const()
 }) {
   constructor() {
     super(...arguments);
-    c(this, "_rowHeights", C(this, wn()));
-    c(this, "_scrollTop", C(this, 0));
-    c(this, "_viewportHeight", C(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", V(this, (t) => {
+    l(this, "_rowHeights", x(this, Cn()));
+    l(this, "_scrollTop", x(this, 0));
+    l(this, "_viewportHeight", x(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", O(this, (t) => {
       const n = this.explorerModel.selectedFixtures.read(t), s = this._rowHeights.read(t);
-      return In(n, s);
+      return On(n, s);
     }));
-    c(this, "visibleRowRange", V(this, (t) => {
+    l(this, "visibleRowRange", O(this, (t) => {
       const n = this.layout.read(t), s = this._scrollTop.read(t), o = this._viewportHeight.read(t);
-      return On(n, s, o);
+      return Nn(n, s, o);
     }));
-    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), z("setScrollContainerRef", { clientHeight: t.clientHeight, scrollTop: t.scrollTop }), this._viewportResizeObserver = new ResizeObserver(([s]) => {
         const o = Math.round(s.contentRect.height), i = this._viewportHeight.get();
         o !== i && z("viewportResize", { prev: i, new: o }), this._viewportHeight.set(o, void 0);
       }), this._viewportResizeObserver.observe(t), this._restoreScrollPosition());
     });
-    c(this, "_handleScroll", () => {
+    l(this, "_handleScroll", () => {
       if (!this._scrollContainerRef) return;
       const t = this._scrollTop.get(), n = this._scrollContainerRef.scrollTop, s = n - t;
-      if (this._scrollTop.set(n, void 0), Math.abs(s) > 200 && Ge("handleScroll:LARGE_JUMP", {
+      if (this._scrollTop.set(n, void 0), Math.abs(s) > 200 && We("handleScroll:LARGE_JUMP", {
         prevObsScrollTop: t,
         newScrollTop: n,
         delta: s,
@@ -3367,42 +3355,42 @@ class Fn extends B({
       }
       this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout), this._scrollSaveTimeout = setTimeout(() => {
         if (!this._currentNodeId) return;
-        const o = this.layout.get(), i = Ke(o, this._scrollTop.get());
-        i && Tn(this._currentNodeId, i);
+        const o = this.layout.get(), i = qe(o, this._scrollTop.get());
+        i && kn(this._currentNodeId, i);
       }, 150);
     });
-    c(this, "observeRowElement", (t, n) => {
+    l(this, "observeRowElement", (t, n) => {
       t && (this._resizeObserver || (this._resizeObserver = new ResizeObserver((s) => {
         const o = this._rowHeights.get();
         let i;
         const d = [];
-        for (const l of s) {
-          const h = l.target.getAttribute("data-row-id");
-          if (!h) continue;
-          const u = Math.round(l.contentRect.height);
-          u > 0 && o.get(h) !== u && (d.push({ rid: h, oldH: o.get(h), newH: u }), i || (i = new Map(o)), i.set(h, u), Sn(h, u));
+        for (const c of s) {
+          const u = c.target.getAttribute("data-row-id");
+          if (!u) continue;
+          const h = Math.round(c.contentRect.height);
+          h > 0 && o.get(u) !== h && (d.push({ rid: u, oldH: o.get(u), newH: h }), i || (i = new Map(o)), i.set(u, h), wn(u, h));
         }
         if (i) {
-          const l = this.layout.get(), h = this._scrollTop.get(), u = Ke(l, h);
+          const c = this.layout.get(), u = this._scrollTop.get(), h = qe(c, u);
           this._rowHeights.set(i, void 0);
-          const g = this.layout.get();
-          if (u && this._scrollContainerRef) {
-            const b = Je(g, u), p = b - h;
-            Math.abs(p) > 2 && z("resizeObserver:reAnchor", {
+          const p = this.layout.get();
+          if (h && this._scrollContainerRef) {
+            const m = Ke(p, h), b = m - u;
+            Math.abs(b) > 2 && z("resizeObserver:reAnchor", {
               changedRows: d,
-              anchor: u,
-              scrollTopBefore: h,
-              newScrollTop: b,
-              delta: p,
-              oldTotalHeight: ge(l),
-              newTotalHeight: ge(g)
-            }), Math.abs(p) > 200 && Ge("resizeObserver:LARGE_REANCHOR", {
+              anchor: h,
+              scrollTopBefore: u,
+              newScrollTop: m,
+              delta: b,
+              oldTotalHeight: fe(c),
+              newTotalHeight: fe(p)
+            }), Math.abs(b) > 200 && We("resizeObserver:LARGE_REANCHOR", {
               changedRows: d,
-              anchor: u,
-              scrollTopBefore: h,
-              newScrollTop: b,
-              delta: p
-            }), this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = b, this._scrollTop.set(b, void 0), requestAnimationFrame(() => {
+              anchor: h,
+              scrollTopBefore: u,
+              newScrollTop: m,
+              delta: b
+            }), this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = m, this._scrollTop.set(m, void 0), requestAnimationFrame(() => {
               this._suppressScrollHandler = !1;
             });
           }
@@ -3432,12 +3420,12 @@ class Fn extends B({
   }
   _restoreScrollPosition() {
     if (!this._scrollContainerRef || !this._currentNodeId) return;
-    const t = kn(this._currentNodeId);
+    const t = In(this._currentNodeId);
     if (!t) {
       z("restoreScroll:noAnchor", { nodeId: this._currentNodeId });
       return;
     }
-    const n = this.layout.get(), s = Je(n, t), o = this._scrollContainerRef.scrollTop;
+    const n = this.layout.get(), s = Ke(n, t), o = this._scrollContainerRef.scrollTop;
     z("restoreScroll", {
       nodeId: this._currentNodeId,
       anchor: t,
@@ -3455,82 +3443,82 @@ class Fn extends B({
   }
 }
 const Dn = A(
-  Fn,
+  En,
   {},
   (r, e) => {
     const t = e.explorerModel.selectedFixtures.read(r), n = e.explorerModel.selectedNodeId.read(r), s = e.layout.read(r), { start: o, end: i } = e.visibleRowRange.read(r);
     if (e.updateForSelection(n), t.length === 0) {
-      const l = e.explorerModel.reportModel;
-      if (l) {
-        const h = l.state.read(r);
-        if (h.status === "loading")
-          return /* @__PURE__ */ a("div", { style: D.emptyState, children: /* @__PURE__ */ a("span", { style: D.emptyText, children: "Loading report..." }) });
-        if (h.status === "error")
-          return /* @__PURE__ */ a("div", { style: D.emptyState, children: /* @__PURE__ */ m("span", { style: { ...D.emptyText, color: "var(--vscode-errorForeground)" }, children: [
+      const c = e.explorerModel.reportModel;
+      if (c) {
+        const u = c.state.read(r);
+        if (u.status === "loading")
+          return /* @__PURE__ */ a("div", { style: E.emptyState, children: /* @__PURE__ */ a("span", { style: E.emptyText, children: "Loading report..." }) });
+        if (u.status === "error")
+          return /* @__PURE__ */ a("div", { style: E.emptyState, children: /* @__PURE__ */ g("span", { style: { ...E.emptyText, color: "var(--vscode-errorForeground)" }, children: [
             "Failed to load report: ",
-            h.message
+            u.message
           ] }) });
       }
-      return /* @__PURE__ */ a("div", { style: D.emptyState, children: /* @__PURE__ */ a("span", { style: D.emptyText, children: "Select a component or folder to preview" }) });
+      return /* @__PURE__ */ a("div", { style: E.emptyState, children: /* @__PURE__ */ a("span", { style: E.emptyText, children: "Select a component or folder to preview" }) });
     }
-    const d = ge(s);
-    return /* @__PURE__ */ a("div", { ref: e.setScrollContainerRef, style: D.scrollContainer, children: /* @__PURE__ */ a("div", { style: { position: "relative", height: d }, children: t.slice(o, i).map((l, h) => {
-      const u = o + h, { top: g } = s[u], b = It(l), p = Ze(Qe(l)), _ = u > 0 ? Ze(Qe(t[u - 1])) : void 0, x = Nn(p, _, b);
-      return /* @__PURE__ */ m(
+    const d = fe(s);
+    return /* @__PURE__ */ a("div", { ref: e.setScrollContainerRef, style: E.scrollContainer, children: /* @__PURE__ */ a("div", { style: { position: "relative", height: d }, children: t.slice(o, i).map((c, u) => {
+      const h = o + u, { top: p } = s[h], m = It(c), b = Qe(Je(c)), S = h > 0 ? Qe(Je(t[h - 1])) : void 0, C = Vn(b, S, m);
+      return /* @__PURE__ */ g(
         "div",
         {
-          ref: (y) => e.observeRowElement(y, b),
-          style: { position: "absolute", top: g, left: se, right: se },
+          ref: (_) => e.observeRowElement(_, m),
+          style: { position: "absolute", top: p, left: ne, right: ne },
           children: [
-            x.map((y) => {
-              const T = Vn(y.depth);
-              return /* @__PURE__ */ a(T, { style: Mn(y.depth), children: /* @__PURE__ */ a(
+            C.map((_) => {
+              const M = Mn(_.depth);
+              return /* @__PURE__ */ a(M, { style: Fn(_.depth), children: /* @__PURE__ */ a(
                 "a",
                 {
-                  href: vt("component", y.nodeId),
-                  style: D.headingLink,
-                  onClick: (S) => {
-                    S.preventDefault(), e.explorerModel.selectNode(y.nodeId);
+                  href: vt("component", _.nodeId),
+                  style: E.headingLink,
+                  onClick: (F) => {
+                    F.preventDefault(), e.explorerModel.selectNode(_.nodeId);
                   },
-                  children: y.name
+                  children: _.name
                 }
-              ) }, y.depth);
+              ) }, _.depth);
             }),
-            l.type === "single" ? /* @__PURE__ */ a(yt, { fixture: l.fixture, compact: !1 }) : l.type === "variants" ? /* @__PURE__ */ a(En, { row: l, onSelect: e.explorerModel.selectNode }) : l.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ a(
-              fn,
+            c.type === "single" ? /* @__PURE__ */ a(yt, { fixture: c.fixture, compact: !1 }) : c.type === "variants" ? /* @__PURE__ */ a(Bn, { row: c, onSelect: e.explorerModel.selectNode }) : c.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ a(
+              gn,
               {
-                name: l.name,
-                path: l.path,
-                items: l.items,
+                name: c.name,
+                path: c.path,
+                items: c.items,
                 daemon: e.explorerModel.daemon,
                 baselineSession: e.baselineSessionName,
                 currentSession: e.currentSessionName
               }
-            ) : l.type === "report-comparison" && e.explorerModel.reportModel ? /* @__PURE__ */ a(
-              yn,
+            ) : c.type === "report-comparison" && e.explorerModel.reportModel ? /* @__PURE__ */ a(
+              xn,
               {
-                name: l.name,
-                path: l.path,
-                items: l.items,
+                name: c.name,
+                path: c.path,
+                items: c.items,
                 reportModel: e.explorerModel.reportModel
               }
             ) : null
           ]
         },
-        b
+        m
       );
     }) }) });
   }
-), En = O(
+), Bn = k(
   {
     row: f.const(),
     onSelect: f.const()
   },
   (r, e) => {
     const t = e.row;
-    return /* @__PURE__ */ a("div", { style: D.variantsContent, children: t.fixtures.map((n) => /* @__PURE__ */ a(yt, { fixture: n, compact: !0, onSelect: e.onSelect }, n.id)) });
+    return /* @__PURE__ */ a("div", { style: E.variantsContent, children: t.fixtures.map((n) => /* @__PURE__ */ a(yt, { fixture: n, compact: !0, onSelect: e.onSelect }, n.id)) });
   }
-), D = {
+), E = {
   scrollContainer: {
     flex: 1,
     overflow: "auto",
@@ -3557,41 +3545,41 @@ const Dn = A(
     textDecoration: "none",
     color: "inherit"
   }
-}, Bn = A(
-  Mr,
+}, An = A(
+  Fr,
   { daemonModel: f.const(), reportModel: f.const() },
   (r, e) => {
     const t = e.leftSidebarVisible.read(r), n = e.rightSidebarVisible.read(r), s = e.isDarkTheme.read(r), o = e.selectedNode.read(r);
-    return /* @__PURE__ */ m("div", { className: s ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus", style: v.container, children: [
-      t && /* @__PURE__ */ a(Yr, { model: e }),
-      /* @__PURE__ */ m("div", { style: v.centerArea, children: [
-        /* @__PURE__ */ a(jr, { model: e }),
+    return /* @__PURE__ */ g("div", { className: s ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus", style: v.container, children: [
+      t && /* @__PURE__ */ a(en, { model: e }),
+      /* @__PURE__ */ g("div", { style: v.centerArea, children: [
+        /* @__PURE__ */ a(Pr, { model: e }),
         /* @__PURE__ */ a(Dn, { model: e })
       ] }),
-      n && /* @__PURE__ */ a(nn, { selectedNode: o })
+      n && /* @__PURE__ */ a(sn, { selectedNode: o })
     ] });
   }
 );
-var An = class me {
+var $n = class ge {
   constructor(e) {
     this.iterator = e;
   }
   static fromIterable(e) {
-    return new me(e[Symbol.asyncIterator]());
+    return new ge(e[Symbol.asyncIterator]());
   }
   static fromFn(e) {
-    return new me(e());
+    return new ge(e());
   }
   [Symbol.asyncIterator]() {
     return this.iterator;
   }
-}, $n = class extends Error {
+}, zn = class extends Error {
   constructor(r, e, t) {
     super(t), this.statusCode = r, this.method = e, this.name = "ApiError";
   }
-}, zn = class {
+}, Ln = class {
   constructor(r) {
-    c(this, "methods", this._createProxy(""));
+    l(this, "methods", this._createProxy(""));
     this._request = r;
   }
   _createProxy(r) {
@@ -3605,8 +3593,8 @@ var An = class me {
     });
   }
 };
-function Ln(r, e) {
-  return new zn(async (t, n) => {
+function Hn(r, e) {
+  return new Ln(async (t, n) => {
     var d;
     const s = await fetch(`${r}/${t}`, {
       method: "POST",
@@ -3617,48 +3605,48 @@ function Ln(r, e) {
       body: JSON.stringify(n)
     });
     if (s.status !== 200) {
-      const l = await s.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: ${s.status}, Status Text: ${s.statusText})`, new $n(s.status, t, h);
+      const c = await s.json().catch(() => null);
+      let u;
+      throw c && typeof c == "object" && "errorMessage" in c ? u = `${c.errorMessage}` : u = `Error calling API method ${t}: ${JSON.stringify(c)} (Status: ${s.status}, Status Text: ${s.statusText})`, new zn(s.status, t, u);
     }
     const o = s.headers.get("Content-Type");
-    return o != null && o.startsWith("application/jsonl") ? An.fromFn(async function* () {
-      var b;
-      const l = (b = s.body) == null ? void 0 : b.getReader();
-      if (!l)
+    return o != null && o.startsWith("application/jsonl") ? $n.fromFn(async function* () {
+      var m;
+      const c = (m = s.body) == null ? void 0 : m.getReader();
+      if (!c)
         return;
-      let h = "";
-      const u = new TextDecoder("utf-8");
+      let u = "";
+      const h = new TextDecoder("utf-8");
       for (; ; ) {
-        const { done: p, value: _ } = await l.read();
-        if (p)
+        const { done: b, value: S } = await c.read();
+        if (b)
           break;
-        h += u.decode(_, { stream: !0 });
-        let x;
-        for (; (x = h.indexOf(`
+        u += h.decode(S, { stream: !0 });
+        let C;
+        for (; (C = u.indexOf(`
 `)) >= 0; ) {
-          const y = h.slice(0, x).trim();
-          h = h.slice(x + 1), y.length > 0 && (yield JSON.parse(y));
+          const _ = u.slice(0, C).trim();
+          u = u.slice(C + 1), _.length > 0 && (yield JSON.parse(_));
         }
       }
-      const g = h.trim();
-      g.length > 0 && (yield JSON.parse(g));
+      const p = u.trim();
+      p.length > 0 && (yield JSON.parse(p));
     }) : await s.json();
   });
 }
-class Hn {
+class jn {
   constructor(e) {
-    c(this, "_sourceTreeIds", C(this, /* @__PURE__ */ new Map()));
-    c(this, "_sessions", C(this, []));
-    c(this, "_screenshotCache", /* @__PURE__ */ new Map());
-    c(this, "_client");
-    c(this, "_eventStreamAbort", null);
-    c(this, "sessionName");
+    l(this, "_sourceTreeIds", x(this, /* @__PURE__ */ new Map()));
+    l(this, "_sessions", x(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 = Ln("/__explorer/daemon-api");
+    l(this, "sessions", this._sessions);
+    this.config = e, this.sessionName = e.sessionName, this._client = Hn("/__explorer/daemon-api");
   }
   /**
    * Initializes the model: fetches initial session info and starts listening to events.
@@ -3756,13 +3744,13 @@ class Hn {
     }
   }
 }
-function Pn() {
+function Un() {
   return window.__EXPLORER_DAEMON__;
 }
-class jn {
+class Pn {
   constructor(e) {
-    c(this, "state", C(this, { status: "loading" }));
-    c(this, "_baseUrl");
+    l(this, "state", x(this, { status: "loading" }));
+    l(this, "_baseUrl");
     this.reportUrl = e;
     const t = e.lastIndexOf("/");
     this._baseUrl = t >= 0 ? e.slice(0, t + 1) : "", this._fetch();
@@ -3772,7 +3760,7 @@ class jn {
   }
   buildTree(e) {
     const t = this.state.read(e);
-    return t.status !== "ready" ? { id: "", name: "Report", type: "folder", children: [], labels: [] } : Un(t.report.fixtures);
+    return t.status !== "ready" ? { id: "", name: "Report", type: "folder", children: [], labels: [] } : Wn(t.report.fixtures);
   }
   async _fetch() {
     this.state.set({ status: "loading" }, void 0);
@@ -3787,36 +3775,36 @@ class jn {
     }
   }
 }
-function Un(r) {
+function Wn(r) {
   const e = { id: "", name: "Components", type: "folder", children: [], labels: [] };
   for (const [t, n] of Object.entries(r)) {
     const s = t.split("/");
     let o = e;
     for (let i = 0; i < s.length; i++) {
-      const d = s[i], l = i === s.length - 1, h = s.slice(0, i + 1).join("/");
-      if (l)
+      const d = s[i], c = i === s.length - 1, u = s.slice(0, i + 1).join("/");
+      if (c)
         o.children.push({
-          id: h,
+          id: u,
           name: d,
           type: "component",
           reportEntry: n,
           labels: []
         });
       else {
-        let u = o.children.find((g) => g.type === "folder" && g.name === d);
-        u || (u = { id: h, name: d, type: "folder", children: [], labels: [] }, o.children.push(u)), o = u;
+        let h = o.children.find((p) => p.type === "folder" && p.name === d);
+        h || (h = { id: u, name: d, type: "folder", children: [], labels: [] }, o.children.push(h)), o = h;
       }
     }
   }
   return e;
 }
-class ns {
+class ss {
   constructor(e, t) {
-    c(this, "_root");
-    c(this, "_registry", new _r());
-    c(this, "_daemonModel");
-    c(this, "_reportModel");
-    this._populateRegistry(t), this._reportModel = this._initializeReportModel(), this._daemonModel = this._reportModel ? void 0 : this._initializeDaemonModel(), this._root = Mt(e), this._root.render(Bt(Bn, {
+    l(this, "_root");
+    l(this, "_registry", new yr());
+    l(this, "_daemonModel");
+    l(this, "_reportModel");
+    this._populateRegistry(t), this._reportModel = this._initializeReportModel(), this._daemonModel = this._reportModel ? void 0 : this._initializeDaemonModel(), this._root = Ft(e), this._root.render(At(An, {
       registry: this._registry,
       daemonModel: this._daemonModel,
       reportModel: this._reportModel
@@ -3825,13 +3813,13 @@ class ns {
   _initializeReportModel() {
     const t = new URLSearchParams(location.search).get("report");
     if (t)
-      return new jn(t);
+      return new Pn(t);
   }
   _initializeDaemonModel() {
-    const e = Pn();
+    const e = Un();
     if (!e)
       return;
-    const t = new Hn(e);
+    const t = new jn(e);
     return t.initialize().catch((n) => {
       console.error("[ExplorerApp] Failed to initialize DaemonModel:", n);
     }), t;
@@ -3864,52 +3852,52 @@ class ns {
   }
 }
 export {
-  Er as ChevronDownIcon,
+  Br as ChevronDownIcon,
   Dr as ChevronRightIcon,
-  rs as CliRuntime,
-  Br as ComponentIcon,
-  Hn as DaemonModel,
-  Bn as Explorer,
-  ns as ExplorerApp,
-  Mr as ExplorerModel,
-  _r as FixtureRegistry,
-  Ar as FolderIcon,
-  Yr as LeftSidebar,
-  Hr as MoonIcon,
-  $r as PanelLeftIcon,
-  zr as PanelRightIcon,
-  jn as ReportModel,
-  nn as RightSidebar,
-  Lr as SunIcon,
-  jr as TitleBar,
-  ie as TitleBarButton,
-  qr as TreeItem,
+  ns as CliRuntime,
+  Ar as ComponentIcon,
+  jn as DaemonModel,
+  An as Explorer,
+  ss as ExplorerApp,
+  Fr as ExplorerModel,
+  yr as FixtureRegistry,
+  $r as FolderIcon,
+  en as LeftSidebar,
+  jr as MoonIcon,
+  zr as PanelLeftIcon,
+  Lr as PanelRightIcon,
+  Pn as ReportModel,
+  sn as RightSidebar,
+  Hr as SunIcon,
+  Pr as TitleBar,
+  oe as TitleBarButton,
+  Kr as TreeItem,
   bt as TreeView,
-  At as VIEWPORT_SIZES,
-  is as asyncRender,
-  Pt as collectComponents,
-  Ne as createComponentDefinition,
-  ae as createFixtureTree,
-  as as defineFixture,
-  ds as defineFixtureGroup,
+  $t as VIEWPORT_SIZES,
+  as as asyncRender,
+  Ut as collectComponents,
+  Oe as createComponentDefinition,
+  ie as createFixtureTree,
+  ds as defineFixture,
+  cs as defineFixtureGroup,
   ls as defineFixtureVariants,
-  Me as findNodeByPath,
-  Te as fixtureGroupBrand,
-  ke as fixtureVariantsBrand,
-  zt as getDefaultPropertyValues,
-  ts as isComponentDefinition,
-  _e as isFixtureGroup,
-  ye as isFixtureVariants,
-  be as isSingleFixture,
-  Re as mergeStyles,
-  Zn as parseFixtureExport,
-  Yn as parseFixtureGroup,
-  es as parseFixtureVariants,
-  Xn as parseSingleFixture,
-  $t as resolveViewport,
-  Ie as singleFixtureBrand,
+  Ve as findNodeByPath,
+  Re as fixtureGroupBrand,
+  Te as fixtureVariantsBrand,
+  Lt as getDefaultPropertyValues,
+  rs as isComponentDefinition,
+  be as isFixtureGroup,
+  _e as isFixtureVariants,
+  ve as isSingleFixture,
+  Ce as mergeStyles,
+  Xn as parseFixtureExport,
+  es as parseFixtureGroup,
+  ts as parseFixtureVariants,
+  Yn as parseSingleFixture,
+  zt as resolveViewport,
+  ke as singleFixtureBrand,
   v as styles,
-  cs as syncRender,
+  hs as syncRender,
   gt as toExplorerTree
 };
 //# sourceMappingURL=viewer.js.map