@vscode/component-explorer 0.1.1-8 → 0.2.0

package/dist/index.js

@@ -1,3509 +1,13 @@
-var it = Object.defineProperty;
-var ot = (s, e, t) => e in s ? it(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var c = (s, e, t) => ot(s, typeof e != "symbol" ? e + "" : e, t);
-import { createRoot as at } from "react-dom/client";
-import { createElement as dt } from "react";
-import { jsx as a, jsxs as p, Fragment as ce } from "react/jsx-runtime";
-import { ViewModel as N, prop as f, viewWithModel as V, view as D } from "@vscode/observables-react";
-const lt = {
-  mobile: { width: 390, height: 844 },
-  tablet: { width: 768, height: 1024 },
-  desktop: { width: 1440, height: 900 }
-};
-function ct(s) {
-  return typeof s == "string" ? { name: s, ...lt[s] } : s;
-}
-function ht(s) {
-  const e = {};
-  for (const t of s)
-    e[t.name] = t.defaultValue;
-  return e;
-}
-function qn(s) {
-  return typeof s == "object" && s !== null && "render" in s && typeof s.render == "function" && "id" in s && "name" in s;
-}
-const Ne = Symbol("singleFixture"), Ve = Symbol("fixtureGroup"), De = Symbol("fixtureVariants");
-function ut(s) {
-  return typeof s == "object" && s !== null && Ne in s;
-}
-function ft(s) {
-  return typeof s == "object" && s !== null && Ve in s;
-}
-function pt(s) {
-  return typeof s == "object" && s !== null && De in s;
-}
-function gt(s, e, t) {
-  return {
-    id: e,
-    name: t,
-    description: s.description,
-    isolation: s.isolation ?? "shadow-dom",
-    displayMode: s.displayMode ?? { type: "component" },
-    styles: s.styles,
-    background: s.background ?? "light",
-    properties: s.properties ?? [],
-    render: s.render
-  };
-}
-function J(s) {
-  return {
-    [Ne]: !0,
-    _options: s,
-    _createDefinition: (e, t) => gt(s, e, t)
-  };
-}
-function Kn(s) {
-  return {
-    [Ve]: !0,
-    _entries: s
-  };
-}
-function Jn(s) {
-  return {
-    [De]: !0,
-    _variants: s
-  };
-}
-function re(s) {
-  const e = {
-    id: "",
-    name: "Components",
-    type: "folder",
-    children: []
-  };
-  for (const [t, n] of s) {
-    const r = vt(t);
-    Ae(e, [r], n);
-  }
-  return e;
-}
-function vt(s) {
-  return (s.split("/").pop() ?? s).replace(/\.fixture\.(tsx?|jsx?)$/, "");
-}
-function Ae(s, e, t) {
-  var n;
-  if (ut(t)) {
-    const r = e.join("/"), i = e[e.length - 1], o = {
-      id: r,
-      name: i,
-      type: "component",
-      component: t._createDefinition(r, i)
-    };
-    s.children || (s.children = []), s.children.push(o);
-  } else if (ft(t)) {
-    const r = e[e.length - 1], i = e.join("/");
-    let o = (n = s.children) == null ? void 0 : n.find(
-      (d) => d.type === "folder" && d.name === r
-    );
-    o || (o = {
-      id: i,
-      name: r,
-      type: "folder",
-      children: []
-    }, s.children || (s.children = []), s.children.push(o));
-    for (const [d, l] of Object.entries(t._entries))
-      Ae(o, [...e, d], l);
-  } else if (pt(t)) {
-    const r = e[e.length - 1], o = {
-      id: e.join("/"),
-      name: r,
-      type: "variants",
-      children: []
-    };
-    s.children || (s.children = []), s.children.push(o);
-    for (const [d, l] of Object.entries(t._variants)) {
-      const g = [...e, d].join("/"), b = {
-        id: g,
-        name: d,
-        type: "component",
-        component: l._createDefinition(g, d)
-      };
-      o.children.push(b);
-    }
-  }
-}
-function ve(s, e) {
-  if (e.length === 0)
-    return s;
-  let t = s;
-  for (const n of e) {
-    if (!t || !t.children)
-      return;
-    t = t.children.find((r) => r.name === n);
-  }
-  return t;
-}
-function mt(s) {
-  if (s.type === "component" && s.component)
-    return [s.component];
-  const e = [];
-  for (const t of s.children ?? [])
-    e.push(...mt(t));
-  return e;
-}
-let B;
-function Be(s) {
-  B ? B instanceof me ? B.loggers.push(s) : B = new me([B, s]) : B = s;
-}
-function v() {
-  return B;
-}
-let ie;
-function _t(s) {
-  ie = s;
-}
-function bt(s) {
-  ie && ie(s);
-}
-class me {
-  constructor(e) {
-    this.loggers = e;
-  }
-  handleObservableCreated(e, t) {
-    for (const n of this.loggers)
-      n.handleObservableCreated(e, t);
-  }
-  handleOnListenerCountChanged(e, t) {
-    for (const n of this.loggers)
-      n.handleOnListenerCountChanged(e, t);
-  }
-  handleObservableUpdated(e, t) {
-    for (const n of this.loggers)
-      n.handleObservableUpdated(e, t);
-  }
-  handleAutorunCreated(e, t) {
-    for (const n of this.loggers)
-      n.handleAutorunCreated(e, t);
-  }
-  handleAutorunDisposed(e) {
-    for (const t of this.loggers)
-      t.handleAutorunDisposed(e);
-  }
-  handleAutorunDependencyChanged(e, t, n) {
-    for (const r of this.loggers)
-      r.handleAutorunDependencyChanged(e, t, n);
-  }
-  handleAutorunStarted(e) {
-    for (const t of this.loggers)
-      t.handleAutorunStarted(e);
-  }
-  handleAutorunFinished(e) {
-    for (const t of this.loggers)
-      t.handleAutorunFinished(e);
-  }
-  handleDerivedDependencyChanged(e, t, n) {
-    for (const r of this.loggers)
-      r.handleDerivedDependencyChanged(e, t, n);
-  }
-  handleDerivedCleared(e) {
-    for (const t of this.loggers)
-      t.handleDerivedCleared(e);
-  }
-  handleBeginTransaction(e) {
-    for (const t of this.loggers)
-      t.handleBeginTransaction(e);
-  }
-  handleEndTransaction(e) {
-    for (const t of this.loggers)
-      t.handleEndTransaction(e);
-  }
-}
-var R;
-(function(s) {
-  let e = !1;
-  function t() {
-    e = !0;
-  }
-  s.enable = t;
-  function n() {
-    return r(1);
-  }
-  s.ofCaller = n;
-  function r(i) {
-    if (!e)
-      return;
-    const o = Error, d = o.stackTraceLimit;
-    o.stackTraceLimit = 3;
-    const l = new Error().stack;
-    return o.stackTraceLimit = d, he.fromStack(l, i + 1);
-  }
-  s.ofNthCaller = r;
-})(R || (R = {}));
-class he {
-  static fromStack(e, t) {
-    const n = e.split(`
-`), r = yt(n[t + 1]);
-    if (r)
-      return new he(r.fileName, r.line, r.column, r.id);
-  }
-  constructor(e, t, n, r) {
-    this.fileName = e, this.line = t, this.column = n, this.id = r;
-  }
-}
-function yt(s) {
-  if (!s)
-    return;
-  const e = s.match(/\((.*):(\d+):(\d+)\)/);
-  if (e)
-    return {
-      fileName: e[1],
-      line: parseInt(e[2]),
-      column: parseInt(e[3]),
-      id: s
-    };
-  const t = s.match(/at ([^\(\)]*):(\d+):(\d+)/);
-  if (t)
-    return {
-      fileName: t[1],
-      line: parseInt(t[2]),
-      column: parseInt(t[3]),
-      id: s
-    };
-}
-class F {
-  constructor(e, t, n) {
-    this.owner = e, this.debugNameSource = t, this.referenceFn = n;
-  }
-  getDebugName(e) {
-    return Ct(e, this);
-  }
-}
-const _e = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new WeakMap();
-function Ct(s, e) {
-  const t = oe.get(s);
-  if (t)
-    return t;
-  const n = xt(s, e);
-  if (n) {
-    let r = _e.get(n) ?? 0;
-    r++, _e.set(n, r);
-    const i = r === 1 ? n : `${n}#${r}`;
-    return oe.set(s, i), i;
-  }
-}
-function xt(s, e) {
-  const t = oe.get(s);
-  if (t)
-    return t;
-  const n = e.owner ? wt(e.owner) + "." : "";
-  let r;
-  const i = e.debugNameSource;
-  if (i !== void 0)
-    if (typeof i == "function") {
-      if (r = i(), r !== void 0)
-        return n + r;
-    } else
-      return n + i;
-  const o = e.referenceFn;
-  if (o !== void 0 && (r = ue(o), r !== void 0))
-    return n + r;
-  if (e.owner !== void 0) {
-    const d = St(e.owner, s);
-    if (d !== void 0)
-      return n + d;
-  }
-}
-function St(s, e) {
-  for (const t in s)
-    if (s[t] === e)
-      return t;
-}
-const be = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new WeakMap();
-function wt(s) {
-  const e = ye.get(s);
-  if (e)
-    return e;
-  const t = Me(s) ?? "Object";
-  let n = be.get(t) ?? 0;
-  n++, be.set(t, n);
-  const r = n === 1 ? t : `${t}#${n}`;
-  return ye.set(s, r), r;
-}
-function Me(s) {
-  const e = s.constructor;
-  if (e)
-    return e.name === "Object" ? void 0 : e.name;
-}
-function ue(s) {
-  const e = s.toString(), n = /\/\*\*\s*@description\s*([^*]*)\*\//.exec(e), r = n ? n[1] : void 0;
-  return r == null ? void 0 : r.trim();
-}
-let ae;
-function It(s) {
-  ae = s;
-}
-let Fe;
-function Ot(s) {
-  Fe = s;
-}
-let Ee;
-function Tt(s) {
-  Ee = s;
-}
-let ze;
-function Rt(s) {
-  ze = s;
-}
-class kt {
-  get TChange() {
-    return null;
-  }
-  reportChanges() {
-    this.get();
-  }
-  /** @sealed */
-  read(e) {
-    return e ? e.readObservable(this) : this.get();
-  }
-  map(e, t, n = R.ofCaller()) {
-    const r = t === void 0 ? void 0 : e, i = t === void 0 ? e : t;
-    return ae({
-      owner: r,
-      debugName: () => {
-        const o = ue(i);
-        if (o !== void 0)
-          return o;
-        const l = /^\s*\(?\s*([a-zA-Z_$][a-zA-Z_$0-9]*)\s*\)?\s*=>\s*\1(?:\??)\.([a-zA-Z_$][a-zA-Z_$0-9]*)\s*$/.exec(i.toString());
-        if (l)
-          return `${this.debugName}.${l[2]}`;
-        if (!r)
-          return `${this.debugName} (mapped)`;
-      },
-      debugReferenceFn: i
-    }, (o) => i(this.read(o), o), n);
-  }
-  /**
-   * @sealed
-   * Converts an observable of an observable value into a direct observable of the value.
-  */
-  flatten() {
-    return ae({
-      owner: void 0,
-      debugName: () => `${this.debugName} (flattened)`
-    }, (e) => this.read(e).read(e));
-  }
-  recomputeInitiallyAndOnChange(e, t) {
-    return e.add(Fe(this, t)), this;
-  }
-  /**
-   * Ensures that this observable is observed. This keeps the cache alive.
-   * However, in case of deriveds, it does not force eager evaluation (only when the value is read/get).
-   * Use `recomputeInitiallyAndOnChange` for eager evaluation.
-   */
-  keepObserved(e) {
-    return e.add(Ee(this)), this;
-  }
-  get debugValue() {
-    return this.get();
-  }
-  debugGetDependencyGraph() {
-    return ze(this);
-  }
-}
-class fe extends kt {
-  constructor(e) {
-    var t;
-    super(), this._observers = /* @__PURE__ */ new Set(), (t = v()) == null || t.handleObservableCreated(this, e);
-  }
-  addObserver(e) {
-    var n;
-    const t = this._observers.size;
-    this._observers.add(e), t === 0 && this.onFirstObserverAdded(), t !== this._observers.size && ((n = v()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
-  }
-  removeObserver(e) {
-    var n;
-    const t = this._observers.delete(e);
-    t && this._observers.size === 0 && this.onLastObserverRemoved(), t && ((n = v()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
-  }
-  onFirstObserverAdded() {
-  }
-  onLastObserverRemoved() {
-  }
-  log() {
-    var t;
-    const e = !!v();
-    return bt(this), e || (t = v()) == null || t.handleObservableCreated(this, R.ofCaller()), this;
-  }
-  debugGetObservers() {
-    return this._observers;
-  }
-}
-function He(s) {
-  return {
-    dispose: s
-  };
-}
-class x extends Error {
-  constructor(e) {
-    super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, x.prototype);
-  }
-}
-function X(s) {
-  throw s;
-}
-function de(s) {
-  console.error("Unexpected error:", s);
-}
-const q = (s, e) => s === e;
-function G(s) {
-  return s != null;
-}
-class Y {
-  constructor() {
-    this.disposables = [], this._isDisposed = !1;
-  }
-  get isDisposed() {
-    return this._isDisposed;
-  }
-  dispose() {
-    this.clear(), this._isDisposed = !0;
-  }
-  add(e) {
-    return e && this.disposables.push(e), e;
-  }
-  remove(e) {
-    if (!e)
-      return e;
-    const t = this.disposables.indexOf(e);
-    return t !== -1 && this.disposables.splice(t, 1), e;
-  }
-  clear() {
-    for (const e of this.disposables)
-      e.dispose();
-    this.disposables = [];
-  }
-  leakItems() {
-    this.disposables = [];
-  }
-}
-function Nt(s) {
-  switch (s) {
-    case 0:
-      return "initial";
-    case 1:
-      return "dependenciesMightHaveChanged";
-    case 2:
-      return "stale";
-    case 3:
-      return "upToDate";
-    default:
-      return "<unknown>";
-  }
-}
-class y extends fe {
-  get debugName() {
-    return this._debugNameData.getDebugName(this) ?? "(anonymous)";
-  }
-  constructor(e, t, n, r = void 0, i, o) {
-    var d;
-    super(o), this._debugNameData = e, this._computeFn = t, this._changeTracker = n, this._handleLastObserverRemoved = r, this._equalityComparator = i, this._state = 0, this._value = void 0, this._updateCount = 0, this._dependencies = /* @__PURE__ */ new Set(), this._dependenciesToBeRemoved = /* @__PURE__ */ new Set(), this._changeSummary = void 0, this._isUpdating = !1, this._isComputing = !1, this._didReportChange = !1, this._isInBeforeUpdate = !1, this._isReaderValid = !1, this._store = void 0, this._delayedStore = void 0, this._removedObserverToCallEndUpdateOn = null, this._changeSummary = (d = this._changeTracker) == null ? void 0 : d.createChangeSummary(void 0);
-  }
-  onLastObserverRemoved() {
-    var e, t;
-    this._state = 0, this._value = void 0, (e = v()) == 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);
-  }
-  get() {
-    var t, n;
-    if (this._isComputing, this._observers.size === 0) {
-      let r;
-      try {
-        this._isReaderValid = !0;
-        let i;
-        this._changeTracker && (i = this._changeTracker.createChangeSummary(void 0), (n = (t = this._changeTracker).beforeUpdate) == null || n.call(t, this, i)), r = this._computeFn(this, i);
-      } finally {
-        this._isReaderValid = !1;
-      }
-      return this.onLastObserverRemoved(), r;
-    } else {
-      do {
-        if (this._state === 1) {
-          for (const r of this._dependencies)
-            if (r.reportChanges(), this._state === 2)
-              break;
-        }
-        this._state === 1 && (this._state = 3), this._state !== 3 && this._recompute();
-      } while (this._state !== 3);
-      return this._value;
-    }
-  }
-  _recompute() {
-    var n, r, i, o;
-    let e = !1;
-    this._isComputing = !0, this._didReportChange = !1;
-    const t = this._dependenciesToBeRemoved;
-    this._dependenciesToBeRemoved = this._dependencies, this._dependencies = t;
-    try {
-      const d = this._changeSummary;
-      this._isReaderValid = !0, this._changeTracker && (this._isInBeforeUpdate = !0, (r = (n = this._changeTracker).beforeUpdate) == null || r.call(n, this, d), this._isInBeforeUpdate = !1, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(d));
-      const l = this._state !== 0, h = this._value;
-      this._state = 3;
-      const g = this._delayedStore;
-      g !== 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 b of this._dependenciesToBeRemoved)
-          b.removeObserver(this);
-        this._dependenciesToBeRemoved.clear(), g !== void 0 && g.dispose();
-      }
-      e = this._didReportChange || l && !this._equalityComparator(h, this._value), (o = v()) == null || o.handleObservableUpdated(this, {
-        oldValue: h,
-        newValue: this._value,
-        change: void 0,
-        didChange: e,
-        hadValue: l
-      });
-    } catch (d) {
-      X(d);
-    }
-    if (this._isComputing = !1, !this._didReportChange && e)
-      for (const d of this._observers)
-        d.handleChange(this, void 0);
-    else
-      this._didReportChange = !1;
-  }
-  toString() {
-    return `LazyDerived<${this.debugName}>`;
-  }
-  // IObserver Implementation
-  beginUpdate(e) {
-    if (this._isUpdating)
-      throw new x("Cyclic deriveds are not supported yet!");
-    this._updateCount++, this._isUpdating = !0;
-    try {
-      const t = this._updateCount === 1;
-      if (this._state === 3 && (this._state = 1, !t))
-        for (const n of this._observers)
-          n.handlePossibleChange(this);
-      if (t)
-        for (const n of this._observers)
-          n.beginUpdate(this);
-    } finally {
-      this._isUpdating = !1;
-    }
-  }
-  endUpdate(e) {
-    if (this._updateCount--, this._updateCount === 0) {
-      const t = [...this._observers];
-      for (const n of t)
-        n.endUpdate(this);
-      if (this._removedObserverToCallEndUpdateOn) {
-        const n = [...this._removedObserverToCallEndUpdateOn];
-        this._removedObserverToCallEndUpdateOn = null;
-        for (const r of n)
-          r.endUpdate(this);
-      }
-    }
-  }
-  handlePossibleChange(e) {
-    if (this._state === 3 && this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e)) {
-      this._state = 1;
-      for (const t of this._observers)
-        t.handlePossibleChange(this);
-    }
-  }
-  handleChange(e, t) {
-    var n;
-    if (this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e) || this._isInBeforeUpdate) {
-      (n = v()) == null || n.handleDerivedDependencyChanged(this, e, t);
-      let r = !1;
-      try {
-        r = this._changeTracker ? this._changeTracker.handleChange({
-          changedObservable: e,
-          change: t,
-          didChange: (o) => o === e
-        }, this._changeSummary) : !0;
-      } catch (o) {
-        X(o);
-      }
-      const i = this._state === 3;
-      if (r && (this._state === 1 || i) && (this._state = 2, i))
-        for (const o of this._observers)
-          o.handlePossibleChange(this);
-    }
-  }
-  // IReader Implementation
-  _ensureReaderValid() {
-    if (!this._isReaderValid)
-      throw new x("The reader object cannot be used outside its compute function!");
-  }
-  readObservable(e) {
-    this._ensureReaderValid(), e.addObserver(this);
-    const t = e.get();
-    return this._dependencies.add(e), this._dependenciesToBeRemoved.delete(e), t;
-  }
-  reportChange(e) {
-    this._ensureReaderValid(), this._didReportChange = !0;
-    for (const t of this._observers)
-      t.handleChange(this, e);
-  }
-  get store() {
-    return this._ensureReaderValid(), this._store === void 0 && (this._store = new Y()), this._store;
-  }
-  get delayedStore() {
-    return this._ensureReaderValid(), this._delayedStore === void 0 && (this._delayedStore = new Y()), this._delayedStore;
-  }
-  addObserver(e) {
-    const t = !this._observers.has(e) && this._updateCount > 0;
-    super.addObserver(e), t && (this._removedObserverToCallEndUpdateOn && this._removedObserverToCallEndUpdateOn.has(e) ? this._removedObserverToCallEndUpdateOn.delete(e) : e.beginUpdate(this));
-  }
-  removeObserver(e) {
-    this._observers.has(e) && this._updateCount > 0 && (this._removedObserverToCallEndUpdateOn || (this._removedObserverToCallEndUpdateOn = /* @__PURE__ */ new Set()), this._removedObserverToCallEndUpdateOn.add(e)), super.removeObserver(e);
-  }
-  debugGetState() {
-    return {
-      state: this._state,
-      stateStr: Nt(this._state),
-      updateCount: this._updateCount,
-      isComputing: this._isComputing,
-      dependencies: this._dependencies,
-      value: this._value
-    };
-  }
-  debugSetValue(e) {
-    this._value = e;
-  }
-  debugRecompute() {
-    this._isComputing ? this._state = 2 : this._recompute();
-  }
-  setValue(e, t, n) {
-    this._value = e;
-    const r = this._observers;
-    t.updateObserver(this, this);
-    for (const i of r)
-      i.handleChange(this, n);
-  }
-}
-function j(s, e, t = R.ofCaller()) {
-  return e !== void 0 ? new y(new F(s, void 0, e), e, void 0, void 0, q, t) : new y(new F(void 0, void 0, s), s, void 0, void 0, q, t);
-}
-function Vt(s, e, t = R.ofCaller()) {
-  return new y(new F(s.owner, s.debugName, s.debugReferenceFn), e, void 0, s.onLastObserverRemoved, s.equalsFn ?? q, t);
-}
-It(Vt);
-function Dt(s) {
-  switch (s) {
-    case 1:
-      return "dependenciesMightHaveChanged";
-    case 2:
-      return "stale";
-    case 3:
-      return "upToDate";
-    default:
-      return "<unknown>";
-  }
-}
-class Q {
-  get debugName() {
-    return this._debugNameData.getDebugName(this) ?? "(anonymous)";
-  }
-  constructor(e, t, n, r) {
-    var i, o;
-    this._debugNameData = e, this._runFn = t, this._changeTracker = n, this._state = 2, this._updateCount = 0, this._disposed = !1, this._dependencies = /* @__PURE__ */ new Set(), this._dependenciesToBeRemoved = /* @__PURE__ */ new Set(), this._isRunning = !1, this._store = void 0, this._delayedStore = void 0, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(void 0), (o = v()) == null || o.handleAutorunCreated(this, r), this._run();
-  }
-  dispose() {
-    var e;
-    if (!this._disposed) {
-      this._disposed = !0;
-      for (const t of this._dependencies)
-        t.removeObserver(this);
-      this._dependencies.clear(), this._store !== void 0 && this._store.dispose(), this._delayedStore !== void 0 && this._delayedStore.dispose(), (e = v()) == null || e.handleAutorunDisposed(this);
-    }
-  }
-  _run() {
-    var t, n, r, i;
-    const e = this._dependenciesToBeRemoved;
-    this._dependenciesToBeRemoved = this._dependencies, this._dependencies = e, this._state = 3;
-    try {
-      if (!this._disposed) {
-        (t = v()) == null || t.handleAutorunStarted(this);
-        const o = this._changeSummary, d = this._delayedStore;
-        d !== void 0 && (this._delayedStore = void 0);
-        try {
-          this._isRunning = !0, this._changeTracker && ((r = (n = this._changeTracker).beforeUpdate) == null || r.call(n, this, o), this._changeSummary = this._changeTracker.createChangeSummary(o)), this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._runFn(this, o);
-        } catch (l) {
-          X(l);
-        } finally {
-          this._isRunning = !1, d !== void 0 && d.dispose();
-        }
-      }
-    } finally {
-      this._disposed || (i = v()) == null || i.handleAutorunFinished(this);
-      for (const o of this._dependenciesToBeRemoved)
-        o.removeObserver(this);
-      this._dependenciesToBeRemoved.clear();
-    }
-  }
-  toString() {
-    return `Autorun<${this.debugName}>`;
-  }
-  // IObserver implementation
-  beginUpdate(e) {
-    this._state === 3 && (this._state = 1), this._updateCount++;
-  }
-  endUpdate(e) {
-    try {
-      if (this._updateCount === 1)
-        do {
-          if (this._state === 1) {
-            this._state = 3;
-            for (const t of this._dependencies)
-              if (t.reportChanges(), this._state === 2)
-                break;
-          }
-          this._state !== 3 && this._run();
-        } while (this._state !== 3);
-    } finally {
-      this._updateCount--;
-    }
-  }
-  handlePossibleChange(e) {
-    this._state === 3 && this._isDependency(e) && (this._state = 1);
-  }
-  handleChange(e, t) {
-    var n;
-    if (this._isDependency(e)) {
-      (n = v()) == null || n.handleAutorunDependencyChanged(this, e, t);
-      try {
-        (this._changeTracker ? this._changeTracker.handleChange({
-          changedObservable: e,
-          change: t,
-          didChange: (i) => i === e
-        }, this._changeSummary) : !0) && (this._state = 2);
-      } catch (r) {
-        X(r);
-      }
-    }
-  }
-  _isDependency(e) {
-    return this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e);
-  }
-  // IReader implementation
-  _ensureNoRunning() {
-    if (!this._isRunning)
-      throw new x("The reader object cannot be used outside its compute function!");
-  }
-  readObservable(e) {
-    if (this._ensureNoRunning(), this._disposed)
-      return e.get();
-    e.addObserver(this);
-    const t = e.get();
-    return this._dependencies.add(e), this._dependenciesToBeRemoved.delete(e), t;
-  }
-  get store() {
-    if (this._ensureNoRunning(), this._disposed)
-      throw new x("Cannot access store after dispose");
-    return this._store === void 0 && (this._store = new Y()), this._store;
-  }
-  get delayedStore() {
-    if (this._ensureNoRunning(), this._disposed)
-      throw new x("Cannot access store after dispose");
-    return this._delayedStore === void 0 && (this._delayedStore = new Y()), this._delayedStore;
-  }
-  debugGetState() {
-    return {
-      isRunning: this._isRunning,
-      updateCount: this._updateCount,
-      dependencies: this._dependencies,
-      state: this._state,
-      stateStr: Dt(this._state)
-    };
-  }
-  debugRerun() {
-    this._isRunning ? this._state = 2 : this._run();
-  }
-}
-function Le(s, e = R.ofCaller()) {
-  return new Q(new F(void 0, void 0, s), s, void 0, e);
-}
-function Ce(s) {
-  const e = new Error("BugIndicatingErrorRecovery: " + s);
-  de(e), console.error("recovered from an error that indicates a bug", e);
-}
-function $e(s, e) {
-  const t = new Ue(s, e);
-  try {
-    s(t);
-  } finally {
-    t.finish();
-  }
-}
-function At(s, e, t) {
-  s ? e(s) : $e(e, t);
-}
-class Ue {
-  constructor(e, t) {
-    var n;
-    this._fn = e, this._getDebugName = t, this._updatingObservers = [], (n = v()) == null || n.handleBeginTransaction(this);
-  }
-  getDebugName() {
-    return this._getDebugName ? this._getDebugName() : ue(this._fn);
-  }
-  updateObserver(e, t) {
-    if (!this._updatingObservers) {
-      Ce("Transaction already finished!"), $e((n) => {
-        n.updateObserver(e, t);
-      });
-      return;
-    }
-    this._updatingObservers.push({ observer: e, observable: t }), e.beginUpdate(t);
-  }
-  finish() {
-    var t;
-    const e = this._updatingObservers;
-    if (!e) {
-      Ce("transaction.finish() has already been called!");
-      return;
-    }
-    for (let n = 0; n < e.length; n++) {
-      const { observer: r, observable: i } = e[n];
-      r.endUpdate(i);
-    }
-    this._updatingObservers = null, (t = v()) == null || t.handleEndTransaction(this);
-  }
-  debugGetUpdatingObservers() {
-    return this._updatingObservers;
-  }
-}
-function _(s, e, t = R.ofCaller()) {
-  let n;
-  return typeof s == "string" ? n = new F(void 0, s, void 0) : n = new F(s, void 0, void 0), new ee(n, e, q, t);
-}
-class ee extends fe {
-  get debugName() {
-    return this._debugNameData.getDebugName(this) ?? "ObservableValue";
-  }
-  constructor(e, t, n, r) {
-    var i;
-    super(r), this._debugNameData = e, this._equalityComparator = n, this._value = t, (i = v()) == null || i.handleObservableUpdated(this, { hadValue: !1, newValue: t, change: void 0, didChange: !0, oldValue: void 0 });
-  }
-  get() {
-    return this._value;
-  }
-  set(e, t, n) {
-    var i;
-    if (n === void 0 && this._equalityComparator(this._value, e))
-      return;
-    let r;
-    t || (t = r = new Ue(() => {
-    }, () => `Setting ${this.debugName}`));
-    try {
-      const o = this._value;
-      this._setValue(e), (i = v()) == null || i.handleObservableUpdated(this, { oldValue: o, newValue: e, change: n, didChange: !0, hadValue: !0 });
-      for (const d of this._observers)
-        t.updateObserver(d, this), d.handleChange(this, n);
-    } finally {
-      r && r.finish();
-    }
-  }
-  toString() {
-    return `${this.debugName}: ${this._value}`;
-  }
-  _setValue(e) {
-    this._value = e;
-  }
-  debugGetState() {
-    return {
-      value: this._value
-    };
-  }
-  debugSetValue(e) {
-    this._value = e;
-  }
-}
-function xe(...s) {
-  let e, t, n, r;
-  return s.length === 2 ? [t, n] = s : [e, t, n, r] = s, new k(new F(e, void 0, n), t, n, () => k.globalTransaction, q, r ?? R.ofCaller());
-}
-class k extends fe {
-  constructor(e, t, n, r, i, o) {
-    super(o), this._debugNameData = e, this.event = t, this._getValue = n, this._getTransaction = r, this._equalityComparator = i, this._hasValue = !1, this.handleEvent = (d) => {
-      var I;
-      const l = this._getValue(d), h = this._value, g = !this._hasValue || !this._equalityComparator(h, l);
-      let b = !1;
-      g && (this._value = l, this._hasValue && (b = !0, At(this._getTransaction(), (S) => {
-        var K;
-        (K = v()) == null || K.handleObservableUpdated(this, { oldValue: h, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
-        for (const E of this._observers)
-          S.updateObserver(E, this), E.handleChange(this, void 0);
-      }, () => {
-        const S = this.getDebugName();
-        return "Event fired" + (S ? `: ${S}` : "");
-      })), this._hasValue = !0), b || (I = v()) == null || I.handleObservableUpdated(this, { oldValue: h, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
-    };
-  }
-  getDebugName() {
-    return this._debugNameData.getDebugName(this);
-  }
-  get debugName() {
-    const e = this.getDebugName();
-    return "From Event" + (e ? `: ${e}` : "");
-  }
-  onFirstObserverAdded() {
-    this._subscription = this.event(this.handleEvent);
-  }
-  onLastObserverRemoved() {
-    this._subscription.dispose(), this._subscription = void 0, this._hasValue = !1, this._value = void 0;
-  }
-  get() {
-    return this._subscription ? (this._hasValue || this.handleEvent(void 0), this._value) : this._getValue(void 0);
-  }
-  debugSetValue(e) {
-    this._value = e;
-  }
-  debugGetState() {
-    return { value: this._value, hasValue: this._hasValue };
-  }
-}
-(function(s) {
-  s.Observer = k;
-  function e(t, n) {
-    let r = !1;
-    k.globalTransaction === void 0 && (k.globalTransaction = t, r = !0);
-    try {
-      n();
-    } finally {
-      r && (k.globalTransaction = void 0);
-    }
-  }
-  s.batchEventsGlobally = e;
-})(xe || (xe = {}));
-function Bt(s) {
-  const e = new je(!1, void 0);
-  return s.addObserver(e), He(() => {
-    s.removeObserver(e);
-  });
-}
-Tt(Bt);
-function Mt(s, e) {
-  const t = new je(!0, e);
-  s.addObserver(t);
-  try {
-    t.beginUpdate(s);
-  } finally {
-    t.endUpdate(s);
-  }
-  return He(() => {
-    s.removeObserver(t);
-  });
-}
-Ot(Mt);
-class je {
-  constructor(e, t) {
-    this._forceRecompute = e, this._handleValue = t, this._counter = 0;
-  }
-  beginUpdate(e) {
-    this._counter++;
-  }
-  endUpdate(e) {
-    this._counter === 1 && this._forceRecompute && (this._handleValue ? this._handleValue(e.get()) : e.reportChanges()), this._counter--;
-  }
-  handlePossibleChange(e) {
-  }
-  handleChange(e, t) {
-  }
-}
-let Z;
-function Ft(s) {
-  Z || (Z = new Et(), Be(Z)), Z.addFilteredObj(s);
-}
-class Et {
-  constructor() {
-    this.indentation = 0, this.changedObservablesSets = /* @__PURE__ */ new WeakMap();
-  }
-  addFilteredObj(e) {
-    this._filteredObjects || (this._filteredObjects = /* @__PURE__ */ new Set()), this._filteredObjects.add(e);
-  }
-  _isIncluded(e) {
-    var t;
-    return ((t = this._filteredObjects) == null ? void 0 : t.has(e)) ?? !0;
-  }
-  textToConsoleArgs(e) {
-    return zt([
-      z($t("|  ", this.indentation)),
-      e
-    ]);
-  }
-  formatInfo(e) {
-    return e.hadValue ? e.didChange ? [
-      z(" "),
-      C(T(e.oldValue, 70), {
-        color: "red",
-        strikeThrough: !0
-      }),
-      z(" "),
-      C(T(e.newValue, 60), {
-        color: "green"
-      })
-    ] : [z(" (unchanged)")] : [
-      z(" "),
-      C(T(e.newValue, 60), {
-        color: "green"
-      }),
-      z(" (initial)")
-    ];
-  }
-  handleObservableCreated(e) {
-    if (e instanceof y) {
-      const t = e;
-      this.changedObservablesSets.set(t, /* @__PURE__ */ new Set());
-    }
-  }
-  handleOnListenerCountChanged(e, t) {
-  }
-  handleObservableUpdated(e, t) {
-    if (this._isIncluded(e)) {
-      if (e instanceof y) {
-        this._handleDerivedRecomputed(e, t);
-        return;
-      }
-      console.log(...this.textToConsoleArgs([
-        H("observable value changed"),
-        C(e.debugName, { color: "BlueViolet" }),
-        ...this.formatInfo(t)
-      ]));
-    }
-  }
-  formatChanges(e) {
-    if (e.size !== 0)
-      return C(" (changed deps: " + [...e].map((t) => t.debugName).join(", ") + ")", { color: "gray" });
-  }
-  handleDerivedDependencyChanged(e, t, n) {
-    var r;
-    this._isIncluded(e) && ((r = this.changedObservablesSets.get(e)) == null || r.add(t));
-  }
-  _handleDerivedRecomputed(e, t) {
-    if (!this._isIncluded(e))
-      return;
-    const n = this.changedObservablesSets.get(e);
-    n && (console.log(...this.textToConsoleArgs([
-      H("derived recomputed"),
-      C(e.debugName, { color: "BlueViolet" }),
-      ...this.formatInfo(t),
-      this.formatChanges(n),
-      { data: [{ fn: e._debugNameData.referenceFn ?? e._computeFn }] }
-    ])), n.clear());
-  }
-  handleDerivedCleared(e) {
-    this._isIncluded(e) && console.log(...this.textToConsoleArgs([
-      H("derived cleared"),
-      C(e.debugName, { color: "BlueViolet" })
-    ]));
-  }
-  handleFromEventObservableTriggered(e, t) {
-    this._isIncluded(e) && console.log(...this.textToConsoleArgs([
-      H("observable from event triggered"),
-      C(e.debugName, { color: "BlueViolet" }),
-      ...this.formatInfo(t),
-      { data: [{ fn: e._getValue }] }
-    ]));
-  }
-  handleAutorunCreated(e) {
-    this._isIncluded(e) && this.changedObservablesSets.set(e, /* @__PURE__ */ new Set());
-  }
-  handleAutorunDisposed(e) {
-  }
-  handleAutorunDependencyChanged(e, t, n) {
-    this._isIncluded(e) && this.changedObservablesSets.get(e).add(t);
-  }
-  handleAutorunStarted(e) {
-    const t = this.changedObservablesSets.get(e);
-    t && (this._isIncluded(e) && console.log(...this.textToConsoleArgs([
-      H("autorun"),
-      C(e.debugName, { color: "BlueViolet" }),
-      this.formatChanges(t),
-      { data: [{ fn: e._debugNameData.referenceFn ?? e._runFn }] }
-    ])), t.clear(), this.indentation++);
-  }
-  handleAutorunFinished(e) {
-    this.indentation--;
-  }
-  handleBeginTransaction(e) {
-    let t = e.getDebugName();
-    t === void 0 && (t = ""), this._isIncluded(e) && console.log(...this.textToConsoleArgs([
-      H("transaction"),
-      C(t, { color: "BlueViolet" }),
-      { data: [{ fn: e._fn }] }
-    ])), this.indentation++;
-  }
-  handleEndTransaction() {
-    this.indentation--;
-  }
-}
-function zt(s) {
-  const e = new Array(), t = [];
-  let n = "";
-  function r(o) {
-    if ("length" in o)
-      for (const d of o)
-        d && r(d);
-    else "text" in o ? (n += `%c${o.text}`, e.push(o.style), o.data && t.push(...o.data)) : "data" in o && t.push(...o.data);
-  }
-  r(s);
-  const i = [n, ...e];
-  return i.push(...t), i;
-}
-function z(s) {
-  return C(s, { color: "black" });
-}
-function H(s) {
-  return C(Ut(`${s}: `, 10), { color: "black", bold: !0 });
-}
-function C(s, e = {
-  color: "black"
-}) {
-  function t(r) {
-    return Object.entries(r).reduce((i, [o, d]) => `${i}${o}:${d};`, "");
-  }
-  const n = {
-    color: e.color
-  };
-  return e.strikeThrough && (n["text-decoration"] = "line-through"), e.bold && (n["font-weight"] = "bold"), {
-    text: s,
-    style: t(n)
-  };
-}
-function T(s, e) {
-  switch (typeof s) {
-    case "number":
-      return "" + s;
-    case "string":
-      return s.length + 2 <= e ? `"${s}"` : `"${s.substr(0, e - 7)}"+...`;
-    case "boolean":
-      return s ? "true" : "false";
-    case "undefined":
-      return "undefined";
-    case "object":
-      return s === null ? "null" : Array.isArray(s) ? Ht(s, e) : Lt(s, e);
-    case "symbol":
-      return s.toString();
-    case "function":
-      return `[[Function${s.name ? " " + s.name : ""}]]`;
-    default:
-      return "" + s;
-  }
-}
-function Ht(s, e) {
-  let t = "[ ", n = !0;
-  for (const r of s) {
-    if (n || (t += ", "), t.length - 5 > e) {
-      t += "...";
-      break;
-    }
-    n = !1, t += `${T(r, e - t.length)}`;
-  }
-  return t += " ]", t;
-}
-function Lt(s, e) {
-  if (typeof s.toString == "function" && s.toString !== Object.prototype.toString) {
-    const i = s.toString();
-    return i.length <= e ? i : i.substring(0, e - 3) + "...";
-  }
-  const t = Me(s);
-  let n = t ? t + "(" : "{ ", r = !0;
-  for (const [i, o] of Object.entries(s)) {
-    if (r || (n += ", "), n.length - 5 > e) {
-      n += "...";
-      break;
-    }
-    r = !1, n += `${i}: ${T(o, e - n.length)}`;
-  }
-  return n += t ? ")" : " }", n;
-}
-function $t(s, e) {
-  let t = "";
-  for (let n = 1; n <= e; n++)
-    t += s;
-  return t;
-}
-function Ut(s, e) {
-  for (; s.length < e; )
-    s += " ";
-  return s;
-}
-class te {
-  static createHost(e, t) {
-    return new te(e, t);
-  }
-  static createClient(e, t) {
-    return new te(e, t);
-  }
-  constructor(e, t) {
-    this._channelFactory = e, this._getHandler = t, this._channel = this._channelFactory({
-      handleNotification: (i) => {
-        const o = i, d = this._getHandler().notifications[o[0]];
-        if (!d)
-          throw new Error(`Unknown notification "${o[0]}"!`);
-        d(...o[1]);
-      },
-      handleRequest: (i) => {
-        const o = i;
-        try {
-          return { type: "result", value: this._getHandler().requests[o[0]](...o[1]) };
-        } catch (d) {
-          return { type: "error", value: d };
-        }
-      }
-    });
-    const n = new Proxy({}, {
-      get: (i, o) => async (...d) => {
-        const l = await this._channel.sendRequest([o, d]);
-        if (l.type === "error")
-          throw l.value;
-        return l.value;
-      }
-    }), r = new Proxy({}, {
-      get: (i, o) => (...d) => {
-        this._channel.sendNotification([o, d]);
-      }
-    });
-    this.api = { notifications: r, requests: n };
-  }
-}
-function jt(s, e) {
-  const t = globalThis;
-  let n = [], r;
-  const { channel: i, handler: o } = Pt({
-    sendNotification: (l) => {
-      r ? r.sendNotification(l) : n.push(l);
-    }
-  });
-  let d;
-  return (t.$$debugValueEditor_debugChannels ?? (t.$$debugValueEditor_debugChannels = {}))[s] = (l) => {
-    d = e(), r = l;
-    for (const h of n)
-      l.sendNotification(h);
-    return n = [], o;
-  }, te.createClient(i, () => {
-    if (!d)
-      throw new Error("Not supported");
-    return d;
-  });
-}
-function Pt(s) {
-  let e;
-  return {
-    channel: (n) => (e = n, {
-      sendNotification: (r) => {
-        s.sendNotification(r);
-      },
-      sendRequest: (r) => {
-        throw new Error("not supported");
-      }
-    }),
-    handler: {
-      handleRequest: (n) => n.type === "notification" ? e == null ? void 0 : e.handleNotification(n.data) : e == null ? void 0 : e.handleRequest(n.data)
-    }
-  };
-}
-class Gt {
-  constructor() {
-    this._timeout = void 0;
-  }
-  throttle(e, t) {
-    this._timeout === void 0 && (this._timeout = setTimeout(() => {
-      this._timeout = void 0, e();
-    }, t));
-  }
-  dispose() {
-    this._timeout !== void 0 && clearTimeout(this._timeout);
-  }
-}
-function Pe(s, e) {
-  for (const t in e)
-    s[t] && typeof s[t] == "object" && e[t] && typeof e[t] == "object" ? Pe(s[t], e[t]) : s[t] = e[t];
-}
-function Ge(s, e) {
-  for (const t in e)
-    e[t] === null ? delete s[t] : s[t] && typeof s[t] == "object" && e[t] && typeof e[t] == "object" ? Ge(s[t], e[t]) : s[t] = e[t];
-}
-class M {
-  static getInstance() {
-    return M._instance === void 0 && (M._instance = new M()), M._instance;
-  }
-  getTransactionState() {
-    const e = [], t = [...this._activeTransactions];
-    if (t.length === 0)
-      return;
-    const n = t.flatMap((i) => i.debugGetUpdatingObservers() ?? []).map((i) => i.observer), r = /* @__PURE__ */ new Set();
-    for (; n.length > 0; ) {
-      const i = n.shift();
-      if (r.has(i))
-        continue;
-      r.add(i);
-      const o = this._getInfo(i, (d) => {
-        r.has(d) || n.push(d);
-      });
-      o && e.push(o);
-    }
-    return { names: t.map((i) => i.getDebugName() ?? "tx"), affected: e };
-  }
-  _getObservableInfo(e) {
-    const t = this._instanceInfos.get(e);
-    if (!t) {
-      de(new x("No info found"));
-      return;
-    }
-    return t;
-  }
-  _getAutorunInfo(e) {
-    const t = this._instanceInfos.get(e);
-    if (!t) {
-      de(new x("No info found"));
-      return;
-    }
-    return t;
-  }
-  _getInfo(e, t) {
-    if (e instanceof y) {
-      const n = [...e.debugGetObservers()];
-      for (const l of n)
-        t(l);
-      const r = this._getObservableInfo(e);
-      if (!r)
-        return;
-      const i = e.debugGetState(), o = { name: e.debugName, instanceId: r.instanceId, updateCount: i.updateCount }, d = [...r.changedObservables].map((l) => {
-        var h;
-        return (h = this._instanceInfos.get(l)) == null ? void 0 : h.instanceId;
-      }).filter(G);
-      if (i.isComputing)
-        return { ...o, type: "observable/derived", state: "updating", changedDependencies: d, initialComputation: !1 };
-      switch (i.state) {
-        case 0:
-          return { ...o, type: "observable/derived", state: "noValue" };
-        case 3:
-          return { ...o, type: "observable/derived", state: "upToDate" };
-        case 2:
-          return { ...o, type: "observable/derived", state: "stale", changedDependencies: d };
-        case 1:
-          return { ...o, type: "observable/derived", state: "possiblyStale" };
-      }
-    } else if (e instanceof Q) {
-      const n = this._getAutorunInfo(e);
-      if (!n)
-        return;
-      const r = { name: e.debugName, instanceId: n.instanceId, updateCount: n.updateCount }, i = [...n.changedObservables].map((o) => this._instanceInfos.get(o).instanceId);
-      if (e.debugGetState().isRunning)
-        return { ...r, type: "autorun", state: "updating", changedDependencies: i };
-      switch (e.debugGetState().state) {
-        case 3:
-          return { ...r, type: "autorun", state: "upToDate" };
-        case 2:
-          return { ...r, type: "autorun", state: "stale", changedDependencies: i };
-        case 1:
-          return { ...r, type: "autorun", state: "possiblyStale" };
-      }
-    }
-  }
-  _formatObservable(e) {
-    const t = this._getObservableInfo(e);
-    if (t)
-      return { name: e.debugName, instanceId: t.instanceId };
-  }
-  _formatObserver(e) {
-    var n;
-    if (e instanceof y)
-      return { name: e.toString(), instanceId: (n = this._getObservableInfo(e)) == null ? void 0 : n.instanceId };
-    const t = this._getAutorunInfo(e);
-    if (t)
-      return { name: e.toString(), instanceId: t.instanceId };
-  }
-  constructor() {
-    this._declarationId = 0, this._instanceId = 0, this._declarations = /* @__PURE__ */ new Map(), this._instanceInfos = /* @__PURE__ */ new WeakMap(), this._aliveInstances = /* @__PURE__ */ new Map(), this._activeTransactions = /* @__PURE__ */ new Set(), this._channel = jt("observableDevTools", () => ({
-      notifications: {
-        setDeclarationIdFilter: (e) => {
-        },
-        logObservableValue: (e) => {
-          console.log("logObservableValue", e);
-        },
-        flushUpdates: () => {
-          this._flushUpdates();
-        },
-        resetUpdates: () => {
-          this._pendingChanges = null, this._channel.api.notifications.handleChange(this._fullState, !0);
-        }
-      },
-      requests: {
-        getDeclarations: () => {
-          const e = {};
-          for (const t of this._declarations.values())
-            e[t.id] = t;
-          return { decls: e };
-        },
-        getSummarizedInstances: () => null,
-        getObservableValueInfo: (e) => ({
-          observers: [...this._aliveInstances.get(e).debugGetObservers()].map((n) => this._formatObserver(n)).filter(G)
-        }),
-        getDerivedInfo: (e) => {
-          const t = this._aliveInstances.get(e);
-          return {
-            dependencies: [...t.debugGetState().dependencies].map((n) => this._formatObservable(n)).filter(G),
-            observers: [...t.debugGetObservers()].map((n) => this._formatObserver(n)).filter(G)
-          };
-        },
-        getAutorunInfo: (e) => ({
-          dependencies: [...this._aliveInstances.get(e).debugGetState().dependencies].map((n) => this._formatObservable(n)).filter(G)
-        }),
-        getTransactionState: () => this.getTransactionState(),
-        setValue: (e, t) => {
-          const n = this._aliveInstances.get(e);
-          if (n instanceof y)
-            n.debugSetValue(t);
-          else if (n instanceof ee)
-            n.debugSetValue(t);
-          else if (n instanceof k)
-            n.debugSetValue(t);
-          else
-            throw new x("Observable is not supported");
-          const r = [...n.debugGetObservers()];
-          for (const i of r)
-            i.beginUpdate(n);
-          for (const i of r)
-            i.handleChange(n, void 0);
-          for (const i of r)
-            i.endUpdate(n);
-        },
-        getValue: (e) => {
-          const t = this._aliveInstances.get(e);
-          if (t instanceof y)
-            return T(t.debugGetState().value, 200);
-          if (t instanceof ee)
-            return T(t.debugGetState().value, 200);
-        },
-        logValue: (e) => {
-          const t = this._aliveInstances.get(e);
-          if (t && "get" in t)
-            console.log("Logged Value:", t.get());
-          else
-            throw new x("Observable is not supported");
-        },
-        rerun: (e) => {
-          const t = this._aliveInstances.get(e);
-          if (t instanceof y)
-            t.debugRecompute();
-          else if (t instanceof Q)
-            t.debugRerun();
-          else
-            throw new x("Observable is not supported");
-        }
-      }
-    })), this._pendingChanges = null, this._changeThrottler = new Gt(), this._fullState = {}, this._flushUpdates = () => {
-      this._pendingChanges !== null && (this._channel.api.notifications.handleChange(this._pendingChanges, !1), this._pendingChanges = null);
-    }, R.enable();
-  }
-  _handleChange(e) {
-    Ge(this._fullState, e), this._pendingChanges === null ? this._pendingChanges = e : Pe(this._pendingChanges, e), this._changeThrottler.throttle(this._flushUpdates, 10);
-  }
-  _getDeclarationId(e, t) {
-    if (!t)
-      return -1;
-    let n = this._declarations.get(t.id);
-    return n === void 0 && (n = {
-      id: this._declarationId++,
-      type: e,
-      url: t.fileName,
-      line: t.line,
-      column: t.column
-    }, this._declarations.set(t.id, n), this._handleChange({ decls: { [n.id]: n } })), n.id;
-  }
-  handleObservableCreated(e, t) {
-    const r = {
-      declarationId: this._getDeclarationId("observable/value", t),
-      instanceId: this._instanceId++,
-      listenerCount: 0,
-      lastValue: void 0,
-      updateCount: 0,
-      changedObservables: /* @__PURE__ */ new Set()
-    };
-    this._instanceInfos.set(e, r);
-  }
-  handleOnListenerCountChanged(e, t) {
-    const n = this._getObservableInfo(e);
-    if (n) {
-      if (n.listenerCount === 0 && t > 0) {
-        const r = e instanceof y ? "observable/derived" : "observable/value";
-        this._aliveInstances.set(n.instanceId, e), this._handleChange({
-          instances: {
-            [n.instanceId]: {
-              instanceId: n.instanceId,
-              declarationId: n.declarationId,
-              formattedValue: n.lastValue,
-              type: r,
-              name: e.debugName
-            }
-          }
-        });
-      } else n.listenerCount > 0 && t === 0 && (this._handleChange({
-        instances: { [n.instanceId]: null }
-      }), this._aliveInstances.delete(n.instanceId));
-      n.listenerCount = t;
-    }
-  }
-  handleObservableUpdated(e, t) {
-    if (e instanceof y) {
-      this._handleDerivedRecomputed(e, t);
-      return;
-    }
-    const n = this._getObservableInfo(e);
-    n && t.didChange && (n.lastValue = T(t.newValue, 30), n.listenerCount > 0 && this._handleChange({
-      instances: { [n.instanceId]: { formattedValue: n.lastValue } }
-    }));
-  }
-  handleAutorunCreated(e, t) {
-    const r = {
-      declarationId: this._getDeclarationId("autorun", t),
-      instanceId: this._instanceId++,
-      updateCount: 0,
-      changedObservables: /* @__PURE__ */ new Set()
-    };
-    this._instanceInfos.set(e, r), this._aliveInstances.set(r.instanceId, e), r && this._handleChange({
-      instances: {
-        [r.instanceId]: {
-          instanceId: r.instanceId,
-          declarationId: r.declarationId,
-          runCount: 0,
-          type: "autorun",
-          name: e.debugName
-        }
-      }
-    });
-  }
-  handleAutorunDisposed(e) {
-    const t = this._getAutorunInfo(e);
-    t && (this._handleChange({
-      instances: { [t.instanceId]: null }
-    }), this._instanceInfos.delete(e), this._aliveInstances.delete(t.instanceId));
-  }
-  handleAutorunDependencyChanged(e, t, n) {
-    const r = this._getAutorunInfo(e);
-    r && r.changedObservables.add(t);
-  }
-  handleAutorunStarted(e) {
-  }
-  handleAutorunFinished(e) {
-    const t = this._getAutorunInfo(e);
-    t && (t.changedObservables.clear(), t.updateCount++, this._handleChange({
-      instances: { [t.instanceId]: { runCount: t.updateCount } }
-    }));
-  }
-  handleDerivedDependencyChanged(e, t, n) {
-    const r = this._getObservableInfo(e);
-    r && r.changedObservables.add(t);
-  }
-  _handleDerivedRecomputed(e, t) {
-    const n = this._getObservableInfo(e);
-    if (!n)
-      return;
-    const r = T(t.newValue, 30);
-    n.updateCount++, n.changedObservables.clear(), n.lastValue = r, n.listenerCount > 0 && this._handleChange({
-      instances: { [n.instanceId]: { formattedValue: r, recomputationCount: n.updateCount } }
-    });
-  }
-  handleDerivedCleared(e) {
-    const t = this._getObservableInfo(e);
-    t && (t.lastValue = void 0, t.changedObservables.clear(), t.listenerCount > 0 && this._handleChange({
-      instances: {
-        [t.instanceId]: {
-          formattedValue: void 0
-        }
-      }
-    }));
-  }
-  handleBeginTransaction(e) {
-    this._activeTransactions.add(e);
-  }
-  handleEndTransaction(e) {
-    this._activeTransactions.delete(e);
-  }
-}
-M._instance = void 0;
-function Wt(s, e) {
-  const t = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((i) => i), n = w.from(s, t);
-  return n ? We(n, 0, /* @__PURE__ */ new Set()).trim() : "";
-}
-function We(s, e, t) {
-  const n = "		".repeat(e), r = [];
-  if (t.has(s.sourceObj))
-    return r.push(`${n}* ${s.type} ${s.name} (already listed)`), r.join(`
-`);
-  if (t.add(s.sourceObj), r.push(`${n}* ${s.type} ${s.name}:`), r.push(`${n}  value: ${T(s.value, 50)}`), r.push(`${n}  state: ${s.state}`), s.dependencies.length > 0) {
-    r.push(`${n}  dependencies:`);
-    for (const o of s.dependencies)
-      r.push(We(o, e + 1, t));
-  }
-  return r.join(`
-`);
-}
-class w {
-  static from(e, t) {
-    if (e instanceof Q) {
-      const n = e.debugGetState();
-      return new w(e, t(e.debugName), "autorun", void 0, n.stateStr, Array.from(n.dependencies).map((r) => w.from(r, t) || w.unknown(r)));
-    } else if (e instanceof y) {
-      const n = e.debugGetState();
-      return new w(e, t(e.debugName), "derived", n.value, n.stateStr, Array.from(n.dependencies).map((r) => w.from(r, t) || w.unknown(r)));
-    } else if (e instanceof ee) {
-      const n = e.debugGetState();
-      return new w(e, t(e.debugName), "observableValue", n.value, "upToDate", []);
-    } else if (e instanceof k) {
-      const n = e.debugGetState();
-      return new w(e, t(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
-    }
-  }
-  static unknown(e) {
-    return new w(e, "(unknown)", "unknown", void 0, "unknown", []);
-  }
-  constructor(e, t, n, r, i, o) {
-    this.sourceObj = e, this.name = t, this.type = n, this.value = r, this.state = i, this.dependencies = o;
-  }
-}
-Rt(Wt);
-_t(Ft);
-Be(M.getInstance());
-class qe {
-  constructor() {
-    c(this, "_fixtures", _(this, /* @__PURE__ */ new Map()));
-    /** Observable root of the fixture tree */
-    c(this, "root", j(this, (e) => {
-      const t = this._fixtures.read(e);
-      return re(t);
-    }));
-  }
-  /**
-   * Registers a fixture file.
-   * @param path The file path (e.g., 'components/Button.fixture.tsx')
-   * @param fixtureExport The exported fixture object
-   */
-  register(e, t) {
-    const n = new Map(this._fixtures.get());
-    n.set(e, t), this._fixtures.set(n, void 0);
-  }
-  /**
-   * Unregisters a fixture file.
-   * @param path The file path to remove
-   */
-  unregister(e) {
-    const t = new Map(this._fixtures.get());
-    t.delete(e) && this._fixtures.set(t, void 0);
-  }
-  /**
-   * Clears all registered fixtures.
-   */
-  clear() {
-    this._fixtures.set(/* @__PURE__ */ new Map(), void 0);
-  }
-  /**
-   * Gets a node by path.
-   */
-  getNode(e, t) {
-    const n = this.root.read(e);
-    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 = re(t), r = ve(n, e);
-    return r == null ? void 0 : r.component;
-  }
-}
-class Zn {
-  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");
-    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);
-  }
-  get updateVersion() {
-    return this._updateVersion;
-  }
-  updateFixtures(e) {
-    this._fixtureModules = e, this._root = this._buildRegistry(), this._updateVersion++;
-    const t = this._flattenFixtures(this._root).length;
-    console.log("[cli] Registry rebuilt, version:", this._updateVersion, "fixtures:", t);
-  }
-  bumpVersion() {
-    this._updateVersion++, console.log("[cli] Version bumped:", this._updateVersion);
-  }
-  listFixtures() {
-    return this._flattenFixtures(this._root);
-  }
-  async renderFixture(e) {
-    const t = this._findFixtureNode(this._root, e);
-    if (!t || !t.component)
-      throw new Error("Fixture not found: " + e);
-    this._currentDisposable && (this._currentDisposable.dispose(), this._currentDisposable = void 0), this._currentContainer && (this._currentContainer.remove(), this._currentContainer = void 0);
-    const n = document.createElement("div");
-    n.style.display = "inline-block", this._containerElement.appendChild(n), this._currentContainer = n;
-    const r = t.component, i = ht(r.properties);
-    let o = n;
-    if (r.isolation === "shadow-dom") {
-      const l = n.attachShadow({ mode: "open" });
-      o = document.createElement("div"), l.appendChild(o);
-    }
-    const d = r.render(o, i);
-    this._currentDisposable = d && typeof d == "object" && "dispose" in d ? d : void 0, await new Promise((l) => requestAnimationFrame(() => requestAnimationFrame(() => l())));
-  }
-  _buildRegistry() {
-    const e = /* @__PURE__ */ new Map();
-    for (const [t, n] of Object.entries(this._fixtureModules)) {
-      const r = n.default;
-      r && typeof r == "object" && e.set(t, r);
-    }
-    return re(e);
-  }
-  _flattenFixtures(e, t = []) {
-    const n = [];
-    e.type === "component" && n.push({ fixtureId: e.id, fixtureName: e.name, groupPath: t });
-    for (const r of e.children ?? []) {
-      const i = e.id ? [...t, e.name] : t;
-      n.push(...this._flattenFixtures(r, i));
-    }
-    return n;
-  }
-  _findFixtureNode(e, t) {
-    if (e.id === t) return e;
-    for (const n of e.children ?? []) {
-      const r = this._findFixtureNode(n, t);
-      if (r) return r;
-    }
-  }
-  _installGlobalApi() {
-    window.__componentExplorerCli__ = {
-      sessionId: this.sessionId,
-      get updateVersion() {
-        return 0;
-      },
-      listFixtures: () => this.listFixtures(),
-      renderFixture: (e) => this.renderFixture(e)
-    }, Object.defineProperty(window.__componentExplorerCli__, "updateVersion", {
-      get: () => this._updateVersion
-    });
-  }
-}
-function Ke(s) {
-  var e;
-  return {
-    id: s.id,
-    name: s.name,
-    type: s.type,
-    children: (e = s.children) == null ? void 0 : e.map(Ke),
-    component: s.component
-  };
-}
-function W(s, e) {
-  const {
-    storageKey: t,
-    defaultValue: n,
-    serialize: r = JSON.stringify,
-    deserialize: i = JSON.parse
-  } = e;
-  let o = n;
-  try {
-    const h = localStorage.getItem(t);
-    h !== null && (o = i(h));
-  } catch {
-  }
-  const d = _(s, o), l = d.set.bind(d);
-  return d.set = (h, g) => {
-    try {
-      localStorage.setItem(t, r(h));
-    } catch {
-    }
-    l(h, g);
-  }, d;
-}
-class qt extends N({
-  registry: f.const(),
-  daemonModel: f.const()
-}) {
-  constructor() {
-    super(...arguments);
-    c(this, "leftSidebarVisible", W(this, {
-      storageKey: "component-explorer:leftSidebarVisible",
-      defaultValue: !0
-    }));
-    c(this, "rightSidebarVisible", W(this, {
-      storageKey: "component-explorer:rightSidebarVisible",
-      defaultValue: !0
-    }));
-    c(this, "isDarkTheme", W(this, {
-      storageKey: "component-explorer:isDarkTheme",
-      defaultValue: !0
-    }));
-    c(this, "selectedNodeId", W(this, {
-      storageKey: "component-explorer:selectedNodeId",
-      defaultValue: void 0
-    }));
-    c(this, "expandedNodeIds", _(this, /* @__PURE__ */ new Set()));
-    c(this, "viewMode", W(this, {
-      storageKey: "component-explorer:viewMode",
-      defaultValue: "session"
-    }));
-    /** The explorer's tree derived from the registry */
-    c(this, "tree", j(this, (t) => {
-      const n = this.props.registry.root.read(t);
-      return Ke(n);
-    }));
-    c(this, "selectedNode", j(this, (t) => {
-      const n = this.selectedNodeId.read(t);
-      if (!n) return;
-      const r = this.tree.read(t);
-      return this._findNode(r.children ?? [], n);
-    }));
-    /** List of preview rows to render based on current selection and view mode */
-    c(this, "selectedFixtures", j(this, (t) => {
-      const n = this.selectedNode.read(t);
-      return n ? this.viewMode.read(t) === "diff" && this.daemonAvailable ? this._collectDiffRows(n, n.name) : this._collectPreviewRows(n, n.name) : [];
-    }));
-    c(this, "setViewMode", (t) => {
-      this.viewMode.set(t, void 0);
-    });
-    c(this, "navigateToSession", (t) => {
-      const n = this.props.daemonModel;
-      if (!n) return;
-      const r = n.getSessionExplorerUrl(t);
-      r && (window.location.href = r);
-    });
-    c(this, "toggleLeftSidebar", () => {
-      this.leftSidebarVisible.set(!this.leftSidebarVisible.get(), void 0);
-    });
-    c(this, "toggleRightSidebar", () => {
-      this.rightSidebarVisible.set(!this.rightSidebarVisible.get(), void 0);
-    });
-    c(this, "toggleTheme", () => {
-      this.isDarkTheme.set(!this.isDarkTheme.get(), void 0);
-    });
-    c(this, "selectNode", (t) => {
-      this.selectedNodeId.set(t, void 0);
-    });
-    c(this, "toggleNodeExpanded", (t) => {
-      const n = this.expandedNodeIds.get(), r = new Set(n);
-      r.has(t) ? r.delete(t) : r.add(t), this.expandedNodeIds.set(r, void 0);
-    });
-  }
-  get daemonAvailable() {
-    return this.props.daemonModel !== void 0;
-  }
-  get daemon() {
-    return this.props.daemonModel;
-  }
-  isNodeExpanded(t, n) {
-    return this.expandedNodeIds.read(n).has(t);
-  }
-  _findNode(t, n) {
-    for (const r of t) {
-      if (r.id === n) return r;
-      if (r.children) {
-        const i = this._findNode(r.children, n);
-        if (i) return i;
-      }
-    }
-  }
-  _collectPreviewRows(t, n) {
-    if (t.type === "component" && t.component)
-      return [{
-        type: "single",
-        fixture: {
-          id: t.id,
-          name: t.name,
-          path: n,
-          component: t.component
-        }
-      }];
-    if (t.type === "variants") {
-      const i = [];
-      for (const o of t.children ?? [])
-        o.type === "component" && o.component && i.push({
-          id: o.id,
-          name: o.name,
-          path: `${n} / ${o.name}`,
-          component: o.component
-        });
-      return i.length > 0 ? [{
-        type: "variants",
-        id: t.id,
-        name: t.name,
-        path: n,
-        fixtures: i
-      }] : [];
-    }
-    const r = [];
-    for (const i of t.children ?? []) {
-      const o = n ? `${n} / ${i.name}` : i.name;
-      r.push(...this._collectPreviewRows(i, o));
-    }
-    return r;
-  }
-  /**
-   * In diff mode: fixtures become screenshot comparison items showing current vs baseline.
-   * Variants become comparison groups.
-   */
-  _collectDiffRows(t, n) {
-    if (t.type === "component")
-      return [{
-        type: "screenshot-comparison",
-        id: t.id,
-        name: t.name,
-        path: n,
-        items: [{
-          fixtureId: t.id,
-          name: t.name,
-          path: n
-        }]
-      }];
-    if (t.type === "variants") {
-      const i = [];
-      for (const o of t.children ?? [])
-        o.type === "component" && i.push({
-          fixtureId: o.id,
-          name: o.name,
-          path: `${n} / ${o.name}`
-        });
-      return i.length > 0 ? [{
-        type: "screenshot-comparison",
-        id: t.id,
-        name: t.name,
-        path: n,
-        items: i
-      }] : [];
-    }
-    const r = [];
-    for (const i of t.children ?? []) {
-      const o = n ? `${n} / ${i.name}` : i.name;
-      r.push(...this._collectDiffRows(i, o));
-    }
-    return r;
-  }
-}
-const u = {
-  container: {
-    display: "flex",
-    flexDirection: "row",
-    height: "100%",
-    width: "100%",
-    fontFamily: "var(--vscode-font-family)",
-    fontSize: "var(--vscode-font-size)",
-    color: "var(--vscode-foreground)",
-    backgroundColor: "var(--vscode-editor-background)"
-  },
-  centerArea: {
-    display: "flex",
-    flexDirection: "column",
-    flex: 1,
-    overflow: "hidden"
-  },
-  titleBar: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    height: "35px",
-    minHeight: "35px",
-    padding: "0 10px",
-    backgroundColor: "var(--vscode-titleBar-activeBackground)",
-    color: "var(--vscode-titleBar-activeForeground)",
-    borderBottom: "1px solid var(--vscode-titleBar-border, var(--vscode-panel-border))"
-  },
-  titleBarSection: {
-    display: "flex",
-    alignItems: "center",
-    gap: "2px"
-  },
-  titleBarCenter: {
-    display: "flex",
-    alignItems: "center",
-    gap: "4px",
-    fontSize: "13px",
-    fontWeight: 400
-  },
-  titleBarButton: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "28px",
-    height: "28px",
-    border: "none",
-    background: "transparent",
-    color: "var(--vscode-titleBar-activeForeground)",
-    cursor: "pointer",
-    borderRadius: "4px"
-  },
-  titleBarButtonHover: {
-    backgroundColor: "var(--vscode-toolbar-hoverBackground)"
-  },
-  titleBarButtonActive: {
-    backgroundColor: "var(--vscode-toolbar-activeBackground)",
-    color: "var(--vscode-focusBorder)"
-  },
-  sidebar: {
-    display: "flex",
-    flexDirection: "column",
-    width: "260px",
-    minWidth: "200px",
-    backgroundColor: "var(--vscode-sideBar-background)",
-    borderRight: "1px solid var(--vscode-titleBar-border, var(--vscode-panel-border))"
-  },
-  sidebarRight: {
-    borderRight: "none",
-    borderLeft: "1px solid var(--vscode-titleBar-border, var(--vscode-panel-border))"
-  },
-  sidebarHeader: {
-    display: "flex",
-    alignItems: "center",
-    height: "35px",
-    minHeight: "35px",
-    padding: "0 12px",
-    fontSize: "11px",
-    fontWeight: 700,
-    textTransform: "uppercase",
-    letterSpacing: "0.04em",
-    color: "var(--vscode-titleBar-activeForeground)",
-    backgroundColor: "var(--vscode-titleBar-activeBackground)",
-    borderBottom: "1px solid var(--vscode-titleBar-border, var(--vscode-panel-border))"
-  },
-  sidebarContent: {
-    flex: 1,
-    overflow: "auto",
-    padding: "4px 0"
-  },
-  treeItem: {
-    display: "flex",
-    alignItems: "center",
-    height: "22px",
-    paddingRight: "8px",
-    cursor: "pointer",
-    userSelect: "none"
-  },
-  treeItemSelected: {
-    backgroundColor: "var(--vscode-list-activeSelectionBackground)",
-    color: "var(--vscode-list-activeSelectionForeground)"
-  },
-  treeItemHover: {
-    backgroundColor: "var(--vscode-list-hoverBackground)"
-  },
-  treeItemChevron: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "16px",
-    height: "16px",
-    color: "var(--vscode-foreground)",
-    opacity: 0.8,
-    cursor: "pointer"
-  },
-  treeItemChevronPlaceholder: {
-    width: "16px"
-  },
-  treeItemIcon: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "16px",
-    height: "16px",
-    marginRight: "4px"
-  },
-  treeItemLabel: {
-    flex: 1,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    fontSize: "13px"
-  },
-  treeItemCount: {
-    marginLeft: "8px",
-    fontSize: "11px",
-    color: "var(--vscode-descriptionForeground)"
-  },
-  mainContent: {
-    flex: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "var(--vscode-editor-background)",
-    color: "var(--vscode-descriptionForeground)",
-    fontSize: "14px"
-  },
-  propertiesPanel: {
-    padding: "12px"
-  },
-  propertyRow: {
-    marginBottom: "12px"
-  },
-  propertyLabel: {
-    fontSize: "12px",
-    color: "var(--vscode-foreground)",
-    marginBottom: "4px"
-  },
-  propertyDescription: {
-    fontSize: "11px",
-    color: "var(--vscode-descriptionForeground)",
-    marginTop: "2px"
-  },
-  propertyInput: {
-    width: "100%",
-    height: "26px",
-    padding: "0 8px",
-    fontSize: "13px",
-    color: "var(--vscode-input-foreground)",
-    backgroundColor: "var(--vscode-input-background)",
-    border: "1px solid var(--vscode-input-border, transparent)",
-    borderRadius: "2px",
-    outline: "none",
-    boxSizing: "border-box"
-  },
-  propertySelect: {
-    width: "100%",
-    height: "26px",
-    padding: "0 8px",
-    fontSize: "13px",
-    color: "var(--vscode-dropdown-foreground)",
-    backgroundColor: "var(--vscode-dropdown-background)",
-    border: "1px solid var(--vscode-dropdown-border)",
-    borderRadius: "2px",
-    outline: "none",
-    boxSizing: "border-box",
-    cursor: "pointer"
-  }
-};
-function pe(...s) {
-  return Object.assign({}, ...s.filter(Boolean));
-}
-class Kt extends N({
-  active: f()
-}) {
-  constructor() {
-    super(...arguments);
-    c(this, "isHovered", _(this, !1));
-    c(this, "setHovered", (t) => {
-      this.isHovered.set(t, void 0);
-    });
-  }
-  get active() {
-    return this.props.active;
-  }
-}
-const se = V(
-  Kt,
-  {
-    onClick: f.const(),
-    title: f.const(),
-    children: f.const()
-  },
-  (s, e, t) => {
-    const n = e.isHovered.read(s), r = e.active.read(s), i = pe(
-      u.titleBarButton,
-      n && !r && u.titleBarButtonHover,
-      r && u.titleBarButtonActive
-    );
-    return /* @__PURE__ */ a(
-      "button",
-      {
-        style: i,
-        onClick: t.onClick,
-        title: t.title,
-        onMouseEnter: () => e.setHovered(!0),
-        onMouseLeave: () => e.setHovered(!1),
-        children: t.children
-      }
-    );
-  }
-), Jt = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M5.7 13.7L5 13l4.6-4.6L5 3.7l.7-.7 5.3 5.4-5.3 5.3z" }) }), Zt = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M11 5.5L6 10.5L5.3 9.8L9.6 5.5L5.3 1.2L6 0.5L11 5.5z", transform: "rotate(90 8 5.5)" }) }), Xt = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M14.5 2H9l-.35.15-.65.64-.65-.64L7 2H1.5l-.5.5v10l.5.5H7l.35-.15.65-.64.65.64.35.15h5.5l.5-.5v-10l-.5-.5zm-7 10H2V3h5v.86L5.85 5l1.15 1.14V10l-1.15-1.14L7 7.72V12zm6 0H8V7.72l1.15 1.14L8 10V6.14L9.15 5 8 3.86V3h5v9z" }) }), Yt = ({ style: s }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: s, children: /* @__PURE__ */ a("path", { d: "M14.5 3H7.71l-.85-.85L6.5 2h-5l-.5.5v11l.5.5h13l.5-.5v-10l-.5-.5zm-.5 10H2V6h12v7zm0-8H2V3h4.29l.85.85.36.15H14v1z" }) }), Qt = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), en = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), tn = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" }) }), nn = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" }) }), sn = D(
-  { model: f.const() },
-  (s, e) => {
-    var d, l;
-    const t = e.model, n = t.viewMode.read(s), r = ((d = t.daemon) == null ? void 0 : d.sessions.read(s)) ?? [], i = (l = t.daemon) == null ? void 0 : l.sessionName, o = r.filter((h) => h.name !== i);
-    return /* @__PURE__ */ p("div", { style: U.container, children: [
-      /* @__PURE__ */ p("div", { style: U.segmentedControl, children: [
-        /* @__PURE__ */ a(Se, { label: "Live", mode: "session", active: n === "session", onClick: () => t.setViewMode("session") }),
-        /* @__PURE__ */ a(Se, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => t.setViewMode("diff") })
-      ] }),
-      o.length > 0 && /* @__PURE__ */ a("div", { style: U.sessionLinks, children: o.map((h) => /* @__PURE__ */ p(
-        "button",
-        {
-          style: U.sessionLink,
-          onClick: () => t.navigateToSession(h.name),
-          title: `Switch to ${h.name} session`,
-          children: [
-            "→ ",
-            h.name
-          ]
-        },
-        h.name
-      )) })
-    ] });
-  }
-);
-function Se({ label: s, mode: e, active: t, onClick: n }) {
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      style: t ? U.segmentActive : U.segment,
-      onClick: n,
-      children: s
-    }
-  );
-}
-const rn = D(
-  {
-    model: f.const()
-  },
-  (s, e) => {
-    const t = e.model, n = t.leftSidebarVisible.read(s), r = t.rightSidebarVisible.read(s), i = t.isDarkTheme.read(s), o = t.selectedNode.read(s);
-    return /* @__PURE__ */ p("div", { style: u.titleBar, children: [
-      /* @__PURE__ */ a("div", { style: u.titleBarSection, children: /* @__PURE__ */ a(
-        se,
-        {
-          active: n,
-          onClick: t.toggleLeftSidebar,
-          title: "Toggle left sidebar",
-          children: /* @__PURE__ */ a(Qt, {})
-        }
-      ) }),
-      /* @__PURE__ */ p("div", { style: u.titleBarCenter, children: [
-        t.daemonAvailable && /* @__PURE__ */ a(sn, { model: t }),
-        o ? /* @__PURE__ */ p(ce, { children: [
-          /* @__PURE__ */ a("span", { style: { color: "var(--vscode-textLink-foreground)" }, children: "<" }),
-          /* @__PURE__ */ a("span", { children: o.name }),
-          /* @__PURE__ */ a("span", { style: { color: "var(--vscode-textLink-foreground)" }, children: "/>" })
-        ] }) : /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: "No component selected" })
-      ] }),
-      /* @__PURE__ */ p("div", { style: u.titleBarSection, children: [
-        /* @__PURE__ */ a(
-          se,
-          {
-            active: !1,
-            onClick: t.toggleTheme,
-            title: i ? "Switch to light theme" : "Switch to dark theme",
-            children: i ? /* @__PURE__ */ a(tn, {}) : /* @__PURE__ */ a(nn, {})
-          }
-        ),
-        /* @__PURE__ */ a(
-          se,
-          {
-            active: r,
-            onClick: t.toggleRightSidebar,
-            title: "Toggle right sidebar",
-            children: /* @__PURE__ */ a(en, {})
-          }
-        )
-      ] })
-    ] });
-  }
-), U = {
-  container: {
-    display: "flex",
-    alignItems: "center",
-    gap: 8,
-    marginRight: 12
-  },
-  segmentedControl: {
-    display: "flex",
-    borderRadius: 4,
-    overflow: "hidden",
-    border: "1px solid var(--vscode-panel-border)"
-  },
-  segment: {
-    padding: "2px 10px",
-    fontSize: 11,
-    fontWeight: 500,
-    border: "none",
-    background: "transparent",
-    color: "var(--vscode-descriptionForeground)",
-    cursor: "pointer"
-  },
-  segmentActive: {
-    padding: "2px 10px",
-    fontSize: 11,
-    fontWeight: 500,
-    border: "none",
-    background: "var(--vscode-button-background)",
-    color: "var(--vscode-button-foreground)",
-    cursor: "pointer"
-  },
-  sessionLinks: {
-    display: "flex",
-    gap: 4
-  },
-  sessionLink: {
-    padding: "2px 8px",
-    fontSize: 11,
-    border: "1px solid var(--vscode-panel-border)",
-    borderRadius: 4,
-    background: "transparent",
-    color: "var(--vscode-textLink-foreground)",
-    cursor: "pointer"
-  }
-}, Je = D(
-  {
-    model: f.const(),
-    nodes: f.const(),
-    depth: f.const()
-  },
-  (s, e) => /* @__PURE__ */ a(ce, { children: e.nodes.map((t) => /* @__PURE__ */ a(an, { model: e.model, node: t, depth: e.depth }, t.id)) })
-);
-class on extends N({
-  model: f.const(),
-  node: f.const(),
-  depth: f.const()
-}) {
-  constructor() {
-    super(...arguments);
-    c(this, "isHovered", _(this, !1));
-    c(this, "setHovered", (t) => {
-      this.isHovered.set(t, void 0);
-    });
-    c(this, "handleClick", () => {
-      this.props.model.selectNode(this.props.node.id);
-    });
-    c(this, "handleDoubleClick", () => {
-      this._hasChildren && this.props.model.toggleNodeExpanded(this.props.node.id);
-    });
-    c(this, "handleChevronClick", (t) => {
-      t.stopPropagation(), this.props.model.toggleNodeExpanded(this.props.node.id);
-    });
-  }
-  // Expose props for render function
-  get explorerModel() {
-    return this.props.model;
-  }
-  get treeNode() {
-    return this.props.node;
-  }
-  get treeDepth() {
-    return this.props.depth;
-  }
-  get _hasChildren() {
-    return !!(this.props.node.children && this.props.node.children.length > 0);
-  }
-}
-const an = V(on, {}, (s, e) => {
-  const t = e.explorerModel, n = e.treeNode, r = e.treeDepth, i = !!(n.children && n.children.length > 0), o = i ? t.isNodeExpanded(n.id, s) : !1, l = t.selectedNodeId.read(s) === n.id, h = e.isHovered.read(s), g = pe(
-    u.treeItem,
-    { paddingLeft: `${8 + r * 12}px` },
-    l && u.treeItemSelected,
-    !l && h && u.treeItemHover
-  );
-  return /* @__PURE__ */ p(ce, { children: [
-    /* @__PURE__ */ p(
-      "div",
-      {
-        style: g,
-        onClick: e.handleClick,
-        onDoubleClick: e.handleDoubleClick,
-        onMouseEnter: () => e.setHovered(!0),
-        onMouseLeave: () => e.setHovered(!1),
-        children: [
-          i ? /* @__PURE__ */ a("div", { style: u.treeItemChevron, onClick: e.handleChevronClick, children: o ? /* @__PURE__ */ a(Zt, {}) : /* @__PURE__ */ a(Jt, {}) }) : /* @__PURE__ */ a("div", { style: u.treeItemChevronPlaceholder }),
-          /* @__PURE__ */ a("div", { style: u.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a(Yt, { style: { color: "var(--vscode-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(Xt, { style: { color: "#deb45b" } }) }),
-          /* @__PURE__ */ a("span", { style: u.treeItemLabel, children: n.name }),
-          i && /* @__PURE__ */ a("span", { style: u.treeItemCount, children: n.children.length })
-        ]
-      }
-    ),
-    i && o && /* @__PURE__ */ a(Je, { model: t, nodes: n.children, depth: r + 1 })
-  ] });
-}), dn = D(
-  {
-    model: f.const()
-  },
-  (s, e) => {
-    const t = e.model.tree.read(s);
-    return /* @__PURE__ */ p("div", { style: u.sidebar, children: [
-      /* @__PURE__ */ a("div", { style: u.sidebarHeader, children: "Explorer" }),
-      /* @__PURE__ */ a("div", { style: u.sidebarContent, children: /* @__PURE__ */ a(Je, { model: e.model, nodes: t.children ?? [], depth: 0 }) })
-    ] });
-  }
-);
-class ln extends N({}) {
-  constructor() {
-    super(...arguments);
-    c(this, "checked", _(this, !1));
-    c(this, "toggle", () => {
-      this.checked.set(!this.checked.get(), void 0);
-    });
-  }
-}
-const cn = V(ln, {}, (s, e) => {
-  const t = e.checked.read(s), n = {
-    position: "relative",
-    width: "36px",
-    height: "18px",
-    backgroundColor: t ? "var(--vscode-button-background)" : "var(--vscode-input-background)",
-    borderRadius: "9px",
-    cursor: "pointer",
-    transition: "background-color 0.2s",
-    border: "1px solid var(--vscode-input-border, transparent)"
-  }, r = {
-    position: "absolute",
-    top: "2px",
-    left: t ? "18px" : "2px",
-    width: "12px",
-    height: "12px",
-    backgroundColor: "var(--vscode-foreground)",
-    borderRadius: "50%",
-    transition: "left 0.2s"
-  };
-  return /* @__PURE__ */ a("div", { style: n, onClick: e.toggle, children: /* @__PURE__ */ a("div", { style: r }) });
-}), hn = D(
-  {
-    node: f.const()
-  },
-  (s, 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__ */ p("div", { style: u.propertiesPanel, children: [
-    /* @__PURE__ */ p("div", { style: u.propertyRow, children: [
-      /* @__PURE__ */ p("div", { style: u.propertyLabel, children: [
-        "children",
-        /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : string" })
-      ] }),
-      /* @__PURE__ */ a(
-        "input",
-        {
-          type: "text",
-          style: u.propertyInput,
-          defaultValue: "Click me",
-          placeholder: "Enter text..."
-        }
-      ),
-      /* @__PURE__ */ a("div", { style: u.propertyDescription, children: "Button text content" })
-    ] }),
-    /* @__PURE__ */ p("div", { style: u.propertyRow, children: [
-      /* @__PURE__ */ p("div", { style: u.propertyLabel, children: [
-        "variant",
-        /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : select" })
-      ] }),
-      /* @__PURE__ */ p("select", { style: u.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" }),
-        /* @__PURE__ */ a("option", { value: "destructive", children: "destructive" })
-      ] }),
-      /* @__PURE__ */ a("div", { style: u.propertyDescription, children: "Visual style variant" })
-    ] }),
-    /* @__PURE__ */ p("div", { style: u.propertyRow, children: [
-      /* @__PURE__ */ p("div", { style: u.propertyLabel, children: [
-        "size",
-        /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : select" })
-      ] }),
-      /* @__PURE__ */ p("select", { style: u.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: u.propertyDescription, children: "Button size" })
-    ] }),
-    /* @__PURE__ */ p("div", { style: u.propertyRow, children: [
-      /* @__PURE__ */ p("div", { style: u.propertyLabel, children: [
-        "disabled",
-        /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : boolean" })
-      ] }),
-      /* @__PURE__ */ a(cn, {}),
-      /* @__PURE__ */ a("div", { style: u.propertyDescription, children: "Disable the button" })
-    ] })
-  ] })
-), un = D(
-  {
-    selectedNode: f.const()
-  },
-  (s, e) => /* @__PURE__ */ p("div", { style: pe(u.sidebar, u.sidebarRight), children: [
-    /* @__PURE__ */ p("div", { style: u.sidebarHeader, children: [
-      /* @__PURE__ */ a("span", { style: { marginRight: "6px", color: "var(--vscode-textLink-foreground)" }, children: "</>" }),
-      "Props"
-    ] }),
-    /* @__PURE__ */ a("div", { style: u.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(hn, { node: e.selectedNode }) : /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
-  ] })
-);
-class fn extends N({
-  fixture: f.const(),
-  compact: f.const()
-}) {
-  constructor() {
-    super(...arguments);
-    c(this, "_containerRef", null);
-    c(this, "_shadowRoot", null);
-    c(this, "_renderContainer", null);
-    c(this, "_disposable", null);
-    c(this, "_resizeObserver", null);
-    c(this, "measuredWidth", _(this, void 0));
-    c(this, "measuredHeight", _(this, void 0));
-    c(this, "setContainerRef", (t) => {
-      if (t === this._containerRef || (this._cleanup(), this._containerRef = t, !t)) return;
-      const n = this.fixture.component;
-      n.isolation === "shadow-dom" ? this._renderInShadowDom(t, n) : this._renderDirect(t, n);
-      const r = this._renderContainer ?? t;
-      this._resizeObserver = new ResizeObserver((i) => {
-        for (const o of i) {
-          const { width: d, height: l } = o.contentRect;
-          l > 0 && (this.measuredWidth.set(Math.round(d), void 0), this.measuredHeight.set(Math.round(l), void 0));
-        }
-      }), this._resizeObserver.observe(r);
-    });
-  }
-  get fixture() {
-    return this.props.fixture;
-  }
-  get compact() {
-    return this.props.compact ?? !1;
-  }
-  _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 (n.styles)
-      for (const o of n.styles)
-        if (o.type === "css") {
-          const d = document.createElement("style");
-          d.textContent = o.content, this._shadowRoot.appendChild(d);
-        } else if (o.type === "url") {
-          const d = document.createElement("link");
-          d.rel = "stylesheet", d.href = o.href, this._shadowRoot.appendChild(d);
-        } else o.type === "adopted" && (this._shadowRoot.adoptedStyleSheets = [
-          ...this._shadowRoot.adoptedStyleSheets,
-          o.sheet
-        ]);
-    const r = document.createElement("div");
-    r.style.display = "inline-block", this._renderContainer = r, this._shadowRoot.appendChild(r);
-    const i = this._getDefaultProps(n);
-    this._disposable = n.render(r, i);
-  }
-  _renderDirect(t, n) {
-    this._renderContainer = t;
-    const r = this._getDefaultProps(n);
-    this._disposable = n.render(t, r);
-  }
-  _getDefaultProps(t) {
-    const n = {};
-    for (const r of t.properties)
-      n[r.name] = r.defaultValue;
-    return n;
-  }
-  _cleanup() {
-    var t;
-    this._disposable && (typeof this._disposable == "function" ? this._disposable() : typeof this._disposable.dispose == "function" && this._disposable.dispose()), this._disposable = null, (t = this._resizeObserver) == null || t.disconnect(), this._resizeObserver = null, this._shadowRoot = null, this._renderContainer = null;
-  }
-  dispose() {
-    this._cleanup();
-  }
-}
-const Ze = V(
-  fn,
-  {},
-  (s, e) => {
-    const t = e.fixture, n = t.component, r = n.displayMode, i = e.measuredWidth.read(s), o = e.measuredHeight.read(s), d = e.compact;
-    let l;
-    if (r.type === "page") {
-      const I = r.viewports[0], S = ct(I);
-      l = {
-        width: S.width,
-        height: S.height,
-        overflow: "auto"
-      };
-    } else
-      l = {
-        display: "inline-block"
-      };
-    const h = i && o ? `${i} × ${o}` : "", g = d ? $.wrapperCompact : $.wrapper, b = d ? $.nameCompact : $.name;
-    return /* @__PURE__ */ p("div", { style: g, children: [
-      /* @__PURE__ */ p("div", { style: $.labelRow, children: [
-        /* @__PURE__ */ a("span", { style: b, children: t.name }),
-        !d && h && /* @__PURE__ */ a("span", { style: $.dimensions, children: h })
-      ] }),
-      /* @__PURE__ */ a("div", { style: mn(n.background), children: /* @__PURE__ */ a("div", { ref: e.setContainerRef, style: l }) })
-    ] });
-  }
-), L = 8;
-function Xe(s, e) {
-  return `
-    linear-gradient(45deg, ${e} 25%, transparent 25%),
-    linear-gradient(-45deg, ${e} 25%, transparent 25%),
-    linear-gradient(45deg, transparent 75%, ${e} 75%),
-    linear-gradient(-45deg, transparent 75%, ${e} 75%)
-  `;
-}
-const pn = {
-  backgroundColor: "#ffffff",
-  backgroundImage: Xe("#ffffff", "#e5e5e5")
-}, gn = {
-  backgroundColor: "#1e1e1e",
-  backgroundImage: Xe("#1e1e1e", "#2d2d2d")
-}, vn = {
-  display: "inline-block",
-  padding: "12px",
-  borderRadius: "4px",
-  backgroundSize: `${L * 2}px ${L * 2}px`,
-  backgroundPosition: `0 0, 0 ${L}px, ${L}px -${L}px, -${L}px 0`,
-  boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)"
-};
-function mn(s) {
-  const e = s === "dark" ? gn : pn;
-  return {
-    ...vn,
-    backgroundColor: e.backgroundColor,
-    backgroundImage: e.backgroundImage
-  };
-}
-const $ = {
-  wrapper: {
-    marginBottom: "32px"
-  },
-  wrapperCompact: {
-    marginBottom: "0"
-  },
-  labelRow: {
-    display: "flex",
-    alignItems: "baseline",
-    gap: "8px",
-    marginBottom: "8px"
-  },
-  name: {
-    fontSize: "12px",
-    fontWeight: 500,
-    color: "var(--vscode-foreground)"
-  },
-  nameCompact: {
-    fontSize: "11px",
-    fontWeight: 500,
-    color: "var(--vscode-descriptionForeground)"
-  },
-  dimensions: {
-    fontSize: "11px",
-    color: "var(--vscode-descriptionForeground)",
-    fontFamily: "var(--vscode-editor-font-family, monospace)"
-  }
-};
-class _n extends N({
-  fixtureId: f.const(),
-  sessionName: f.const(),
-  daemon: f.const()
-}) {
-  constructor(t) {
-    super(t);
-    c(this, "screenshot", _(this, { status: "idle" }));
-    c(this, "_fetchVersion", 0);
-    this._store.add(Le((n) => {
-      this.props.daemon.sourceTreeIds.read(n).get(this.props.sessionName) && this._fetchScreenshot();
-    }));
-  }
-  get fixtureId() {
-    return this.props.fixtureId;
-  }
-  async _fetchScreenshot() {
-    const t = ++this._fetchVersion;
-    this.screenshot.set({ status: "loading" }, void 0);
-    try {
-      const n = await this.props.daemon.getScreenshot(this.props.sessionName, this.props.fixtureId);
-      t === this._fetchVersion && this.screenshot.set({ status: "ready", data: n }, void 0);
-    } catch (n) {
-      t === this._fetchVersion && this.screenshot.set({ status: "error", message: String(n) }, void 0);
-    }
-  }
-}
-const we = V(
-  _n,
-  {},
-  (s, e) => {
-    const t = e.screenshot.read(s);
-    if (t.status === "idle" || t.status === "loading")
-      return /* @__PURE__ */ a("div", { style: A.placeholder, children: /* @__PURE__ */ a("div", { style: A.shimmer }) });
-    if (t.status === "error")
-      return /* @__PURE__ */ a("div", { style: A.error, children: /* @__PURE__ */ a("span", { style: A.errorText, children: "Screenshot failed" }) });
-    const { data: n } = t;
-    return n.image ? /* @__PURE__ */ a(
-      "img",
-      {
-        src: `data:image/png;base64,${n.image}`,
-        style: A.image,
-        alt: `Screenshot of ${e.fixtureId}`
-      }
-    ) : /* @__PURE__ */ a("div", { style: A.placeholder, children: /* @__PURE__ */ a("span", { style: A.hashText, children: n.hash.slice(0, 12) }) });
-  }
-), A = {
-  placeholder: {
-    minHeight: 80,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "var(--vscode-editor-background)",
-    border: "1px solid var(--vscode-panel-border)",
-    borderRadius: 4,
-    overflow: "hidden"
-  },
-  shimmer: {
-    width: "100%",
-    height: 80,
-    background: "linear-gradient(90deg, var(--vscode-editor-background) 25%, var(--vscode-list-hoverBackground) 50%, var(--vscode-editor-background) 75%)",
-    backgroundSize: "200% 100%",
-    animation: "shimmer 1.5s infinite"
-  },
-  error: {
-    minHeight: 80,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "var(--vscode-inputValidation-errorBackground)",
-    border: "1px solid var(--vscode-inputValidation-errorBorder)",
-    borderRadius: 4
-  },
-  errorText: {
-    fontSize: 12,
-    color: "var(--vscode-errorForeground)"
-  },
-  hashText: {
-    fontSize: 11,
-    color: "var(--vscode-descriptionForeground)",
-    fontFamily: "var(--vscode-editor-font-family, monospace)"
-  },
-  image: {
-    maxWidth: "100%",
-    display: "block",
-    borderRadius: 4,
-    border: "1px solid var(--vscode-panel-border)"
-  }
-};
-class bn extends N({
-  fixtureId: f.const(),
-  daemon: f.const(),
-  baselineSession: f.const(),
-  currentSession: f.const()
-}) {
-  constructor(t) {
-    super(t);
-    c(this, "comparisonStatus", _(this, { status: "loading" }));
-    this._store.add(Le((n) => {
-      const r = this.props.daemon.sourceTreeIds.read(n), i = r.get(this.props.baselineSession), o = r.get(this.props.currentSession);
-      i && o && this._fetchComparison();
-    }));
-  }
-  get fixtureId() {
-    return this.props.fixtureId;
-  }
-  get daemon() {
-    return this.props.daemon;
-  }
-  get baselineSession() {
-    return this.props.baselineSession;
-  }
-  get currentSession() {
-    return this.props.currentSession;
-  }
-  async _fetchComparison() {
-    this.comparisonStatus.set({ status: "loading" }, void 0);
-    try {
-      const t = await this.props.daemon.compare(
-        this.props.fixtureId,
-        this.props.baselineSession,
-        this.props.currentSession
-      );
-      this.comparisonStatus.set({ status: "ready", match: t.match }, void 0);
-    } catch (t) {
-      this.comparisonStatus.set({ status: "error", message: String(t) }, void 0);
-    }
-  }
-}
-const yn = V(
-  bn,
-  {},
-  (s, e) => {
-    const t = e.comparisonStatus.read(s), n = t.status === "loading" ? /* @__PURE__ */ a("span", { style: m.badgeLoading, children: "comparing..." }) : t.status === "error" ? /* @__PURE__ */ a("span", { style: m.badgeError, children: "error" }) : t.match ? /* @__PURE__ */ a("span", { style: m.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ a("span", { style: m.badgeChanged, children: "● changed" });
-    return /* @__PURE__ */ p("div", { style: m.fixtureRow, children: [
-      /* @__PURE__ */ p("div", { style: m.fixtureLabel, children: [
-        /* @__PURE__ */ a("span", { style: m.fixtureName, children: e.fixtureId }),
-        n
-      ] }),
-      /* @__PURE__ */ p("div", { style: m.sideBySide, children: [
-        /* @__PURE__ */ p("div", { style: m.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: m.columnLabel, children: "Current" }),
-          /* @__PURE__ */ a(
-            we,
-            {
-              fixtureId: e.fixtureId,
-              sessionName: e.currentSession,
-              daemon: e.daemon
-            }
-          )
-        ] }),
-        /* @__PURE__ */ p("div", { style: m.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: m.columnLabel, children: "Baseline" }),
-          /* @__PURE__ */ a(
-            we,
-            {
-              fixtureId: e.fixtureId,
-              sessionName: e.baselineSession,
-              daemon: e.daemon
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-), Cn = D(
-  {
-    name: f.const(),
-    path: f.const(),
-    items: f.const(),
-    daemon: f.const(),
-    baselineSession: f.const(),
-    currentSession: f.const()
-  },
-  (s, e) => /* @__PURE__ */ p("div", { children: [
-    /* @__PURE__ */ a("div", { style: m.groupHeader, children: /* @__PURE__ */ a("span", { style: m.groupTitle, children: e.path }) }),
-    /* @__PURE__ */ a("div", { style: m.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
-      yn,
-      {
-        fixtureId: t.fixtureId,
-        daemon: e.daemon,
-        baselineSession: e.baselineSession,
-        currentSession: e.currentSession
-      },
-      t.fixtureId
-    )) })
-  ] })
-), m = {
-  groupHeader: {
-    marginBottom: 12
-  },
-  groupTitle: {
-    fontSize: 13,
-    fontWeight: 500,
-    color: "var(--vscode-foreground)"
-  },
-  groupContent: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 24
-  },
-  fixtureRow: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 8
-  },
-  fixtureLabel: {
-    display: "flex",
-    alignItems: "center",
-    gap: 8
-  },
-  fixtureName: {
-    fontSize: 12,
-    fontWeight: 500,
-    color: "var(--vscode-foreground)"
-  },
-  sideBySide: {
-    display: "flex",
-    flexDirection: "row",
-    gap: 16
-  },
-  screenshotColumn: {
-    flex: 1,
-    display: "flex",
-    flexDirection: "column",
-    gap: 4,
-    minWidth: 0
-  },
-  columnLabel: {
-    fontSize: 11,
-    fontWeight: 500,
-    color: "var(--vscode-descriptionForeground)",
-    textTransform: "uppercase",
-    letterSpacing: "0.05em"
-  },
-  badgeMatch: {
-    fontSize: 11,
-    color: "var(--vscode-testing-iconPassed)",
-    fontWeight: 500
-  },
-  badgeChanged: {
-    fontSize: 11,
-    color: "var(--vscode-testing-iconFailed)",
-    fontWeight: 500
-  },
-  badgeLoading: {
-    fontSize: 11,
-    color: "var(--vscode-descriptionForeground)",
-    fontStyle: "italic"
-  },
-  badgeError: {
-    fontSize: 11,
-    color: "var(--vscode-errorForeground)",
-    fontWeight: 500
-  }
-}, Ye = "component-explorer:fixtureHeights", Ie = 500;
-let O = null;
-function Qe() {
-  if (O !== null) return O;
-  try {
-    const s = localStorage.getItem(Ye);
-    if (s)
-      return O = JSON.parse(s), O;
-  } catch {
-  }
-  return O = {}, O;
-}
-function xn() {
-  if (O !== null)
-    try {
-      const s = Object.entries(O);
-      s.length > Ie && (O = Object.fromEntries(s.slice(-Ie))), localStorage.setItem(Ye, JSON.stringify(O));
-    } catch {
-    }
-}
-function Sn(s, e) {
-  const t = Qe();
-  t[s] = e, xn();
-}
-function wn() {
-  return new Map(Object.entries(Qe()));
-}
-const In = 280, On = 32, ne = 32, Oe = 400, et = "component-explorer:scrollAnchors", Te = 100;
-function tt() {
-  try {
-    const s = localStorage.getItem(et);
-    if (s) return JSON.parse(s);
-  } catch {
-  }
-  return {};
-}
-function Tn(s, e) {
-  try {
-    const t = tt();
-    t[s] = e;
-    const n = Object.entries(t), r = n.length > Te ? Object.fromEntries(n.slice(-Te)) : t;
-    localStorage.setItem(et, JSON.stringify(r));
-  } catch {
-  }
-}
-function Rn(s) {
-  return tt()[s];
-}
-function nt(s) {
-  return s.type === "single" ? s.fixture.id : s.id;
-}
-function kn(s, e) {
-  const t = new Array(s.length);
-  let n = ne;
-  for (let r = 0; r < s.length; r++) {
-    const i = e.get(nt(s[r])) ?? In;
-    t[r] = { top: n, height: i }, n += i + On;
-  }
-  return t;
-}
-function Nn(s) {
-  if (s.length === 0) return 0;
-  const e = s[s.length - 1];
-  return e.top + e.height + ne;
-}
-function st(s, e) {
-  let t = 0, n = s.length;
-  for (; t < n; ) {
-    const r = t + n >> 1;
-    s[r].top + s[r].height < e ? t = r + 1 : n = r;
-  }
-  return t;
-}
-function Vn(s, e, t) {
-  if (s.length === 0) return { start: 0, end: 0 };
-  const n = st(s, e - Oe);
-  let r = n;
-  const i = e + t + Oe;
-  for (; r < s.length && s[r].top < i; )
-    r++;
-  return { start: n, end: r };
-}
-function Re(s, e) {
-  if (s.length === 0) return;
-  const t = st(s, e), n = Math.min(t, s.length - 1);
-  return {
-    rowIndex: n,
-    offsetFromViewport: s[n].top - e
-  };
-}
-function ke(s, e) {
-  return e.rowIndex >= s.length ? 0 : s[e.rowIndex].top - e.offsetFromViewport;
-}
-class Dn extends N({
-  model: f.const()
-}) {
-  constructor() {
-    super(...arguments);
-    c(this, "_rowHeights", _(this, wn()));
-    c(this, "_scrollTop", _(this, 0));
-    c(this, "_viewportHeight", _(this, 0));
-    c(this, "_scrollContainerRef", null);
-    c(this, "_resizeObserver", null);
-    c(this, "_viewportResizeObserver", null);
-    c(this, "_currentNodeId");
-    c(this, "_scrollSaveTimeout", null);
-    c(this, "_suppressScrollHandler", !1);
-    c(this, "layout", j(this, (t) => {
-      const n = this.explorerModel.selectedFixtures.read(t), r = this._rowHeights.read(t);
-      return kn(n, r);
-    }));
-    c(this, "visibleRowRange", j(this, (t) => {
-      const n = this.layout.read(t), r = this._scrollTop.read(t), i = this._viewportHeight.read(t);
-      return Vn(n, r, i);
-    }));
-    c(this, "setScrollContainerRef", (t) => {
-      var n;
-      this._scrollContainerRef && this._scrollContainerRef.removeEventListener("scroll", this._handleScroll), (n = this._viewportResizeObserver) == null || n.disconnect(), this._scrollContainerRef = t, t && (t.addEventListener("scroll", this._handleScroll, { passive: !0 }), this._viewportHeight.set(t.clientHeight, void 0), this._viewportResizeObserver = new ResizeObserver(([r]) => {
-        this._viewportHeight.set(Math.round(r.contentRect.height), void 0);
-      }), this._viewportResizeObserver.observe(t), this._restoreScrollPosition());
-    });
-    c(this, "_handleScroll", () => {
-      this._scrollContainerRef && (this._scrollTop.set(this._scrollContainerRef.scrollTop, void 0), !(this._suppressScrollHandler || !this._currentNodeId) && (this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout), this._scrollSaveTimeout = setTimeout(() => {
-        if (!this._currentNodeId) return;
-        const t = this.layout.get(), n = Re(t, this._scrollTop.get());
-        n && Tn(this._currentNodeId, n);
-      }, 150)));
-    });
-    c(this, "observeRowElement", (t, n) => {
-      t && (this._resizeObserver || (this._resizeObserver = new ResizeObserver((r) => {
-        const i = this._rowHeights.get();
-        let o;
-        for (const d of r) {
-          const l = d.target.getAttribute("data-row-id");
-          if (!l) continue;
-          const h = Math.round(d.contentRect.height);
-          h > 0 && i.get(l) !== h && (o || (o = new Map(i)), o.set(l, h), Sn(l, h));
-        }
-        if (o) {
-          const d = this.layout.get(), l = Re(d, this._scrollTop.get());
-          if (this._rowHeights.set(o, void 0), l && this._scrollContainerRef) {
-            const h = this.layout.get(), g = ke(h, l);
-            this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = g, this._scrollTop.set(g, void 0), requestAnimationFrame(() => {
-              this._suppressScrollHandler = !1;
-            });
-          }
-        }
-      })), t.setAttribute("data-row-id", n), this._resizeObserver.observe(t));
-    });
-  }
-  get explorerModel() {
-    return this.props.model;
-  }
-  updateForSelection(t) {
-    this._currentNodeId !== t && (this._currentNodeId = t, this._restoreScrollPosition());
-  }
-  _restoreScrollPosition() {
-    if (!this._scrollContainerRef || !this._currentNodeId) return;
-    const t = Rn(this._currentNodeId);
-    if (!t) return;
-    const n = this.layout.get(), r = ke(n, t);
-    this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = r, this._scrollTop.set(r, void 0), requestAnimationFrame(() => {
-      this._suppressScrollHandler = !1;
-    });
-  }
-  dispose() {
-    var t, n;
-    (t = this._resizeObserver) == null || t.disconnect(), (n = this._viewportResizeObserver) == null || n.disconnect(), this._scrollContainerRef && this._scrollContainerRef.removeEventListener("scroll", this._handleScroll), this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout);
-  }
-}
-const An = V(
-  Dn,
-  {},
-  (s, e) => {
-    const t = e.explorerModel.selectedFixtures.read(s), n = e.explorerModel.selectedNodeId.read(s), r = e.layout.read(s), { start: i, end: o } = e.visibleRowRange.read(s);
-    if (e.updateForSelection(n), t.length === 0)
-      return /* @__PURE__ */ a("div", { style: P.emptyState, children: /* @__PURE__ */ a("span", { style: P.emptyText, children: "Select a component or folder to preview" }) });
-    const d = Nn(r);
-    return /* @__PURE__ */ a("div", { ref: e.setScrollContainerRef, style: P.scrollContainer, children: /* @__PURE__ */ a("div", { style: { position: "relative", height: d }, children: t.slice(i, o).map((l, h) => {
-      const g = i + h, { top: b } = r[g], I = nt(l);
-      return /* @__PURE__ */ a(
-        "div",
-        {
-          ref: (S) => e.observeRowElement(S, I),
-          style: { position: "absolute", top: b, left: ne, right: ne },
-          children: l.type === "single" ? /* @__PURE__ */ a(Ze, { fixture: l.fixture, compact: !1 }) : l.type === "variants" ? /* @__PURE__ */ a(Bn, { row: l }) : l.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ a(
-            Cn,
-            {
-              name: l.name,
-              path: l.path,
-              items: l.items,
-              daemon: e.explorerModel.daemon,
-              baselineSession: "baseline",
-              currentSession: "current"
-            }
-          ) : null
-        },
-        I
-      );
-    }) }) });
-  }
-), Bn = D(
-  { row: f.const() },
-  (s, e) => {
-    const t = e.row;
-    return /* @__PURE__ */ p("div", { children: [
-      /* @__PURE__ */ a("div", { style: P.variantsHeader, children: /* @__PURE__ */ a("span", { style: P.variantsTitle, children: t.path }) }),
-      /* @__PURE__ */ a("div", { style: P.variantsContent, children: t.fixtures.map((n) => /* @__PURE__ */ a(Ze, { fixture: n, compact: !0 }, n.id)) })
-    ] });
-  }
-), P = {
-  scrollContainer: {
-    flex: 1,
-    overflow: "auto",
-    backgroundColor: "var(--vscode-editor-background)"
-  },
-  emptyState: {
-    flex: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "var(--vscode-editor-background)"
-  },
-  emptyText: {
-    color: "var(--vscode-descriptionForeground)",
-    fontSize: "14px"
-  },
-  variantsHeader: {
-    marginBottom: "12px"
-  },
-  variantsTitle: {
-    fontSize: "13px",
-    fontWeight: 500,
-    color: "var(--vscode-foreground)"
-  },
-  variantsContent: {
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: "16px"
-  }
-}, rt = V(
-  qt,
-  { daemonModel: f.const() },
-  (s, e) => {
-    const t = e.leftSidebarVisible.read(s), n = e.rightSidebarVisible.read(s), r = e.isDarkTheme.read(s), i = e.selectedNode.read(s);
-    return /* @__PURE__ */ p("div", { className: r ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus", style: u.container, children: [
-      t && /* @__PURE__ */ a(dn, { model: e }),
-      /* @__PURE__ */ p("div", { style: u.centerArea, children: [
-        /* @__PURE__ */ a(rn, { model: e }),
-        /* @__PURE__ */ a(An, { model: e })
-      ] }),
-      n && /* @__PURE__ */ a(un, { selectedNode: i })
-    ] });
-  }
-);
-function Mn() {
-  const s = new qe();
-  return s.register("components/Button.fixture.tsx", J({
-    Primary: {
-      render: (e) => (e.innerHTML = "<button>Primary Button</button>", { dispose: () => {
-        e.innerHTML = "";
-      } })
-    },
-    Icon: {
-      render: (e) => (e.innerHTML = "<button>🔔 Icon Button</button>", { dispose: () => {
-        e.innerHTML = "";
-      } })
-    }
-  })), s.register("components/Input.fixture.tsx", J({
-    Text: {
-      render: (e) => (e.innerHTML = '<input type="text" placeholder="Text Input" />', { dispose: () => {
-        e.innerHTML = "";
-      } })
-    },
-    Search: {
-      render: (e) => (e.innerHTML = '<input type="search" placeholder="Search..." />', { dispose: () => {
-        e.innerHTML = "";
-      } })
-    }
-  })), s.register("components/Card.fixture.tsx", J({
-    Basic: {
-      render: (e) => (e.innerHTML = '<div style="border: 1px solid #ccc; padding: 16px;">Basic Card</div>', { dispose: () => {
-        e.innerHTML = "";
-      } })
-    }
-  })), s.register("components/Feedback.fixture.tsx", J({
-    Badge: {
-      render: (e) => (e.innerHTML = '<span style="background: blue; color: white; padding: 2px 8px; border-radius: 4px;">Badge</span>', { dispose: () => {
-        e.innerHTML = "";
-      } })
-    },
-    Alert: {
-      render: (e) => (e.innerHTML = '<div style="background: #ffffcc; padding: 8px; border: 1px solid #cc0;">Alert message</div>', { dispose: () => {
-        e.innerHTML = "";
-      } })
-    }
-  })), s;
-}
-function Xn() {
-  const s = Mn();
-  return /* @__PURE__ */ a(rt, { registry: s });
-}
-var Fn = class le {
-  constructor(e) {
-    this.iterator = e;
-  }
-  static fromIterable(e) {
-    return new le(e[Symbol.asyncIterator]());
-  }
-  static fromFn(e) {
-    return new le(e());
-  }
-  [Symbol.asyncIterator]() {
-    return this.iterator;
-  }
-}, En = class extends Error {
-  constructor(s, e, t) {
-    super(t), this.statusCode = s, this.method = e, this.name = "ApiError";
-  }
-}, zn = class {
-  constructor(s) {
-    c(this, "methods", this._createProxy(""));
-    this._request = s;
-  }
-  _createProxy(s) {
-    return new Proxy(() => {
-    }, {
-      apply: async (e, t, n) => await this._request(s, n[0]),
-      get: (e, t) => this._createProxy(`${s}${s ? "/" : ""}${t}`)
-    });
-  }
-};
-function Hn(s, e) {
-  return new zn(async (t, n) => {
-    var d;
-    const r = await fetch(`${s}/${t}`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...(d = e == null ? void 0 : e.getHeaders) == null ? void 0 : d.call(e)
-      },
-      body: JSON.stringify(n)
-    });
-    if (r.status !== 200) {
-      const l = await r.json().catch(() => null);
-      let h;
-      throw l && typeof l == "object" && "errorMessage" in l ? h = `${l.errorMessage}` : h = `Error calling API method ${t}: ${JSON.stringify(l)} (Status: ${r.status}, Status Text: ${r.statusText})`, new En(r.status, t, h);
-    }
-    const i = r.headers.get("Content-Type");
-    return i != null && i.startsWith("application/jsonl") ? Fn.fromFn(async function* () {
-      var I;
-      const l = (I = r.body) == null ? void 0 : I.getReader();
-      if (!l)
-        return;
-      let h = "";
-      const g = new TextDecoder("utf-8");
-      for (; ; ) {
-        const { done: S, value: K } = await l.read();
-        if (S)
-          break;
-        h += g.decode(K, { stream: !0 });
-        let E;
-        for (; (E = h.indexOf(`
-`)) >= 0; ) {
-          const ge = h.slice(0, E).trim();
-          h = h.slice(E + 1), ge.length > 0 && (yield JSON.parse(ge));
-        }
-      }
-      const b = h.trim();
-      b.length > 0 && (yield JSON.parse(b));
-    }) : await r.json();
-  });
-}
-class Ln {
-  constructor(e) {
-    c(this, "_sourceTreeIds", _(this, /* @__PURE__ */ new Map()));
-    c(this, "_sessions", _(this, []));
-    c(this, "_screenshotCache", /* @__PURE__ */ new Map());
-    c(this, "_client");
-    c(this, "_eventStreamAbort", null);
-    c(this, "sessionName");
-    /** Observable map of sessionName → current sourceTreeId */
-    c(this, "sourceTreeIds", this._sourceTreeIds);
-    /** Observable list of sessions from the daemon */
-    c(this, "sessions", this._sessions);
-    this.config = e, this.sessionName = e.sessionName, this._client = Hn("/__explorer/daemon-api");
-  }
-  /**
-   * Initializes the model: fetches initial session info and starts listening to events.
-   * Call this once after construction.
-   */
-  async initialize() {
-    await this._fetchSessionInfos(), this._startEventStream();
-  }
-  /**
-   * Get a screenshot for a fixture in a session, using cache when available.
-   * Cache is keyed on sessionName + fixtureId and invalidated when sourceTreeId changes.
-   */
-  async getScreenshot(e, t) {
-    const n = this._sourceTreeIds.get().get(e);
-    if (!n)
-      throw new Error(`No sourceTreeId known for session '${e}'`);
-    const r = `${e}:${t}`, i = this._screenshotCache.get(r);
-    if (i && i.sourceTreeId === n)
-      return i.data;
-    const o = await this._client.methods.screenshots.take({
-      fixtureId: t,
-      sessionName: e,
-      sourceTreeId: n,
-      includeImage: !0
-    });
-    return this._screenshotCache.set(r, { sourceTreeId: n, data: o }), o;
-  }
-  /**
-   * Compare a fixture across two sessions. Returns match status and hashes (no images).
-   */
-  async compare(e, t, n) {
-    const r = this._sourceTreeIds.get().get(t), i = this._sourceTreeIds.get().get(n);
-    if (!r || !i)
-      throw new Error("Missing sourceTreeId for sessions");
-    return this._client.methods.screenshots.compare({
-      fixtureId: e,
-      baselineSessionName: t,
-      baselineSourceTreeId: r,
-      currentSessionName: n,
-      currentSourceTreeId: i,
-      includeImages: !1
-    });
-  }
-  /**
-   * List fixtures from a session.
-   */
-  async listFixtures(e) {
-    const t = this._sourceTreeIds.get().get(e);
-    if (!t)
-      throw new Error(`No sourceTreeId known for session '${e}'`);
-    return this._client.methods.fixtures.list({ sessionName: e, sourceTreeId: t });
-  }
-  /**
-   * Get the explorer URL for a different session (for session switching via full navigation).
-   */
-  getSessionExplorerUrl(e) {
-    const t = this._sessions.get().find((n) => n.name === e);
-    if (t)
-      return t.serverUrl + "/___explorer";
-  }
-  dispose() {
-    var e;
-    (e = this._eventStreamAbort) == null || e.abort(), this._eventStreamAbort = null;
-  }
-  // ---------------------------------------------------------------------------
-  // Private
-  // ---------------------------------------------------------------------------
-  async _fetchSessionInfos() {
-    const e = await this._client.methods.sessions(), t = /* @__PURE__ */ new Map(), n = [];
-    for (const r of e)
-      t.set(r.name, r.sourceTreeId), n.push({ name: r.name, serverUrl: r.serverUrl });
-    this._sourceTreeIds.set(t, void 0), this._sessions.set(n, void 0);
-  }
-  async _startEventStream() {
-    this._eventStreamAbort = new AbortController();
-    const e = this._eventStreamAbort.signal;
-    try {
-      const t = await this._client.methods.events();
-      for await (const n of t) {
-        if (e.aborted) break;
-        this._handleEvent(n);
-      }
-    } catch (t) {
-      e.aborted || (console.error("[DaemonModel] Event stream error:", t), setTimeout(() => {
-        e.aborted || this._startEventStream();
-      }, 2e3));
-    }
-  }
-  _handleEvent(e) {
-    if (e.type === "source-change") {
-      const t = new Map(this._sourceTreeIds.get());
-      t.set(e.sessionName, e.sourceTreeId), this._sourceTreeIds.set(t, void 0);
-      for (const n of this._screenshotCache.keys())
-        n.startsWith(`${e.sessionName}:`) && this._screenshotCache.delete(n);
-    }
-  }
-}
-function $n() {
-  return window.__EXPLORER_DAEMON__;
-}
-class Yn {
-  constructor(e, t) {
-    c(this, "_root");
-    c(this, "_registry", new qe());
-    c(this, "_daemonModel");
-    this._populateRegistry(t), this._daemonModel = this._initializeDaemonModel(), this._root = at(e), this._root.render(dt(rt, { registry: this._registry, daemonModel: this._daemonModel }));
-  }
-  _initializeDaemonModel() {
-    const e = $n();
-    if (!e)
-      return;
-    const t = new Ln(e);
-    return t.initialize().catch((n) => {
-      console.error("[ExplorerApp] Failed to initialize DaemonModel:", n);
-    }), t;
-  }
-  _populateRegistry(e) {
-    this._registry.clear();
-    for (const [t, n] of Object.entries(e)) {
-      const r = n.default;
-      r && typeof r == "object" && this._registry.register(t, r);
-    }
-  }
-  /**
-   * Updates the fixtures. The UI will update automatically since the registry is observable.
-   */
-  updateFixtures(e) {
-    this._populateRegistry(e);
-  }
-  /**
-   * No-op for ExplorerApp (only meaningful for CliRuntime).
-   * Present so the plugin's HMR wiring can call it polymorphically.
-   */
-  bumpVersion() {
-  }
-  /**
-   * Unmounts the explorer and cleans up resources.
-   */
-  dispose() {
-    var e;
-    (e = this._daemonModel) == null || e.dispose(), this._root.unmount();
-  }
-}
+import { _ as r } from "./runtimeVersion-CnnW4nSy.js";
+import { d as s, a as n, b as t, f as u, c as f, r as o, s as d } from "./runtimeVersion-CnnW4nSy.js";
+globalThis._buildInfo = r;
 export {
-  Zt as ChevronDownIcon,
-  Jt as ChevronRightIcon,
-  Zn as CliRuntime,
-  Xt as ComponentIcon,
-  Ln as DaemonModel,
-  rt as Explorer,
-  Yn as ExplorerApp,
-  qt as ExplorerModel,
-  Xn as ExplorerWithDefaults,
-  qe as FixtureRegistry,
-  Yt as FolderIcon,
-  dn as LeftSidebar,
-  nn as MoonIcon,
-  Qt as PanelLeftIcon,
-  en as PanelRightIcon,
-  un as RightSidebar,
-  tn as SunIcon,
-  rn as TitleBar,
-  se as TitleBarButton,
-  an as TreeItem,
-  Je as TreeView,
-  lt as VIEWPORT_SIZES,
-  mt as collectComponents,
-  re as createFixtureTree,
-  J as defineFixture,
-  Kn as defineFixtureGroup,
-  Jn as defineFixtureVariants,
-  ve as findNodeByPath,
-  ht as getDefaultPropertyValues,
-  qn as isComponentDefinition,
-  ft as isFixtureGroup,
-  pt as isFixtureVariants,
-  ut as isSingleFixture,
-  pe as mergeStyles,
-  ct as resolveViewport,
-  u as styles,
-  Ke as toExplorerTree
+  s as defineFixture,
+  n as defineFixtureGroup,
+  t as defineFixtureVariants,
+  u as fixtureGroupBrand,
+  f as fixtureVariantsBrand,
+  o as runtimeVersion,
+  d as singleFixtureBrand
 };
 //# sourceMappingURL=index.js.map