@vscode/component-explorer 0.1.1-14 → 0.1.1-16

package/dist/viewer.js

@@ -4,8 +4,8 @@ var l = (r, e, t) => vt(r, typeof e != "symbol" ? e + "" : e, t);
 import { f as we, a as Re, s as Te } from "./index-DnRcKk60.js";
 import { b as Dn, d as Fn, c as En, e as Bn, g as An } from "./index-DnRcKk60.js";
 import { createRoot as _t } from "react-dom/client";
-import { createContext as Pe, useReducer as bt, useState as yt, useContext as xt, useEffect as Ie, createElement as Ct } from "react";
-import { jsx as a, jsxs as p, Fragment as ge } from "react/jsx-runtime";
+import { createContext as Pe, useReducer as bt, useState as yt, useContext as xt, useEffect as Ie, createElement as St } from "react";
+import { jsx as a, jsxs as f, Fragment as ge } from "react/jsx-runtime";
 import { unstable_batchedUpdates as We } from "react-dom";
 function me(r) {
   return typeof r == "object" && r !== null && Te in r && r[Te] === !0 && "_options" in r && typeof r._options == "object";
@@ -45,13 +45,13 @@ function Oe(r, e, t) {
 function On(r) {
   return typeof r == "object" && r !== null && "render" in r && typeof r.render == "function" && "id" in r && "name" in r;
 }
-const St = {
+const Ct = {
   mobile: { width: 390, height: 844 },
   tablet: { width: 768, height: 1024 },
   desktop: { width: 1440, height: 900 }
 };
 function wt(r) {
-  return typeof r == "string" ? { name: r, ...St[r] } : r;
+  return typeof r == "string" ? { name: r, ...Ct[r] } : r;
 }
 function Rt(r) {
   const e = {};
@@ -140,7 +140,7 @@ let $;
 function Ot(r) {
   $ ? $ instanceof Ve ? $.loggers.push(r) : $ = new Ve([$, r]) : $ = r;
 }
-function C() {
+function S() {
   return $;
 }
 let ae;
@@ -398,17 +398,17 @@ class Lt {
 class xe extends Lt {
   constructor(e) {
     var t;
-    super(), this._observers = /* @__PURE__ */ new Set(), (t = C()) == null || t.handleObservableCreated(this, e);
+    super(), this._observers = /* @__PURE__ */ new Set(), (t = S()) == 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 = C()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
+    this._observers.add(e), t === 0 && this.onFirstObserverAdded(), t !== this._observers.size && ((n = S()) == 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 = C()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
+    t && this._observers.size === 0 && this.onLastObserverRemoved(), t && ((n = S()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
   }
   onFirstObserverAdded() {
   }
@@ -416,8 +416,8 @@ class xe extends Lt {
   }
   log() {
     var t;
-    const e = !!C();
-    return Vt(this), e || (t = C()) == null || t.handleObservableCreated(this, F.ofCaller()), this;
+    const e = !!S();
+    return Vt(this), e || (t = S()) == null || t.handleObservableCreated(this, F.ofCaller()), this;
   }
   debugGetObservers() {
     return this._observers;
@@ -492,7 +492,7 @@ class j extends xe {
   }
   onLastObserverRemoved() {
     var e, t;
-    this._state = 0, this._value = void 0, (e = C()) == null || e.handleDerivedCleared(this);
+    this._state = 0, this._value = void 0, (e = S()) == 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);
@@ -542,7 +542,7 @@ class j extends xe {
           v.removeObserver(this);
         this._dependenciesToBeRemoved.clear(), m !== void 0 && m.dispose();
       }
-      e = this._didReportChange || c && !this._equalityComparator(h, this._value), (i = C()) == null || i.handleObservableUpdated(this, {
+      e = this._didReportChange || c && !this._equalityComparator(h, this._value), (i = S()) == null || i.handleObservableUpdated(this, {
         oldValue: h,
         newValue: this._value,
         change: void 0,
@@ -601,7 +601,7 @@ class j extends xe {
   handleChange(e, t) {
     var n;
     if (this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e) || this._isInBeforeUpdate) {
-      (n = C()) == null || n.handleDerivedDependencyChanged(this, e, t);
+      (n = S()) == null || n.handleDerivedDependencyChanged(this, e, t);
       let s = !1;
       try {
         s = this._changeTracker ? this._changeTracker.handleChange({
@@ -707,7 +707,7 @@ class Ye {
   }
   constructor(e, t, n, s) {
     var o, i;
-    this._debugNameData = e, this._runFn = t, this._changeTracker = n, this._state = 2, this._updateCount = 0, this._disposed = !1, this._dependencies = /* @__PURE__ */ new Set(), this._dependenciesToBeRemoved = /* @__PURE__ */ new Set(), this._isRunning = !1, this._store = void 0, this._delayedStore = void 0, this._changeSummary = (o = this._changeTracker) == null ? void 0 : o.createChangeSummary(void 0), (i = C()) == null || i.handleAutorunCreated(this, s), this._run();
+    this._debugNameData = e, this._runFn = t, this._changeTracker = n, this._state = 2, this._updateCount = 0, this._disposed = !1, this._dependencies = /* @__PURE__ */ new Set(), this._dependenciesToBeRemoved = /* @__PURE__ */ new Set(), this._isRunning = !1, this._store = void 0, this._delayedStore = void 0, this._changeSummary = (o = this._changeTracker) == null ? void 0 : o.createChangeSummary(void 0), (i = S()) == null || i.handleAutorunCreated(this, s), this._run();
   }
   dispose() {
     var e;
@@ -715,7 +715,7 @@ class Ye {
       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 = C()) == null || e.handleAutorunDisposed(this);
+      this._dependencies.clear(), this._store !== void 0 && this._store.dispose(), this._delayedStore !== void 0 && this._delayedStore.dispose(), (e = S()) == null || e.handleAutorunDisposed(this);
     }
   }
   _run() {
@@ -724,7 +724,7 @@ class Ye {
     this._dependenciesToBeRemoved = this._dependencies, this._dependencies = e, this._state = 3;
     try {
       if (!this._disposed) {
-        (t = C()) == null || t.handleAutorunStarted(this);
+        (t = S()) == null || t.handleAutorunStarted(this);
         const i = this._changeSummary, d = this._delayedStore;
         d !== void 0 && (this._delayedStore = void 0);
         try {
@@ -736,7 +736,7 @@ class Ye {
         }
       }
     } finally {
-      this._disposed || (o = C()) == null || o.handleAutorunFinished(this);
+      this._disposed || (o = S()) == null || o.handleAutorunFinished(this);
       for (const i of this._dependenciesToBeRemoved)
         i.removeObserver(this);
       this._dependenciesToBeRemoved.clear();
@@ -771,7 +771,7 @@ class Ye {
   handleChange(e, t) {
     var n;
     if (this._isDependency(e)) {
-      (n = C()) == null || n.handleAutorunDependencyChanged(this, e, t);
+      (n = S()) == null || n.handleAutorunDependencyChanged(this, e, t);
       try {
         (this._changeTracker ? this._changeTracker.handleChange({
           changedObservable: e,
@@ -842,7 +842,7 @@ function Gt(r, e, t) {
 class tt {
   constructor(e, t) {
     var n;
-    this._fn = e, this._getDebugName = t, this._updatingObservers = [], (n = C()) == null || n.handleBeginTransaction(this);
+    this._fn = e, this._getDebugName = t, this._updatingObservers = [], (n = S()) == null || n.handleBeginTransaction(this);
   }
   getDebugName() {
     return this._getDebugName ? this._getDebugName() : ye(this._fn);
@@ -867,7 +867,7 @@ class tt {
       const { observer: s, observable: o } = e[n];
       s.endUpdate(o);
     }
-    this._updatingObservers = null, (t = C()) == null || t.handleEndTransaction(this);
+    this._updatingObservers = null, (t = S()) == null || t.handleEndTransaction(this);
   }
   debugGetUpdatingObservers() {
     return this._updatingObservers;
@@ -883,7 +883,7 @@ class rt extends xe {
   }
   constructor(e, t, n, s) {
     var o;
-    super(s), this._debugNameData = e, this._equalityComparator = n, this._value = t, (o = C()) == null || o.handleObservableUpdated(this, { hadValue: !1, newValue: t, change: void 0, didChange: !0, oldValue: void 0 });
+    super(s), this._debugNameData = e, this._equalityComparator = n, this._value = t, (o = S()) == null || o.handleObservableUpdated(this, { hadValue: !1, newValue: t, change: void 0, didChange: !0, oldValue: void 0 });
   }
   get() {
     return this._value;
@@ -897,7 +897,7 @@ class rt extends xe {
     }, () => `Setting ${this.debugName}`));
     try {
       const i = this._value;
-      this._setValue(e), (o = C()) == null || o.handleObservableUpdated(this, { oldValue: i, newValue: e, change: n, didChange: !0, hadValue: !0 });
+      this._setValue(e), (o = S()) == null || o.handleObservableUpdated(this, { oldValue: i, newValue: e, change: n, didChange: !0, hadValue: !0 });
       for (const d of this._observers)
         t.updateObserver(d, this), d.handleChange(this, n);
     } finally {
@@ -931,13 +931,13 @@ class L extends xe {
       let v = !1;
       m && (this._value = c, this._hasValue && (v = !0, Gt(this._getTransaction(), (g) => {
         var _;
-        (_ = C()) == null || _.handleObservableUpdated(this, { oldValue: h, newValue: c, change: void 0, didChange: m, hadValue: this._hasValue });
+        (_ = S()) == null || _.handleObservableUpdated(this, { oldValue: h, newValue: c, change: void 0, didChange: m, hadValue: this._hasValue });
         for (const b of this._observers)
           g.updateObserver(b, this), b.handleChange(this, void 0);
       }, () => {
         const g = this.getDebugName();
         return "Event fired" + (g ? `: ${g}` : "");
-      })), this._hasValue = !0), v || (R = C()) == null || R.handleObservableUpdated(this, { oldValue: h, newValue: c, change: void 0, didChange: m, hadValue: this._hasValue });
+      })), this._hasValue = !0), v || (R = S()) == null || R.handleObservableUpdated(this, { oldValue: h, newValue: c, change: void 0, didChange: m, hadValue: this._hasValue });
     };
   }
   getDebugName() {
@@ -1537,11 +1537,11 @@ function B(r = {}) {
   return e = class extends cr {
   }, e._props = r, e;
 }
-let pe = 0;
+let fe = 0;
 const hr = new or((r) => {
   for (const e of r)
     e.rendered = !1;
-  if (pe > 0) {
+  if (fe > 0) {
     const e = r.find((t) => t.isRendering);
     e.itemsToRender = r;
   } else
@@ -1551,7 +1551,7 @@ const hr = new or((r) => {
     });
 });
 let ur = 0;
-class pr {
+class fr {
   constructor(e, t) {
     this.debugName = e, this.renderFactory = t, this._obsProps = void 0, this.forceUpdate = void 0, this._render = void 0, this._disposable = void 0, this.contextValues = /* @__PURE__ */ new Map(), this.cleanupEffect = () => () => {
       var n;
@@ -1570,27 +1570,27 @@ class pr {
     this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = w(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = D(this, this._render), this._disposable = hr.addDependency(this.rendering, this));
   }
 }
-function Ce(r, e, t) {
-  const n = (i) => i + 1, s = () => new pr(r + ++ur, e), o = function(i) {
+function Se(r, e, t) {
+  const n = (i) => i + 1, s = () => new fr(r + ++ur, e), o = function(i) {
     const d = bt(n, 0)[1], c = yt(s)[0];
     for (const h of t ?? [])
       c.contextValues.set(h, xt(h));
     if (Ie(c.cleanupEffect, []), Ie(c.handleAfterRender), c.isRendering)
       throw new Error("Component is already rendering");
-    c.isRendering = !0, pe++;
+    c.isRendering = !0, fe++;
     try {
       c.forceUpdate = d, c.updateProps(i);
       const h = c.rendering.get();
       return c.rendered = !0, h;
     } finally {
-      c.isRendering = !1, pe--;
+      c.isRendering = !1, fe--;
     }
   };
   return o.displayName = r, o;
 }
-Ce("ObsView", (r) => (e) => r.read(e).children(e));
+Se("ObsView", (r) => (e) => r.read(e).children(e));
 function V(r, e) {
-  return Ce("view", (t) => {
+  return Se("view", (t) => {
     const n = K(r, (s, o) => s.create((i) => t.read(i)[o], void 0));
     return (s) => {
       const o = K(n, (i) => i.read(s));
@@ -1598,7 +1598,7 @@ function V(r, e) {
     };
   });
 }
-function fr(r) {
+function pr(r) {
   const e = [];
   for (const t of Object.values(r)) {
     const n = t._requiredContext;
@@ -1607,8 +1607,8 @@ function fr(r) {
   return e;
 }
 function A(r, e, t) {
-  const n = typeof e == "function" ? {} : e, s = typeof e == "function" ? e : t, o = "_props" in r ? r._props : {}, i = fr({ ...o, ...n }), d = lr(r), c = [...i, d];
-  return Ce("viewWithModel", (h, m) => {
+  const n = typeof e == "function" ? {} : e, s = typeof e == "function" ? e : t, o = "_props" in r ? r._props : {}, i = pr({ ...o, ...n }), d = lr(r), c = [...i, d];
+  return Se("viewWithModel", (h, m) => {
     const v = m(), R = v.get(d), g = "_props" in r ? K(r._props, (y, O) => y.create((x) => h.read(x)[O], v.get(y._requiredContext))) : {}, _ = R ? { read: () => R, dispose: () => {
     } } : Pt((y) => {
       const O = K(g, (x) => x.read(y));
@@ -1853,7 +1853,7 @@ class gr extends B({
     return i;
   }
 }
-const f = {
+const p = {
   container: {
     display: "flex",
     flexDirection: "row",
@@ -2042,7 +2042,7 @@ const f = {
     cursor: "pointer"
   }
 };
-function Se(...r) {
+function Ce(...r) {
   return Object.assign({}, ...r.filter(Boolean));
 }
 class mr extends B({
@@ -2067,10 +2067,10 @@ const oe = A(
     children: u.const()
   },
   (r, e, t) => {
-    const n = e.isHovered.read(r), s = e.active.read(r), o = Se(
-      f.titleBarButton,
-      n && !s && f.titleBarButtonHover,
-      s && f.titleBarButtonActive
+    const n = e.isHovered.read(r), s = e.active.read(r), o = Ce(
+      p.titleBarButton,
+      n && !s && p.titleBarButtonHover,
+      s && p.titleBarButtonActive
     );
     return /* @__PURE__ */ a(
       "button",
@@ -2084,17 +2084,17 @@ const oe = A(
       }
     );
   }
-), vr = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M5.7 13.7L5 13l4.6-4.6L5 3.7l.7-.7 5.3 5.4-5.3 5.3z" }) }), _r = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M11 5.5L6 10.5L5.3 9.8L9.6 5.5L5.3 1.2L6 0.5L11 5.5z", transform: "rotate(90 8 5.5)" }) }), br = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M14.5 2H9l-.35.15-.65.64-.65-.64L7 2H1.5l-.5.5v10l.5.5H7l.35-.15.65-.64.65.64.35.15h5.5l.5-.5v-10l-.5-.5zm-7 10H2V3h5v.86L5.85 5l1.15 1.14V10l-1.15-1.14L7 7.72V12zm6 0H8V7.72l1.15 1.14L8 10V6.14L9.15 5 8 3.86V3h5v9z" }) }), yr = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M14.5 3H7.71l-.85-.85L6.5 2h-5l-.5.5v11l.5.5h13l.5-.5v-10l-.5-.5zm-.5 10H2V6h12v7zm0-8H2V3h4.29l.85.85.36.15H14v1z" }) }), xr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), Cr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), Sr = () => /* @__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" }) }), wr = () => /* @__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" }) }), Rr = V(
+), vr = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M5.7 13.7L5 13l4.6-4.6L5 3.7l.7-.7 5.3 5.4-5.3 5.3z" }) }), _r = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M11 5.5L6 10.5L5.3 9.8L9.6 5.5L5.3 1.2L6 0.5L11 5.5z", transform: "rotate(90 8 5.5)" }) }), br = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M14.5 2H9l-.35.15-.65.64-.65-.64L7 2H1.5l-.5.5v10l.5.5H7l.35-.15.65-.64.65.64.35.15h5.5l.5-.5v-10l-.5-.5zm-7 10H2V3h5v.86L5.85 5l1.15 1.14V10l-1.15-1.14L7 7.72V12zm6 0H8V7.72l1.15 1.14L8 10V6.14L9.15 5 8 3.86V3h5v9z" }) }), yr = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M14.5 3H7.71l-.85-.85L6.5 2h-5l-.5.5v11l.5.5h13l.5-.5v-10l-.5-.5zm-.5 10H2V6h12v7zm0-8H2V3h4.29l.85.85.36.15H14v1z" }) }), xr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), Sr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), Cr = () => /* @__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" }) }), wr = () => /* @__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" }) }), Rr = V(
   { model: u.const() },
   (r, e) => {
     var d, c;
     const t = e.model, n = t.viewMode.read(r), s = ((d = t.daemon) == null ? void 0 : d.sessions.read(r)) ?? [], o = (c = t.daemon) == null ? void 0 : c.sessionName, i = s.filter((h) => h.name !== o);
-    return s.length <= 1 ? null : /* @__PURE__ */ p("div", { style: J.container, children: [
-      /* @__PURE__ */ p("div", { style: J.segmentedControl, children: [
+    return s.length <= 1 ? null : /* @__PURE__ */ f("div", { style: J.container, children: [
+      /* @__PURE__ */ f("div", { style: J.segmentedControl, children: [
         /* @__PURE__ */ a(Be, { label: "Live", mode: "session", active: n === "session", onClick: () => t.setViewMode("session") }),
         /* @__PURE__ */ a(Be, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => t.setViewMode("diff") })
       ] }),
-      i.length > 0 && /* @__PURE__ */ a("div", { style: J.sessionLinks, children: i.map((h) => /* @__PURE__ */ p(
+      i.length > 0 && /* @__PURE__ */ a("div", { style: J.sessionLinks, children: i.map((h) => /* @__PURE__ */ f(
         "button",
         {
           style: J.sessionLink,
@@ -2126,8 +2126,8 @@ const Tr = V(
   },
   (r, e) => {
     const t = e.model, n = t.leftSidebarVisible.read(r), s = t.rightSidebarVisible.read(r), o = t.isDarkTheme.read(r), i = t.selectedNode.read(r);
-    return /* @__PURE__ */ p("div", { style: f.titleBar, children: [
-      /* @__PURE__ */ a("div", { style: f.titleBarSection, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ f("div", { style: p.titleBar, children: [
+      /* @__PURE__ */ a("div", { style: p.titleBarSection, children: /* @__PURE__ */ a(
         oe,
         {
           active: n,
@@ -2136,22 +2136,22 @@ const Tr = V(
           children: /* @__PURE__ */ a(xr, {})
         }
       ) }),
-      /* @__PURE__ */ p("div", { style: f.titleBarCenter, children: [
+      /* @__PURE__ */ f("div", { style: p.titleBarCenter, children: [
         t.isReportMode ? /* @__PURE__ */ a("span", { style: { fontSize: 12, color: "var(--vscode-descriptionForeground)" }, children: "Screenshot Report" }) : t.daemonAvailable ? /* @__PURE__ */ a(Rr, { model: t }) : null,
-        i ? /* @__PURE__ */ p(ge, { children: [
+        i ? /* @__PURE__ */ f(ge, { children: [
           /* @__PURE__ */ a("span", { style: { color: "var(--vscode-textLink-foreground)" }, children: "<" }),
           /* @__PURE__ */ a("span", { children: i.name }),
           /* @__PURE__ */ a("span", { style: { color: "var(--vscode-textLink-foreground)" }, children: "/>" })
         ] }) : /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: "No component selected" })
       ] }),
-      /* @__PURE__ */ p("div", { style: f.titleBarSection, children: [
+      /* @__PURE__ */ f("div", { style: p.titleBarSection, children: [
         /* @__PURE__ */ a(
           oe,
           {
             active: !1,
             onClick: t.toggleTheme,
             title: o ? "Switch to light theme" : "Switch to dark theme",
-            children: o ? /* @__PURE__ */ a(Sr, {}) : /* @__PURE__ */ a(wr, {})
+            children: o ? /* @__PURE__ */ a(Cr, {}) : /* @__PURE__ */ a(wr, {})
           }
         ),
         /* @__PURE__ */ a(
@@ -2160,7 +2160,7 @@ const Tr = V(
             active: s,
             onClick: t.toggleRightSidebar,
             title: "Toggle right sidebar",
-            children: /* @__PURE__ */ a(Cr, {})
+            children: /* @__PURE__ */ a(Sr, {})
           }
         )
       ] })
@@ -2254,14 +2254,14 @@ class Ir extends B({
   }
 }
 const Or = A(Ir, {}, (r, e) => {
-  const t = e.explorerModel, n = e.treeNode, s = e.treeDepth, o = !!(n.children && n.children.length > 0), i = o ? t.isNodeExpanded(n.id, r) : !1, c = t.selectedNodeId.read(r) === n.id, h = e.isHovered.read(r), m = Se(
-    f.treeItem,
+  const t = e.explorerModel, n = e.treeNode, s = e.treeDepth, o = !!(n.children && n.children.length > 0), i = o ? t.isNodeExpanded(n.id, r) : !1, c = t.selectedNodeId.read(r) === n.id, h = e.isHovered.read(r), m = Ce(
+    p.treeItem,
     { paddingLeft: `${8 + s * 12}px` },
-    c && f.treeItemSelected,
-    !c && h && f.treeItemHover
+    c && p.treeItemSelected,
+    !c && h && p.treeItemHover
   );
-  return /* @__PURE__ */ p(ge, { children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(ge, { children: [
+    /* @__PURE__ */ f(
       "div",
       {
         style: m,
@@ -2270,10 +2270,10 @@ const Or = A(Ir, {}, (r, e) => {
         onMouseEnter: () => e.setHovered(!0),
         onMouseLeave: () => e.setHovered(!1),
         children: [
-          o ? /* @__PURE__ */ a("div", { style: f.treeItemChevron, onClick: e.handleChevronClick, children: i ? /* @__PURE__ */ a(_r, {}) : /* @__PURE__ */ a(vr, {}) }) : /* @__PURE__ */ a("div", { style: f.treeItemChevronPlaceholder }),
-          /* @__PURE__ */ a("div", { style: f.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a(yr, { style: { color: "var(--vscode-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(br, { style: { color: "#deb45b" } }) }),
-          /* @__PURE__ */ a("span", { style: f.treeItemLabel, children: n.name }),
-          o && /* @__PURE__ */ a("span", { style: f.treeItemCount, children: n.children.length })
+          o ? /* @__PURE__ */ a("div", { style: p.treeItemChevron, onClick: e.handleChevronClick, children: i ? /* @__PURE__ */ a(_r, {}) : /* @__PURE__ */ a(vr, {}) }) : /* @__PURE__ */ a("div", { style: p.treeItemChevronPlaceholder }),
+          /* @__PURE__ */ a("div", { style: p.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a(yr, { style: { color: "var(--vscode-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(br, { style: { color: "#deb45b" } }) }),
+          /* @__PURE__ */ a("span", { style: p.treeItemLabel, children: n.name }),
+          o && /* @__PURE__ */ a("span", { style: p.treeItemCount, children: n.children.length })
         ]
       }
     ),
@@ -2285,9 +2285,9 @@ const Or = A(Ir, {}, (r, e) => {
   },
   (r, e) => {
     const t = e.model.tree.read(r);
-    return /* @__PURE__ */ p("div", { style: f.sidebar, children: [
-      /* @__PURE__ */ a("div", { style: f.sidebarHeader, children: "Explorer" }),
-      /* @__PURE__ */ a("div", { style: f.sidebarContent, children: /* @__PURE__ */ a(it, { model: e.model, nodes: [t], depth: 0 }) })
+    return /* @__PURE__ */ f("div", { style: p.sidebar, children: [
+      /* @__PURE__ */ a("div", { style: p.sidebarHeader, children: "Explorer" }),
+      /* @__PURE__ */ a("div", { style: p.sidebarContent, children: /* @__PURE__ */ a(it, { model: e.model, nodes: [t], depth: 0 }) })
     ] });
   }
 );
@@ -2325,9 +2325,9 @@ const Nr = A(Vr, {}, (r, e) => {
   {
     node: u.const()
   },
-  (r, e) => e.node.type !== "component" ? /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component (not a folder) to view its properties" }) : /* @__PURE__ */ p("div", { style: f.propertiesPanel, children: [
-    /* @__PURE__ */ p("div", { style: f.propertyRow, children: [
-      /* @__PURE__ */ p("div", { style: f.propertyLabel, children: [
+  (r, e) => e.node.type !== "component" ? /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component (not a folder) to view its properties" }) : /* @__PURE__ */ f("div", { style: p.propertiesPanel, children: [
+    /* @__PURE__ */ f("div", { style: p.propertyRow, children: [
+      /* @__PURE__ */ f("div", { style: p.propertyLabel, children: [
         "children",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : string" })
       ] }),
@@ -2335,57 +2335,57 @@ const Nr = A(Vr, {}, (r, e) => {
         "input",
         {
           type: "text",
-          style: f.propertyInput,
+          style: p.propertyInput,
           defaultValue: "Click me",
           placeholder: "Enter text..."
         }
       ),
-      /* @__PURE__ */ a("div", { style: f.propertyDescription, children: "Button text content" })
+      /* @__PURE__ */ a("div", { style: p.propertyDescription, children: "Button text content" })
     ] }),
-    /* @__PURE__ */ p("div", { style: f.propertyRow, children: [
-      /* @__PURE__ */ p("div", { style: f.propertyLabel, children: [
+    /* @__PURE__ */ f("div", { style: p.propertyRow, children: [
+      /* @__PURE__ */ f("div", { style: p.propertyLabel, children: [
         "variant",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : select" })
       ] }),
-      /* @__PURE__ */ p("select", { style: f.propertySelect, defaultValue: "default", children: [
+      /* @__PURE__ */ f("select", { style: p.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: f.propertyDescription, children: "Visual style variant" })
+      /* @__PURE__ */ a("div", { style: p.propertyDescription, children: "Visual style variant" })
     ] }),
-    /* @__PURE__ */ p("div", { style: f.propertyRow, children: [
-      /* @__PURE__ */ p("div", { style: f.propertyLabel, children: [
+    /* @__PURE__ */ f("div", { style: p.propertyRow, children: [
+      /* @__PURE__ */ f("div", { style: p.propertyLabel, children: [
         "size",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : select" })
       ] }),
-      /* @__PURE__ */ p("select", { style: f.propertySelect, defaultValue: "default", children: [
+      /* @__PURE__ */ f("select", { style: p.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: f.propertyDescription, children: "Button size" })
+      /* @__PURE__ */ a("div", { style: p.propertyDescription, children: "Button size" })
     ] }),
-    /* @__PURE__ */ p("div", { style: f.propertyRow, children: [
-      /* @__PURE__ */ p("div", { style: f.propertyLabel, children: [
+    /* @__PURE__ */ f("div", { style: p.propertyRow, children: [
+      /* @__PURE__ */ f("div", { style: p.propertyLabel, children: [
         "disabled",
         /* @__PURE__ */ a("span", { style: { color: "var(--vscode-descriptionForeground)" }, children: " : boolean" })
       ] }),
       /* @__PURE__ */ a(Nr, {}),
-      /* @__PURE__ */ a("div", { style: f.propertyDescription, children: "Disable the button" })
+      /* @__PURE__ */ a("div", { style: p.propertyDescription, children: "Disable the button" })
     ] })
   ] })
 ), Dr = V(
   {
     selectedNode: u.const()
   },
-  (r, e) => /* @__PURE__ */ p("div", { style: Se(f.sidebar, f.sidebarRight), children: [
-    /* @__PURE__ */ p("div", { style: f.sidebarHeader, children: [
+  (r, e) => /* @__PURE__ */ f("div", { style: Ce(p.sidebar, p.sidebarRight), children: [
+    /* @__PURE__ */ f("div", { style: p.sidebarHeader, children: [
       /* @__PURE__ */ a("span", { style: { marginRight: "6px", color: "var(--vscode-textLink-foreground)" }, children: "</>" }),
       "Props"
     ] }),
-    /* @__PURE__ */ a("div", { style: f.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(Mr, { node: e.selectedNode }) : /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
+    /* @__PURE__ */ a("div", { style: p.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(Mr, { node: e.selectedNode }) : /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--vscode-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
   ] })
 );
 class Fr extends B({
@@ -2494,8 +2494,8 @@ const at = A(
         display: "inline-block"
       };
     const h = o && i ? `${o} × ${i}` : "", m = d ? G.wrapperCompact : G.wrapper, v = d ? G.nameCompact : G.name;
-    return /* @__PURE__ */ p("div", { style: m, children: [
-      /* @__PURE__ */ p("div", { style: G.labelRow, children: [
+    return /* @__PURE__ */ f("div", { style: m, children: [
+      /* @__PURE__ */ f("div", { style: G.labelRow, children: [
         /* @__PURE__ */ a("span", { style: v, children: t.name }),
         !d && h && /* @__PURE__ */ a("span", { style: G.dimensions, children: h })
       ] }),
@@ -2698,13 +2698,13 @@ const Hr = A(
   {},
   (r, e) => {
     const t = e.comparisonStatus.read(r), n = t.status === "loading" ? /* @__PURE__ */ a("span", { style: T.badgeLoading, children: "comparing..." }) : t.status === "error" ? /* @__PURE__ */ a("span", { style: T.badgeError, children: "error" }) : t.match ? /* @__PURE__ */ a("span", { style: T.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ a("span", { style: T.badgeChanged, children: "● changed" });
-    return /* @__PURE__ */ p("div", { style: T.fixtureRow, children: [
-      /* @__PURE__ */ p("div", { style: T.fixtureLabel, children: [
+    return /* @__PURE__ */ f("div", { style: T.fixtureRow, children: [
+      /* @__PURE__ */ f("div", { style: T.fixtureLabel, children: [
         /* @__PURE__ */ a("span", { style: T.fixtureName, children: e.fixtureId }),
         n
       ] }),
-      /* @__PURE__ */ p("div", { style: T.sideBySide, children: [
-        /* @__PURE__ */ p("div", { style: T.screenshotColumn, children: [
+      /* @__PURE__ */ f("div", { style: T.sideBySide, children: [
+        /* @__PURE__ */ f("div", { style: T.screenshotColumn, children: [
           /* @__PURE__ */ a("span", { style: T.columnLabel, children: "Current" }),
           /* @__PURE__ */ a(
             Ae,
@@ -2715,7 +2715,7 @@ const Hr = A(
             }
           )
         ] }),
-        /* @__PURE__ */ p("div", { style: T.screenshotColumn, children: [
+        /* @__PURE__ */ f("div", { style: T.screenshotColumn, children: [
           /* @__PURE__ */ a("span", { style: T.columnLabel, children: "Baseline" }),
           /* @__PURE__ */ a(
             Ae,
@@ -2738,7 +2738,7 @@ const Hr = A(
     baselineSession: u.const(),
     currentSession: u.const()
   },
-  (r, e) => /* @__PURE__ */ p("div", { children: [
+  (r, e) => /* @__PURE__ */ f("div", { children: [
     /* @__PURE__ */ a("div", { style: T.groupHeader, children: /* @__PURE__ */ a("span", { style: T.groupTitle, children: e.path }) }),
     /* @__PURE__ */ a("div", { style: T.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
       Hr,
@@ -2851,7 +2851,7 @@ function Gr(r) {
   };
 }
 function ze({ src: r, alt: e, background: t }) {
-  return /* @__PURE__ */ a("div", { style: Gr(t), children: /* @__PURE__ */ a("img", { src: r, alt: e, style: S.image }) });
+  return /* @__PURE__ */ a("div", { style: Gr(t), children: /* @__PURE__ */ a("img", { src: r, alt: e, style: C.image }) });
 }
 const qr = V(
   {
@@ -2859,15 +2859,15 @@ const qr = V(
     reportModel: u.const()
   },
   (r, e) => {
-    const { item: t, reportModel: n } = e, { entry: s } = t, o = s.background ?? "light", i = s.status === "unchanged" ? /* @__PURE__ */ a("span", { style: S.badgeMatch, children: "✓ match" }) : s.status === "changed" ? /* @__PURE__ */ a("span", { style: S.badgeChanged, children: "● changed" }) : /* @__PURE__ */ a("span", { style: S.badgeAdded, children: "+ added" }), d = s.baselineScreenshot || s.currentScreenshot;
-    return /* @__PURE__ */ p("div", { style: S.fixtureRow, children: [
-      /* @__PURE__ */ p("div", { style: S.fixtureLabel, children: [
-        /* @__PURE__ */ a("span", { style: S.fixtureName, children: t.fixtureId }),
+    const { item: t, reportModel: n } = e, { entry: s } = t, o = s.background ?? "light", i = s.status === "unchanged" ? /* @__PURE__ */ a("span", { style: C.badgeMatch, children: "✓ match" }) : s.status === "changed" ? /* @__PURE__ */ a("span", { style: C.badgeChanged, children: "● changed" }) : /* @__PURE__ */ a("span", { style: C.badgeAdded, children: "+ added" }), d = s.baselineScreenshot || s.currentScreenshot;
+    return /* @__PURE__ */ f("div", { style: C.fixtureRow, children: [
+      /* @__PURE__ */ f("div", { style: C.fixtureLabel, children: [
+        /* @__PURE__ */ a("span", { style: C.fixtureName, children: t.fixtureId }),
         i
       ] }),
-      d && /* @__PURE__ */ p("div", { style: S.sideBySide, children: [
-        s.baselineScreenshot && /* @__PURE__ */ p("div", { style: S.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: S.columnLabel, children: "Baseline" }),
+      d && /* @__PURE__ */ f("div", { style: C.sideBySide, children: [
+        s.baselineScreenshot && /* @__PURE__ */ f("div", { style: C.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: C.columnLabel, children: "Baseline" }),
           /* @__PURE__ */ a(
             ze,
             {
@@ -2877,8 +2877,8 @@ const qr = V(
             }
           )
         ] }),
-        s.currentScreenshot && /* @__PURE__ */ p("div", { style: S.screenshotColumn, children: [
-          /* @__PURE__ */ a("span", { style: S.columnLabel, children: "Current" }),
+        s.currentScreenshot && /* @__PURE__ */ f("div", { style: C.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: C.columnLabel, children: "Current" }),
           /* @__PURE__ */ a(
             ze,
             {
@@ -2889,7 +2889,7 @@ const qr = V(
           )
         ] })
       ] }),
-      !d && s.status === "unchanged" && /* @__PURE__ */ a("div", { style: S.hashRow, children: /* @__PURE__ */ p("span", { style: S.hashText, children: [
+      !d && s.status === "unchanged" && /* @__PURE__ */ a("div", { style: C.hashRow, children: /* @__PURE__ */ f("span", { style: C.hashText, children: [
         "hash: ",
         s.targetHash
       ] }) })
@@ -2902,9 +2902,9 @@ const qr = V(
     items: u.const(),
     reportModel: u.const()
   },
-  (r, e) => /* @__PURE__ */ p("div", { children: [
-    /* @__PURE__ */ a("div", { style: S.groupHeader, children: /* @__PURE__ */ a("span", { style: S.groupTitle, children: e.path }) }),
-    /* @__PURE__ */ a("div", { style: S.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
+  (r, e) => /* @__PURE__ */ f("div", { children: [
+    /* @__PURE__ */ a("div", { style: C.groupHeader, children: /* @__PURE__ */ a("span", { style: C.groupTitle, children: e.path }) }),
+    /* @__PURE__ */ a("div", { style: C.groupContent, children: e.items.map((t) => /* @__PURE__ */ a(
       qr,
       {
         item: t,
@@ -2913,7 +2913,7 @@ const qr = V(
       t.fixtureId
     )) })
   ] })
-), S = {
+), C = {
   groupHeader: {
     marginBottom: 12
   },
@@ -3013,7 +3013,7 @@ function Xr() {
   return new Map(Object.entries(ht()));
 }
 const Yr = 280, Qr = 32, ne = 32, Le = 400, ut = "component-explorer:scrollAnchors", He = 100;
-function pt() {
+function ft() {
   try {
     const r = localStorage.getItem(ut);
     if (r) return JSON.parse(r);
@@ -3023,7 +3023,7 @@ function pt() {
 }
 function en(r, e) {
   try {
-    const t = pt();
+    const t = ft();
     t[r] = e;
     const n = Object.entries(t), s = n.length > He ? Object.fromEntries(n.slice(-He)) : t;
     localStorage.setItem(ut, JSON.stringify(s));
@@ -3031,16 +3031,16 @@ function en(r, e) {
   }
 }
 function tn(r) {
-  return pt()[r];
+  return ft()[r];
 }
-function ft(r) {
+function pt(r) {
   return r.type === "single" ? r.fixture.id : r.id;
 }
 function rn(r, e) {
   const t = new Array(r.length);
   let n = ne;
   for (let s = 0; s < r.length; s++) {
-    const o = e.get(ft(r[s])) ?? Yr;
+    const o = e.get(pt(r[s])) ?? Yr;
     t[s] = { top: n, height: o }, n += o + Qr;
   }
   return t;
@@ -3138,6 +3138,20 @@ class on extends B({
   get explorerModel() {
     return this.props.model;
   }
+  get currentSessionName() {
+    var s, o;
+    const t = this.explorerModel.daemon;
+    if (!t) return "current";
+    const n = t.sessions.get();
+    return ((s = n.find((i) => i.sourceKind === "current")) == null ? void 0 : s.name) ?? ((o = n[0]) == null ? void 0 : o.name) ?? "current";
+  }
+  get baselineSessionName() {
+    var s, o;
+    const t = this.explorerModel.daemon;
+    if (!t) return "baseline";
+    const n = t.sessions.get();
+    return ((s = n.find((i) => i.sourceKind === "worktree")) == null ? void 0 : s.name) ?? ((o = n[1]) == null ? void 0 : o.name) ?? "baseline";
+  }
   updateForSelection(t) {
     this._currentNodeId !== t && (this._currentNodeId = t, this._restoreScrollPosition());
   }
@@ -3167,7 +3181,7 @@ const an = A(
         if (h.status === "loading")
           return /* @__PURE__ */ a("div", { style: N.emptyState, children: /* @__PURE__ */ a("span", { style: N.emptyText, children: "Loading report..." }) });
         if (h.status === "error")
-          return /* @__PURE__ */ a("div", { style: N.emptyState, children: /* @__PURE__ */ p("span", { style: { ...N.emptyText, color: "var(--vscode-errorForeground)" }, children: [
+          return /* @__PURE__ */ a("div", { style: N.emptyState, children: /* @__PURE__ */ f("span", { style: { ...N.emptyText, color: "var(--vscode-errorForeground)" }, children: [
             "Failed to load report: ",
             h.message
           ] }) });
@@ -3176,7 +3190,7 @@ const an = A(
     }
     const d = nn(s);
     return /* @__PURE__ */ a("div", { ref: e.setScrollContainerRef, style: N.scrollContainer, children: /* @__PURE__ */ a("div", { style: { position: "relative", height: d }, children: t.slice(o, i).map((c, h) => {
-      const m = o + h, { top: v } = s[m], R = ft(c);
+      const m = o + h, { top: v } = s[m], R = pt(c);
       return /* @__PURE__ */ a(
         "div",
         {
@@ -3189,8 +3203,8 @@ const an = A(
               path: c.path,
               items: c.items,
               daemon: e.explorerModel.daemon,
-              baselineSession: "baseline",
-              currentSession: "current"
+              baselineSession: e.baselineSessionName,
+              currentSession: e.currentSessionName
             }
           ) : c.type === "report-comparison" && e.explorerModel.reportModel ? /* @__PURE__ */ a(
             Kr,
@@ -3210,7 +3224,7 @@ const an = A(
   { row: u.const() },
   (r, e) => {
     const t = e.row;
-    return /* @__PURE__ */ p("div", { children: [
+    return /* @__PURE__ */ f("div", { children: [
       /* @__PURE__ */ a("div", { style: N.variantsHeader, children: /* @__PURE__ */ a("span", { style: N.variantsTitle, children: t.path }) }),
       /* @__PURE__ */ a("div", { style: N.variantsContent, children: t.fixtures.map((n) => /* @__PURE__ */ a(at, { fixture: n, compact: !0 }, n.id)) })
     ] });
@@ -3251,9 +3265,9 @@ const an = A(
   { daemonModel: u.const(), reportModel: u.const() },
   (r, e) => {
     const t = e.leftSidebarVisible.read(r), n = e.rightSidebarVisible.read(r), s = e.isDarkTheme.read(r), o = e.selectedNode.read(r);
-    return /* @__PURE__ */ p("div", { className: s ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus", style: f.container, children: [
+    return /* @__PURE__ */ f("div", { className: s ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus", style: p.container, children: [
       t && /* @__PURE__ */ a(kr, { model: e }),
-      /* @__PURE__ */ p("div", { style: f.centerArea, children: [
+      /* @__PURE__ */ f("div", { style: p.centerArea, children: [
         /* @__PURE__ */ a(Tr, { model: e }),
         /* @__PURE__ */ a(an, { model: e })
       ] }),
@@ -3261,15 +3275,15 @@ const an = A(
     ] });
   }
 );
-var ln = class fe {
+var ln = class pe {
   constructor(e) {
     this.iterator = e;
   }
   static fromIterable(e) {
-    return new fe(e[Symbol.asyncIterator]());
+    return new pe(e[Symbol.asyncIterator]());
   }
   static fromFn(e) {
-    return new fe(e());
+    return new pe(e());
   }
   [Symbol.asyncIterator]() {
     return this.iterator;
@@ -3294,7 +3308,7 @@ var ln = class fe {
     });
   }
 };
-function pn(r, e) {
+function fn(r, e) {
   return new un(async (t, n) => {
     var d;
     const s = await fetch(`${r}/${t}`, {
@@ -3335,7 +3349,7 @@ function pn(r, e) {
     }) : await s.json();
   });
 }
-class fn {
+class pn {
   constructor(e) {
     l(this, "_sourceTreeIds", w(this, /* @__PURE__ */ new Map()));
     l(this, "_sessions", w(this, []));
@@ -3347,7 +3361,7 @@ class fn {
     l(this, "sourceTreeIds", this._sourceTreeIds);
     /** Observable list of sessions from the daemon */
     l(this, "sessions", this._sessions);
-    this.config = e, this.sessionName = e.sessionName, this._client = pn("/__explorer/daemon-api");
+    this.config = e, this.sessionName = e.sessionName, this._client = fn("/__explorer/daemon-api");
   }
   /**
    * Initializes the model: fetches initial session info and starts listening to events.
@@ -3418,7 +3432,7 @@ class fn {
   async _fetchSessionInfos() {
     const e = await this._client.methods.sessions(), t = /* @__PURE__ */ new Map(), n = [];
     for (const s of e)
-      t.set(s.name, s.sourceTreeId), n.push({ name: s.name, serverUrl: s.serverUrl });
+      t.set(s.name, s.sourceTreeId), n.push({ name: s.name, serverUrl: s.serverUrl, sourceKind: s.sourceKind });
     this._sourceTreeIds.set(t, void 0), this._sessions.set(n, void 0);
   }
   async _startEventStream() {
@@ -3504,7 +3518,7 @@ class Vn {
     l(this, "_registry", new sr());
     l(this, "_daemonModel");
     l(this, "_reportModel");
-    this._populateRegistry(t), this._reportModel = this._initializeReportModel(), this._daemonModel = this._reportModel ? void 0 : this._initializeDaemonModel(), this._root = _t(e), this._root.render(Ct(cn, {
+    this._populateRegistry(t), this._reportModel = this._initializeReportModel(), this._daemonModel = this._reportModel ? void 0 : this._initializeDaemonModel(), this._root = _t(e), this._root.render(St(cn, {
       registry: this._registry,
       daemonModel: this._daemonModel,
       reportModel: this._reportModel
@@ -3519,7 +3533,7 @@ class Vn {
     const e = gn();
     if (!e)
       return;
-    const t = new fn(e);
+    const t = new pn(e);
     return t.initialize().catch((n) => {
       console.error("[ExplorerApp] Failed to initialize DaemonModel:", n);
     }), t;
@@ -3556,7 +3570,7 @@ export {
   vr as ChevronRightIcon,
   kn as CliRuntime,
   br as ComponentIcon,
-  fn as DaemonModel,
+  pn as DaemonModel,
   cn as Explorer,
   Vn as ExplorerApp,
   gr as ExplorerModel,
@@ -3565,15 +3579,15 @@ export {
   kr as LeftSidebar,
   wr as MoonIcon,
   xr as PanelLeftIcon,
-  Cr as PanelRightIcon,
+  Sr as PanelRightIcon,
   mn as ReportModel,
   Dr as RightSidebar,
-  Sr as SunIcon,
+  Cr as SunIcon,
   Tr as TitleBar,
   oe as TitleBarButton,
   Or as TreeItem,
   it as TreeView,
-  St as VIEWPORT_SIZES,
+  Ct as VIEWPORT_SIZES,
   Dn as asyncRender,
   It as collectComponents,
   Oe as createComponentDefinition,
@@ -3589,14 +3603,14 @@ export {
   ve as isFixtureGroup,
   _e as isFixtureVariants,
   me as isSingleFixture,
-  Se as mergeStyles,
+  Ce as mergeStyles,
   wn as parseFixtureExport,
   Tn as parseFixtureGroup,
   In as parseFixtureVariants,
   Rn as parseSingleFixture,
   wt as resolveViewport,
   Te as singleFixtureBrand,
-  f as styles,
+  p as styles,
   An as syncRender,
   ot as toExplorerTree
 };