@vscode/component-explorer 0.1.1-9 → 0.2.0

package/dist/viewer.js

@@ -0,0 +1,4104 @@
+var Ao = Object.defineProperty;
+var zo = (r, e, o) => e in r ? Ao(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
+var s = (r, e, o) => zo(r, typeof e != "symbol" ? e + "" : e, o);
+import { f as Ee, c as He, s as Te, r as re, _ as Po } from "./runtimeVersion-CnnW4nSy.js";
+import { e as Et, d as Ht, a as Tt, b as Mt, g as Ot } from "./runtimeVersion-CnnW4nSy.js";
+import { createRoot as Wo } from "react-dom/client";
+import { createContext as io, useReducer as $o, useState as Uo, useContext as jo, useEffect as Me, createElement as qo } from "react";
+import { jsx as a, jsxs as f, Fragment as ve } from "react/jsx-runtime";
+import { unstable_batchedUpdates as co } from "react-dom";
+import { SemanticVersion as ce } from "@hediet/semver";
+function ke(r) {
+  return typeof r == "object" && r !== null && Te in r && r[Te] === !0 && "_options" in r && typeof r._options == "object";
+}
+function ye(r) {
+  return typeof r == "object" && r !== null && Ee in r && r[Ee] === !0 && "_entries" in r && typeof r._entries == "object";
+}
+function we(r) {
+  return typeof r == "object" && r !== null && He in r && r[He] === !0 && "_variants" in r && typeof r._variants == "object";
+}
+function wt(r) {
+  return ke(r) ? { success: !0, data: r } : ye(r) ? { success: !0, data: r } : we(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a valid fixture export (missing brand symbol or _options/_entries/_variants)" };
+}
+function Bt(r) {
+  return ke(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a SingleFixtureExport" };
+}
+function _t(r) {
+  return ye(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureGroupExport" };
+}
+function Ct(r) {
+  return we(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureVariantsExport" };
+}
+function Oe(r, e, o, n) {
+  const t = r._options;
+  return {
+    id: e,
+    name: o,
+    description: t.description,
+    isolation: t.isolation ?? "none",
+    displayMode: t.displayMode ?? { type: "component" },
+    styles: t.styles,
+    background: t.background ?? "light",
+    labels: t.labels ?? [],
+    properties: t.properties ?? [],
+    sourceFile: n,
+    render: t.render
+  };
+}
+function St(r) {
+  return typeof r == "object" && r !== null && "render" in r && typeof r.render == "function" && "id" in r && "name" in r;
+}
+class T {
+  constructor(e) {
+    s(this, "_segments");
+    this.value = e;
+  }
+  get segments() {
+    return this._segments ?? (this._segments = this.value.split("/"));
+  }
+  toString() {
+    return this.value;
+  }
+}
+const Qo = {
+  mobile: { width: 390, height: 844 },
+  tablet: { width: 768, height: 1024 },
+  desktop: { width: 1440, height: 900 }
+};
+function Ko(r) {
+  return typeof r == "string" ? { name: r, ...Qo[r] } : r;
+}
+function Jo(r) {
+  const e = {};
+  for (const o of r)
+    e[o.name] = o.defaultValue;
+  return e;
+}
+function Ve(r) {
+  if (r.startsWith("/"))
+    throw new Error(`Fixture path cannot start with '/': ${r}`);
+  if (r.includes("//"))
+    throw new Error(`Fixture path cannot contain empty segments: ${r}`);
+  if (r === "")
+    throw new Error("Fixture path cannot be empty (use undefined for default)");
+}
+function Zo(r, e) {
+  const o = ao(r);
+  if (e === void 0)
+    return [o];
+  if (e.endsWith("/")) {
+    const n = e.slice(0, -1);
+    if (n)
+      return Ve(n), [...n.split("/"), o];
+    throw new Error(`Fixture path cannot be just '/': ${e}`);
+  } else
+    return Ve(e), e.split("/");
+}
+function ne(r) {
+  const e = {
+    id: new T(""),
+    name: "Components",
+    type: "folder",
+    children: [],
+    labels: []
+  };
+  for (const [o, n] of r)
+    if (n === void 0) {
+      const t = ao(o), i = {
+        id: new T(t),
+        name: t,
+        type: "component",
+        labels: [],
+        sourceFile: o
+      };
+      e.children || (e.children = []), e.children.push(i);
+    } else {
+      const t = "_path" in n ? n._path : void 0, i = Zo(o, t);
+      lo(e, i, n, [], o);
+    }
+  return e;
+}
+function ao(r) {
+  return (r.split("/").pop() ?? r).replace(/\.fixture\.(tsx?|jsx?)$/, "");
+}
+function lo(r, e, o, n = [], t = "") {
+  var p, g;
+  let i = r;
+  const c = [...n];
+  for (let u = 0; u < e.length - 1; u++) {
+    const x = e[u];
+    c.push(x);
+    const k = new T(c.join("/"));
+    let B = (p = i.children) == null ? void 0 : p.find(
+      (b) => b.type === "folder" && b.name === x
+    );
+    B || (B = {
+      id: k,
+      name: x,
+      type: "folder",
+      children: [],
+      labels: []
+    }, i.children || (i.children = []), i.children.push(B)), i = B;
+  }
+  const d = e[e.length - 1];
+  c.push(d);
+  const l = new T(c.join("/"));
+  if (ke(o)) {
+    const u = Oe(o, l.value, d, t), x = {
+      id: l,
+      name: d,
+      type: "component",
+      component: u,
+      labels: [...u.labels]
+    };
+    i.children || (i.children = []), i.children.push(x);
+  } else if (ye(o)) {
+    let u = (g = i.children) == null ? void 0 : g.find(
+      (x) => x.type === "folder" && x.name === d
+    );
+    u || (u = {
+      id: l,
+      name: d,
+      type: "folder",
+      children: [],
+      labels: [...o._labels ?? []]
+    }, i.children || (i.children = []), i.children.push(u));
+    for (const [x, k] of Object.entries(o._entries))
+      lo(u, [x], k, c, t);
+  } else if (we(o)) {
+    const u = {
+      id: l,
+      name: d,
+      type: "variants",
+      children: [],
+      labels: [...o._labels ?? []]
+    };
+    i.children || (i.children = []), i.children.push(u);
+    for (const [x, k] of Object.entries(o._variants)) {
+      const B = new T([...c, x].join("/")), b = {
+        id: B,
+        name: x,
+        type: "component",
+        component: Oe(k, B.value, x, t),
+        labels: [...k._options.labels ?? []]
+      };
+      u.children.push(b);
+    }
+  }
+}
+function Le(r, e) {
+  if (e.length === 0)
+    return r;
+  let o = r;
+  for (const n of e) {
+    if (!o || !o.children)
+      return;
+    o = o.children.find((t) => t.name === n);
+  }
+  return o;
+}
+function Yo(r) {
+  if (r.type === "component" && r.component)
+    return [r.component];
+  const e = [];
+  for (const o of r.children ?? [])
+    e.push(...Yo(o));
+  return e;
+}
+let A;
+function Xo(r) {
+  A ? A instanceof Ne ? A.loggers.push(r) : A = new Ne([A, r]) : A = r;
+}
+function y() {
+  return A;
+}
+let le;
+function er(r) {
+  le = r;
+}
+function or(r) {
+  le && le(r);
+}
+class Ne {
+  constructor(e) {
+    this.loggers = e;
+  }
+  handleObservableCreated(e, o) {
+    for (const n of this.loggers)
+      n.handleObservableCreated(e, o);
+  }
+  handleOnListenerCountChanged(e, o) {
+    for (const n of this.loggers)
+      n.handleOnListenerCountChanged(e, o);
+  }
+  handleObservableUpdated(e, o) {
+    for (const n of this.loggers)
+      n.handleObservableUpdated(e, o);
+  }
+  handleAutorunCreated(e, o) {
+    for (const n of this.loggers)
+      n.handleAutorunCreated(e, o);
+  }
+  handleAutorunDisposed(e) {
+    for (const o of this.loggers)
+      o.handleAutorunDisposed(e);
+  }
+  handleAutorunDependencyChanged(e, o, n) {
+    for (const t of this.loggers)
+      t.handleAutorunDependencyChanged(e, o, n);
+  }
+  handleAutorunStarted(e) {
+    for (const o of this.loggers)
+      o.handleAutorunStarted(e);
+  }
+  handleAutorunFinished(e) {
+    for (const o of this.loggers)
+      o.handleAutorunFinished(e);
+  }
+  handleDerivedDependencyChanged(e, o, n) {
+    for (const t of this.loggers)
+      t.handleDerivedDependencyChanged(e, o, n);
+  }
+  handleDerivedCleared(e) {
+    for (const o of this.loggers)
+      o.handleDerivedCleared(e);
+  }
+  handleBeginTransaction(e) {
+    for (const o of this.loggers)
+      o.handleBeginTransaction(e);
+  }
+  handleEndTransaction(e) {
+    for (const o of this.loggers)
+      o.handleEndTransaction(e);
+  }
+}
+var M;
+(function(r) {
+  let e = !1;
+  function o() {
+    e = !0;
+  }
+  r.enable = o;
+  function n() {
+    return t(1);
+  }
+  r.ofCaller = n;
+  function t(i) {
+    if (!e)
+      return;
+    const c = Error, d = c.stackTraceLimit;
+    c.stackTraceLimit = 3;
+    const l = new Error().stack;
+    return c.stackTraceLimit = d, Be.fromStack(l, i + 1);
+  }
+  r.ofNthCaller = t;
+})(M || (M = {}));
+class Be {
+  static fromStack(e, o) {
+    const n = e.split(`
+`), t = rr(n[o + 1]);
+    if (t)
+      return new Be(t.fileName, t.line, t.column, t.id);
+  }
+  constructor(e, o, n, t) {
+    this.fileName = e, this.line = o, this.column = n, this.id = t;
+  }
+}
+function rr(r) {
+  if (!r)
+    return;
+  const e = r.match(/\((.*):(\d+):(\d+)\)/);
+  if (e)
+    return {
+      fileName: e[1],
+      line: parseInt(e[2]),
+      column: parseInt(e[3]),
+      id: r
+    };
+  const o = r.match(/at ([^\(\)]*):(\d+):(\d+)/);
+  if (o)
+    return {
+      fileName: o[1],
+      line: parseInt(o[2]),
+      column: parseInt(o[3]),
+      id: r
+    };
+}
+class V {
+  constructor(e, o, n) {
+    this.owner = e, this.debugNameSource = o, this.referenceFn = n;
+  }
+  getDebugName(e) {
+    return nr(e, this);
+  }
+}
+const De = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new WeakMap();
+function nr(r, e) {
+  const o = se.get(r);
+  if (o)
+    return o;
+  const n = tr(r, e);
+  if (n) {
+    let t = De.get(n) ?? 0;
+    t++, De.set(n, t);
+    const i = t === 1 ? n : `${n}#${t}`;
+    return se.set(r, i), i;
+  }
+}
+function tr(r, e) {
+  const o = se.get(r);
+  if (o)
+    return o;
+  const n = e.owner ? cr(e.owner) + "." : "";
+  let t;
+  const i = e.debugNameSource;
+  if (i !== void 0)
+    if (typeof i == "function") {
+      if (t = i(), t !== void 0)
+        return n + t;
+    } else
+      return n + i;
+  const c = e.referenceFn;
+  if (c !== void 0 && (t = _e(c), t !== void 0))
+    return n + t;
+  if (e.owner !== void 0) {
+    const d = ir(e.owner, r);
+    if (d !== void 0)
+      return n + d;
+  }
+}
+function ir(r, e) {
+  for (const o in r)
+    if (r[o] === e)
+      return o;
+}
+const Ge = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new WeakMap();
+function cr(r) {
+  const e = Ae.get(r);
+  if (e)
+    return e;
+  const o = so(r) ?? "Object";
+  let n = Ge.get(o) ?? 0;
+  n++, Ge.set(o, n);
+  const t = n === 1 ? o : `${o}#${n}`;
+  return Ae.set(r, t), t;
+}
+function so(r) {
+  const e = r.constructor;
+  if (e)
+    return e.name === "Object" ? void 0 : e.name;
+}
+function _e(r) {
+  const e = r.toString(), n = /\/\*\*\s*@description\s*([^*]*)\*\//.exec(e), t = n ? n[1] : void 0;
+  return t == null ? void 0 : t.trim();
+}
+let pe;
+function ar(r) {
+  pe = r;
+}
+let po;
+function dr(r) {
+  po = r;
+}
+let go;
+function lr(r) {
+  go = r;
+}
+let uo;
+function sr(r) {
+  uo = r;
+}
+class pr {
+  get TChange() {
+    return null;
+  }
+  reportChanges() {
+    this.get();
+  }
+  /** @sealed */
+  read(e) {
+    return e ? e.readObservable(this) : this.get();
+  }
+  map(e, o, n = M.ofCaller()) {
+    const t = o === void 0 ? void 0 : e, i = o === void 0 ? e : o;
+    return pe({
+      owner: t,
+      debugName: () => {
+        const c = _e(i);
+        if (c !== void 0)
+          return c;
+        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 (!t)
+          return `${this.debugName} (mapped)`;
+      },
+      debugReferenceFn: i
+    }, (c) => i(this.read(c), c), n);
+  }
+  /**
+   * @sealed
+   * Converts an observable of an observable value into a direct observable of the value.
+  */
+  flatten() {
+    return pe({
+      owner: void 0,
+      debugName: () => `${this.debugName} (flattened)`
+    }, (e) => this.read(e).read(e));
+  }
+  recomputeInitiallyAndOnChange(e, o) {
+    return e.add(po(this, o)), 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(go(this)), this;
+  }
+  get debugValue() {
+    return this.get();
+  }
+  debugGetDependencyGraph() {
+    return uo(this);
+  }
+}
+class Ce extends pr {
+  constructor(e) {
+    var o;
+    super(), this._observers = /* @__PURE__ */ new Set(), (o = y()) == null || o.handleObservableCreated(this, e);
+  }
+  addObserver(e) {
+    var n;
+    const o = this._observers.size;
+    this._observers.add(e), o === 0 && this.onFirstObserverAdded(), o !== this._observers.size && ((n = y()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
+  }
+  removeObserver(e) {
+    var n;
+    const o = this._observers.delete(e);
+    o && this._observers.size === 0 && this.onLastObserverRemoved(), o && ((n = y()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
+  }
+  onFirstObserverAdded() {
+  }
+  onLastObserverRemoved() {
+  }
+  log() {
+    var o;
+    const e = !!y();
+    return or(this), e || (o = y()) == null || o.handleObservableCreated(this, M.ofCaller()), this;
+  }
+  debugGetObservers() {
+    return this._observers;
+  }
+}
+function mo(r) {
+  return {
+    dispose: r
+  };
+}
+class P extends Error {
+  constructor(e) {
+    super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, P.prototype);
+  }
+}
+function te(r) {
+  throw r;
+}
+function gr(r) {
+  console.error("Unexpected error:", r);
+}
+const Y = (r, e) => r === e;
+class X {
+  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 o = this.disposables.indexOf(e);
+    return o !== -1 && this.disposables.splice(o, 1), e;
+  }
+  clear() {
+    for (const e of this.disposables)
+      e.dispose();
+    this.disposables = [];
+  }
+  leakItems() {
+    this.disposables = [];
+  }
+}
+function ur(r) {
+  switch (r) {
+    case 0:
+      return "initial";
+    case 1:
+      return "dependenciesMightHaveChanged";
+    case 2:
+      return "stale";
+    case 3:
+      return "upToDate";
+    default:
+      return "<unknown>";
+  }
+}
+class W extends Ce {
+  get debugName() {
+    return this._debugNameData.getDebugName(this) ?? "(anonymous)";
+  }
+  constructor(e, o, n, t = void 0, i, c) {
+    var d;
+    super(c), this._debugNameData = e, this._computeFn = o, this._changeTracker = n, this._handleLastObserverRemoved = t, 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, o;
+    this._state = 0, this._value = void 0, (e = y()) == null || e.handleDerivedCleared(this);
+    for (const n of this._dependencies)
+      n.removeObserver(this);
+    this._dependencies.clear(), this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._delayedStore !== void 0 && (this._delayedStore.dispose(), this._delayedStore = void 0), (o = this._handleLastObserverRemoved) == null || o.call(this);
+  }
+  get() {
+    var o, n;
+    if (this._isComputing, this._observers.size === 0) {
+      let t;
+      try {
+        this._isReaderValid = !0;
+        let i;
+        this._changeTracker && (i = this._changeTracker.createChangeSummary(void 0), (n = (o = this._changeTracker).beforeUpdate) == null || n.call(o, this, i)), t = this._computeFn(this, i);
+      } finally {
+        this._isReaderValid = !1;
+      }
+      return this.onLastObserverRemoved(), t;
+    } else {
+      do {
+        if (this._state === 1) {
+          for (const t of this._dependencies)
+            if (t.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, t, i, c;
+    let e = !1;
+    this._isComputing = !0, this._didReportChange = !1;
+    const o = this._dependenciesToBeRemoved;
+    this._dependenciesToBeRemoved = this._dependencies, this._dependencies = o;
+    try {
+      const d = this._changeSummary;
+      this._isReaderValid = !0, this._changeTracker && (this._isInBeforeUpdate = !0, (t = (n = this._changeTracker).beforeUpdate) == null || t.call(n, this, d), this._isInBeforeUpdate = !1, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(d));
+      const l = this._state !== 0, p = 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 u of this._dependenciesToBeRemoved)
+          u.removeObserver(this);
+        this._dependenciesToBeRemoved.clear(), g !== void 0 && g.dispose();
+      }
+      e = this._didReportChange || l && !this._equalityComparator(p, this._value), (c = y()) == null || c.handleObservableUpdated(this, {
+        oldValue: p,
+        newValue: this._value,
+        change: void 0,
+        didChange: e,
+        hadValue: l
+      });
+    } catch (d) {
+      te(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 P("Cyclic deriveds are not supported yet!");
+    this._updateCount++, this._isUpdating = !0;
+    try {
+      const o = this._updateCount === 1;
+      if (this._state === 3 && (this._state = 1, !o))
+        for (const n of this._observers)
+          n.handlePossibleChange(this);
+      if (o)
+        for (const n of this._observers)
+          n.beginUpdate(this);
+    } finally {
+      this._isUpdating = !1;
+    }
+  }
+  endUpdate(e) {
+    if (this._updateCount--, this._updateCount === 0) {
+      const o = [...this._observers];
+      for (const n of o)
+        n.endUpdate(this);
+      if (this._removedObserverToCallEndUpdateOn) {
+        const n = [...this._removedObserverToCallEndUpdateOn];
+        this._removedObserverToCallEndUpdateOn = null;
+        for (const t of n)
+          t.endUpdate(this);
+      }
+    }
+  }
+  handlePossibleChange(e) {
+    if (this._state === 3 && this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e)) {
+      this._state = 1;
+      for (const o of this._observers)
+        o.handlePossibleChange(this);
+    }
+  }
+  handleChange(e, o) {
+    var n;
+    if (this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e) || this._isInBeforeUpdate) {
+      (n = y()) == null || n.handleDerivedDependencyChanged(this, e, o);
+      let t = !1;
+      try {
+        t = this._changeTracker ? this._changeTracker.handleChange({
+          changedObservable: e,
+          change: o,
+          didChange: (c) => c === e
+        }, this._changeSummary) : !0;
+      } catch (c) {
+        te(c);
+      }
+      const i = this._state === 3;
+      if (t && (this._state === 1 || i) && (this._state = 2, i))
+        for (const c of this._observers)
+          c.handlePossibleChange(this);
+    }
+  }
+  // IReader Implementation
+  _ensureReaderValid() {
+    if (!this._isReaderValid)
+      throw new P("The reader object cannot be used outside its compute function!");
+  }
+  readObservable(e) {
+    this._ensureReaderValid(), e.addObserver(this);
+    const o = e.get();
+    return this._dependencies.add(e), this._dependenciesToBeRemoved.delete(e), o;
+  }
+  reportChange(e) {
+    this._ensureReaderValid(), this._didReportChange = !0;
+    for (const o of this._observers)
+      o.handleChange(this, e);
+  }
+  get store() {
+    return this._ensureReaderValid(), this._store === void 0 && (this._store = new X()), this._store;
+  }
+  get delayedStore() {
+    return this._ensureReaderValid(), this._delayedStore === void 0 && (this._delayedStore = new X()), this._delayedStore;
+  }
+  addObserver(e) {
+    const o = !this._observers.has(e) && this._updateCount > 0;
+    super.addObserver(e), o && (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: ur(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, o, n) {
+    this._value = e;
+    const t = this._observers;
+    o.updateObserver(this, this);
+    for (const i of t)
+      i.handleChange(this, n);
+  }
+}
+function R(r, e, o = M.ofCaller()) {
+  return e !== void 0 ? new W(new V(r, void 0, e), e, void 0, void 0, Y, o) : new W(new V(void 0, void 0, r), r, void 0, void 0, Y, o);
+}
+function mr(r, e, o = M.ofCaller()) {
+  return new W(new V(r.owner, r.debugName, r.debugReferenceFn), e, void 0, r.onLastObserverRemoved, r.equalsFn ?? Y, o);
+}
+ar(mr);
+function fr(r, e, o = M.ofCaller()) {
+  let n, t;
+  n = r, t = void 0;
+  let i;
+  return new W(new V(t, void 0, n), (c) => {
+    i ? i.clear() : i = new X();
+    const d = n(c);
+    return d && i.add(d), d;
+  }, void 0, () => {
+    i && (i.dispose(), i = void 0);
+  }, Y, o);
+}
+function hr(r) {
+  switch (r) {
+    case 1:
+      return "dependenciesMightHaveChanged";
+    case 2:
+      return "stale";
+    case 3:
+      return "upToDate";
+    default:
+      return "<unknown>";
+  }
+}
+class fo {
+  get debugName() {
+    return this._debugNameData.getDebugName(this) ?? "(anonymous)";
+  }
+  constructor(e, o, n, t) {
+    var i, c;
+    this._debugNameData = e, this._runFn = o, 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), (c = y()) == null || c.handleAutorunCreated(this, t), this._run();
+  }
+  dispose() {
+    var e;
+    if (!this._disposed) {
+      this._disposed = !0;
+      for (const o of this._dependencies)
+        o.removeObserver(this);
+      this._dependencies.clear(), this._store !== void 0 && this._store.dispose(), this._delayedStore !== void 0 && this._delayedStore.dispose(), (e = y()) == null || e.handleAutorunDisposed(this);
+    }
+  }
+  _run() {
+    var o, n, t, i;
+    const e = this._dependenciesToBeRemoved;
+    this._dependenciesToBeRemoved = this._dependencies, this._dependencies = e, this._state = 3;
+    try {
+      if (!this._disposed) {
+        (o = y()) == null || o.handleAutorunStarted(this);
+        const c = this._changeSummary, d = this._delayedStore;
+        d !== void 0 && (this._delayedStore = void 0);
+        try {
+          this._isRunning = !0, this._changeTracker && ((t = (n = this._changeTracker).beforeUpdate) == null || t.call(n, this, c), this._changeSummary = this._changeTracker.createChangeSummary(c)), this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._runFn(this, c);
+        } catch (l) {
+          te(l);
+        } finally {
+          this._isRunning = !1, d !== void 0 && d.dispose();
+        }
+      }
+    } finally {
+      this._disposed || (i = y()) == null || i.handleAutorunFinished(this);
+      for (const c of this._dependenciesToBeRemoved)
+        c.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 o of this._dependencies)
+              if (o.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, o) {
+    var n;
+    if (this._isDependency(e)) {
+      (n = y()) == null || n.handleAutorunDependencyChanged(this, e, o);
+      try {
+        (this._changeTracker ? this._changeTracker.handleChange({
+          changedObservable: e,
+          change: o,
+          didChange: (i) => i === e
+        }, this._changeSummary) : !0) && (this._state = 2);
+      } catch (t) {
+        te(t);
+      }
+    }
+  }
+  _isDependency(e) {
+    return this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e);
+  }
+  // IReader implementation
+  _ensureNoRunning() {
+    if (!this._isRunning)
+      throw new P("The reader object cannot be used outside its compute function!");
+  }
+  readObservable(e) {
+    if (this._ensureNoRunning(), this._disposed)
+      return e.get();
+    e.addObserver(this);
+    const o = e.get();
+    return this._dependencies.add(e), this._dependenciesToBeRemoved.delete(e), o;
+  }
+  get store() {
+    if (this._ensureNoRunning(), this._disposed)
+      throw new P("Cannot access store after dispose");
+    return this._store === void 0 && (this._store = new X()), this._store;
+  }
+  get delayedStore() {
+    if (this._ensureNoRunning(), this._disposed)
+      throw new P("Cannot access store after dispose");
+    return this._delayedStore === void 0 && (this._delayedStore = new X()), this._delayedStore;
+  }
+  debugGetState() {
+    return {
+      isRunning: this._isRunning,
+      updateCount: this._updateCount,
+      dependencies: this._dependencies,
+      state: this._state,
+      stateStr: hr(this._state)
+    };
+  }
+  debugRerun() {
+    this._isRunning ? this._state = 2 : this._run();
+  }
+}
+function ho(r, e = M.ofCaller()) {
+  return new fo(new V(void 0, void 0, r), r, void 0, e);
+}
+function ze(r) {
+  const e = new Error("BugIndicatingErrorRecovery: " + r);
+  gr(e), console.error("recovered from an error that indicates a bug", e);
+}
+function xo(r, e) {
+  const o = new bo(r, e);
+  try {
+    r(o);
+  } finally {
+    o.finish();
+  }
+}
+function xr(r, e, o) {
+  r ? e(r) : xo(e, o);
+}
+class bo {
+  constructor(e, o) {
+    var n;
+    this._fn = e, this._getDebugName = o, this._updatingObservers = [], (n = y()) == null || n.handleBeginTransaction(this);
+  }
+  getDebugName() {
+    return this._getDebugName ? this._getDebugName() : _e(this._fn);
+  }
+  updateObserver(e, o) {
+    if (!this._updatingObservers) {
+      ze("Transaction already finished!"), xo((n) => {
+        n.updateObserver(e, o);
+      });
+      return;
+    }
+    this._updatingObservers.push({ observer: e, observable: o }), e.beginUpdate(o);
+  }
+  finish() {
+    var o;
+    const e = this._updatingObservers;
+    if (!e) {
+      ze("transaction.finish() has already been called!");
+      return;
+    }
+    for (let n = 0; n < e.length; n++) {
+      const { observer: t, observable: i } = e[n];
+      t.endUpdate(i);
+    }
+    this._updatingObservers = null, (o = y()) == null || o.handleEndTransaction(this);
+  }
+  debugGetUpdatingObservers() {
+    return this._updatingObservers;
+  }
+}
+function w(r, e, o = M.ofCaller()) {
+  let n;
+  return typeof r == "string" ? n = new V(void 0, r, void 0) : n = new V(r, void 0, void 0), new vo(n, e, Y, o);
+}
+class vo extends Ce {
+  get debugName() {
+    return this._debugNameData.getDebugName(this) ?? "ObservableValue";
+  }
+  constructor(e, o, n, t) {
+    var i;
+    super(t), this._debugNameData = e, this._equalityComparator = n, this._value = o, (i = y()) == null || i.handleObservableUpdated(this, { hadValue: !1, newValue: o, change: void 0, didChange: !0, oldValue: void 0 });
+  }
+  get() {
+    return this._value;
+  }
+  set(e, o, n) {
+    var i;
+    if (n === void 0 && this._equalityComparator(this._value, e))
+      return;
+    let t;
+    o || (o = t = new bo(() => {
+    }, () => `Setting ${this.debugName}`));
+    try {
+      const c = this._value;
+      this._setValue(e), (i = y()) == null || i.handleObservableUpdated(this, { oldValue: c, newValue: e, change: n, didChange: !0, hadValue: !0 });
+      for (const d of this._observers)
+        o.updateObserver(d, this), d.handleChange(this, n);
+    } finally {
+      t && t.finish();
+    }
+  }
+  toString() {
+    return `${this.debugName}: ${this._value}`;
+  }
+  _setValue(e) {
+    this._value = e;
+  }
+  debugGetState() {
+    return {
+      value: this._value
+    };
+  }
+  debugSetValue(e) {
+    this._value = e;
+  }
+}
+function Pe(...r) {
+  let e, o, n, t;
+  return r.length === 2 ? [o, n] = r : [e, o, n, t] = r, new z(new V(e, void 0, n), o, n, () => z.globalTransaction, Y, t ?? M.ofCaller());
+}
+class z extends Ce {
+  constructor(e, o, n, t, i, c) {
+    super(c), this._debugNameData = e, this.event = o, this._getValue = n, this._getTransaction = t, this._equalityComparator = i, this._hasValue = !1, this.handleEvent = (d) => {
+      var x;
+      const l = this._getValue(d), p = this._value, g = !this._hasValue || !this._equalityComparator(p, l);
+      let u = !1;
+      g && (this._value = l, this._hasValue && (u = !0, xr(this._getTransaction(), (k) => {
+        var B;
+        (B = y()) == null || B.handleObservableUpdated(this, { oldValue: p, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
+        for (const b of this._observers)
+          k.updateObserver(b, this), b.handleChange(this, void 0);
+      }, () => {
+        const k = this.getDebugName();
+        return "Event fired" + (k ? `: ${k}` : "");
+      })), this._hasValue = !0), u || (x = y()) == null || x.handleObservableUpdated(this, { oldValue: p, 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(r) {
+  r.Observer = z;
+  function e(o, n) {
+    let t = !1;
+    z.globalTransaction === void 0 && (z.globalTransaction = o, t = !0);
+    try {
+      n();
+    } finally {
+      t && (z.globalTransaction = void 0);
+    }
+  }
+  r.batchEventsGlobally = e;
+})(Pe || (Pe = {}));
+function br(r) {
+  const e = new ko(!1, void 0);
+  return r.addObserver(e), mo(() => {
+    r.removeObserver(e);
+  });
+}
+lr(br);
+function vr(r, e) {
+  const o = new ko(!0, e);
+  r.addObserver(o);
+  try {
+    o.beginUpdate(r);
+  } finally {
+    o.endUpdate(r);
+  }
+  return mo(() => {
+    r.removeObserver(o);
+  });
+}
+dr(vr);
+class ko {
+  constructor(e, o) {
+    this._forceRecompute = e, this._handleValue = o, 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, o) {
+  }
+}
+let ee;
+function kr(r) {
+  ee || (ee = new yr(), Xo(ee)), ee.addFilteredObj(r);
+}
+class yr {
+  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 o;
+    return ((o = this._filteredObjects) == null ? void 0 : o.has(e)) ?? !0;
+  }
+  textToConsoleArgs(e) {
+    return wr([
+      $(Sr("|  ", this.indentation)),
+      e
+    ]);
+  }
+  formatInfo(e) {
+    return e.hadValue ? e.didChange ? [
+      $(" "),
+      I(Z(e.oldValue, 70), {
+        color: "red",
+        strikeThrough: !0
+      }),
+      $(" "),
+      I(Z(e.newValue, 60), {
+        color: "green"
+      })
+    ] : [$(" (unchanged)")] : [
+      $(" "),
+      I(Z(e.newValue, 60), {
+        color: "green"
+      }),
+      $(" (initial)")
+    ];
+  }
+  handleObservableCreated(e) {
+    if (e instanceof W) {
+      const o = e;
+      this.changedObservablesSets.set(o, /* @__PURE__ */ new Set());
+    }
+  }
+  handleOnListenerCountChanged(e, o) {
+  }
+  handleObservableUpdated(e, o) {
+    if (this._isIncluded(e)) {
+      if (e instanceof W) {
+        this._handleDerivedRecomputed(e, o);
+        return;
+      }
+      console.log(...this.textToConsoleArgs([
+        U("observable value changed"),
+        I(e.debugName, { color: "BlueViolet" }),
+        ...this.formatInfo(o)
+      ]));
+    }
+  }
+  formatChanges(e) {
+    if (e.size !== 0)
+      return I(" (changed deps: " + [...e].map((o) => o.debugName).join(", ") + ")", { color: "gray" });
+  }
+  handleDerivedDependencyChanged(e, o, n) {
+    var t;
+    this._isIncluded(e) && ((t = this.changedObservablesSets.get(e)) == null || t.add(o));
+  }
+  _handleDerivedRecomputed(e, o) {
+    if (!this._isIncluded(e))
+      return;
+    const n = this.changedObservablesSets.get(e);
+    n && (console.log(...this.textToConsoleArgs([
+      U("derived recomputed"),
+      I(e.debugName, { color: "BlueViolet" }),
+      ...this.formatInfo(o),
+      this.formatChanges(n),
+      { data: [{ fn: e._debugNameData.referenceFn ?? e._computeFn }] }
+    ])), n.clear());
+  }
+  handleDerivedCleared(e) {
+    this._isIncluded(e) && console.log(...this.textToConsoleArgs([
+      U("derived cleared"),
+      I(e.debugName, { color: "BlueViolet" })
+    ]));
+  }
+  handleFromEventObservableTriggered(e, o) {
+    this._isIncluded(e) && console.log(...this.textToConsoleArgs([
+      U("observable from event triggered"),
+      I(e.debugName, { color: "BlueViolet" }),
+      ...this.formatInfo(o),
+      { data: [{ fn: e._getValue }] }
+    ]));
+  }
+  handleAutorunCreated(e) {
+    this._isIncluded(e) && this.changedObservablesSets.set(e, /* @__PURE__ */ new Set());
+  }
+  handleAutorunDisposed(e) {
+  }
+  handleAutorunDependencyChanged(e, o, n) {
+    this._isIncluded(e) && this.changedObservablesSets.get(e).add(o);
+  }
+  handleAutorunStarted(e) {
+    const o = this.changedObservablesSets.get(e);
+    o && (this._isIncluded(e) && console.log(...this.textToConsoleArgs([
+      U("autorun"),
+      I(e.debugName, { color: "BlueViolet" }),
+      this.formatChanges(o),
+      { data: [{ fn: e._debugNameData.referenceFn ?? e._runFn }] }
+    ])), o.clear(), this.indentation++);
+  }
+  handleAutorunFinished(e) {
+    this.indentation--;
+  }
+  handleBeginTransaction(e) {
+    let o = e.getDebugName();
+    o === void 0 && (o = ""), this._isIncluded(e) && console.log(...this.textToConsoleArgs([
+      U("transaction"),
+      I(o, { color: "BlueViolet" }),
+      { data: [{ fn: e._fn }] }
+    ])), this.indentation++;
+  }
+  handleEndTransaction() {
+    this.indentation--;
+  }
+}
+function wr(r) {
+  const e = new Array(), o = [];
+  let n = "";
+  function t(c) {
+    if ("length" in c)
+      for (const d of c)
+        d && t(d);
+    else "text" in c ? (n += `%c${c.text}`, e.push(c.style), c.data && o.push(...c.data)) : "data" in c && o.push(...c.data);
+  }
+  t(r);
+  const i = [n, ...e];
+  return i.push(...o), i;
+}
+function $(r) {
+  return I(r, { color: "black" });
+}
+function U(r) {
+  return I(Fr(`${r}: `, 10), { color: "black", bold: !0 });
+}
+function I(r, e = {
+  color: "black"
+}) {
+  function o(t) {
+    return Object.entries(t).reduce((i, [c, d]) => `${i}${c}:${d};`, "");
+  }
+  const n = {
+    color: e.color
+  };
+  return e.strikeThrough && (n["text-decoration"] = "line-through"), e.bold && (n["font-weight"] = "bold"), {
+    text: r,
+    style: o(n)
+  };
+}
+function Z(r, e) {
+  try {
+    return Br(r, e);
+  } catch {
+    return "[[???]]";
+  }
+}
+function Br(r, e) {
+  switch (typeof r) {
+    case "number":
+      return "" + r;
+    case "string":
+      return r.length + 2 <= e ? `"${r}"` : `"${r.substr(0, e - 7)}"+...`;
+    case "boolean":
+      return r ? "true" : "false";
+    case "undefined":
+      return "undefined";
+    case "object":
+      return r === null ? "null" : Array.isArray(r) ? _r(r, e) : Cr(r, e);
+    case "symbol":
+      return r.toString();
+    case "function":
+      return `[[Function${r.name ? " " + r.name : ""}]]`;
+    default:
+      return "" + r;
+  }
+}
+function _r(r, e) {
+  let o = "[ ", n = !0;
+  for (const t of r) {
+    if (n || (o += ", "), o.length - 5 > e) {
+      o += "...";
+      break;
+    }
+    n = !1, o += `${Z(t, e - o.length)}`;
+  }
+  return o += " ]", o;
+}
+function Cr(r, e) {
+  try {
+    if (typeof r.toString == "function" && r.toString !== Object.prototype.toString) {
+      const c = r.toString();
+      return c.length <= e ? c : c.substring(0, e - 3) + "...";
+    }
+  } catch {
+    return "[[Object]]";
+  }
+  const o = so(r);
+  let n = o ? o + "(" : "{ ", t = !0, i;
+  try {
+    i = Object.entries(r);
+  } catch {
+    return o ? `${o}(...)` : "[[Object]]";
+  }
+  for (const [c, d] of i) {
+    if (t || (n += ", "), n.length - 5 > e) {
+      n += "...";
+      break;
+    }
+    t = !1, n += `${c}: ${Z(d, e - n.length)}`;
+  }
+  return n += o ? ")" : " }", n;
+}
+function Sr(r, e) {
+  let o = "";
+  for (let n = 1; n <= e; n++)
+    o += r;
+  return o;
+}
+function Fr(r, e) {
+  for (; r.length < e; )
+    r += " ";
+  return r;
+}
+function Ir(r, e) {
+  const o = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((i) => i), n = H.from(r, o);
+  return n ? yo(n, 0, /* @__PURE__ */ new Set()).trim() : "";
+}
+function yo(r, e, o) {
+  const n = "		".repeat(e), t = [];
+  if (o.has(r.sourceObj))
+    return t.push(`${n}* ${r.type} ${r.name} (already listed)`), t.join(`
+`);
+  if (o.add(r.sourceObj), t.push(`${n}* ${r.type} ${r.name}:`), t.push(`${n}  value: ${Z(r.value, 50)}`), t.push(`${n}  state: ${r.state}`), r.dependencies.length > 0) {
+    t.push(`${n}  dependencies:`);
+    for (const c of r.dependencies)
+      t.push(yo(c, e + 1, o));
+  }
+  return t.join(`
+`);
+}
+class H {
+  static from(e, o) {
+    if (e instanceof fo) {
+      const n = e.debugGetState();
+      return new H(e, o(e.debugName), "autorun", void 0, n.stateStr, Array.from(n.dependencies).map((t) => H.from(t, o) || H.unknown(t)));
+    } else if (e instanceof W) {
+      const n = e.debugGetState();
+      return new H(e, o(e.debugName), "derived", n.value, n.stateStr, Array.from(n.dependencies).map((t) => H.from(t, o) || H.unknown(t)));
+    } else if (e instanceof vo) {
+      const n = e.debugGetState();
+      return new H(e, o(e.debugName), "observableValue", n.value, "upToDate", []);
+    } else if (e instanceof z) {
+      const n = e.debugGetState();
+      return new H(e, o(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
+    }
+  }
+  static unknown(e) {
+    return new H(e, "(unknown)", "unknown", void 0, "unknown", []);
+  }
+  constructor(e, o, n, t, i, c) {
+    this.sourceObj = e, this.name = o, this.type = n, this.value = t, this.state = i, this.dependencies = c;
+  }
+}
+sr(Ir);
+er(kr);
+class Rr {
+  constructor() {
+    s(this, "_fixtures", w(this, /* @__PURE__ */ new Map()));
+    s(this, "loading", w(this, !1));
+    s(this, "root", R(this, (e) => {
+      const o = this._fixtures.read(e);
+      return ne(o);
+    }));
+  }
+  register(e, o) {
+    const n = new Map(this._fixtures.get());
+    n.set(e, o), this._fixtures.set(n, void 0);
+  }
+  unregister(e) {
+    const o = new Map(this._fixtures.get());
+    o.delete(e) && this._fixtures.set(o, void 0);
+  }
+  clear() {
+    this._fixtures.set(/* @__PURE__ */ new Map(), void 0);
+  }
+  getNode(e, o) {
+    const n = this.root.read(e);
+    return Le(n, o);
+  }
+  getComponentByPath(e) {
+    const o = this._fixtures.get(), n = ne(o), t = Le(n, e);
+    return t == null ? void 0 : t.component;
+  }
+}
+class Er {
+  constructor(e) {
+    this._run = e, this._changes = [], this._map = /* @__PURE__ */ new Map(), this._updateCounter = 0;
+  }
+  addDependency(e, o) {
+    return this._map.set(e, o), e.addObserver(this), {
+      dispose: () => {
+        this._map.delete(e), e.removeObserver(this);
+      }
+    };
+  }
+  beginUpdate(e) {
+    this._updateCounter++, this._changes.push(this._map.get(e));
+  }
+  endUpdate(e) {
+    if (this._updateCounter--, this._updateCounter === 0 && this._changes.length > 0) {
+      const o = this._changes;
+      this._changes = [], this._run(o);
+    }
+  }
+  handlePossibleChange(e) {
+    this._changes.push(this._map.get(e));
+  }
+  handleChange(e, o) {
+  }
+}
+function m() {
+  return ge.instance;
+}
+function Hr() {
+  return ue.instance;
+}
+function Tr() {
+  return me.instance;
+}
+m.const = Hr;
+m.obs = Tr;
+class ge {
+  create(e) {
+    const o = R((n) => e(n));
+    return { read: (n) => o };
+  }
+}
+ge.instance = new ge();
+class ue {
+  create(e) {
+    const o = R((n) => e(n));
+    return { read: (n) => o.read(n) };
+  }
+}
+ue.instance = new ue();
+class me {
+  create(e) {
+    const o = R((n) => {
+      const t = e(n);
+      return Mr(t) ? t.read(n) : t;
+    });
+    return { read: (n) => o };
+  }
+}
+me.instance = new me();
+function Mr(r) {
+  return typeof r == "object" && r !== null && "read" in r;
+}
+function K(r, e) {
+  return Object.fromEntries(Object.entries(r).map(([o, n]) => [o, e(n, o)]));
+}
+const ae = Symbol("ViewModelContext");
+class Or {
+  constructor(e) {
+    this._store = new X(), this.props = e;
+  }
+  dispose() {
+    this._store.dispose();
+  }
+}
+function Vr(r) {
+  return r[ae] || (r[ae] = io(void 0)), r[ae];
+}
+function L(r = {}) {
+  var e;
+  return e = class extends Or {
+  }, e._props = r, e;
+}
+let fe = 0;
+const Lr = new Er((r) => {
+  for (const e of r)
+    e.rendered = !1;
+  if (fe > 0) {
+    const e = r.find((o) => o.isRendering);
+    e.itemsToRender = r;
+  } else
+    co(() => {
+      for (const e of r)
+        e.rendered || e.forceUpdate();
+    });
+});
+let Nr = 0;
+class Dr {
+  constructor(e, o) {
+    this.debugName = e, this.renderFactory = o, this._obsProps = void 0, this.forceUpdate = void 0, this._render = void 0, this._disposable = void 0, this.contextValues = /* @__PURE__ */ new Map(), this.cleanupEffect = () => () => {
+      var n;
+      (n = this._disposable) == null || n.dispose();
+    }, this.itemsToRender = [], this.handleAfterRender = () => {
+      co(() => {
+        for (const n of this.itemsToRender)
+          n.rendered || n.forceUpdate();
+      }), this.itemsToRender = [];
+    }, this.rendering = void 0, this.isRendering = !1, this.rendered = !1;
+  }
+  toString() {
+    return this.debugName;
+  }
+  updateProps(e) {
+    this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = w(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = R(this, this._render), this._disposable = Lr.addDependency(this.rendering, this));
+  }
+}
+function Se(r, e, o) {
+  const n = (c) => c + 1, t = () => new Dr(r + ++Nr, e), i = function(c) {
+    const d = $o(n, 0)[1], l = Uo(t)[0];
+    for (const p of o ?? [])
+      l.contextValues.set(p, jo(p));
+    if (Me(l.cleanupEffect, []), Me(l.handleAfterRender), l.isRendering)
+      throw new Error("Component is already rendering");
+    l.isRendering = !0, fe++;
+    try {
+      l.forceUpdate = d, l.updateProps(c);
+      const p = l.rendering.get();
+      return l.rendered = !0, p;
+    } finally {
+      l.isRendering = !1, fe--;
+    }
+  };
+  return i.displayName = r, i;
+}
+Se("ObsView", (r) => (e) => r.read(e).children(e));
+function E(r, e) {
+  return Se("view", (o) => {
+    const n = K(r, (t, i) => t.create((c) => o.read(c)[i], void 0));
+    return (t) => {
+      const i = K(n, (c) => c.read(t));
+      return e(t, i);
+    };
+  });
+}
+function Gr(r) {
+  const e = [];
+  for (const o of Object.values(r)) {
+    const n = o._requiredContext;
+    n && !e.includes(n) && e.push(n);
+  }
+  return e;
+}
+function N(r, e, o) {
+  const n = typeof e == "function" ? {} : e, t = typeof e == "function" ? e : o, i = "_props" in r ? r._props : {}, c = Gr({ ...i, ...n }), d = Vr(r), l = [...c, d];
+  return Se("viewWithModel", (p, g) => {
+    const u = g(), x = u.get(d), k = "_props" in r ? K(r._props, (v, _) => v.create((S) => p.read(S)[_], u.get(v._requiredContext))) : {}, B = x ? { read: () => x, dispose: () => {
+    } } : fr((v) => {
+      const _ = K(k, (S) => S.read(v));
+      return new r(_);
+    }), b = K(n, (v, _) => v.create((S) => p.read(S)[_], u.get(v._requiredContext)));
+    return (v) => {
+      const _ = B.read(v), S = K(b, (Re) => Re.read(v));
+      return t(v, _, S);
+    };
+  }, l.length > 0 ? l : void 0);
+}
+E({ value: m.obs() }, (r, e) => e.value.read(r));
+io(null);
+function wo(r) {
+  var e;
+  return {
+    id: r.id,
+    name: r.name,
+    type: r.type,
+    children: (e = r.children) == null ? void 0 : e.map(wo),
+    component: r.component,
+    labels: r.labels
+  };
+}
+function Ar(r, e) {
+  if (r.name.toLowerCase().includes(e)) return !0;
+  for (const o of r.labels)
+    if (o.toLowerCase().includes(e)) return !0;
+  return !1;
+}
+function zr(r, e) {
+  if (!e) return r;
+  const o = e.toLowerCase();
+  return Bo(r, o);
+}
+function Bo(r, e) {
+  const o = Ar(r, e);
+  if (!r.children || r.children.length === 0)
+    return o ? r : void 0;
+  if (o) return r;
+  const n = [];
+  for (const t of r.children) {
+    const i = Bo(t, e);
+    i && n.push(i);
+  }
+  if (n.length !== 0)
+    return {
+      ...r,
+      children: n
+    };
+}
+function oe(r, e) {
+  const {
+    storageKey: o,
+    defaultValue: n,
+    serialize: t = JSON.stringify,
+    deserialize: i = JSON.parse
+  } = e;
+  let c = n;
+  try {
+    const p = localStorage.getItem(o);
+    p !== null && (c = i(p));
+  } catch {
+  }
+  const d = w(r, c), l = d.set.bind(d);
+  return d.set = (p, g) => {
+    try {
+      localStorage.setItem(o, t(p));
+    } catch {
+    }
+    l(p, g);
+  }, d;
+}
+function We(r, e) {
+  const n = new URLSearchParams(location.search).get(e) || void 0, t = w(r, n);
+  window.addEventListener("popstate", () => {
+    const c = new URLSearchParams(location.search);
+    t.set(c.get(e) || void 0, void 0);
+  });
+  const i = t.set.bind(t);
+  return t.set = (c, d) => {
+    const l = new URLSearchParams(location.search);
+    c ? l.set(e, c) : l.delete(e);
+    const p = l.toString(), g = location.pathname + (p ? "?" + p : "") + location.hash;
+    history.replaceState(history.state, "", g), i(c, d);
+  }, t;
+}
+function _o(r, e) {
+  const o = new URLSearchParams(location.search);
+  return o.set(r, e), location.pathname + "?" + o.toString();
+}
+class Pr extends L({
+  registry: m.const(),
+  daemonModel: m.const(),
+  reportModel: m.const()
+}) {
+  constructor() {
+    super(...arguments);
+    s(this, "leftSidebarVisible", oe(this, {
+      storageKey: "component-explorer:leftSidebarVisible",
+      defaultValue: !0
+    }));
+    s(this, "rightSidebarVisible", oe(this, {
+      storageKey: "component-explorer:rightSidebarVisible",
+      defaultValue: !1
+    }));
+    s(this, "isDarkTheme", oe(this, {
+      storageKey: "component-explorer:isDarkTheme",
+      defaultValue: !0
+    }));
+    s(this, "selectedNodeId", We(this, "fixture"));
+    s(this, "expandedNodeIds", w(this, this._initialExpandedNodes()));
+    s(this, "viewMode", oe(this, {
+      storageKey: "component-explorer:viewMode",
+      defaultValue: "session"
+    }));
+    s(this, "loading", R(this, (o) => this.props.registry.loading.read(o)));
+    s(this, "searchQuery", We(this, "search"));
+    /** The explorer's tree derived from the registry or report */
+    s(this, "tree", R(this, (o) => {
+      const n = this.props.reportModel;
+      if (n)
+        return n.buildTree(o);
+      const t = this.props.registry.root.read(o);
+      return wo(t);
+    }));
+    s(this, "filteredTree", R(this, (o) => {
+      const n = this.tree.read(o), t = this.searchQuery.read(o);
+      return zr(n, t) ?? { ...n, children: [] };
+    }));
+    s(this, "selectedNode", R(this, (o) => {
+      const n = this.selectedNodeId.read(o);
+      if (n === void 0) return;
+      const t = this.filteredTree.read(o);
+      return t.id.value === n ? t : this._findNode(t.children ?? [], n);
+    }));
+    /** List of preview rows to render based on current selection and view mode */
+    s(this, "selectedFixtures", R(this, (o) => {
+      const n = this.selectedNode.read(o);
+      if (!n) return [];
+      const t = n.type === "component" ? n.id.segments.slice(-3).join(" / ") : n.name;
+      return this.isReportMode ? (this.props.reportModel.state.read(o), this._collectReportRows(n, t)) : this.viewMode.read(o) === "diff" && this.daemonAvailable && this.daemon.sessions.read(o).length > 1 ? this._collectDiffRows(n, t) : this._collectPreviewRows(n, t);
+    }));
+    s(this, "setViewMode", (o) => {
+      this.viewMode.set(o, void 0);
+    });
+    s(this, "navigateToSession", (o) => {
+      const n = this.props.daemonModel;
+      if (!n) return;
+      const t = n.getSessionExplorerUrl(o);
+      t && (window.location.href = t);
+    });
+    s(this, "toggleLeftSidebar", () => {
+      this.leftSidebarVisible.set(!this.leftSidebarVisible.get(), void 0);
+    });
+    s(this, "toggleRightSidebar", () => {
+      this.rightSidebarVisible.set(!this.rightSidebarVisible.get(), void 0);
+    });
+    s(this, "toggleTheme", () => {
+      this.isDarkTheme.set(!this.isDarkTheme.get(), void 0);
+    });
+    s(this, "selectNode", (o) => {
+      this.selectedNodeId.set(o, void 0);
+    });
+    s(this, "toggleNodeExpanded", (o) => {
+      const n = this.expandedNodeIds.get(), t = new Set(n);
+      t.has(o) ? t.delete(o) : t.add(o), this.expandedNodeIds.set(t, void 0);
+    });
+  }
+  get daemonAvailable() {
+    return this.props.daemonModel !== void 0;
+  }
+  get daemon() {
+    return this.props.daemonModel;
+  }
+  get reportModel() {
+    return this.props.reportModel;
+  }
+  get isReportMode() {
+    return this.props.reportModel !== void 0;
+  }
+  isNodeExpanded(o, n) {
+    return this.searchQuery.read(n) ? !0 : this.expandedNodeIds.read(n).has(o);
+  }
+  _initialExpandedNodes() {
+    const o = this.selectedNodeId.get();
+    if (!o) return /* @__PURE__ */ new Set([""]);
+    const n = new T(o).segments, t = /* @__PURE__ */ new Set([""]);
+    for (let i = 1; i <= n.length; i++)
+      t.add(n.slice(0, i).join("/"));
+    return t;
+  }
+  _findNode(o, n) {
+    for (const t of o) {
+      if (t.id.value === n) return t;
+      if (t.children) {
+        const i = this._findNode(t.children, n);
+        if (i) return i;
+      }
+    }
+  }
+  _collectPreviewRows(o, n) {
+    if (o.type === "component" && o.component)
+      return [{
+        type: "single",
+        fixture: {
+          id: o.id.value,
+          name: o.name,
+          path: n,
+          component: o.component
+        }
+      }];
+    if (o.type === "variants") {
+      const i = [];
+      for (const c of o.children ?? [])
+        c.type === "component" && c.component && i.push({
+          id: c.id.value,
+          name: c.name,
+          path: `${n} / ${c.name}`,
+          component: c.component
+        });
+      return i.length > 0 ? [{
+        type: "variants",
+        id: o.id.value,
+        name: o.name,
+        path: n,
+        fixtures: i
+      }] : [];
+    }
+    const t = [];
+    for (const i of o.children ?? []) {
+      const c = n ? `${n} / ${i.name}` : i.name;
+      t.push(...this._collectPreviewRows(i, c));
+    }
+    return t;
+  }
+  /**
+   * In diff mode: fixtures become screenshot comparison items showing current vs baseline.
+   * Variants become comparison groups.
+   */
+  _collectDiffRows(o, n) {
+    if (o.type === "component")
+      return [{
+        type: "screenshot-comparison",
+        id: o.id.value,
+        name: o.name,
+        path: n,
+        items: [{
+          fixtureId: o.id.value,
+          name: o.name,
+          path: n
+        }]
+      }];
+    if (o.type === "variants") {
+      const i = [];
+      for (const c of o.children ?? [])
+        c.type === "component" && i.push({
+          fixtureId: c.id.value,
+          name: c.name,
+          path: `${n} / ${c.name}`
+        });
+      return i.length > 0 ? [{
+        type: "screenshot-comparison",
+        id: o.id.value,
+        name: o.name,
+        path: n,
+        items: i
+      }] : [];
+    }
+    const t = [];
+    for (const i of o.children ?? []) {
+      const c = n ? `${n} / ${i.name}` : i.name;
+      t.push(...this._collectDiffRows(i, c));
+    }
+    return t;
+  }
+  _collectReportRows(o, n) {
+    const t = this.props.reportModel.state.get();
+    if (t.status !== "ready") return [];
+    const i = t.report.fixtures;
+    if (o.type === "component") {
+      const d = i[o.id.value];
+      return d ? [{
+        type: "report-comparison",
+        id: o.id.value,
+        name: o.name,
+        path: n,
+        items: [{
+          fixtureId: o.id.value,
+          name: o.name,
+          path: n,
+          entry: d
+        }]
+      }] : [];
+    }
+    const c = [];
+    for (const d of o.children ?? []) {
+      const l = n ? `${n} / ${d.name}` : d.name;
+      c.push(...this._collectReportRows(d, l));
+    }
+    return c;
+  }
+}
+const h = {
+  container: {
+    display: "flex",
+    flexDirection: "row",
+    height: "100%",
+    width: "100%",
+    fontFamily: "var(--component-explorer-font-family)",
+    fontSize: "var(--component-explorer-font-size)",
+    color: "var(--component-explorer-foreground)",
+    backgroundColor: "var(--component-explorer-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(--component-explorer-titleBar-activeBackground)",
+    color: "var(--component-explorer-titleBar-activeForeground)",
+    borderBottom: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-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(--component-explorer-titleBar-activeForeground)",
+    cursor: "pointer",
+    borderRadius: "4px"
+  },
+  titleBarButtonHover: {
+    backgroundColor: "var(--component-explorer-toolbar-hoverBackground)"
+  },
+  titleBarButtonActive: {
+    backgroundColor: "var(--component-explorer-toolbar-activeBackground)",
+    color: "var(--component-explorer-focusBorder)"
+  },
+  sidebar: {
+    display: "flex",
+    flexDirection: "column",
+    width: "260px",
+    minWidth: "200px",
+    backgroundColor: "var(--component-explorer-sideBar-background)",
+    borderRight: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))"
+  },
+  sidebarRight: {
+    borderRight: "none",
+    borderLeft: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-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(--component-explorer-titleBar-activeForeground)",
+    backgroundColor: "var(--component-explorer-titleBar-activeBackground)",
+    borderBottom: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-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(--component-explorer-list-activeSelectionBackground)",
+    color: "var(--component-explorer-list-activeSelectionForeground)"
+  },
+  treeItemHover: {
+    backgroundColor: "var(--component-explorer-list-hoverBackground)"
+  },
+  treeItemChevron: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "16px",
+    height: "16px",
+    color: "var(--component-explorer-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(--component-explorer-descriptionForeground)"
+  },
+  mainContent: {
+    flex: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "var(--component-explorer-editor-background)",
+    color: "var(--component-explorer-descriptionForeground)",
+    fontSize: "14px"
+  },
+  propertiesPanel: {
+    padding: "12px"
+  },
+  propertyRow: {
+    marginBottom: "12px"
+  },
+  propertyLabel: {
+    fontSize: "12px",
+    color: "var(--component-explorer-foreground)",
+    marginBottom: "4px"
+  },
+  propertyDescription: {
+    fontSize: "11px",
+    color: "var(--component-explorer-descriptionForeground)",
+    marginTop: "2px"
+  },
+  propertyInput: {
+    width: "100%",
+    height: "26px",
+    padding: "0 8px",
+    fontSize: "13px",
+    color: "var(--component-explorer-input-foreground)",
+    backgroundColor: "var(--component-explorer-input-background)",
+    border: "1px solid var(--component-explorer-input-border, transparent)",
+    borderRadius: "2px",
+    outline: "none",
+    boxSizing: "border-box"
+  },
+  propertySelect: {
+    width: "100%",
+    height: "26px",
+    padding: "0 8px",
+    fontSize: "13px",
+    color: "var(--component-explorer-dropdown-foreground)",
+    backgroundColor: "var(--component-explorer-dropdown-background)",
+    border: "1px solid var(--component-explorer-dropdown-border)",
+    borderRadius: "2px",
+    outline: "none",
+    boxSizing: "border-box",
+    cursor: "pointer"
+  }
+};
+function Fe(...r) {
+  return Object.assign({}, ...r.filter(Boolean));
+}
+class Wr extends L({
+  active: m()
+}) {
+  constructor() {
+    super(...arguments);
+    s(this, "isHovered", w(this, !1));
+    s(this, "setHovered", (o) => {
+      this.isHovered.set(o, void 0);
+    });
+  }
+  get active() {
+    return this.props.active;
+  }
+}
+const de = N(
+  Wr,
+  {
+    onClick: m.const(),
+    title: m.const(),
+    children: m.const()
+  },
+  (r, e, o) => {
+    const n = e.isHovered.read(r), t = e.active.read(r), i = Fe(
+      h.titleBarButton,
+      n && !t && h.titleBarButtonHover,
+      t && h.titleBarButtonActive
+    );
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        style: i,
+        onClick: o.onClick,
+        title: o.title,
+        onMouseEnter: () => e.setHovered(!0),
+        onMouseLeave: () => e.setHovered(!1),
+        children: o.children
+      }
+    );
+  }
+), $r = ({ 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" }) }), Ur = ({ 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)" }) }), jr = ({ 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" }) }), qr = ({ 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" }) }), Qr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), Kr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), Jr = () => /* @__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" }) }), Zr = () => /* @__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" }) }), Yr = E(
+  { model: m.const() },
+  (r, e) => {
+    var d, l;
+    const o = e.model, n = o.viewMode.read(r), t = ((d = o.daemon) == null ? void 0 : d.sessions.read(r)) ?? [], i = (l = o.daemon) == null ? void 0 : l.sessionName, c = t.filter((p) => p.name !== i);
+    return t.length <= 1 ? null : /* @__PURE__ */ f("div", { style: J.container, children: [
+      /* @__PURE__ */ f("div", { style: J.segmentedControl, children: [
+        /* @__PURE__ */ a($e, { label: "Live", mode: "session", active: n === "session", onClick: () => o.setViewMode("session") }),
+        /* @__PURE__ */ a($e, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => o.setViewMode("diff") })
+      ] }),
+      c.length > 0 && /* @__PURE__ */ a("div", { style: J.sessionLinks, children: c.map((p) => /* @__PURE__ */ f(
+        "button",
+        {
+          style: J.sessionLink,
+          onClick: () => o.navigateToSession(p.name),
+          title: `Switch to ${p.name} session`,
+          children: [
+            "→ ",
+            p.name
+          ]
+        },
+        p.name
+      )) })
+    ] });
+  }
+);
+function $e({ label: r, mode: e, active: o, onClick: n }) {
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      style: o ? J.segmentActive : J.segment,
+      onClick: n,
+      children: r
+    }
+  );
+}
+const Xr = E(
+  {
+    model: m.const()
+  },
+  (r, e) => {
+    const o = e.model, n = o.leftSidebarVisible.read(r), t = o.rightSidebarVisible.read(r), i = o.isDarkTheme.read(r), c = o.selectedNode.read(r);
+    return /* @__PURE__ */ f("div", { style: h.titleBar, children: [
+      /* @__PURE__ */ a("div", { style: h.titleBarSection, children: /* @__PURE__ */ a(
+        de,
+        {
+          active: n,
+          onClick: o.toggleLeftSidebar,
+          title: "Toggle left sidebar",
+          children: /* @__PURE__ */ a(Qr, {})
+        }
+      ) }),
+      /* @__PURE__ */ f("div", { style: h.titleBarCenter, children: [
+        o.isReportMode ? /* @__PURE__ */ a("span", { style: { fontSize: 12, color: "var(--component-explorer-descriptionForeground)" }, children: "Screenshot Report" }) : o.daemonAvailable ? /* @__PURE__ */ a(Yr, { model: o }) : null,
+        c ? /* @__PURE__ */ f(ve, { children: [
+          /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-textLink-foreground)" }, children: "<" }),
+          /* @__PURE__ */ a("span", { children: c.name }),
+          /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-textLink-foreground)" }, children: "/>" })
+        ] }) : /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: "No component selected" })
+      ] }),
+      /* @__PURE__ */ f("div", { style: h.titleBarSection, children: [
+        /* @__PURE__ */ a(
+          de,
+          {
+            active: !1,
+            onClick: o.toggleTheme,
+            title: i ? "Switch to light theme" : "Switch to dark theme",
+            children: i ? /* @__PURE__ */ a(Jr, {}) : /* @__PURE__ */ a(Zr, {})
+          }
+        ),
+        /* @__PURE__ */ a(
+          de,
+          {
+            active: t,
+            onClick: o.toggleRightSidebar,
+            title: "Toggle right sidebar",
+            children: /* @__PURE__ */ a(Kr, {})
+          }
+        )
+      ] })
+    ] });
+  }
+), J = {
+  container: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    marginRight: 12
+  },
+  segmentedControl: {
+    display: "flex",
+    borderRadius: 4,
+    overflow: "hidden",
+    border: "1px solid var(--component-explorer-panel-border)"
+  },
+  segment: {
+    padding: "2px 10px",
+    fontSize: 11,
+    fontWeight: 500,
+    border: "none",
+    background: "transparent",
+    color: "var(--component-explorer-descriptionForeground)",
+    cursor: "pointer"
+  },
+  segmentActive: {
+    padding: "2px 10px",
+    fontSize: 11,
+    fontWeight: 500,
+    border: "none",
+    background: "var(--component-explorer-button-background)",
+    color: "var(--component-explorer-button-foreground)",
+    cursor: "pointer"
+  },
+  sessionLinks: {
+    display: "flex",
+    gap: 4
+  },
+  sessionLink: {
+    padding: "2px 8px",
+    fontSize: 11,
+    border: "1px solid var(--component-explorer-panel-border)",
+    borderRadius: 4,
+    background: "transparent",
+    color: "var(--component-explorer-textLink-foreground)",
+    cursor: "pointer"
+  }
+}, en = {
+  display: "flex",
+  gap: "3px",
+  marginLeft: "6px",
+  overflow: "hidden",
+  flexShrink: 1,
+  minWidth: 0
+};
+function Co(r) {
+  return r.type === "component" ? 1 : (r.children ?? []).reduce((e, o) => e + Co(o), 0);
+}
+const on = {
+  fontSize: "10px",
+  lineHeight: "14px",
+  padding: "0 4px",
+  borderRadius: "2px",
+  backgroundColor: "var(--component-explorer-badge-background)",
+  color: "var(--component-explorer-badge-foreground)",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  maxWidth: "60px",
+  cursor: "pointer"
+}, So = E(
+  {
+    model: m.const(),
+    nodes: m.const(),
+    depth: m.const()
+  },
+  (r, e) => /* @__PURE__ */ a(ve, { children: e.nodes.map((o) => /* @__PURE__ */ a(nn, { model: e.model, node: o, depth: e.depth }, o.id.value)) })
+);
+class rn extends L({
+  model: m.const(),
+  node: m.const(),
+  depth: m.const()
+}) {
+  constructor() {
+    super(...arguments);
+    s(this, "isHovered", w(this, !1));
+    s(this, "setHovered", (o) => {
+      this.isHovered.set(o, void 0);
+    });
+    s(this, "handleClick", () => {
+      this.props.model.selectNode(this.props.node.id.value);
+    });
+    s(this, "handleDoubleClick", () => {
+      this._hasChildren && this.props.model.toggleNodeExpanded(this.props.node.id.value);
+    });
+    s(this, "handleChevronClick", (o) => {
+      o.stopPropagation(), this.props.model.toggleNodeExpanded(this.props.node.id.value);
+    });
+  }
+  // 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 nn = N(rn, {}, (r, e) => {
+  const o = e.explorerModel, n = e.treeNode, t = e.treeDepth, i = !!(n.children && n.children.length > 0), c = i ? o.isNodeExpanded(n.id.value, r) : !1, l = o.selectedNodeId.read(r) === n.id.value, p = e.isHovered.read(r), g = Fe(
+    h.treeItem,
+    { paddingLeft: `${8 + t * 12}px` },
+    l && h.treeItemSelected,
+    !l && p && h.treeItemHover
+  );
+  return /* @__PURE__ */ f(ve, { children: [
+    /* @__PURE__ */ f(
+      "div",
+      {
+        style: g,
+        onClick: e.handleClick,
+        onDoubleClick: e.handleDoubleClick,
+        onMouseEnter: () => e.setHovered(!0),
+        onMouseLeave: () => e.setHovered(!1),
+        children: [
+          i ? /* @__PURE__ */ a("div", { style: h.treeItemChevron, onClick: e.handleChevronClick, children: c ? /* @__PURE__ */ a(Ur, {}) : /* @__PURE__ */ a($r, {}) }) : /* @__PURE__ */ a("div", { style: h.treeItemChevronPlaceholder }),
+          /* @__PURE__ */ a("div", { style: h.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a(qr, { style: { color: "var(--component-explorer-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(jr, { style: { color: "#deb45b" } }) }),
+          /* @__PURE__ */ a("span", { style: h.treeItemLabel, children: n.name }),
+          n.labels.some((u) => !u.startsWith(".")) && /* @__PURE__ */ a("span", { style: en, children: n.labels.filter((u) => !u.startsWith(".")).map((u) => /* @__PURE__ */ a(
+            "span",
+            {
+              style: on,
+              onClick: (x) => {
+                x.stopPropagation(), o.searchQuery.set(u, void 0);
+              },
+              title: u,
+              children: u
+            },
+            u
+          )) }),
+          n.type === "folder" && i && /* @__PURE__ */ a("span", { style: h.treeItemCount, children: Co(n) })
+        ]
+      }
+    ),
+    i && c && /* @__PURE__ */ a(So, { model: o, nodes: n.children, depth: t + 1 })
+  ] });
+}), tn = {
+  padding: "4px 8px",
+  borderBottom: "1px solid var(--component-explorer-panel-border)"
+}, cn = {
+  width: "100%",
+  height: "24px",
+  padding: "0 22px 0 6px",
+  fontSize: "12px",
+  color: "var(--component-explorer-input-foreground)",
+  backgroundColor: "var(--component-explorer-input-background)",
+  border: "1px solid var(--component-explorer-input-border, transparent)",
+  borderRadius: "2px",
+  outline: "none",
+  boxSizing: "border-box"
+}, an = {
+  position: "relative"
+}, dn = {
+  position: "absolute",
+  right: "2px",
+  top: "50%",
+  transform: "translateY(-50%)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "18px",
+  height: "18px",
+  border: "none",
+  background: "transparent",
+  color: "var(--component-explorer-input-foreground)",
+  cursor: "pointer",
+  borderRadius: "2px",
+  fontSize: "14px",
+  opacity: 0.7
+}, ln = E(
+  {
+    model: m.const()
+  },
+  (r, e) => {
+    const o = e.model.searchQuery.read(r);
+    return /* @__PURE__ */ a("div", { style: tn, children: /* @__PURE__ */ f("div", { style: an, children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "text",
+          placeholder: "Filter (name or label)",
+          style: cn,
+          value: o ?? "",
+          onChange: (n) => e.model.searchQuery.set(n.target.value || void 0, void 0),
+          onFocus: (n) => n.target.style.borderColor = "var(--component-explorer-focusBorder)",
+          onBlur: (n) => n.target.style.borderColor = "var(--component-explorer-input-border, transparent)"
+        }
+      ),
+      o && /* @__PURE__ */ a(
+        "button",
+        {
+          style: dn,
+          onClick: () => e.model.searchQuery.set(void 0, void 0),
+          title: "Clear filter",
+          children: "×"
+        }
+      )
+    ] }) });
+  }
+), sn = E(
+  {
+    model: m.const()
+  },
+  (r, e) => {
+    const o = e.model.filteredTree.read(r);
+    return /* @__PURE__ */ f("div", { style: h.sidebar, children: [
+      /* @__PURE__ */ a("div", { style: h.sidebarHeader, children: "Explorer" }),
+      /* @__PURE__ */ a(ln, { model: e.model }),
+      /* @__PURE__ */ a("div", { style: h.sidebarContent, children: /* @__PURE__ */ a(So, { model: e.model, nodes: [o], depth: 0 }) })
+    ] });
+  }
+);
+class pn extends L({}) {
+  constructor() {
+    super(...arguments);
+    s(this, "checked", w(this, !1));
+    s(this, "toggle", () => {
+      this.checked.set(!this.checked.get(), void 0);
+    });
+  }
+}
+const gn = N(pn, {}, (r, e) => {
+  const o = e.checked.read(r), n = {
+    position: "relative",
+    width: "36px",
+    height: "18px",
+    backgroundColor: o ? "var(--component-explorer-button-background)" : "var(--component-explorer-input-background)",
+    borderRadius: "9px",
+    cursor: "pointer",
+    transition: "background-color 0.2s",
+    border: "1px solid var(--component-explorer-input-border, transparent)"
+  }, t = {
+    position: "absolute",
+    top: "2px",
+    left: o ? "18px" : "2px",
+    width: "12px",
+    height: "12px",
+    backgroundColor: "var(--component-explorer-foreground)",
+    borderRadius: "50%",
+    transition: "left 0.2s"
+  };
+  return /* @__PURE__ */ a("div", { style: n, onClick: e.toggle, children: /* @__PURE__ */ a("div", { style: t }) });
+}), un = E(
+  {
+    node: m.const()
+  },
+  (r, e) => e.node.type !== "component" ? /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--component-explorer-descriptionForeground)", fontSize: "12px" }, children: "Select a component (not a folder) to view its properties" }) : /* @__PURE__ */ f("div", { style: h.propertiesPanel, children: [
+    /* @__PURE__ */ f("div", { style: h.propertyRow, children: [
+      /* @__PURE__ */ f("div", { style: h.propertyLabel, children: [
+        "children",
+        /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : string" })
+      ] }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "text",
+          style: h.propertyInput,
+          defaultValue: "Click me",
+          placeholder: "Enter text..."
+        }
+      ),
+      /* @__PURE__ */ a("div", { style: h.propertyDescription, children: "Button text content" })
+    ] }),
+    /* @__PURE__ */ f("div", { style: h.propertyRow, children: [
+      /* @__PURE__ */ f("div", { style: h.propertyLabel, children: [
+        "variant",
+        /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
+      ] }),
+      /* @__PURE__ */ f("select", { style: h.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: h.propertyDescription, children: "Visual style variant" })
+    ] }),
+    /* @__PURE__ */ f("div", { style: h.propertyRow, children: [
+      /* @__PURE__ */ f("div", { style: h.propertyLabel, children: [
+        "size",
+        /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
+      ] }),
+      /* @__PURE__ */ f("select", { style: h.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: h.propertyDescription, children: "Button size" })
+    ] }),
+    /* @__PURE__ */ f("div", { style: h.propertyRow, children: [
+      /* @__PURE__ */ f("div", { style: h.propertyLabel, children: [
+        "disabled",
+        /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : boolean" })
+      ] }),
+      /* @__PURE__ */ a(gn, {}),
+      /* @__PURE__ */ a("div", { style: h.propertyDescription, children: "Disable the button" })
+    ] })
+  ] })
+), mn = E(
+  {
+    selectedNode: m.const()
+  },
+  (r, e) => /* @__PURE__ */ f("div", { style: Fe(h.sidebar, h.sidebarRight), children: [
+    /* @__PURE__ */ f("div", { style: h.sidebarHeader, children: [
+      /* @__PURE__ */ a("span", { style: { marginRight: "6px", color: "var(--component-explorer-textLink-foreground)" }, children: "</>" }),
+      "Props"
+    ] }),
+    /* @__PURE__ */ a("div", { style: h.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(un, { node: e.selectedNode }) : /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--component-explorer-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
+  ] })
+), Ue = 500;
+function Fo(r) {
+  let e = null;
+  function o() {
+    if (e !== null) return e;
+    try {
+      const t = localStorage.getItem(r);
+      if (t)
+        return e = JSON.parse(t), e;
+    } catch {
+    }
+    return e = {}, e;
+  }
+  function n() {
+    if (e !== null)
+      try {
+        const t = Object.entries(e);
+        t.length > Ue && (e = Object.fromEntries(t.slice(-Ue))), localStorage.setItem(r, JSON.stringify(e));
+      } catch {
+      }
+  }
+  return {
+    get(t) {
+      return o()[t];
+    },
+    set(t, i) {
+      o()[t] = i, n();
+    },
+    getAll() {
+      return new Map(Object.entries(o()));
+    }
+  };
+}
+const Io = Fo("component-explorer:fixtureHeights"), Ro = Fo("component-explorer:fixtureContentHeights");
+function fn(r, e) {
+  Io.set(r, e);
+}
+function hn() {
+  return Io.getAll();
+}
+function xn(r, e) {
+  Ro.set(r, e);
+}
+function bn(r) {
+  return Ro.get(r);
+}
+function je(r, e) {
+  const o = [], n = [], t = e instanceof ShadowRoot ? e : e.head;
+  for (const i of r)
+    if (i.type === "css") {
+      const c = document.createElement("style");
+      c.textContent = i.content, t.appendChild(c), o.push(c);
+    } else if (i.type === "url") {
+      const c = document.createElement("link");
+      c.rel = "stylesheet", c.href = i.href, t.appendChild(c), o.push(c);
+    } else i.type === "adopted" && (e.adoptedStyleSheets = [...e.adoptedStyleSheets, i.sheet], n.push(i.sheet));
+  return { injectedElements: o, adoptedSheets: n };
+}
+function vn(r, e, o) {
+  for (const n of r)
+    n.remove();
+  for (const n of e)
+    o.adoptedStyleSheets = o.adoptedStyleSheets.filter((t) => t !== n);
+}
+class Ie {
+  constructor(e, o) {
+    s(this, "renderTarget");
+    s(this, "iframe", null);
+    s(this, "_abortController", new AbortController());
+    s(this, "_resolvedResult");
+    s(this, "_injectedElements", []);
+    s(this, "_adoptedSheets", []);
+    s(this, "_styleTarget", document);
+    s(this, "_rendered");
+    this.component = o;
+    const n = o.isolation;
+    if (n === "shadow-dom") {
+      const c = e.attachShadow({ mode: "open" });
+      if (this._styleTarget = c, o.styles) {
+        const { injectedElements: d, adoptedSheets: l } = je(o.styles, c);
+        this._injectedElements = d, this._adoptedSheets = l;
+      }
+      this.renderTarget = document.createElement("div"), c.appendChild(this.renderTarget);
+    } else if (n === "iframe") {
+      const c = document.createElement("iframe");
+      c.style.border = "none", c.style.display = "block", c.style.width = "100%", c.style.height = (bn(o.id) ?? 0) + "px";
+      const d = new URL(location.pathname, location.origin);
+      d.searchParams.set("mode", "embedded"), d.searchParams.set("fixture", o.id), d.searchParams.set("file", o.sourceFile), c.src = d.toString(), e.appendChild(c), this.iframe = c;
+      const l = (p) => {
+        var g;
+        if (p.source === c.contentWindow && ((g = p.data) == null ? void 0 : g.type) === "component-explorer:resize") {
+          const u = p.data.height;
+          c.style.height = u + "px", xn(o.id, u);
+        }
+      };
+      window.addEventListener("message", l), this._abortController.signal.addEventListener("abort", () => {
+        window.removeEventListener("message", l);
+      }), this.renderTarget = c, this._rendered = Promise.resolve(void 0);
+      return;
+    } else {
+      if (o.styles) {
+        const { injectedElements: c, adoptedSheets: d } = je(o.styles, document);
+        this._injectedElements = c, this._adoptedSheets = d;
+      }
+      this.renderTarget = document.createElement("div"), e.appendChild(this.renderTarget);
+    }
+    const t = Jo(o.properties), i = o.render(this.renderTarget, {
+      props: t,
+      signal: this._abortController.signal
+    });
+    i instanceof Promise ? this._rendered = i.then((c) => {
+      var d;
+      if (this._abortController.signal.aborted) {
+        (d = c == null ? void 0 : c.dispose) == null || d.call(c);
+        return;
+      }
+      return this._resolvedResult = c ?? void 0, this._resolvedResult;
+    }) : (this._resolvedResult = i ?? void 0, this._rendered = Promise.resolve(this._resolvedResult));
+  }
+  async waitForRendering() {
+    const e = await this._rendered;
+    return await (e == null ? void 0 : e.ready), e;
+  }
+  dispose() {
+    var e, o;
+    this._abortController.abort(), (o = (e = this._resolvedResult) == null ? void 0 : e.dispose) == null || o.call(e), this._resolvedResult = void 0, vn(this._injectedElements, this._adoptedSheets, this._styleTarget);
+  }
+}
+let he;
+function kn(r) {
+  he = r;
+}
+function yn() {
+  if (!he)
+    throw new Error("Explorer shadow host not initialized");
+  return he;
+}
+const Eo = /* @__PURE__ */ new WeakSet(), qe = HTMLElement.prototype.focus;
+HTMLElement.prototype.focus = function(r) {
+  !(r != null && r.preventScroll) && wn(this) ? qe.call(this, { ...r, preventScroll: !0 }) : qe.call(this, r);
+};
+function wn(r) {
+  let e = r;
+  for (; e; ) {
+    if (e instanceof HTMLElement && Eo.has(e))
+      return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Bn(r) {
+  Eo.add(r);
+}
+let _n = 0;
+class Cn extends L({
+  fixture: m.const(),
+  compact: m.const(),
+  onSelect: m.const()
+}) {
+  constructor() {
+    super(...arguments);
+    s(this, "_canvasRef", null);
+    s(this, "_fixtureContainer", null);
+    s(this, "_rendering", null);
+    s(this, "_resizeObserver", null);
+    s(this, "measuredWidth", w(this, void 0));
+    s(this, "measuredHeight", w(this, void 0));
+    s(this, "slotName", `fixture-${_n++}`);
+    s(this, "setCanvasRef", (o) => {
+      if (o === this._canvasRef || (this._cleanup(), this._canvasRef = o, !o)) return;
+      const n = yn(), t = document.createElement("div");
+      t.slot = this.slotName;
+      const i = this.fixture.component, c = i.displayMode;
+      if (c.type === "page") {
+        const l = c.viewports[0], p = Ko(l);
+        t.style.width = `${p.width}px`, t.style.height = `${p.height}px`, t.style.overflow = "auto";
+      } else
+        t.style.all = "initial", t.style.display = "inline-block";
+      n.appendChild(t), this._fixtureContainer = t, Bn(t);
+      const d = new Ie(t, i);
+      this._rendering = d, this._resizeObserver = new ResizeObserver((l) => {
+        for (const p of l) {
+          const { width: g, height: u } = p.contentRect;
+          u > 0 && (this.measuredWidth.set(Math.round(g), void 0), this.measuredHeight.set(Math.round(u), void 0));
+        }
+      }), this._resizeObserver.observe(d.renderTarget);
+    });
+  }
+  get fixture() {
+    return this.props.fixture;
+  }
+  get compact() {
+    return this.props.compact ?? !1;
+  }
+  get onSelect() {
+    return this.props.onSelect;
+  }
+  _cleanup() {
+    var o, n, t;
+    (o = this._rendering) == null || o.dispose(), this._rendering = null, (n = this._resizeObserver) == null || n.disconnect(), this._resizeObserver = null, (t = this._fixtureContainer) == null || t.remove(), this._fixtureContainer = null;
+  }
+  dispose() {
+    this._cleanup();
+  }
+}
+const Ho = N(
+  Cn,
+  {},
+  (r, e) => {
+    const o = e.fixture, n = o.component, t = e.measuredWidth.read(r), i = e.measuredHeight.read(r), c = e.compact, d = t && i ? `${t} × ${i}` : "", l = c ? q.wrapperCompact : q.wrapper, p = c ? q.nameCompact : q.name;
+    return /* @__PURE__ */ f("div", { style: l, children: [
+      /* @__PURE__ */ f("div", { style: q.labelRow, children: [
+        c && /* @__PURE__ */ a(
+          "a",
+          {
+            href: _o("fixture", o.id),
+            style: { ...p, textDecoration: "none", color: "inherit" },
+            onClick: (g) => {
+              e.onSelect && (g.preventDefault(), e.onSelect(o.id));
+            },
+            children: o.name
+          }
+        ),
+        !c && d && /* @__PURE__ */ a("span", { style: q.dimensions, children: d })
+      ] }),
+      /* @__PURE__ */ a("div", { ref: e.setCanvasRef, style: Rn(n.background), children: /* @__PURE__ */ a("slot", { name: e.slotName }) })
+    ] });
+  }
+), j = 8;
+function To(r, 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 Sn = {
+  backgroundColor: "#ffffff",
+  backgroundImage: To("#ffffff", "#e5e5e5")
+}, Fn = {
+  backgroundColor: "#1e1e1e",
+  backgroundImage: To("#1e1e1e", "#2d2d2d")
+}, In = {
+  display: "inline-block",
+  padding: "12px",
+  borderRadius: "4px",
+  backgroundSize: `${j * 2}px ${j * 2}px`,
+  backgroundPosition: `0 0, 0 ${j}px, ${j}px -${j}px, -${j}px 0`,
+  boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)",
+  overflow: "hidden",
+  position: "relative"
+};
+function Rn(r) {
+  const e = r === "dark" ? Fn : Sn;
+  return {
+    ...In,
+    backgroundColor: e.backgroundColor,
+    backgroundImage: e.backgroundImage
+  };
+}
+const q = {
+  wrapper: {
+    marginBottom: "32px"
+  },
+  wrapperCompact: {
+    marginBottom: "0"
+  },
+  labelRow: {
+    display: "flex",
+    alignItems: "baseline",
+    gap: "8px",
+    marginBottom: "8px"
+  },
+  name: {
+    fontSize: "12px",
+    fontWeight: 500,
+    color: "var(--component-explorer-foreground)"
+  },
+  nameCompact: {
+    fontSize: "11px",
+    fontWeight: 500,
+    color: "var(--component-explorer-descriptionForeground)"
+  },
+  dimensions: {
+    fontSize: "11px",
+    color: "var(--component-explorer-descriptionForeground)",
+    fontFamily: "var(--component-explorer-editor-font-family, monospace)"
+  }
+};
+class En extends L({
+  fixtureId: m.const(),
+  sessionName: m.const(),
+  daemon: m.const()
+}) {
+  constructor(o) {
+    super(o);
+    s(this, "screenshot", w(this, { status: "idle" }));
+    s(this, "_fetchVersion", 0);
+    this._store.add(ho((n) => {
+      this.props.daemon.sourceTreeIds.read(n).get(this.props.sessionName) && this._fetchScreenshot();
+    }));
+  }
+  get fixtureId() {
+    return this.props.fixtureId;
+  }
+  async _fetchScreenshot() {
+    const o = ++this._fetchVersion;
+    this.screenshot.set({ status: "loading" }, void 0);
+    try {
+      const n = await this.props.daemon.getScreenshot(this.props.sessionName, this.props.fixtureId);
+      o === this._fetchVersion && this.screenshot.set({ status: "ready", data: n }, void 0);
+    } catch (n) {
+      o === this._fetchVersion && this.screenshot.set({ status: "error", message: String(n) }, void 0);
+    }
+  }
+}
+const Qe = N(
+  En,
+  {},
+  (r, e) => {
+    const o = e.screenshot.read(r);
+    if (o.status === "idle" || o.status === "loading")
+      return /* @__PURE__ */ a("div", { style: D.placeholder, children: /* @__PURE__ */ a("div", { style: D.shimmer }) });
+    if (o.status === "error")
+      return /* @__PURE__ */ a("div", { style: D.error, children: /* @__PURE__ */ a("span", { style: D.errorText, children: "Screenshot failed" }) });
+    const { data: n } = o;
+    return n.image ? /* @__PURE__ */ a(
+      "img",
+      {
+        src: `data:image/png;base64,${n.image}`,
+        style: D.image,
+        alt: `Screenshot of ${e.fixtureId}`
+      }
+    ) : /* @__PURE__ */ a("div", { style: D.placeholder, children: /* @__PURE__ */ a("span", { style: D.hashText, children: n.hash.slice(0, 12) }) });
+  }
+), D = {
+  placeholder: {
+    minHeight: 80,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "var(--component-explorer-editor-background)",
+    border: "1px solid var(--component-explorer-panel-border)",
+    borderRadius: 4,
+    overflow: "hidden"
+  },
+  shimmer: {
+    width: "100%",
+    height: 80,
+    background: "linear-gradient(90deg, var(--component-explorer-editor-background) 25%, var(--component-explorer-list-hoverBackground) 50%, var(--component-explorer-editor-background) 75%)",
+    backgroundSize: "200% 100%",
+    animation: "shimmer 1.5s infinite"
+  },
+  error: {
+    minHeight: 80,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "var(--component-explorer-inputValidation-errorBackground)",
+    border: "1px solid var(--component-explorer-inputValidation-errorBorder)",
+    borderRadius: 4
+  },
+  errorText: {
+    fontSize: 12,
+    color: "var(--component-explorer-errorForeground)"
+  },
+  hashText: {
+    fontSize: 11,
+    color: "var(--component-explorer-descriptionForeground)",
+    fontFamily: "var(--component-explorer-editor-font-family, monospace)"
+  },
+  image: {
+    maxWidth: "100%",
+    display: "block",
+    borderRadius: 4,
+    border: "1px solid var(--component-explorer-panel-border)"
+  }
+};
+class Hn extends L({
+  fixtureId: m.const(),
+  daemon: m.const(),
+  baselineSession: m.const(),
+  currentSession: m.const()
+}) {
+  constructor(o) {
+    super(o);
+    s(this, "comparisonStatus", w(this, { status: "loading" }));
+    this._store.add(ho((n) => {
+      const t = this.props.daemon.sourceTreeIds.read(n), i = t.get(this.props.baselineSession), c = t.get(this.props.currentSession);
+      i && c && 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 o = await this.props.daemon.compare(
+        this.props.fixtureId,
+        this.props.baselineSession,
+        this.props.currentSession
+      );
+      this.comparisonStatus.set({ status: "ready", match: o.match }, void 0);
+    } catch (o) {
+      this.comparisonStatus.set({ status: "error", message: String(o) }, void 0);
+    }
+  }
+}
+const Tn = N(
+  Hn,
+  {},
+  (r, e) => {
+    const o = e.comparisonStatus.read(r), n = o.status === "loading" ? /* @__PURE__ */ a("span", { style: F.badgeLoading, children: "comparing..." }) : o.status === "error" ? /* @__PURE__ */ a("span", { style: F.badgeError, children: "error" }) : o.match ? /* @__PURE__ */ a("span", { style: F.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ a("span", { style: F.badgeChanged, children: "● changed" });
+    return /* @__PURE__ */ f("div", { style: F.fixtureRow, children: [
+      /* @__PURE__ */ f("div", { style: F.fixtureLabel, children: [
+        /* @__PURE__ */ a("span", { style: F.fixtureName, children: e.fixtureId }),
+        n
+      ] }),
+      /* @__PURE__ */ f("div", { style: F.sideBySide, children: [
+        /* @__PURE__ */ f("div", { style: F.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: F.columnLabel, children: "Current" }),
+          /* @__PURE__ */ a(
+            Qe,
+            {
+              fixtureId: e.fixtureId,
+              sessionName: e.currentSession,
+              daemon: e.daemon
+            }
+          )
+        ] }),
+        /* @__PURE__ */ f("div", { style: F.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: F.columnLabel, children: "Baseline" }),
+          /* @__PURE__ */ a(
+            Qe,
+            {
+              fixtureId: e.fixtureId,
+              sessionName: e.baselineSession,
+              daemon: e.daemon
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+), Mn = E(
+  {
+    name: m.const(),
+    path: m.const(),
+    items: m.const(),
+    daemon: m.const(),
+    baselineSession: m.const(),
+    currentSession: m.const()
+  },
+  (r, e) => /* @__PURE__ */ a("div", { style: F.groupContent, children: e.items.map((o) => /* @__PURE__ */ a(
+    Tn,
+    {
+      fixtureId: o.fixtureId,
+      daemon: e.daemon,
+      baselineSession: e.baselineSession,
+      currentSession: e.currentSession
+    },
+    o.fixtureId
+  )) })
+), F = {
+  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(--component-explorer-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(--component-explorer-descriptionForeground)",
+    textTransform: "uppercase",
+    letterSpacing: "0.05em"
+  },
+  badgeMatch: {
+    fontSize: 11,
+    color: "var(--component-explorer-testing-iconPassed)",
+    fontWeight: 500
+  },
+  badgeChanged: {
+    fontSize: 11,
+    color: "var(--component-explorer-testing-iconFailed)",
+    fontWeight: 500
+  },
+  badgeLoading: {
+    fontSize: 11,
+    color: "var(--component-explorer-descriptionForeground)",
+    fontStyle: "italic"
+  },
+  badgeError: {
+    fontSize: 11,
+    color: "var(--component-explorer-errorForeground)",
+    fontWeight: 500
+  }
+}, Q = 8;
+function Mo(r, 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 On = {
+  backgroundColor: "#ffffff",
+  backgroundImage: Mo("#ffffff", "#e5e5e5")
+}, Vn = {
+  backgroundColor: "#1e1e1e",
+  backgroundImage: Mo("#1e1e1e", "#2d2d2d")
+}, Ln = {
+  display: "inline-block",
+  padding: "12px",
+  borderRadius: "4px",
+  backgroundSize: `${Q * 2}px ${Q * 2}px`,
+  backgroundPosition: `0 0, 0 ${Q}px, ${Q}px -${Q}px, -${Q}px 0`,
+  boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)"
+};
+function Nn(r) {
+  const e = r === "dark" ? Vn : On;
+  return {
+    ...Ln,
+    backgroundColor: e.backgroundColor,
+    backgroundImage: e.backgroundImage
+  };
+}
+function Ke({ src: r, alt: e, background: o }) {
+  return /* @__PURE__ */ a("div", { style: Nn(o), children: /* @__PURE__ */ a("img", { src: r, alt: e, style: C.image }) });
+}
+const Dn = E(
+  {
+    item: m.const(),
+    reportModel: m.const()
+  },
+  (r, e) => {
+    const { item: o, reportModel: n } = e, { entry: t } = o, i = t.background ?? "light", c = t.status === "unchanged" ? /* @__PURE__ */ a("span", { style: C.badgeMatch, children: "✓ match" }) : t.status === "changed" ? /* @__PURE__ */ a("span", { style: C.badgeChanged, children: "● changed" }) : /* @__PURE__ */ a("span", { style: C.badgeAdded, children: "+ added" }), d = t.baselineScreenshot || t.currentScreenshot;
+    return /* @__PURE__ */ f("div", { style: C.fixtureRow, children: [
+      /* @__PURE__ */ f("div", { style: C.fixtureLabel, children: [
+        /* @__PURE__ */ a("span", { style: C.fixtureName, children: o.fixtureId }),
+        c
+      ] }),
+      d && /* @__PURE__ */ f("div", { style: C.sideBySide, children: [
+        t.baselineScreenshot && /* @__PURE__ */ f("div", { style: C.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: C.columnLabel, children: "Baseline" }),
+          /* @__PURE__ */ a(
+            Ke,
+            {
+              src: n.resolveScreenshotUrl(t.baselineScreenshot),
+              alt: `Baseline screenshot of ${o.fixtureId}`,
+              background: i
+            }
+          )
+        ] }),
+        t.currentScreenshot && /* @__PURE__ */ f("div", { style: C.screenshotColumn, children: [
+          /* @__PURE__ */ a("span", { style: C.columnLabel, children: "Current" }),
+          /* @__PURE__ */ a(
+            Ke,
+            {
+              src: n.resolveScreenshotUrl(t.currentScreenshot),
+              alt: `Current screenshot of ${o.fixtureId}`,
+              background: i
+            }
+          )
+        ] })
+      ] }),
+      !d && t.status === "unchanged" && /* @__PURE__ */ a("div", { style: C.hashRow, children: /* @__PURE__ */ f("span", { style: C.hashText, children: [
+        "hash: ",
+        t.targetHash
+      ] }) })
+    ] });
+  }
+), Gn = E(
+  {
+    name: m.const(),
+    path: m.const(),
+    items: m.const(),
+    reportModel: m.const()
+  },
+  (r, e) => /* @__PURE__ */ a("div", { style: C.groupContent, children: e.items.map((o) => /* @__PURE__ */ a(
+    Dn,
+    {
+      item: o,
+      reportModel: e.reportModel
+    },
+    o.fixtureId
+  )) })
+), C = {
+  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(--component-explorer-foreground)"
+  },
+  sideBySide: {
+    display: "flex",
+    flexDirection: "row",
+    gap: 16
+  },
+  screenshotColumn: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4
+  },
+  columnLabel: {
+    fontSize: 11,
+    fontWeight: 500,
+    color: "var(--component-explorer-descriptionForeground)",
+    textTransform: "uppercase",
+    letterSpacing: "0.05em"
+  },
+  image: {
+    display: "block"
+  },
+  hashRow: {
+    padding: "8px 0"
+  },
+  hashText: {
+    fontSize: 11,
+    color: "var(--component-explorer-descriptionForeground)",
+    fontFamily: "monospace"
+  },
+  badgeMatch: {
+    fontSize: 11,
+    color: "var(--component-explorer-testing-iconPassed)",
+    fontWeight: 500
+  },
+  badgeChanged: {
+    fontSize: 11,
+    color: "var(--component-explorer-testing-iconFailed)",
+    fontWeight: 500
+  },
+  badgeAdded: {
+    fontSize: 11,
+    color: "var(--component-explorer-testing-iconQueued)",
+    fontWeight: 500
+  }
+}, An = 280, zn = 32, ie = 32, Je = 400;
+let Oo = 0;
+function G(r, e) {
+  const o = ++Oo, n = performance.now().toFixed(1);
+  console.log(
+    `%c[scroll #${o} @${n}ms] ${r}`,
+    "color: #3b82f6; font-weight: bold",
+    e
+  );
+}
+function Ze(r, e) {
+  const o = ++Oo, n = performance.now().toFixed(1);
+  console.warn(
+    `[scroll #${o} @${n}ms] ${r}`,
+    e
+  );
+}
+const Vo = "component-explorer:scrollAnchors", Ye = 100;
+function Lo() {
+  try {
+    const r = localStorage.getItem(Vo);
+    if (r) return JSON.parse(r);
+  } catch {
+  }
+  return {};
+}
+function Pn(r, e) {
+  try {
+    const o = Lo();
+    o[r] = e;
+    const n = Object.entries(o), t = n.length > Ye ? Object.fromEntries(n.slice(-Ye)) : o;
+    localStorage.setItem(Vo, JSON.stringify(t));
+  } catch {
+  }
+}
+function Wn(r) {
+  return Lo()[r];
+}
+function No(r) {
+  return r.type === "single" ? r.fixture.id : r.id;
+}
+function $n(r, e) {
+  const o = new Array(r.length);
+  let n = ie;
+  for (let t = 0; t < r.length; t++) {
+    const i = e.get(No(r[t])) ?? An;
+    o[t] = { top: n, height: i }, n += i + zn;
+  }
+  return o;
+}
+function xe(r) {
+  if (r.length === 0) return 0;
+  const e = r[r.length - 1];
+  return e.top + e.height + ie;
+}
+function Do(r, e) {
+  let o = 0, n = r.length;
+  for (; o < n; ) {
+    const t = o + n >> 1;
+    r[t].top + r[t].height < e ? o = t + 1 : n = t;
+  }
+  return o;
+}
+function Un(r, e, o) {
+  if (r.length === 0) return { start: 0, end: 0 };
+  const n = Do(r, e - Je);
+  let t = n;
+  const i = e + o + Je;
+  for (; t < r.length && r[t].top < i; )
+    t++;
+  return { start: n, end: t };
+}
+function Xe(r, e) {
+  if (r.length === 0) return;
+  const o = Do(r, e), n = Math.min(o, r.length - 1);
+  return {
+    rowIndex: n,
+    offsetFromViewport: r[n].top - e
+  };
+}
+function eo(r, e) {
+  return e.rowIndex >= r.length ? 0 : r[e.rowIndex].top - e.offsetFromViewport;
+}
+function oo(r) {
+  return r.type === "single" ? r.fixture.path : r.path;
+}
+function ro(r) {
+  return r.split(" / ").slice(1);
+}
+function jn(r, e, o) {
+  const n = o.split("/"), t = n.length - r.length;
+  for (let i = 0; i < r.length; i++)
+    if (!e || i >= e.length || r[i] !== e[i])
+      return r.slice(i).map((c, d) => ({
+        depth: i + d,
+        name: c,
+        nodeId: n.slice(0, t + i + d + 1).join("/")
+      }));
+  return [];
+}
+const no = ["h1", "h2", "h3", "h4"];
+function qn(r) {
+  return no[Math.min(r, no.length - 1)];
+}
+const to = ["22px", "15px", "13px", "12px"];
+function Qn(r) {
+  return {
+    fontSize: to[Math.min(r, to.length - 1)],
+    fontWeight: r <= 1 ? 600 : 500,
+    color: "var(--component-explorer-foreground)",
+    margin: 0,
+    marginBottom: r === 0 ? "8px" : "4px",
+    paddingBottom: r === 0 ? "6px" : void 0,
+    borderBottom: r === 0 ? "1px solid var(--component-explorer-widget-border, var(--component-explorer-panel-border, rgba(128,128,128,0.35)))" : void 0
+  };
+}
+class Kn extends L({
+  model: m.const()
+}) {
+  constructor() {
+    super(...arguments);
+    s(this, "_rowHeights", w(this, hn()));
+    s(this, "_scrollTop", w(this, 0));
+    s(this, "_viewportHeight", w(this, 0));
+    s(this, "_scrollContainerRef", null);
+    s(this, "_resizeObserver", null);
+    s(this, "_viewportResizeObserver", null);
+    s(this, "_currentNodeId");
+    s(this, "_scrollSaveTimeout", null);
+    s(this, "_suppressScrollHandler", !1);
+    s(this, "layout", R(this, (o) => {
+      const n = this.explorerModel.selectedFixtures.read(o), t = this._rowHeights.read(o);
+      return $n(n, t);
+    }));
+    s(this, "visibleRowRange", R(this, (o) => {
+      const n = this.layout.read(o), t = this._scrollTop.read(o), i = this._viewportHeight.read(o);
+      return Un(n, t, i);
+    }));
+    s(this, "setScrollContainerRef", (o) => {
+      var n;
+      this._scrollContainerRef && this._scrollContainerRef.removeEventListener("scroll", this._handleScroll), (n = this._viewportResizeObserver) == null || n.disconnect(), this._scrollContainerRef = o, o && (o.addEventListener("scroll", this._handleScroll, { passive: !0 }), this._viewportHeight.set(o.clientHeight, void 0), G("setScrollContainerRef", { clientHeight: o.clientHeight, scrollTop: o.scrollTop }), this._viewportResizeObserver = new ResizeObserver(([t]) => {
+        const i = Math.round(t.contentRect.height), c = this._viewportHeight.get();
+        i !== c && G("viewportResize", { prev: c, new: i }), this._viewportHeight.set(i, void 0);
+      }), this._viewportResizeObserver.observe(o), this._restoreScrollPosition());
+    });
+    s(this, "_handleScroll", () => {
+      if (!this._scrollContainerRef) return;
+      const o = this._scrollTop.get(), n = this._scrollContainerRef.scrollTop, t = n - o;
+      if (this._scrollTop.set(n, void 0), Math.abs(t) > 200 && Ze("handleScroll:LARGE_JUMP", {
+        prevObsScrollTop: o,
+        newScrollTop: n,
+        delta: t,
+        suppressed: this._suppressScrollHandler,
+        stack: new Error().stack
+      }), this._suppressScrollHandler || !this._currentNodeId) {
+        this._suppressScrollHandler && G("handleScroll:suppressed", { newScrollTop: n, delta: t });
+        return;
+      }
+      this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout), this._scrollSaveTimeout = setTimeout(() => {
+        if (!this._currentNodeId) return;
+        const i = this.layout.get(), c = Xe(i, this._scrollTop.get());
+        c && Pn(this._currentNodeId, c);
+      }, 150);
+    });
+    s(this, "observeRowElement", (o, n) => {
+      o && (this._resizeObserver || (this._resizeObserver = new ResizeObserver((t) => {
+        const i = this._rowHeights.get();
+        let c;
+        const d = [];
+        for (const l of t) {
+          const p = l.target.getAttribute("data-row-id");
+          if (!p) continue;
+          const g = Math.round(l.contentRect.height);
+          g > 0 && i.get(p) !== g && (d.push({ rid: p, oldH: i.get(p), newH: g }), c || (c = new Map(i)), c.set(p, g), fn(p, g));
+        }
+        if (c) {
+          const l = this.layout.get(), p = this._scrollTop.get(), g = Xe(l, p);
+          this._rowHeights.set(c, void 0);
+          const u = this.layout.get();
+          if (g && this._scrollContainerRef) {
+            const x = eo(u, g), k = x - p;
+            Math.abs(k) > 2 && G("resizeObserver:reAnchor", {
+              changedRows: d,
+              anchor: g,
+              scrollTopBefore: p,
+              newScrollTop: x,
+              delta: k,
+              oldTotalHeight: xe(l),
+              newTotalHeight: xe(u)
+            }), Math.abs(k) > 200 && Ze("resizeObserver:LARGE_REANCHOR", {
+              changedRows: d,
+              anchor: g,
+              scrollTopBefore: p,
+              newScrollTop: x,
+              delta: k
+            }), this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = x, this._scrollTop.set(x, void 0), requestAnimationFrame(() => {
+              this._suppressScrollHandler = !1;
+            });
+          }
+        }
+      })), o.setAttribute("data-row-id", n), this._resizeObserver.observe(o));
+    });
+  }
+  get explorerModel() {
+    return this.props.model;
+  }
+  get currentSessionName() {
+    var t, i;
+    const o = this.explorerModel.daemon;
+    if (!o) return "current";
+    const n = o.sessions.get();
+    return ((t = n.find((c) => c.sourceKind === "current")) == null ? void 0 : t.name) ?? ((i = n[0]) == null ? void 0 : i.name) ?? "current";
+  }
+  get baselineSessionName() {
+    var t, i;
+    const o = this.explorerModel.daemon;
+    if (!o) return "baseline";
+    const n = o.sessions.get();
+    return ((t = n.find((c) => c.sourceKind === "worktree")) == null ? void 0 : t.name) ?? ((i = n[1]) == null ? void 0 : i.name) ?? "baseline";
+  }
+  updateForSelection(o) {
+    this._currentNodeId !== o && (G("updateForSelection", { prev: this._currentNodeId, new: o }), this._currentNodeId = o, this._restoreScrollPosition());
+  }
+  _restoreScrollPosition() {
+    if (!this._scrollContainerRef || !this._currentNodeId) return;
+    const o = Wn(this._currentNodeId);
+    if (!o) {
+      G("restoreScroll:noAnchor", { nodeId: this._currentNodeId });
+      return;
+    }
+    const n = this.layout.get(), t = eo(n, o), i = this._scrollContainerRef.scrollTop;
+    G("restoreScroll", {
+      nodeId: this._currentNodeId,
+      anchor: o,
+      prevScrollTop: i,
+      targetScrollTop: t,
+      delta: t - i,
+      layoutLength: n.length
+    }), this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = t, this._scrollTop.set(t, void 0), requestAnimationFrame(() => {
+      this._suppressScrollHandler = !1;
+    });
+  }
+  dispose() {
+    var o, n;
+    (o = this._resizeObserver) == null || o.disconnect(), (n = this._viewportResizeObserver) == null || n.disconnect(), this._scrollContainerRef && this._scrollContainerRef.removeEventListener("scroll", this._handleScroll), this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout);
+  }
+}
+const Jn = N(
+  Kn,
+  {},
+  (r, e) => {
+    const o = e.explorerModel.selectedFixtures.read(r), n = e.explorerModel.selectedNodeId.read(r), t = e.layout.read(r), { start: i, end: c } = e.visibleRowRange.read(r);
+    if (e.updateForSelection(n), o.length === 0) {
+      const l = e.explorerModel.reportModel;
+      if (l) {
+        const p = l.state.read(r);
+        if (p.status === "loading")
+          return /* @__PURE__ */ a("div", { style: O.emptyState, children: /* @__PURE__ */ a("span", { style: O.emptyText, children: "Loading report..." }) });
+        if (p.status === "error")
+          return /* @__PURE__ */ a("div", { style: O.emptyState, children: /* @__PURE__ */ f("span", { style: { ...O.emptyText, color: "var(--component-explorer-errorForeground)" }, children: [
+            "Failed to load report: ",
+            p.message
+          ] }) });
+      }
+      return /* @__PURE__ */ a("div", { style: O.emptyState, children: /* @__PURE__ */ a("span", { style: O.emptyText, children: "Select a component or folder to preview" }) });
+    }
+    const d = xe(t);
+    return /* @__PURE__ */ a("div", { ref: e.setScrollContainerRef, style: O.scrollContainer, children: /* @__PURE__ */ a("div", { style: { position: "relative", height: d }, children: o.slice(i, c).map((l, p) => {
+      const g = i + p, { top: u } = t[g], x = No(l), k = ro(oo(l)), B = g > 0 ? ro(oo(o[g - 1])) : void 0, b = jn(k, B, x);
+      return /* @__PURE__ */ f(
+        "div",
+        {
+          ref: (v) => e.observeRowElement(v, x),
+          style: { position: "absolute", top: u, left: ie, right: ie },
+          children: [
+            b.map((v) => {
+              const _ = qn(v.depth);
+              return /* @__PURE__ */ a(_, { style: Qn(v.depth), children: /* @__PURE__ */ a(
+                "a",
+                {
+                  href: _o("fixture", v.nodeId),
+                  style: O.headingLink,
+                  onClick: (S) => {
+                    S.preventDefault(), e.explorerModel.selectNode(v.nodeId);
+                  },
+                  children: v.name
+                }
+              ) }, v.depth);
+            }),
+            l.type === "single" ? /* @__PURE__ */ a(Ho, { fixture: l.fixture, compact: !1, onSelect: e.explorerModel.selectNode }) : l.type === "variants" ? /* @__PURE__ */ a(Zn, { row: l, onSelect: e.explorerModel.selectNode }) : l.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ a(
+              Mn,
+              {
+                name: l.name,
+                path: l.path,
+                items: l.items,
+                daemon: e.explorerModel.daemon,
+                baselineSession: e.baselineSessionName,
+                currentSession: e.currentSessionName
+              }
+            ) : l.type === "report-comparison" && e.explorerModel.reportModel ? /* @__PURE__ */ a(
+              Gn,
+              {
+                name: l.name,
+                path: l.path,
+                items: l.items,
+                reportModel: e.explorerModel.reportModel
+              }
+            ) : null
+          ]
+        },
+        x
+      );
+    }) }) });
+  }
+), Zn = E(
+  {
+    row: m.const(),
+    onSelect: m.const()
+  },
+  (r, e) => {
+    const o = e.row;
+    return /* @__PURE__ */ a("div", { style: O.variantsContent, children: o.fixtures.map((n) => /* @__PURE__ */ a(Ho, { fixture: n, compact: !0, onSelect: e.onSelect }, n.id)) });
+  }
+), O = {
+  scrollContainer: {
+    flex: 1,
+    overflow: "auto",
+    backgroundColor: "var(--component-explorer-editor-background)"
+  },
+  emptyState: {
+    flex: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "var(--component-explorer-editor-background)"
+  },
+  emptyText: {
+    color: "var(--component-explorer-descriptionForeground)",
+    fontSize: "14px"
+  },
+  variantsContent: {
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: "16px"
+  },
+  headingLink: {
+    textDecoration: "none",
+    color: "inherit"
+  }
+}, Yn = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "12px",
+  height: "100%",
+  width: "100%",
+  color: "var(--component-explorer-foreground)",
+  opacity: 0.5,
+  fontSize: "13px"
+}, Xn = {
+  width: "24px",
+  height: "24px",
+  border: "2px solid currentColor",
+  borderTopColor: "transparent",
+  borderRadius: "50%",
+  animation: "explorer-spin 0.8s linear infinite"
+}, et = N(
+  Pr,
+  { daemonModel: m.const(), reportModel: m.const() },
+  (r, e) => {
+    const o = e.isDarkTheme.read(r), n = e.loading.read(r), t = o ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus";
+    if (n)
+      return /* @__PURE__ */ f("div", { className: t, style: { ...h.container, backgroundColor: "var(--component-explorer-editor-background)" }, children: [
+        /* @__PURE__ */ a("style", { children: "@keyframes explorer-spin { to { transform: rotate(360deg); } }" }),
+        /* @__PURE__ */ f("div", { style: Yn, children: [
+          /* @__PURE__ */ a("div", { style: Xn }),
+          "Loading fixtures…"
+        ] })
+      ] });
+    const i = e.leftSidebarVisible.read(r), c = e.rightSidebarVisible.read(r), d = e.selectedNode.read(r);
+    return /* @__PURE__ */ f("div", { className: t, style: h.container, children: [
+      i && /* @__PURE__ */ a(sn, { model: e }),
+      /* @__PURE__ */ f("div", { style: h.centerArea, children: [
+        /* @__PURE__ */ a(Xr, { model: e }),
+        /* @__PURE__ */ a(Jn, { model: e })
+      ] }),
+      c && /* @__PURE__ */ a(mn, { selectedNode: d })
+    ] });
+  }
+);
+var ot = class be {
+  constructor(e) {
+    this.iterator = e;
+  }
+  static fromIterable(e) {
+    return new be(e[Symbol.asyncIterator]());
+  }
+  static fromFn(e) {
+    return new be(e());
+  }
+  [Symbol.asyncIterator]() {
+    return this.iterator;
+  }
+}, rt = class extends Error {
+  constructor(r, e, o) {
+    super(o), this.statusCode = r, this.method = e, this.name = "ApiError";
+  }
+}, nt = class {
+  constructor(r) {
+    s(this, "methods", this._createProxy(""));
+    this._request = r;
+  }
+  _createProxy(r) {
+    return new Proxy(() => {
+    }, {
+      apply: async (e, o, n) => await this._request(r, n[0]),
+      get: (e, o) => {
+        if (typeof o != "symbol" && !(o === "then" || o === "catch" || o === "finally" || o === "toString" || o === "valueOf" || o === "toJSON" || o === "name" || o === "length" || o === "prototype" || o === "constructor" || o === "caller" || o === "arguments"))
+          return this._createProxy(`${r}${r ? "/" : ""}${o}`);
+      }
+    });
+  }
+};
+function tt(r, e) {
+  return new nt(async (o, n) => {
+    var d, l;
+    const t = await fetch(`${r}/${o}`, {
+      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 (t.status !== 200) {
+      const p = await t.json().catch(() => null);
+      let g;
+      if (p && typeof p == "object" && ("errorMessage" in p || "error" in p)) {
+        const x = p.errorMessage ?? p.error, k = p.stack;
+        g = `${x}${k ? `
+${k}` : ""}`;
+      } else
+        g = `Error calling API method "${o}" (${t.status}): ${JSON.stringify(p)}`;
+      const u = new rt(t.status, o, g);
+      throw (l = e == null ? void 0 : e.onError) == null || l.call(e, u), u;
+    }
+    const i = t.headers.get("Content-Type");
+    return i != null && i.startsWith("application/jsonl") ? ot.fromFn(async function* () {
+      var k;
+      const p = (k = t.body) == null ? void 0 : k.getReader();
+      if (!p)
+        return;
+      let g = "";
+      const u = new TextDecoder("utf-8");
+      for (; ; ) {
+        const { done: B, value: b } = await p.read();
+        if (B)
+          break;
+        g += u.decode(b, { stream: !0 });
+        let v;
+        for (; (v = g.indexOf(`
+`)) >= 0; ) {
+          const _ = g.slice(0, v).trim();
+          g = g.slice(v + 1), _.length > 0 && (yield JSON.parse(_));
+        }
+      }
+      const x = g.trim();
+      x.length > 0 && (yield JSON.parse(x));
+    }) : await t.json();
+  });
+}
+class it {
+  constructor(e) {
+    s(this, "_sourceTreeIds", w(this, /* @__PURE__ */ new Map()));
+    s(this, "_sessions", w(this, []));
+    s(this, "_screenshotCache", /* @__PURE__ */ new Map());
+    s(this, "_client");
+    s(this, "_eventStreamAbort", null);
+    s(this, "sessionName");
+    /** Observable map of sessionName → current sourceTreeId */
+    s(this, "sourceTreeIds", this._sourceTreeIds);
+    /** Observable list of sessions from the daemon */
+    s(this, "sessions", this._sessions);
+    this.config = e, this.sessionName = e.sessionName, this._client = tt("/__explorer/daemon-api", {
+      getHeaders: () => ({ "X-Client-Name": "explorer-ui" })
+    });
+  }
+  /**
+   * Initializes the model: fetches initial session info and starts listening to events.
+   * Call this once after construction.
+   */
+  async initialize() {
+    this._validateProtocolVersions(), 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, o) {
+    const n = this._sourceTreeIds.get().get(e);
+    if (!n)
+      throw new Error(`No sourceTreeId known for session '${e}'`);
+    const t = `${e}:${o}`, i = this._screenshotCache.get(t);
+    if (i && i.sourceTreeId === n)
+      return i.data;
+    const c = await this._client.methods.screenshots.take({
+      fixtureId: o,
+      sessionName: e,
+      sourceTreeId: n,
+      includeImage: !0
+    });
+    return this._screenshotCache.set(t, { sourceTreeId: n, data: c }), c;
+  }
+  /**
+   * Compare a fixture across two sessions. Returns match status and hashes (no images).
+   */
+  async compare(e, o, n) {
+    const t = this._sourceTreeIds.get().get(o), i = this._sourceTreeIds.get().get(n);
+    if (!t || !i)
+      throw new Error("Missing sourceTreeId for sessions");
+    return this._client.methods.screenshots.compare({
+      fixtureId: e,
+      baselineSessionName: o,
+      baselineSourceTreeId: t,
+      currentSessionName: n,
+      currentSourceTreeId: i,
+      includeImages: !1
+    });
+  }
+  /**
+   * List fixtures from a session.
+   */
+  async listFixtures(e) {
+    const o = this._sourceTreeIds.get().get(e);
+    if (!o)
+      throw new Error(`No sourceTreeId known for session '${e}'`);
+    return this._client.methods.fixtures.list({ sessionName: e, sourceTreeId: o });
+  }
+  /**
+   * Get the explorer URL for a different session (for session switching via full navigation).
+   */
+  getSessionExplorerUrl(e) {
+    const o = this._sessions.get().find((n) => n.name === e);
+    if (o)
+      return o.serverUrl + "/___explorer";
+  }
+  dispose() {
+    var e;
+    (e = this._eventStreamAbort) == null || e.abort(), this._eventStreamAbort = null;
+  }
+  // ---------------------------------------------------------------------------
+  // Private
+  // ---------------------------------------------------------------------------
+  async _fetchSessionInfos() {
+    const e = await this._client.methods.sessions(), o = /* @__PURE__ */ new Map(), n = [];
+    for (const t of e)
+      t.isLoading || (o.set(t.name, t.sourceTreeId), n.push({ name: t.name, serverUrl: t.serverUrl, sourceKind: t.sourceKind }));
+    this._sourceTreeIds.set(o, void 0), this._sessions.set(n, void 0);
+  }
+  async _startEventStream() {
+    this._eventStreamAbort = new AbortController();
+    const e = this._eventStreamAbort.signal;
+    try {
+      const o = await this._client.methods.events();
+      for await (const n of o) {
+        if (e.aborted) break;
+        this._handleEvent(n);
+      }
+    } catch (o) {
+      e.aborted || (console.error("[DaemonModel] Event stream error:", o), setTimeout(() => {
+        e.aborted || this._startEventStream();
+      }, 2e3));
+    }
+  }
+  _handleEvent(e) {
+    if (e.type === "source-change") {
+      const o = new Map(this._sourceTreeIds.get());
+      o.set(e.sessionName, e.sourceTreeId), this._sourceTreeIds.set(o, void 0);
+      for (const n of this._screenshotCache.keys())
+        n.startsWith(`${e.sessionName}:`) && this._screenshotCache.delete(n);
+    }
+  }
+  _validateProtocolVersions() {
+    const e = ce.parse("1.0.0"), o = ce.parse(this.config.daemonApiVersion);
+    if (e.major !== o.major || e.minor !== o.minor)
+      throw new Error(
+        `Daemon API version mismatch. Explorer expects 1.0.0, daemon provides ${this.config.daemonApiVersion}. Update CLI, vite plugin, and explorer together.`
+      );
+    const n = ce.parse(this.config.runtimeVersionNeededByPlugin);
+    if (n.major !== re.major || n.minor !== re.minor)
+      throw new Error(
+        `Explorer runtime version mismatch. Plugin requires ${this.config.runtimeVersionNeededByPlugin}, explorer provides ${re.toString()}. Reinstall dependencies to align plugin and explorer runtime versions.`
+      );
+  }
+}
+class ct {
+  constructor(e) {
+    s(this, "state", w(this, { status: "loading" }));
+    s(this, "_baseUrl");
+    this.reportUrl = e;
+    const o = e.lastIndexOf("/");
+    this._baseUrl = o >= 0 ? e.slice(0, o + 1) : "", this._fetch();
+  }
+  resolveScreenshotUrl(e) {
+    return this._baseUrl + e;
+  }
+  buildTree(e) {
+    const o = this.state.read(e);
+    return o.status !== "ready" ? { id: new T(""), name: "Report", type: "folder", children: [], labels: [] } : at(o.report.fixtures);
+  }
+  async _fetch() {
+    this.state.set({ status: "loading" }, void 0);
+    try {
+      const e = await fetch(this.reportUrl);
+      if (!e.ok)
+        throw new Error(`HTTP ${e.status}: ${e.statusText}`);
+      const o = await e.json();
+      this.state.set({ status: "ready", report: o }, void 0);
+    } catch (e) {
+      this.state.set({ status: "error", message: String(e) }, void 0);
+    }
+  }
+}
+function at(r) {
+  const e = { id: new T(""), name: "Components", type: "folder", children: [], labels: [] };
+  for (const [o, n] of Object.entries(r)) {
+    const t = new T(o).segments;
+    let i = e;
+    for (let c = 0; c < t.length; c++) {
+      const d = t[c], l = c === t.length - 1, p = new T(t.slice(0, c + 1).join("/"));
+      if (l) {
+        const g = [...(n == null ? void 0 : n.labels) ?? []];
+        (n == null ? void 0 : n.status) === "changed" && !g.includes("changed") && g.push("changed"), i.children.push({
+          id: p,
+          name: d,
+          type: "component",
+          reportEntry: n,
+          labels: g
+        });
+      } else {
+        let g = i.children.find((u) => u.type === "folder" && u.name === d);
+        g || (g = { id: p, name: d, type: "folder", children: [], labels: [] }, i.children.push(g)), i = g;
+      }
+    }
+  }
+  return e;
+}
+const dt = '/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-blue-400:oklch(70.7% .165 254.624);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--font-weight-semibold:600;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--component-explorer-panel-border)}:host{background-color:var(--component-explorer-editor-background);color:var(--component-explorer-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--component-explorer-font-family);font-size:var(--component-explorer-font-size);width:100%;height:100%;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--component-explorer-scrollbarSlider-background);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--component-explorer-scrollbarSlider-hoverBackground)}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\\/2{top:50%}.right-2{right:calc(var(--spacing) * 2)}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.ml-3\\.5{margin-left:calc(var(--spacing) * 3.5)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\\[60px\\]{min-height:60px}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[8rem\\]{min-width:8rem}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:4px}.rounded-sm{border-radius:2px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-amber-500\\/30{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.border-amber-500\\/30{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.border-border{border-color:var(--component-explorer-panel-border)}.border-destructive{border-color:var(--component-explorer-editorError-foreground)}.border-input{border-color:var(--component-explorer-input-background)}.border-primary{border-color:var(--component-explorer-focusBorder)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-amber-500\\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-amber-500\\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\\/15{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.bg-background{background-color:var(--component-explorer-editor-background)}.bg-border{background-color:var(--component-explorer-panel-border)}.bg-card{background-color:var(--component-explorer-editorWidget-background)}.bg-destructive,.bg-destructive\\/10{background-color:var(--component-explorer-editorError-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\\/10{background-color:color-mix(in oklab,var(--component-explorer-editorError-foreground) 10%,transparent)}}.bg-muted{background-color:var(--component-explorer-input-background)}.bg-popover{background-color:var(--component-explorer-editorWidget-background)}.bg-primary,.bg-primary\\/15{background-color:var(--component-explorer-focusBorder)}@supports (color:color-mix(in lab,red,red)){.bg-primary\\/15{background-color:color-mix(in oklab,var(--component-explorer-focusBorder) 15%,transparent)}}.bg-secondary{background-color:var(--component-explorer-button-secondaryBackground)}.bg-sidebar{background-color:var(--component-explorer-sideBar-background)}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-\\[1px\\]{padding:1px}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-blue-400{color:var(--color-blue-400)}.text-current{color:currentColor}.text-destructive{color:var(--component-explorer-editorError-foreground)}.text-foreground{color:var(--component-explorer-foreground)}.text-muted-foreground{color:var(--component-explorer-descriptionForeground)}.text-popover-foreground{color:var(--component-explorer-editorWidget-foreground)}.text-primary{color:var(--component-explorer-focusBorder)}.text-primary-foreground{color:var(--component-explorer-button-foreground)}.text-secondary-foreground{color:var(--component-explorer-button-secondaryForeground)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--component-explorer-editor-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--component-explorer-foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--component-explorer-descriptionForeground)}@media(hover:hover){.hover\\:bg-accent:hover{background-color:var(--component-explorer-list-hoverBackground)}.hover\\:bg-destructive\\/80:hover{background-color:var(--component-explorer-editorError-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-destructive\\/80:hover{background-color:color-mix(in oklab,var(--component-explorer-editorError-foreground) 80%,transparent)}}.hover\\:bg-destructive\\/90:hover{background-color:var(--component-explorer-editorError-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--component-explorer-editorError-foreground) 90%,transparent)}}.hover\\:bg-primary\\/80:hover{background-color:var(--component-explorer-focusBorder)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-primary\\/80:hover{background-color:color-mix(in oklab,var(--component-explorer-focusBorder) 80%,transparent)}}.hover\\:bg-primary\\/90:hover{background-color:var(--component-explorer-focusBorder)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--component-explorer-focusBorder) 90%,transparent)}}.hover\\:bg-secondary\\/80:hover{background-color:var(--component-explorer-button-secondaryBackground)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--component-explorer-button-secondaryBackground) 80%,transparent)}}.hover\\:bg-sidebar-accent:hover{background-color:var(--component-explorer-list-hoverBackground)}.hover\\:text-accent-foreground:hover{color:var(--component-explorer-foreground)}.hover\\:underline:hover{text-decoration-line:underline}}.focus\\:bg-accent:focus{background-color:var(--component-explorer-list-hoverBackground)}.focus\\:text-accent-foreground:focus{color:var(--component-explorer-foreground)}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-ring:focus{--tw-ring-color:var(--component-explorer-focusBorder)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-destructive:focus-visible{--tw-ring-color:var(--component-explorer-editorError-foreground)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color:var(--component-explorer-focusBorder)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:var(--component-explorer-focusBorder)}.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=checked]{color:var(--component-explorer-button-foreground)}@media(min-width:48rem){.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&\\>span\\]\\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}', lt = '.vscode-theme.default-dark-plus{--component-explorer-font-family: "Segoe WPC", "Segoe UI", sans-serif;--component-explorer-font-weight: normal;--component-explorer-font-size: 13px;--component-explorer-editor-font-family: "Cascadia Code", Consolas, "Courier New", monospace;--component-explorer-editor-font-weight: normal;--component-explorer-editor-font-size: 14px;--component-explorer-foreground: #cccccc;--component-explorer-disabledForeground: rgba(204, 204, 204, .5);--component-explorer-errorForeground: #f48771;--component-explorer-descriptionForeground: rgba(204, 204, 204, .7);--component-explorer-icon-foreground: #c5c5c5;--component-explorer-focusBorder: #007fd4;--component-explorer-textLink-foreground: #3794ff;--component-explorer-textLink-activeForeground: #3794ff;--component-explorer-textSeparator-foreground: rgba(255, 255, 255, .18);--component-explorer-textPreformat-foreground: #d7ba7d;--component-explorer-textPreformat-background: rgba(255, 255, 255, .1);--component-explorer-textBlockQuote-background: #222222;--component-explorer-textBlockQuote-border: rgba(0, 122, 204, .5);--component-explorer-textCodeBlock-background: rgba(10, 10, 10, .4);--component-explorer-sash-hoverBorder: #007fd4;--component-explorer-badge-background: #4d4d4d;--component-explorer-badge-foreground: #ffffff;--component-explorer-activityWarningBadge-foreground: #ffffff;--component-explorer-activityWarningBadge-background: #b27c00;--component-explorer-activityErrorBadge-foreground: #000000;--component-explorer-activityErrorBadge-background: #f14c4c;--component-explorer-scrollbar-shadow: #000000;--component-explorer-scrollbarSlider-background: rgba(121, 121, 121, .4);--component-explorer-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--component-explorer-scrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--component-explorer-progressBar-background: #0e70c0;--component-explorer-chart-line: #236b8e;--component-explorer-chart-axis: rgba(191, 191, 191, .4);--component-explorer-chart-guide: rgba(191, 191, 191, .2);--component-explorer-editor-background: #1e1e1e;--component-explorer-editor-foreground: #d4d4d4;--component-explorer-editorStickyScroll-background: #1e1e1e;--component-explorer-editorStickyScrollGutter-background: #1e1e1e;--component-explorer-editorStickyScrollHover-background: #2a2d2e;--component-explorer-editorStickyScroll-shadow: #000000;--component-explorer-editorWidget-background: #252526;--component-explorer-editorWidget-foreground: #cccccc;--component-explorer-editorWidget-border: #454545;--component-explorer-editorError-foreground: #f14c4c;--component-explorer-editorWarning-foreground: #cca700;--component-explorer-editorInfo-foreground: #59a4f9;--component-explorer-editorHint-foreground: rgba(238, 238, 238, .7);--component-explorer-editorLink-activeForeground: #4e94ce;--component-explorer-editor-selectionBackground: #264f78;--component-explorer-editor-inactiveSelectionBackground: #3a3d41;--component-explorer-editor-selectionHighlightBackground: rgba(173, 214, 255, .15);--component-explorer-editor-compositionBorder: #ffffff;--component-explorer-editor-findMatchBackground: #515c6a;--component-explorer-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--component-explorer-editor-findRangeHighlightBackground: rgba(58, 61, 65, .4);--component-explorer-editor-hoverHighlightBackground: rgba(38, 79, 120, .25);--component-explorer-editorHoverWidget-background: #252526;--component-explorer-editorHoverWidget-foreground: #cccccc;--component-explorer-editorHoverWidget-border: #454545;--component-explorer-editorHoverWidget-statusBarBackground: #2c2c2d;--component-explorer-editorInlayHint-foreground: #969696;--component-explorer-editorInlayHint-background: rgba(77, 77, 77, .1);--component-explorer-editorInlayHint-typeForeground: #969696;--component-explorer-editorInlayHint-typeBackground: rgba(77, 77, 77, .1);--component-explorer-editorInlayHint-parameterForeground: #969696;--component-explorer-editorInlayHint-parameterBackground: rgba(77, 77, 77, .1);--component-explorer-editorLightBulb-foreground: #ffcc00;--component-explorer-editorLightBulbAutoFix-foreground: #75beff;--component-explorer-editorLightBulbAi-foreground: #ffcc00;--component-explorer-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, .3);--component-explorer-editor-snippetFinalTabstopHighlightBorder: #525252;--component-explorer-diffEditor-insertedTextBackground: rgba(156, 204, 44, .2);--component-explorer-diffEditor-removedTextBackground: rgba(255, 0, 0, .2);--component-explorer-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--component-explorer-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--component-explorer-diffEditor-diagonalFill: rgba(204, 204, 204, .2);--component-explorer-diffEditor-unchangedRegionBackground: #252526;--component-explorer-diffEditor-unchangedRegionForeground: #cccccc;--component-explorer-diffEditor-unchangedCodeBackground: rgba(116, 116, 116, .16);--component-explorer-widget-shadow: rgba(0, 0, 0, .36);--component-explorer-widget-border: #303031;--component-explorer-toolbar-hoverBackground: rgba(90, 93, 94, .31);--component-explorer-toolbar-activeBackground: rgba(99, 102, 103, .31);--component-explorer-breadcrumb-foreground: rgba(204, 204, 204, .8);--component-explorer-breadcrumb-background: #1e1e1e;--component-explorer-breadcrumb-focusForeground: #e0e0e0;--component-explorer-breadcrumb-activeSelectionForeground: #e0e0e0;--component-explorer-breadcrumbPicker-background: #252526;--component-explorer-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--component-explorer-merge-currentContentBackground: rgba(64, 200, 174, .2);--component-explorer-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--component-explorer-merge-incomingContentBackground: rgba(64, 166, 255, .2);--component-explorer-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--component-explorer-merge-commonContentBackground: rgba(96, 96, 96, .16);--component-explorer-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--component-explorer-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--component-explorer-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--component-explorer-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--component-explorer-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--component-explorer-problemsErrorIcon-foreground: #f14c4c;--component-explorer-problemsWarningIcon-foreground: #cca700;--component-explorer-problemsInfoIcon-foreground: #59a4f9;--component-explorer-minimap-findMatchHighlight: rgba(234, 92, 0, .33);--component-explorer-minimap-selectionOccurrenceHighlight: rgba(173, 214, 255, .15);--component-explorer-minimap-selectionHighlight: #264f78;--component-explorer-minimap-infoHighlight: #59a4f9;--component-explorer-minimap-warningHighlight: #cca700;--component-explorer-minimap-errorHighlight: rgba(255, 18, 18, .7);--component-explorer-minimap-foregroundOpacity: #000000;--component-explorer-minimapSlider-background: rgba(121, 121, 121, .2);--component-explorer-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--component-explorer-minimapSlider-activeBackground: rgba(191, 191, 191, .2);--component-explorer-charts-foreground: #cccccc;--component-explorer-charts-lines: rgba(204, 204, 204, .5);--component-explorer-charts-red: #f14c4c;--component-explorer-charts-blue: #59a4f9;--component-explorer-charts-yellow: #cca700;--component-explorer-charts-orange: rgba(234, 92, 0, .33);--component-explorer-charts-green: #89d185;--component-explorer-charts-purple: #b180d7;--component-explorer-input-background: #3c3c3c;--component-explorer-input-foreground: #cccccc;--component-explorer-inputOption-activeBorder: #007acc;--component-explorer-inputOption-hoverBackground: rgba(90, 93, 94, .5);--component-explorer-inputOption-activeBackground: rgba(0, 127, 212, .4);--component-explorer-inputOption-activeForeground: #ffffff;--component-explorer-input-placeholderForeground: #a6a6a6;--component-explorer-inputValidation-infoBackground: #063b49;--component-explorer-inputValidation-infoBorder: #007acc;--component-explorer-inputValidation-warningBackground: #352a05;--component-explorer-inputValidation-warningBorder: #b89500;--component-explorer-inputValidation-errorBackground: #5a1d1d;--component-explorer-inputValidation-errorBorder: #be1100;--component-explorer-dropdown-background: #3c3c3c;--component-explorer-dropdown-foreground: #f0f0f0;--component-explorer-dropdown-border: #3c3c3c;--component-explorer-button-foreground: #ffffff;--component-explorer-button-separator: rgba(255, 255, 255, .4);--component-explorer-button-background: #0e639c;--component-explorer-button-hoverBackground: #1177bb;--component-explorer-button-secondaryForeground: #ffffff;--component-explorer-button-secondaryBackground: #3a3d41;--component-explorer-button-secondaryHoverBackground: #45494e;--component-explorer-radio-activeForeground: #ffffff;--component-explorer-radio-activeBackground: rgba(0, 127, 212, .4);--component-explorer-radio-activeBorder: #007acc;--component-explorer-radio-inactiveBorder: rgba(255, 255, 255, .2);--component-explorer-radio-inactiveHoverBackground: rgba(90, 93, 94, .5);--component-explorer-checkbox-background: #3c3c3c;--component-explorer-checkbox-selectBackground: #252526;--component-explorer-checkbox-foreground: #f0f0f0;--component-explorer-checkbox-border: #6b6b6b;--component-explorer-checkbox-selectBorder: #c5c5c5;--component-explorer-checkbox-disabled\\.background: #777777;--component-explorer-checkbox-disabled\\.foreground: #b4b4b4;--component-explorer-keybindingLabel-background: rgba(128, 128, 128, .17);--component-explorer-keybindingLabel-foreground: #cccccc;--component-explorer-keybindingLabel-border: rgba(51, 51, 51, .6);--component-explorer-keybindingLabel-bottomBorder: rgba(68, 68, 68, .6);--component-explorer-list-focusOutline: #007fd4;--component-explorer-list-activeSelectionBackground: #04395e;--component-explorer-list-activeSelectionForeground: #ffffff;--component-explorer-list-activeSelectionIconForeground: #ffffff;--component-explorer-list-inactiveSelectionBackground: #37373d;--component-explorer-list-hoverBackground: #2a2d2e;--component-explorer-list-dropBackground: #383b3d;--component-explorer-list-dropBetweenBackground: #c5c5c5;--component-explorer-list-highlightForeground: #2aaaff;--component-explorer-list-focusHighlightForeground: #2aaaff;--component-explorer-list-invalidItemForeground: #b89500;--component-explorer-list-errorForeground: #f88070;--component-explorer-list-warningForeground: #cca700;--component-explorer-listFilterWidget-background: #252526;--component-explorer-listFilterWidget-outline: rgba(0, 0, 0, 0);--component-explorer-listFilterWidget-noMatchesOutline: #be1100;--component-explorer-listFilterWidget-shadow: rgba(0, 0, 0, .36);--component-explorer-list-filterMatchBackground: rgba(234, 92, 0, .33);--component-explorer-list-deemphasizedForeground: #8c8c8c;--component-explorer-tree-indentGuidesStroke: #585858;--component-explorer-tree-inactiveIndentGuidesStroke: rgba(88, 88, 88, .4);--component-explorer-tree-tableColumnsBorder: rgba(204, 204, 204, .13);--component-explorer-tree-tableOddRowsBackground: rgba(204, 204, 204, .04);--component-explorer-editorActionList-background: #252526;--component-explorer-editorActionList-foreground: #cccccc;--component-explorer-editorActionList-focusForeground: #ffffff;--component-explorer-editorActionList-focusBackground: #04395e;--component-explorer-menu-border: #454545;--component-explorer-menu-foreground: #cccccc;--component-explorer-menu-background: #252526;--component-explorer-menu-selectionForeground: #ffffff;--component-explorer-menu-selectionBackground: #0078d4;--component-explorer-menu-separatorBackground: #454545;--component-explorer-quickInput-background: #252526;--component-explorer-quickInput-foreground: #cccccc;--component-explorer-quickInputTitle-background: rgba(255, 255, 255, .1);--component-explorer-pickerGroup-foreground: #3794ff;--component-explorer-pickerGroup-border: #3f3f46;--component-explorer-quickInputList-focusForeground: #ffffff;--component-explorer-quickInputList-focusIconForeground: #ffffff;--component-explorer-quickInputList-focusBackground: #04395e;--component-explorer-search-resultsInfoForeground: rgba(204, 204, 204, .65);--component-explorer-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--component-explorer-editor-lineHighlightBorder: #282828;--component-explorer-editor-rangeHighlightBackground: rgba(255, 255, 255, .04);--component-explorer-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--component-explorer-editorCursor-foreground: #aeafad;--component-explorer-editorMultiCursor-primary\\.foreground: #aeafad;--component-explorer-editorMultiCursor-secondary\\.foreground: #aeafad;--component-explorer-editorWhitespace-foreground: rgba(227, 228, 226, .16);--component-explorer-editorLineNumber-foreground: #858585;--component-explorer-editorIndentGuide-background: rgba(227, 228, 226, .16);--component-explorer-editorIndentGuide-activeBackground: rgba(227, 228, 226, .16);--component-explorer-editorIndentGuide-background1: #404040;--component-explorer-editorIndentGuide-background2: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-background3: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-background4: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-background5: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-background6: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground1: #707070;--component-explorer-editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0);--component-explorer-editorActiveLineNumber-foreground: #c6c6c6;--component-explorer-editorLineNumber-activeForeground: #c6c6c6;--component-explorer-editorRuler-foreground: #5a5a5a;--component-explorer-editorCodeLens-foreground: #999999;--component-explorer-editorBracketMatch-background: rgba(0, 100, 0, .1);--component-explorer-editorBracketMatch-border: #888888;--component-explorer-editorOverviewRuler-border: rgba(127, 127, 127, .3);--component-explorer-editorGutter-background: #1e1e1e;--component-explorer-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .67);--component-explorer-editorGhostText-foreground: rgba(255, 255, 255, .34);--component-explorer-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--component-explorer-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--component-explorer-editorOverviewRuler-warningForeground: #cca700;--component-explorer-editorOverviewRuler-infoForeground: #59a4f9;--component-explorer-editorBracketHighlight-foreground1: #ffd700;--component-explorer-editorBracketHighlight-foreground2: #da70d6;--component-explorer-editorBracketHighlight-foreground3: #179fff;--component-explorer-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--component-explorer-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--component-explorer-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--component-explorer-editorBracketHighlight-unexpectedBracket\\.foreground: rgba(255, 18, 18, .8);--component-explorer-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--component-explorer-editorUnicodeHighlight-border: #cca700;--component-explorer-diffEditor-move\\.border: rgba(139, 139, 139, .61);--component-explorer-diffEditor-moveActive\\.border: #ffa500;--component-explorer-diffEditor-unchangedRegionShadow: #000000;--component-explorer-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--component-explorer-actionBar-toggledBackground: #383a49;--component-explorer-symbolIcon-arrayForeground: #cccccc;--component-explorer-symbolIcon-booleanForeground: #cccccc;--component-explorer-symbolIcon-classForeground: #ee9d28;--component-explorer-symbolIcon-colorForeground: #cccccc;--component-explorer-symbolIcon-constantForeground: #cccccc;--component-explorer-symbolIcon-constructorForeground: #b180d7;--component-explorer-symbolIcon-enumeratorForeground: #ee9d28;--component-explorer-symbolIcon-enumeratorMemberForeground: #75beff;--component-explorer-symbolIcon-eventForeground: #ee9d28;--component-explorer-symbolIcon-fieldForeground: #75beff;--component-explorer-symbolIcon-fileForeground: #cccccc;--component-explorer-symbolIcon-folderForeground: #cccccc;--component-explorer-symbolIcon-functionForeground: #b180d7;--component-explorer-symbolIcon-interfaceForeground: #75beff;--component-explorer-symbolIcon-keyForeground: #cccccc;--component-explorer-symbolIcon-keywordForeground: #cccccc;--component-explorer-symbolIcon-methodForeground: #b180d7;--component-explorer-symbolIcon-moduleForeground: #cccccc;--component-explorer-symbolIcon-namespaceForeground: #cccccc;--component-explorer-symbolIcon-nullForeground: #cccccc;--component-explorer-symbolIcon-numberForeground: #cccccc;--component-explorer-symbolIcon-objectForeground: #cccccc;--component-explorer-symbolIcon-operatorForeground: #cccccc;--component-explorer-symbolIcon-packageForeground: #cccccc;--component-explorer-symbolIcon-propertyForeground: #cccccc;--component-explorer-symbolIcon-referenceForeground: #cccccc;--component-explorer-symbolIcon-snippetForeground: #cccccc;--component-explorer-symbolIcon-stringForeground: #cccccc;--component-explorer-symbolIcon-structForeground: #cccccc;--component-explorer-symbolIcon-textForeground: #cccccc;--component-explorer-symbolIcon-typeParameterForeground: #cccccc;--component-explorer-symbolIcon-unitForeground: #cccccc;--component-explorer-symbolIcon-variableForeground: #75beff;--component-explorer-peekViewTitle-background: #252526;--component-explorer-peekViewTitleLabel-foreground: #ffffff;--component-explorer-peekViewTitleDescription-foreground: rgba(204, 204, 204, .7);--component-explorer-peekView-border: #59a4f9;--component-explorer-peekViewResult-background: #252526;--component-explorer-peekViewResult-lineForeground: #bbbbbb;--component-explorer-peekViewResult-fileForeground: #ffffff;--component-explorer-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--component-explorer-peekViewResult-selectionForeground: #ffffff;--component-explorer-peekViewEditor-background: #001f33;--component-explorer-peekViewEditorGutter-background: #001f33;--component-explorer-peekViewEditorStickyScroll-background: #001f33;--component-explorer-peekViewEditorStickyScrollGutter-background: #001f33;--component-explorer-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--component-explorer-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, .6);--component-explorer-editorMarkerNavigationError-background: #f14c4c;--component-explorer-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, .1);--component-explorer-editorMarkerNavigationWarning-background: #cca700;--component-explorer-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, .1);--component-explorer-editorMarkerNavigationInfo-background: #59a4f9;--component-explorer-editorMarkerNavigationInfo-headerBackground: rgba(89, 164, 249, .1);--component-explorer-editorMarkerNavigation-background: #1e1e1e;--component-explorer-editor-foldBackground: rgba(38, 79, 120, .3);--component-explorer-editor-foldPlaceholderForeground: #808080;--component-explorer-editorGutter-foldingControlForeground: #c5c5c5;--component-explorer-editorSuggestWidget-background: #252526;--component-explorer-editorSuggestWidget-border: #454545;--component-explorer-editorSuggestWidget-foreground: #d4d4d4;--component-explorer-editorSuggestWidget-selectedForeground: #ffffff;--component-explorer-editorSuggestWidget-selectedIconForeground: #ffffff;--component-explorer-editorSuggestWidget-selectedBackground: #04395e;--component-explorer-editorSuggestWidget-highlightForeground: #2aaaff;--component-explorer-editorSuggestWidget-focusHighlightForeground: #2aaaff;--component-explorer-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, .5);--component-explorer-inlineEdit-originalBackground: rgba(255, 0, 0, .04);--component-explorer-inlineEdit-modifiedBackground: rgba(156, 204, 44, .06);--component-explorer-inlineEdit-originalChangedLineBackground: rgba(255, 0, 0, .16);--component-explorer-inlineEdit-originalChangedTextBackground: rgba(255, 0, 0, .16);--component-explorer-inlineEdit-modifiedChangedLineBackground: rgba(155, 185, 85, .14);--component-explorer-inlineEdit-modifiedChangedTextBackground: rgba(156, 204, 44, .14);--component-explorer-inlineEdit-gutterIndicator\\.primaryForeground: #ffffff;--component-explorer-inlineEdit-gutterIndicator\\.primaryBorder: #0e639c;--component-explorer-inlineEdit-gutterIndicator\\.primaryBackground: rgba(14, 99, 156, .4);--component-explorer-inlineEdit-gutterIndicator\\.secondaryForeground: #ffffff;--component-explorer-inlineEdit-gutterIndicator\\.secondaryBorder: #3a3d41;--component-explorer-inlineEdit-gutterIndicator\\.secondaryBackground: #3a3d41;--component-explorer-inlineEdit-gutterIndicator\\.successfulForeground: #ffffff;--component-explorer-inlineEdit-gutterIndicator\\.successfulBorder: #0e639c;--component-explorer-inlineEdit-gutterIndicator\\.successfulBackground: #0e639c;--component-explorer-inlineEdit-gutterIndicator\\.background: rgba(45, 45, 45, .5);--component-explorer-inlineEdit-originalBorder: rgba(255, 0, 0, .2);--component-explorer-inlineEdit-modifiedBorder: rgba(156, 204, 44, .2);--component-explorer-inlineEdit-tabWillAcceptModifiedBorder: rgba(156, 204, 44, .2);--component-explorer-inlineEdit-tabWillAcceptOriginalBorder: rgba(255, 0, 0, .2);--component-explorer-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--component-explorer-editor-wordHighlightBackground: rgba(87, 87, 87, .72);--component-explorer-editor-wordHighlightStrongBackground: rgba(0, 73, 114, .72);--component-explorer-editor-wordHighlightTextBackground: rgba(87, 87, 87, .72);--component-explorer-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--component-explorer-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--component-explorer-editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, .8);--component-explorer-editorHoverWidget-highlightForeground: #2aaaff;--component-explorer-editor-placeholder\\.foreground: rgba(255, 255, 255, .34);--component-explorer-tab-activeBackground: #1e1e1e;--component-explorer-tab-unfocusedActiveBackground: #1e1e1e;--component-explorer-tab-inactiveBackground: #2d2d2d;--component-explorer-tab-unfocusedInactiveBackground: #2d2d2d;--component-explorer-tab-activeForeground: #ffffff;--component-explorer-tab-inactiveForeground: rgba(255, 255, 255, .5);--component-explorer-tab-unfocusedActiveForeground: rgba(255, 255, 255, .5);--component-explorer-tab-unfocusedInactiveForeground: rgba(255, 255, 255, .25);--component-explorer-tab-border: #252526;--component-explorer-tab-lastPinnedBorder: rgba(204, 204, 204, .2);--component-explorer-tab-selectedBackground: #222222;--component-explorer-tab-selectedForeground: rgba(255, 255, 255, .63);--component-explorer-tab-dragAndDropBorder: #ffffff;--component-explorer-tab-activeModifiedBorder: #3399cc;--component-explorer-tab-inactiveModifiedBorder: rgba(51, 153, 204, .5);--component-explorer-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, .5);--component-explorer-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, .25);--component-explorer-editorPane-background: #1e1e1e;--component-explorer-editorGroupHeader-tabsBackground: #252526;--component-explorer-editorGroupHeader-noTabsBackground: #1e1e1e;--component-explorer-editorGroup-border: #444444;--component-explorer-editorGroup-dropBackground: rgba(83, 89, 93, .5);--component-explorer-editorGroup-dropIntoPromptForeground: #cccccc;--component-explorer-editorGroup-dropIntoPromptBackground: #252526;--component-explorer-sideBySideEditor-horizontalBorder: #444444;--component-explorer-sideBySideEditor-verticalBorder: #444444;--component-explorer-banner-background: #04395e;--component-explorer-banner-foreground: #ffffff;--component-explorer-banner-iconForeground: #59a4f9;--component-explorer-statusBar-foreground: #ffffff;--component-explorer-statusBar-noFolderForeground: #ffffff;--component-explorer-statusBar-background: #007acc;--component-explorer-statusBar-noFolderBackground: #68217a;--component-explorer-statusBar-focusBorder: #ffffff;--component-explorer-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--component-explorer-statusBarItem-focusBorder: #ffffff;--component-explorer-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--component-explorer-statusBarItem-hoverForeground: #ffffff;--component-explorer-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .12);--component-explorer-statusBarItem-prominentForeground: #ffffff;--component-explorer-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--component-explorer-statusBarItem-prominentHoverForeground: #ffffff;--component-explorer-statusBarItem-prominentHoverBackground: rgba(255, 255, 255, .12);--component-explorer-statusBarItem-errorBackground: #c72e0f;--component-explorer-statusBarItem-errorForeground: #ffffff;--component-explorer-statusBarItem-errorHoverForeground: #ffffff;--component-explorer-statusBarItem-errorHoverBackground: rgba(255, 255, 255, .12);--component-explorer-statusBarItem-warningBackground: #7a6400;--component-explorer-statusBarItem-warningForeground: #ffffff;--component-explorer-statusBarItem-warningHoverForeground: #ffffff;--component-explorer-statusBarItem-warningHoverBackground: rgba(255, 255, 255, .12);--component-explorer-activityBar-background: #333333;--component-explorer-activityBar-foreground: #ffffff;--component-explorer-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--component-explorer-activityBar-activeBorder: #ffffff;--component-explorer-activityBar-dropBorder: #ffffff;--component-explorer-activityBarBadge-background: #007acc;--component-explorer-activityBarBadge-foreground: #ffffff;--component-explorer-activityBarTop-foreground: #e7e7e7;--component-explorer-activityBarTop-activeBorder: #e7e7e7;--component-explorer-activityBarTop-inactiveForeground: rgba(231, 231, 231, .6);--component-explorer-activityBarTop-dropBorder: #e7e7e7;--component-explorer-panel-background: #1e1e1e;--component-explorer-panel-border: rgba(128, 128, 128, .35);--component-explorer-panelTitle-activeForeground: #e7e7e7;--component-explorer-panelTitle-inactiveForeground: rgba(231, 231, 231, .6);--component-explorer-panelTitle-activeBorder: #e7e7e7;--component-explorer-panelTitleBadge-background: #007acc;--component-explorer-panelTitleBadge-foreground: #ffffff;--component-explorer-panel-dropBorder: #e7e7e7;--component-explorer-panelSection-dropBackground: rgba(83, 89, 93, .5);--component-explorer-panelSectionHeader-background: rgba(128, 128, 128, .2);--component-explorer-panelSection-border: rgba(128, 128, 128, .35);--component-explorer-panelStickyScroll-background: #1e1e1e;--component-explorer-panelStickyScroll-shadow: #000000;--component-explorer-profileBadge-background: #4d4d4d;--component-explorer-profileBadge-foreground: #ffffff;--component-explorer-statusBarItem-remoteBackground: #16825d;--component-explorer-statusBarItem-remoteForeground: #ffffff;--component-explorer-statusBarItem-remoteHoverForeground: #ffffff;--component-explorer-statusBarItem-remoteHoverBackground: rgba(255, 255, 255, .12);--component-explorer-statusBarItem-offlineBackground: #6c1717;--component-explorer-statusBarItem-offlineForeground: #ffffff;--component-explorer-statusBarItem-offlineHoverForeground: #ffffff;--component-explorer-statusBarItem-offlineHoverBackground: rgba(255, 255, 255, .12);--component-explorer-extensionBadge-remoteBackground: #007acc;--component-explorer-extensionBadge-remoteForeground: #ffffff;--component-explorer-sideBar-background: #252526;--component-explorer-sideBarTitle-background: #252526;--component-explorer-sideBarTitle-foreground: #bbbbbb;--component-explorer-sideBar-dropBackground: rgba(83, 89, 93, .5);--component-explorer-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--component-explorer-sideBarSectionHeader-border: rgba(204, 204, 204, .2);--component-explorer-sideBarActivityBarTop-border: rgba(204, 204, 204, .2);--component-explorer-sideBarStickyScroll-background: #252526;--component-explorer-sideBarStickyScroll-shadow: #000000;--component-explorer-titleBar-activeForeground: #cccccc;--component-explorer-titleBar-inactiveForeground: rgba(204, 204, 204, .6);--component-explorer-titleBar-activeBackground: #3c3c3c;--component-explorer-titleBar-inactiveBackground: rgba(60, 60, 60, .6);--component-explorer-menubar-selectionForeground: #cccccc;--component-explorer-menubar-selectionBackground: rgba(90, 93, 94, .31);--component-explorer-commandCenter-foreground: #cccccc;--component-explorer-commandCenter-activeForeground: #cccccc;--component-explorer-commandCenter-inactiveForeground: rgba(204, 204, 204, .6);--component-explorer-commandCenter-background: rgba(255, 255, 255, .05);--component-explorer-commandCenter-activeBackground: rgba(255, 255, 255, .08);--component-explorer-commandCenter-border: rgba(204, 204, 204, .2);--component-explorer-commandCenter-activeBorder: rgba(204, 204, 204, .3);--component-explorer-commandCenter-inactiveBorder: rgba(204, 204, 204, .15);--component-explorer-notificationCenter-border: #303031;--component-explorer-notificationToast-border: #303031;--component-explorer-notifications-foreground: #cccccc;--component-explorer-notifications-background: #252526;--component-explorer-notificationLink-foreground: #3794ff;--component-explorer-notificationCenterHeader-background: #303031;--component-explorer-notifications-border: #303031;--component-explorer-notificationsErrorIcon-foreground: #f14c4c;--component-explorer-notificationsWarningIcon-foreground: #cca700;--component-explorer-notificationsInfoIcon-foreground: #59a4f9;--component-explorer-editorGutter-modifiedBackground: #1b81a8;--component-explorer-editorGutter-modifiedSecondaryBackground: #0d4054;--component-explorer-editorGutter-addedBackground: #487e02;--component-explorer-editorGutter-addedSecondaryBackground: #243f01;--component-explorer-editorGutter-deletedBackground: #f14c4c;--component-explorer-editorGutter-deletedSecondaryBackground: #b00e0e;--component-explorer-minimapGutter-modifiedBackground: #1b81a8;--component-explorer-minimapGutter-addedBackground: #487e02;--component-explorer-minimapGutter-deletedBackground: #f14c4c;--component-explorer-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, .6);--component-explorer-editorOverviewRuler-addedForeground: rgba(72, 126, 2, .6);--component-explorer-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, .6);--component-explorer-editorGutter-itemGlyphForeground: #d4d4d4;--component-explorer-editorGutter-itemBackground: #37373d;--component-explorer-terminal-foreground: #cccccc;--component-explorer-terminal-selectionBackground: #264f78;--component-explorer-terminal-inactiveSelectionBackground: #3a3d41;--component-explorer-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, .25);--component-explorer-terminalCommandDecoration-successBackground: #1b81a8;--component-explorer-terminalCommandDecoration-errorBackground: #f14c4c;--component-explorer-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--component-explorer-terminal-border: rgba(128, 128, 128, .35);--component-explorer-terminalOverviewRuler-border: rgba(127, 127, 127, .3);--component-explorer-terminal-findMatchBackground: #515c6a;--component-explorer-terminal-hoverHighlightBackground: rgba(38, 79, 120, .13);--component-explorer-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--component-explorer-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--component-explorer-terminal-dropBackground: rgba(83, 89, 93, .5);--component-explorer-terminal-initialHintForeground: rgba(255, 255, 255, .34);--component-explorer-scmGraph-historyItemRefColor: #59a4f9;--component-explorer-scmGraph-historyItemRemoteRefColor: #b180d7;--component-explorer-scmGraph-historyItemBaseRefColor: #ea5c00;--component-explorer-scmGraph-historyItemHoverDefaultLabelForeground: #cccccc;--component-explorer-scmGraph-historyItemHoverDefaultLabelBackground: #4d4d4d;--component-explorer-scmGraph-historyItemHoverLabelForeground: #1e1e1e;--component-explorer-scmGraph-historyItemHoverAdditionsForeground: #81b88b;--component-explorer-scmGraph-historyItemHoverDeletionsForeground: #c74e39;--component-explorer-scmGraph-foreground1: #ffb000;--component-explorer-scmGraph-foreground2: #dc267f;--component-explorer-scmGraph-foreground3: #994f00;--component-explorer-scmGraph-foreground4: #40b0a6;--component-explorer-scmGraph-foreground5: #b66dff;--component-explorer-commentsView-resolvedIcon: rgba(204, 204, 204, .5);--component-explorer-commentsView-unresolvedIcon: #007fd4;--component-explorer-editorCommentsWidget-replyInputBackground: #252526;--component-explorer-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, .5);--component-explorer-editorCommentsWidget-unresolvedBorder: #007fd4;--component-explorer-editorCommentsWidget-rangeBackground: rgba(0, 127, 212, .1);--component-explorer-editorCommentsWidget-rangeActiveBackground: rgba(0, 127, 212, .1);--component-explorer-editorGutter-commentRangeForeground: #37373d;--component-explorer-editorOverviewRuler-commentForeground: #37373d;--component-explorer-editorOverviewRuler-commentUnresolvedForeground: #37373d;--component-explorer-editorOverviewRuler-commentDraftForeground: #37373d;--component-explorer-editorGutter-commentGlyphForeground: #d4d4d4;--component-explorer-editorGutter-commentUnresolvedGlyphForeground: #d4d4d4;--component-explorer-editorGutter-commentDraftGlyphForeground: #d4d4d4;--component-explorer-agentSessionReadIndicator-foreground: rgba(204, 204, 204, .15);--component-explorer-agentSessionSelectedBadge-border: rgba(255, 255, 255, .3);--component-explorer-agentSessionSelectedUnfocusedBadge-border: rgba(204, 204, 204, .3);--component-explorer-ports-iconRunningProcessForeground: #369432;--component-explorer-settings-headerForeground: #e7e7e7;--component-explorer-settings-settingsHeaderHoverForeground: rgba(231, 231, 231, .7);--component-explorer-settings-modifiedItemIndicator: #0c7d9d;--component-explorer-settings-headerBorder: rgba(128, 128, 128, .35);--component-explorer-settings-sashBorder: rgba(128, 128, 128, .35);--component-explorer-settings-dropdownBackground: #3c3c3c;--component-explorer-settings-dropdownForeground: #f0f0f0;--component-explorer-settings-dropdownBorder: #3c3c3c;--component-explorer-settings-dropdownListBorder: #454545;--component-explorer-settings-checkboxBackground: #3c3c3c;--component-explorer-settings-checkboxForeground: #f0f0f0;--component-explorer-settings-checkboxBorder: #6b6b6b;--component-explorer-settings-textInputBackground: #3c3c3c;--component-explorer-settings-textInputForeground: #cccccc;--component-explorer-settings-numberInputBackground: #3c3c3c;--component-explorer-settings-numberInputForeground: #cccccc;--component-explorer-settings-focusedRowBackground: rgba(42, 45, 46, .6);--component-explorer-settings-rowHoverBackground: rgba(42, 45, 46, .3);--component-explorer-settings-focusedRowBorder: #007fd4;--component-explorer-keybindingTable-headerBackground: rgba(204, 204, 204, .04);--component-explorer-keybindingTable-rowsBackground: rgba(204, 204, 204, .04);--component-explorer-extensionButton-background: #3a3d41;--component-explorer-extensionButton-foreground: #ffffff;--component-explorer-extensionButton-hoverBackground: #45494e;--component-explorer-extensionButton-separator: rgba(255, 255, 255, .4);--component-explorer-extensionButton-prominentBackground: #0e639c;--component-explorer-extensionButton-prominentForeground: #ffffff;--component-explorer-extensionButton-prominentHoverBackground: #1177bb;--component-explorer-debugToolBar-background: #333333;--component-explorer-debugIcon-startForeground: #89d185;--component-explorer-notebook-cellBorderColor: #37373d;--component-explorer-notebook-focusedEditorBorder: #007fd4;--component-explorer-notebookStatusSuccessIcon-foreground: #89d185;--component-explorer-notebookEditorOverviewRuler-runningCellForeground: #89d185;--component-explorer-notebookStatusErrorIcon-foreground: #f48771;--component-explorer-notebookStatusRunningIcon-foreground: #cccccc;--component-explorer-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--component-explorer-notebook-selectedCellBackground: #37373d;--component-explorer-notebook-selectedCellBorder: #37373d;--component-explorer-notebook-focusedCellBorder: #007fd4;--component-explorer-notebook-inactiveFocusedCellBorder: #37373d;--component-explorer-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, .15);--component-explorer-notebook-cellInsertionIndicator: #007fd4;--component-explorer-notebookScrollbarSlider-background: rgba(121, 121, 121, .4);--component-explorer-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--component-explorer-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--component-explorer-notebook-symbolHighlightBackground: rgba(255, 255, 255, .04);--component-explorer-notebook-cellEditorBackground: #252526;--component-explorer-notebook-editorBackground: #1e1e1e;--component-explorer-inlineChat-foreground: #cccccc;--component-explorer-inlineChat-background: #252526;--component-explorer-inlineChat-border: #454545;--component-explorer-inlineChat-shadow: rgba(0, 0, 0, .36);--component-explorer-inlineChatInput-border: #454545;--component-explorer-inlineChatInput-focusBorder: #007fd4;--component-explorer-inlineChatInput-placeholderForeground: #a6a6a6;--component-explorer-inlineChatInput-background: #3c3c3c;--component-explorer-inlineChatDiff-inserted: rgba(156, 204, 44, .1);--component-explorer-editorOverviewRuler-inlineChatInserted: rgba(156, 204, 44, .12);--component-explorer-editorMinimap-inlineChatInserted: rgba(156, 204, 44, .12);--component-explorer-inlineChatDiff-removed: rgba(255, 0, 0, .1);--component-explorer-editorOverviewRuler-inlineChatRemoved: rgba(255, 0, 0, .12);--component-explorer-multiDiffEditor-headerBackground: #262626;--component-explorer-multiDiffEditor-background: #1e1e1e;--component-explorer-multiDiffEditor-border: rgba(204, 204, 204, .2);--component-explorer-extensionIcon-verifiedForeground: #3794ff;--component-explorer-chat-requestBorder: rgba(255, 255, 255, .1);--component-explorer-chat-requestBackground: rgba(30, 30, 30, .62);--component-explorer-chat-slashCommandBackground: rgba(38, 71, 120, .4);--component-explorer-chat-slashCommandForeground: #85b6ff;--component-explorer-chat-avatarBackground: #1f1f1f;--component-explorer-chat-avatarForeground: #cccccc;--component-explorer-chat-editedFileForeground: #e2c08d;--component-explorer-chat-requestCodeBorder: rgba(0, 73, 114, .72);--component-explorer-chat-requestBubbleBackground: rgba(38, 79, 120, .3);--component-explorer-chat-requestBubbleHoverBackground: rgba(38, 79, 120, .6);--component-explorer-chat-checkpointSeparator: #585858;--component-explorer-chat-linesAddedForeground: #54b054;--component-explorer-chat-linesRemovedForeground: #fc6a6a;--component-explorer-chat-thinkingShimmer: #ffffff;--component-explorer-extensionIcon-starForeground: #ff8e00;--component-explorer-extensionIcon-preReleaseForeground: #1d9271;--component-explorer-extensionIcon-sponsorForeground: #d758b3;--component-explorer-extensionIcon-privateForeground: rgba(255, 255, 255, .38);--component-explorer-debugExceptionWidget-border: #a31515;--component-explorer-debugExceptionWidget-background: #420b0d;--component-explorer-editor-inlineValuesForeground: rgba(255, 255, 255, .5);--component-explorer-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--component-explorer-debugIcon-breakpointForeground: #e51400;--component-explorer-debugIcon-breakpointDisabledForeground: #848484;--component-explorer-debugIcon-breakpointUnverifiedForeground: #848484;--component-explorer-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;--component-explorer-debugIcon-breakpointStackframeForeground: #89d185;--component-explorer-editor-stackFrameHighlightBackground: rgba(255, 255, 0, .2);--component-explorer-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, .3);--component-explorer-minimap-chatEditHighlight: rgba(30, 30, 30, .6);--component-explorer-chatManagement-sashBorder: rgba(128, 128, 128, .35);--component-explorer-gauge-foreground: #007acc;--component-explorer-gauge-background: rgba(0, 122, 204, .3);--component-explorer-gauge-warningForeground: #b89500;--component-explorer-gauge-warningBackground: rgba(184, 149, 0, .3);--component-explorer-gauge-errorForeground: #be1100;--component-explorer-gauge-errorBackground: rgba(190, 17, 0, .3);--component-explorer-mcpIcon-starForeground: #ff8e00;--component-explorer-interactive-activeCodeBorder: #007acc;--component-explorer-interactive-inactiveCodeBorder: #37373d;--component-explorer-testing-iconFailed: #f14c4c;--component-explorer-testing-iconErrored: #f14c4c;--component-explorer-testing-iconPassed: #73c991;--component-explorer-testing-runAction: #73c991;--component-explorer-testing-iconQueued: #cca700;--component-explorer-testing-iconUnset: #848484;--component-explorer-testing-iconSkipped: #848484;--component-explorer-testing-peekBorder: #f14c4c;--component-explorer-testing-messagePeekBorder: #59a4f9;--component-explorer-testing-peekHeaderBackground: rgba(241, 76, 76, .1);--component-explorer-testing-messagePeekHeaderBackground: rgba(89, 164, 249, .1);--component-explorer-testing-coveredBackground: rgba(156, 204, 44, .2);--component-explorer-testing-coveredBorder: rgba(156, 204, 44, .15);--component-explorer-testing-coveredGutterBackground: rgba(156, 204, 44, .12);--component-explorer-testing-uncoveredBranchBackground: #781212;--component-explorer-testing-uncoveredBackground: rgba(255, 0, 0, .2);--component-explorer-testing-uncoveredBorder: rgba(255, 0, 0, .15);--component-explorer-testing-uncoveredGutterBackground: rgba(255, 0, 0, .3);--component-explorer-testing-coverCountBadgeBackground: #4d4d4d;--component-explorer-testing-coverCountBadgeForeground: #ffffff;--component-explorer-testing-message\\.error\\.badgeBackground: #f14c4c;--component-explorer-testing-message\\.error\\.badgeBorder: #f14c4c;--component-explorer-testing-message\\.error\\.badgeForeground: #000000;--component-explorer-testing-message\\.info\\.decorationForeground: rgba(212, 212, 212, .5);--component-explorer-testing-iconErrored\\.retired: rgba(241, 76, 76, .7);--component-explorer-testing-iconFailed\\.retired: rgba(241, 76, 76, .7);--component-explorer-testing-iconPassed\\.retired: rgba(115, 201, 145, .7);--component-explorer-testing-iconQueued\\.retired: rgba(204, 167, 0, .7);--component-explorer-testing-iconUnset\\.retired: rgba(132, 132, 132, .7);--component-explorer-testing-iconSkipped\\.retired: rgba(132, 132, 132, .7);--component-explorer-statusBar-debuggingBackground: #cc6633;--component-explorer-statusBar-debuggingForeground: #ffffff;--component-explorer-commandCenter-debuggingBackground: rgba(204, 102, 51, .26);--component-explorer-debugTokenExpression-name: #c586c0;--component-explorer-debugTokenExpression-type: #4a90e2;--component-explorer-debugTokenExpression-value: rgba(204, 204, 204, .6);--component-explorer-debugTokenExpression-string: #ce9178;--component-explorer-debugTokenExpression-boolean: #4e94ce;--component-explorer-debugTokenExpression-number: #b5cea8;--component-explorer-debugTokenExpression-error: #f48771;--component-explorer-debugView-exceptionLabelForeground: #cccccc;--component-explorer-debugView-exceptionLabelBackground: #6c2022;--component-explorer-debugView-stateLabelForeground: #cccccc;--component-explorer-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--component-explorer-debugView-valueChangedHighlight: #569cd6;--component-explorer-debugConsole-infoForeground: #59a4f9;--component-explorer-debugConsole-warningForeground: #cca700;--component-explorer-debugConsole-errorForeground: #f48771;--component-explorer-debugConsole-sourceForeground: #cccccc;--component-explorer-debugConsoleInputIcon-foreground: #cccccc;--component-explorer-debugIcon-pauseForeground: #75beff;--component-explorer-debugIcon-stopForeground: #f48771;--component-explorer-debugIcon-disconnectForeground: #f48771;--component-explorer-debugIcon-restartForeground: #89d185;--component-explorer-debugIcon-stepOverForeground: #75beff;--component-explorer-debugIcon-stepIntoForeground: #75beff;--component-explorer-debugIcon-stepOutForeground: #75beff;--component-explorer-debugIcon-continueForeground: #75beff;--component-explorer-debugIcon-stepBackForeground: #75beff;--component-explorer-mergeEditor-change\\.background: rgba(155, 185, 85, .2);--component-explorer-mergeEditor-change\\.word\\.background: rgba(156, 204, 44, .2);--component-explorer-mergeEditor-changeBase\\.background: #4b1818;--component-explorer-mergeEditor-changeBase\\.word\\.background: #6f1313;--component-explorer-mergeEditor-conflict\\.unhandledUnfocused\\.border: rgba(255, 166, 0, .48);--component-explorer-mergeEditor-conflict\\.unhandledFocused\\.border: #ffa600;--component-explorer-mergeEditor-conflict\\.handledUnfocused\\.border: rgba(134, 134, 134, .29);--component-explorer-mergeEditor-conflict\\.handledFocused\\.border: rgba(193, 193, 193, .8);--component-explorer-mergeEditor-conflict\\.handled\\.minimapOverViewRuler: rgba(173, 172, 168, .93);--component-explorer-mergeEditor-conflict\\.unhandled\\.minimapOverViewRuler: #fcba03;--component-explorer-mergeEditor-conflictingLines\\.background: rgba(255, 234, 0, .28);--component-explorer-mergeEditor-conflict\\.input1\\.background: rgba(64, 200, 174, .2);--component-explorer-mergeEditor-conflict\\.input2\\.background: rgba(64, 166, 255, .2);--component-explorer-terminal-ansiBlack: #000000;--component-explorer-terminal-ansiRed: #cd3131;--component-explorer-terminal-ansiGreen: #0dbc79;--component-explorer-terminal-ansiYellow: #e5e510;--component-explorer-terminal-ansiBlue: #2472c8;--component-explorer-terminal-ansiMagenta: #bc3fbc;--component-explorer-terminal-ansiCyan: #11a8cd;--component-explorer-terminal-ansiWhite: #e5e5e5;--component-explorer-terminal-ansiBrightBlack: #666666;--component-explorer-terminal-ansiBrightRed: #f14c4c;--component-explorer-terminal-ansiBrightGreen: #23d18b;--component-explorer-terminal-ansiBrightYellow: #f5f543;--component-explorer-terminal-ansiBrightBlue: #3b8eea;--component-explorer-terminal-ansiBrightMagenta: #d670d6;--component-explorer-terminal-ansiBrightCyan: #29b8db;--component-explorer-terminal-ansiBrightWhite: #e5e5e5;--component-explorer-simpleFindWidget-sashBorder: #454545;--component-explorer-terminalStickyScrollHover-background: #2a2d2e;--component-explorer-terminalCommandGuide-foreground: #37373d;--component-explorer-terminalSymbolIcon-flagForeground: #ee9d28;--component-explorer-terminalSymbolIcon-aliasForeground: #b180d7;--component-explorer-terminalSymbolIcon-optionValueForeground: #75beff;--component-explorer-terminalSymbolIcon-methodForeground: #b180d7;--component-explorer-terminalSymbolIcon-argumentForeground: #75beff;--component-explorer-terminalSymbolIcon-optionForeground: #ee9d28;--component-explorer-terminalSymbolIcon-fileForeground: #cccccc;--component-explorer-terminalSymbolIcon-folderForeground: #cccccc;--component-explorer-terminalSymbolIcon-commitForeground: #cccccc;--component-explorer-terminalSymbolIcon-branchForeground: #cccccc;--component-explorer-terminalSymbolIcon-tagForeground: #cccccc;--component-explorer-terminalSymbolIcon-stashForeground: #cccccc;--component-explorer-terminalSymbolIcon-remoteForeground: #cccccc;--component-explorer-terminalSymbolIcon-pullRequestForeground: #cccccc;--component-explorer-terminalSymbolIcon-pullRequestDoneForeground: #cccccc;--component-explorer-terminalSymbolIcon-symbolicLinkFileForeground: #cccccc;--component-explorer-terminalSymbolIcon-symbolicLinkFolderForeground: #cccccc;--component-explorer-terminalSymbolIcon-symbolText: #cccccc;--component-explorer-markdownAlert-note\\.foreground: #59a4f9;--component-explorer-markdownAlert-tip\\.foreground: #89d185;--component-explorer-markdownAlert-important\\.foreground: #b180d7;--component-explorer-markdownAlert-warning\\.foreground: #cca700;--component-explorer-markdownAlert-caution\\.foreground: #f14c4c;--component-explorer-welcomePage-tileBackground: #252526;--component-explorer-welcomePage-tileHoverBackground: #2c2c2d;--component-explorer-welcomePage-tileBorder: rgba(255, 255, 255, .1);--component-explorer-welcomePage-progress\\.background: #3c3c3c;--component-explorer-welcomePage-progress\\.foreground: #3794ff;--component-explorer-walkthrough-stepTitle\\.foreground: #ffffff;--component-explorer-walkThrough-embeddedEditorBackground: rgba(0, 0, 0, .4);--component-explorer-profiles-sashBorder: rgba(128, 128, 128, .35);--component-explorer-gitDecoration-addedResourceForeground: #81b88b;--component-explorer-gitDecoration-modifiedResourceForeground: #e2c08d;--component-explorer-gitDecoration-deletedResourceForeground: #c74e39;--component-explorer-gitDecoration-renamedResourceForeground: #73c991;--component-explorer-gitDecoration-untrackedResourceForeground: #73c991;--component-explorer-gitDecoration-ignoredResourceForeground: #8c8c8c;--component-explorer-gitDecoration-stageModifiedResourceForeground: #e2c08d;--component-explorer-gitDecoration-stageDeletedResourceForeground: #c74e39;--component-explorer-gitDecoration-conflictingResourceForeground: #e4676b;--component-explorer-gitDecoration-submoduleResourceForeground: #8db9e2;--component-explorer-git-blame\\.editorDecorationForeground: #969696;--component-explorer-gitlens-gutterBackgroundColor: rgba(255, 255, 255, .07);--component-explorer-gitlens-gutterForegroundColor: #bebebe;--component-explorer-gitlens-gutterUncommittedForegroundColor: rgba(0, 188, 242, .6);--component-explorer-gitlens-trailingLineBackgroundColor: rgba(0, 0, 0, 0);--component-explorer-gitlens-trailingLineForegroundColor: rgba(153, 153, 153, .35);--component-explorer-gitlens-lineHighlightBackgroundColor: rgba(0, 188, 242, .2);--component-explorer-gitlens-lineHighlightOverviewRulerColor: rgba(0, 188, 242, .6);--component-explorer-gitlens-openAutolinkedIssueIconColor: #3fb950;--component-explorer-gitlens-closedAutolinkedIssueIconColor: #a371f7;--component-explorer-gitlens-closedPullRequestIconColor: #f85149;--component-explorer-gitlens-openPullRequestIconColor: #3fb950;--component-explorer-gitlens-mergedPullRequestIconColor: #a371f7;--component-explorer-gitlens-unpublishedChangesIconColor: #35b15e;--component-explorer-gitlens-unpublishedCommitIconColor: #35b15e;--component-explorer-gitlens-unpulledChangesIconColor: #b15e35;--component-explorer-gitlens-decorations\\.addedForegroundColor: #81b88b;--component-explorer-gitlens-decorations\\.copiedForegroundColor: #73c991;--component-explorer-gitlens-decorations\\.deletedForegroundColor: #c74e39;--component-explorer-gitlens-decorations\\.ignoredForegroundColor: #8c8c8c;--component-explorer-gitlens-decorations\\.modifiedForegroundColor: #e2c08d;--component-explorer-gitlens-decorations\\.untrackedForegroundColor: #73c991;--component-explorer-gitlens-decorations\\.renamedForegroundColor: #73c991;--component-explorer-gitlens-decorations\\.branchAheadForegroundColor: #35b15e;--component-explorer-gitlens-decorations\\.branchBehindForegroundColor: #b15e35;--component-explorer-gitlens-decorations\\.branchDivergedForegroundColor: #d8af1b;--component-explorer-gitlens-decorations\\.branchMissingUpstreamForegroundColor: #c74e39;--component-explorer-gitlens-decorations\\.statusMergingOrRebasingConflictForegroundColor: #c74e39;--component-explorer-gitlens-decorations\\.statusMergingOrRebasingForegroundColor: #d8af1b;--component-explorer-gitlens-decorations\\.workspaceRepoMissingForegroundColor: #909090;--component-explorer-gitlens-decorations\\.workspaceCurrentForegroundColor: #35b15e;--component-explorer-gitlens-decorations\\.workspaceRepoOpenForegroundColor: #35b15e;--component-explorer-gitlens-decorations\\.worktreeHasUncommittedChangesForegroundColor: #e2c08d;--component-explorer-gitlens-decorations\\.worktreeMissingForegroundColor: #c74e39;--component-explorer-gitlens-graphLane1Color: #15a0bf;--component-explorer-gitlens-graphLane2Color: #0669f7;--component-explorer-gitlens-graphLane3Color: #8e00c2;--component-explorer-gitlens-graphLane4Color: #c517b6;--component-explorer-gitlens-graphLane5Color: #d90171;--component-explorer-gitlens-graphLane6Color: #cd0101;--component-explorer-gitlens-graphLane7Color: #f25d2e;--component-explorer-gitlens-graphLane8Color: #f2ca33;--component-explorer-gitlens-graphLane9Color: #7bd938;--component-explorer-gitlens-graphLane10Color: #2ece9d;--component-explorer-gitlens-graphChangesColumnAddedColor: #347d39;--component-explorer-gitlens-graphChangesColumnDeletedColor: #c93c37;--component-explorer-gitlens-graphMinimapMarkerHeadColor: #05e617;--component-explorer-gitlens-graphScrollMarkerHeadColor: #05e617;--component-explorer-gitlens-graphMinimapMarkerUpstreamColor: #09ae17;--component-explorer-gitlens-graphScrollMarkerUpstreamColor: #09ae17;--component-explorer-gitlens-graphMinimapMarkerHighlightsColor: #fbff0a;--component-explorer-gitlens-graphScrollMarkerHighlightsColor: #fbff0a;--component-explorer-gitlens-graphMinimapMarkerLocalBranchesColor: #3087cf;--component-explorer-gitlens-graphScrollMarkerLocalBranchesColor: #3087cf;--component-explorer-gitlens-graphMinimapMarkerPullRequestsColor: #c76801;--component-explorer-gitlens-graphScrollMarkerPullRequestsColor: #c76801;--component-explorer-gitlens-graphMinimapMarkerRemoteBranchesColor: #2b5e88;--component-explorer-gitlens-graphScrollMarkerRemoteBranchesColor: #2b5e88;--component-explorer-gitlens-graphMinimapMarkerStashesColor: #b34db3;--component-explorer-gitlens-graphScrollMarkerStashesColor: #b34db3;--component-explorer-gitlens-graphMinimapMarkerTagsColor: #6b562e;--component-explorer-gitlens-graphScrollMarkerTagsColor: #6b562e;--component-explorer-gitlens-launchpadIndicatorMergeableColor: #3fb950;--component-explorer-gitlens-launchpadIndicatorMergeableHoverColor: #3fb950;--component-explorer-gitlens-launchpadIndicatorBlockedColor: #c74e39;--component-explorer-gitlens-launchpadIndicatorBlockedHoverColor: #c74e39;--component-explorer-gitlens-launchpadIndicatorAttentionColor: #d8af1b;--component-explorer-gitlens-launchpadIndicatorAttentionHoverColor: #d8af1b;--component-explorer-issues-newIssueDecoration: rgba(255, 255, 255, .28);--component-explorer-issues-open: #3fb950;--component-explorer-issues-closed: #8957e5;--component-explorer-github-issues\\.closed: #8957e5;--component-explorer-pullRequests-merged: #8957e5;--component-explorer-pullRequests-draft: #6e7681;--component-explorer-pullRequests-open: #3fb950;--component-explorer-pullRequests-closed: #cb2431;--component-explorer-pullRequests-notification: #59a4f9;--component-explorer-testExplorer-errorDecorationBackground: #5a1d1d;--component-explorer-remoteHub-decorations\\.addedForegroundColor: #81b88b;--component-explorer-remoteHub-decorations\\.modifiedForegroundColor: #e2c08d;--component-explorer-remoteHub-decorations\\.deletedForegroundColor: #c74e39;--component-explorer-remoteHub-decorations\\.submoduleForegroundColor: #8db9e2;--component-explorer-remoteHub-decorations\\.conflictForegroundColor: #e4676b;--component-explorer-remoteHub-decorations\\.incomingAddedForegroundColor: #81b88b;--component-explorer-remoteHub-decorations\\.incomingModifiedForegroundColor: #e2c08d;--component-explorer-remoteHub-decorations\\.incomingDeletedForegroundColor: #c74e39;--component-explorer-remoteHub-decorations\\.incomingRenamedForegroundColor: #73c991;--component-explorer-remoteHub-decorations\\.possibleConflictForegroundColor: #cca700;--component-explorer-remoteHub-decorations\\.ignoredResourceForeground: #8c8c8c;--component-explorer-remoteHub-decorations\\.workspaceRepositoriesView\\.hasUncommittedChangesForegroundColor: #e2c08d;--component-explorer-editor-font-feature-settings: "liga" on,"calt" on}', st = '.vscode-theme.default-light-plus{--component-explorer-font-family: "Segoe WPC", "Segoe UI", sans-serif;--component-explorer-font-weight: normal;--component-explorer-font-size: 13px;--component-explorer-editor-font-family: "Cascadia Code", Consolas, "Courier New", monospace;--component-explorer-editor-font-weight: normal;--component-explorer-editor-font-size: 14px;--component-explorer-foreground: #616161;--component-explorer-disabledForeground: rgba(97, 97, 97, .5);--component-explorer-errorForeground: #a1260d;--component-explorer-descriptionForeground: #717171;--component-explorer-icon-foreground: #424242;--component-explorer-focusBorder: #0090f1;--component-explorer-textLink-foreground: #006ab1;--component-explorer-textLink-activeForeground: #006ab1;--component-explorer-textSeparator-foreground: rgba(0, 0, 0, .18);--component-explorer-textPreformat-foreground: #a31515;--component-explorer-textPreformat-background: rgba(0, 0, 0, .1);--component-explorer-textBlockQuote-background: #f2f2f2;--component-explorer-textBlockQuote-border: rgba(0, 122, 204, .5);--component-explorer-textCodeBlock-background: rgba(220, 220, 220, .4);--component-explorer-sash-hoverBorder: #0090f1;--component-explorer-badge-background: #c4c4c4;--component-explorer-badge-foreground: #333333;--component-explorer-activityWarningBadge-foreground: #ffffff;--component-explorer-activityWarningBadge-background: #b27c00;--component-explorer-activityErrorBadge-foreground: #ffffff;--component-explorer-activityErrorBadge-background: #e51400;--component-explorer-scrollbar-shadow: #dddddd;--component-explorer-scrollbarSlider-background: rgba(100, 100, 100, .4);--component-explorer-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--component-explorer-scrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--component-explorer-progressBar-background: #0e70c0;--component-explorer-chart-line: #236b8e;--component-explorer-chart-axis: rgba(0, 0, 0, .6);--component-explorer-chart-guide: rgba(0, 0, 0, .2);--component-explorer-editor-background: #ffffff;--component-explorer-editor-foreground: #000000;--component-explorer-editorStickyScroll-background: #ffffff;--component-explorer-editorStickyScrollGutter-background: #ffffff;--component-explorer-editorStickyScrollHover-background: #f0f0f0;--component-explorer-editorStickyScroll-shadow: #dddddd;--component-explorer-editorWidget-background: #f3f3f3;--component-explorer-editorWidget-foreground: #616161;--component-explorer-editorWidget-border: #c8c8c8;--component-explorer-editorError-foreground: #e51400;--component-explorer-editorWarning-foreground: #bf8803;--component-explorer-editorInfo-foreground: #0063d3;--component-explorer-editorHint-foreground: #6c6c6c;--component-explorer-editorLink-activeForeground: #0000ff;--component-explorer-editor-selectionBackground: #add6ff;--component-explorer-editor-inactiveSelectionBackground: #e5ebf1;--component-explorer-editor-selectionHighlightBackground: rgba(173, 214, 255, .5);--component-explorer-editor-compositionBorder: #000000;--component-explorer-editor-findMatchBackground: #a8ac94;--component-explorer-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--component-explorer-editor-findRangeHighlightBackground: rgba(180, 180, 180, .3);--component-explorer-editor-hoverHighlightBackground: rgba(173, 214, 255, .15);--component-explorer-editorHoverWidget-background: #f3f3f3;--component-explorer-editorHoverWidget-foreground: #616161;--component-explorer-editorHoverWidget-border: #c8c8c8;--component-explorer-editorHoverWidget-statusBarBackground: #e7e7e7;--component-explorer-editorInlayHint-foreground: #969696;--component-explorer-editorInlayHint-background: rgba(196, 196, 196, .1);--component-explorer-editorInlayHint-typeForeground: #969696;--component-explorer-editorInlayHint-typeBackground: rgba(196, 196, 196, .1);--component-explorer-editorInlayHint-parameterForeground: #969696;--component-explorer-editorInlayHint-parameterBackground: rgba(196, 196, 196, .1);--component-explorer-editorLightBulb-foreground: #ddb100;--component-explorer-editorLightBulbAutoFix-foreground: #007acc;--component-explorer-editorLightBulbAi-foreground: #ddb100;--component-explorer-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, .2);--component-explorer-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, .5);--component-explorer-diffEditor-insertedTextBackground: rgba(23, 149, 44, .37);--component-explorer-diffEditor-removedTextBackground: rgba(255, 0, 0, .35);--component-explorer-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--component-explorer-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--component-explorer-diffEditor-diagonalFill: rgba(34, 34, 34, .2);--component-explorer-diffEditor-unchangedRegionBackground: #f8f8f8;--component-explorer-diffEditor-unchangedRegionForeground: #616161;--component-explorer-diffEditor-unchangedCodeBackground: rgba(184, 184, 184, .16);--component-explorer-widget-shadow: rgba(0, 0, 0, .16);--component-explorer-widget-border: #d4d4d4;--component-explorer-toolbar-hoverBackground: rgba(184, 184, 184, .31);--component-explorer-toolbar-activeBackground: rgba(166, 166, 166, .31);--component-explorer-breadcrumb-foreground: rgba(97, 97, 97, .8);--component-explorer-breadcrumb-background: #ffffff;--component-explorer-breadcrumb-focusForeground: #4e4e4e;--component-explorer-breadcrumb-activeSelectionForeground: #4e4e4e;--component-explorer-breadcrumbPicker-background: #f3f3f3;--component-explorer-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--component-explorer-merge-currentContentBackground: rgba(64, 200, 174, .2);--component-explorer-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--component-explorer-merge-incomingContentBackground: rgba(64, 166, 255, .2);--component-explorer-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--component-explorer-merge-commonContentBackground: rgba(96, 96, 96, .16);--component-explorer-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--component-explorer-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--component-explorer-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--component-explorer-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--component-explorer-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--component-explorer-problemsErrorIcon-foreground: #e51400;--component-explorer-problemsWarningIcon-foreground: #bf8803;--component-explorer-problemsInfoIcon-foreground: #0063d3;--component-explorer-minimap-findMatchHighlight: rgba(234, 92, 0, .33);--component-explorer-minimap-selectionOccurrenceHighlight: rgba(173, 214, 255, .5);--component-explorer-minimap-selectionHighlight: #add6ff;--component-explorer-minimap-infoHighlight: #0063d3;--component-explorer-minimap-warningHighlight: #bf8803;--component-explorer-minimap-errorHighlight: rgba(255, 18, 18, .7);--component-explorer-minimap-foregroundOpacity: #000000;--component-explorer-minimapSlider-background: rgba(100, 100, 100, .2);--component-explorer-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--component-explorer-minimapSlider-activeBackground: rgba(0, 0, 0, .3);--component-explorer-charts-foreground: #616161;--component-explorer-charts-lines: rgba(97, 97, 97, .5);--component-explorer-charts-red: #e51400;--component-explorer-charts-blue: #0063d3;--component-explorer-charts-yellow: #bf8803;--component-explorer-charts-orange: rgba(234, 92, 0, .33);--component-explorer-charts-green: #388a34;--component-explorer-charts-purple: #652d90;--component-explorer-list-focusOutline: #0090f1;--component-explorer-list-focusAndSelectionOutline: #90c2f9;--component-explorer-list-activeSelectionBackground: #0060c0;--component-explorer-list-activeSelectionForeground: #ffffff;--component-explorer-list-activeSelectionIconForeground: #ffffff;--component-explorer-list-inactiveSelectionBackground: #e4e6f1;--component-explorer-list-hoverBackground: #e8e8e8;--component-explorer-list-dropBackground: #d6ebff;--component-explorer-list-dropBetweenBackground: #424242;--component-explorer-list-highlightForeground: #0066bf;--component-explorer-list-focusHighlightForeground: #bbe7ff;--component-explorer-list-invalidItemForeground: #b89500;--component-explorer-list-errorForeground: #b01011;--component-explorer-list-warningForeground: #855f00;--component-explorer-listFilterWidget-background: #f3f3f3;--component-explorer-listFilterWidget-outline: rgba(0, 0, 0, 0);--component-explorer-listFilterWidget-noMatchesOutline: #be1100;--component-explorer-listFilterWidget-shadow: rgba(0, 0, 0, .16);--component-explorer-list-filterMatchBackground: rgba(234, 92, 0, .33);--component-explorer-list-deemphasizedForeground: #8e8e90;--component-explorer-tree-indentGuidesStroke: #a9a9a9;--component-explorer-tree-inactiveIndentGuidesStroke: rgba(169, 169, 169, .4);--component-explorer-tree-tableColumnsBorder: rgba(97, 97, 97, .13);--component-explorer-tree-tableOddRowsBackground: rgba(97, 97, 97, .04);--component-explorer-editorActionList-background: #f3f3f3;--component-explorer-editorActionList-foreground: #616161;--component-explorer-editorActionList-focusForeground: #ffffff;--component-explorer-editorActionList-focusBackground: #0060c0;--component-explorer-input-background: #ffffff;--component-explorer-input-foreground: #616161;--component-explorer-inputOption-activeBorder: #007acc;--component-explorer-inputOption-hoverBackground: rgba(184, 184, 184, .31);--component-explorer-inputOption-activeBackground: rgba(0, 144, 241, .2);--component-explorer-inputOption-activeForeground: #000000;--component-explorer-input-placeholderForeground: #767676;--component-explorer-inputValidation-infoBackground: #d6ecf2;--component-explorer-inputValidation-infoBorder: #007acc;--component-explorer-inputValidation-warningBackground: #f6f5d2;--component-explorer-inputValidation-warningBorder: #b89500;--component-explorer-inputValidation-errorBackground: #f2dede;--component-explorer-inputValidation-errorBorder: #be1100;--component-explorer-dropdown-background: #ffffff;--component-explorer-dropdown-foreground: #616161;--component-explorer-dropdown-border: #cecece;--component-explorer-button-foreground: #ffffff;--component-explorer-button-separator: rgba(255, 255, 255, .4);--component-explorer-button-background: #007acc;--component-explorer-button-hoverBackground: #0062a3;--component-explorer-button-secondaryForeground: #616161;--component-explorer-button-secondaryBorder: rgba(97, 97, 97, .2);--component-explorer-button-secondaryHoverBackground: #e8e8e8;--component-explorer-radio-activeForeground: #000000;--component-explorer-radio-activeBackground: rgba(0, 144, 241, .2);--component-explorer-radio-activeBorder: #007acc;--component-explorer-radio-inactiveBorder: rgba(0, 0, 0, .2);--component-explorer-radio-inactiveHoverBackground: rgba(184, 184, 184, .31);--component-explorer-checkbox-background: #ffffff;--component-explorer-checkbox-selectBackground: #f3f3f3;--component-explorer-checkbox-foreground: #616161;--component-explorer-checkbox-border: #919191;--component-explorer-checkbox-selectBorder: #424242;--component-explorer-checkbox-disabled\\.background: #cacaca;--component-explorer-checkbox-disabled\\.foreground: #959595;--component-explorer-keybindingLabel-background: rgba(221, 221, 221, .4);--component-explorer-keybindingLabel-foreground: #555555;--component-explorer-keybindingLabel-border: rgba(204, 204, 204, .4);--component-explorer-keybindingLabel-bottomBorder: rgba(187, 187, 187, .4);--component-explorer-menu-border: #d4d4d4;--component-explorer-menu-foreground: #616161;--component-explorer-menu-background: #ffffff;--component-explorer-menu-selectionForeground: #ffffff;--component-explorer-menu-selectionBackground: #0060c0;--component-explorer-menu-separatorBackground: #d4d4d4;--component-explorer-quickInput-background: #f3f3f3;--component-explorer-quickInput-foreground: #616161;--component-explorer-quickInputTitle-background: rgba(0, 0, 0, .06);--component-explorer-pickerGroup-foreground: #0066bf;--component-explorer-pickerGroup-border: #cccedb;--component-explorer-quickInputList-focusForeground: #ffffff;--component-explorer-quickInputList-focusIconForeground: #ffffff;--component-explorer-quickInputList-focusBackground: #0060c0;--component-explorer-search-resultsInfoForeground: #616161;--component-explorer-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--component-explorer-editor-lineHighlightBorder: #eeeeee;--component-explorer-editor-rangeHighlightBackground: rgba(253, 255, 0, .2);--component-explorer-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--component-explorer-editorCursor-foreground: #000000;--component-explorer-editorMultiCursor-primary\\.foreground: #000000;--component-explorer-editorMultiCursor-secondary\\.foreground: #000000;--component-explorer-editorWhitespace-foreground: rgba(51, 51, 51, .2);--component-explorer-editorLineNumber-foreground: #237893;--component-explorer-editorIndentGuide-background: rgba(51, 51, 51, .2);--component-explorer-editorIndentGuide-activeBackground: rgba(51, 51, 51, .2);--component-explorer-editorIndentGuide-background1: #d3d3d3;--component-explorer-editorIndentGuide-background2: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-background3: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-background4: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-background5: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-background6: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground1: #939393;--component-explorer-editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0);--component-explorer-editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0);--component-explorer-editorActiveLineNumber-foreground: #0b216f;--component-explorer-editorLineNumber-activeForeground: #0b216f;--component-explorer-editorRuler-foreground: rgba(177, 177, 177, .17);--component-explorer-editorCodeLens-foreground: #919191;--component-explorer-editorBracketMatch-background: rgba(0, 100, 0, .1);--component-explorer-editorBracketMatch-border: #b9b9b9;--component-explorer-editorOverviewRuler-border: rgba(127, 127, 127, .3);--component-explorer-editorGutter-background: #ffffff;--component-explorer-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .47);--component-explorer-editorGhostText-foreground: rgba(0, 0, 0, .47);--component-explorer-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--component-explorer-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--component-explorer-editorOverviewRuler-warningForeground: #bf8803;--component-explorer-editorOverviewRuler-infoForeground: #0063d3;--component-explorer-editorBracketHighlight-foreground1: #0431fa;--component-explorer-editorBracketHighlight-foreground2: #319331;--component-explorer-editorBracketHighlight-foreground3: #7b3814;--component-explorer-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--component-explorer-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--component-explorer-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--component-explorer-editorBracketHighlight-unexpectedBracket\\.foreground: rgba(255, 18, 18, .8);--component-explorer-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--component-explorer-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--component-explorer-editorUnicodeHighlight-border: #bf8803;--component-explorer-diffEditor-move\\.border: rgba(139, 139, 139, .61);--component-explorer-diffEditor-moveActive\\.border: #ffa500;--component-explorer-diffEditor-unchangedRegionShadow: rgba(115, 115, 115, .75);--component-explorer-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--component-explorer-actionBar-toggledBackground: #dddddd;--component-explorer-symbolIcon-arrayForeground: #616161;--component-explorer-symbolIcon-booleanForeground: #616161;--component-explorer-symbolIcon-classForeground: #d67e00;--component-explorer-symbolIcon-colorForeground: #616161;--component-explorer-symbolIcon-constantForeground: #616161;--component-explorer-symbolIcon-constructorForeground: #652d90;--component-explorer-symbolIcon-enumeratorForeground: #d67e00;--component-explorer-symbolIcon-enumeratorMemberForeground: #007acc;--component-explorer-symbolIcon-eventForeground: #d67e00;--component-explorer-symbolIcon-fieldForeground: #007acc;--component-explorer-symbolIcon-fileForeground: #616161;--component-explorer-symbolIcon-folderForeground: #616161;--component-explorer-symbolIcon-functionForeground: #652d90;--component-explorer-symbolIcon-interfaceForeground: #007acc;--component-explorer-symbolIcon-keyForeground: #616161;--component-explorer-symbolIcon-keywordForeground: #616161;--component-explorer-symbolIcon-methodForeground: #652d90;--component-explorer-symbolIcon-moduleForeground: #616161;--component-explorer-symbolIcon-namespaceForeground: #616161;--component-explorer-symbolIcon-nullForeground: #616161;--component-explorer-symbolIcon-numberForeground: #616161;--component-explorer-symbolIcon-objectForeground: #616161;--component-explorer-symbolIcon-operatorForeground: #616161;--component-explorer-symbolIcon-packageForeground: #616161;--component-explorer-symbolIcon-propertyForeground: #616161;--component-explorer-symbolIcon-referenceForeground: #616161;--component-explorer-symbolIcon-snippetForeground: #616161;--component-explorer-symbolIcon-stringForeground: #616161;--component-explorer-symbolIcon-structForeground: #616161;--component-explorer-symbolIcon-textForeground: #616161;--component-explorer-symbolIcon-typeParameterForeground: #616161;--component-explorer-symbolIcon-unitForeground: #616161;--component-explorer-symbolIcon-variableForeground: #007acc;--component-explorer-peekViewTitle-background: #f3f3f3;--component-explorer-peekViewTitleLabel-foreground: #000000;--component-explorer-peekViewTitleDescription-foreground: #616161;--component-explorer-peekView-border: #0063d3;--component-explorer-peekViewResult-background: #f3f3f3;--component-explorer-peekViewResult-lineForeground: #646465;--component-explorer-peekViewResult-fileForeground: #1e1e1e;--component-explorer-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--component-explorer-peekViewResult-selectionForeground: #6c6c6c;--component-explorer-peekViewEditor-background: #f2f8fc;--component-explorer-peekViewEditorGutter-background: #f2f8fc;--component-explorer-peekViewEditorStickyScroll-background: #f2f8fc;--component-explorer-peekViewEditorStickyScrollGutter-background: #f2f8fc;--component-explorer-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--component-explorer-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, .87);--component-explorer-editorMarkerNavigationError-background: #e51400;--component-explorer-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, .1);--component-explorer-editorMarkerNavigationWarning-background: #bf8803;--component-explorer-editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, .1);--component-explorer-editorMarkerNavigationInfo-background: #0063d3;--component-explorer-editorMarkerNavigationInfo-headerBackground: rgba(0, 99, 211, .1);--component-explorer-editorMarkerNavigation-background: #ffffff;--component-explorer-editor-foldBackground: rgba(173, 214, 255, .3);--component-explorer-editor-foldPlaceholderForeground: #808080;--component-explorer-editorGutter-foldingControlForeground: #424242;--component-explorer-editorSuggestWidget-background: #f3f3f3;--component-explorer-editorSuggestWidget-border: #c8c8c8;--component-explorer-editorSuggestWidget-foreground: #000000;--component-explorer-editorSuggestWidget-selectedForeground: #ffffff;--component-explorer-editorSuggestWidget-selectedIconForeground: #ffffff;--component-explorer-editorSuggestWidget-selectedBackground: #0060c0;--component-explorer-editorSuggestWidget-highlightForeground: #0066bf;--component-explorer-editorSuggestWidget-focusHighlightForeground: #bbe7ff;--component-explorer-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, .5);--component-explorer-inlineEdit-originalBackground: rgba(255, 0, 0, .07);--component-explorer-inlineEdit-modifiedBackground: rgba(23, 149, 44, .11);--component-explorer-inlineEdit-originalChangedLineBackground: rgba(255, 0, 0, .28);--component-explorer-inlineEdit-originalChangedTextBackground: rgba(255, 0, 0, .28);--component-explorer-inlineEdit-modifiedChangedLineBackground: rgba(155, 185, 85, .14);--component-explorer-inlineEdit-modifiedChangedTextBackground: rgba(23, 149, 44, .26);--component-explorer-inlineEdit-gutterIndicator\\.primaryForeground: #ffffff;--component-explorer-inlineEdit-gutterIndicator\\.primaryBorder: #007acc;--component-explorer-inlineEdit-gutterIndicator\\.primaryBackground: rgba(0, 122, 204, .5);--component-explorer-inlineEdit-gutterIndicator\\.secondaryForeground: #616161;--component-explorer-inlineEdit-gutterIndicator\\.successfulForeground: #ffffff;--component-explorer-inlineEdit-gutterIndicator\\.successfulBorder: #007acc;--component-explorer-inlineEdit-gutterIndicator\\.successfulBackground: #007acc;--component-explorer-inlineEdit-gutterIndicator\\.background: rgba(95, 95, 95, .09);--component-explorer-inlineEdit-originalBorder: rgba(255, 0, 0, .35);--component-explorer-inlineEdit-modifiedBorder: rgba(9, 60, 18, .37);--component-explorer-inlineEdit-tabWillAcceptModifiedBorder: rgba(9, 60, 18, .37);--component-explorer-inlineEdit-tabWillAcceptOriginalBorder: rgba(255, 0, 0, .35);--component-explorer-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--component-explorer-editor-wordHighlightBackground: rgba(87, 87, 87, .25);--component-explorer-editor-wordHighlightStrongBackground: rgba(14, 99, 156, .25);--component-explorer-editor-wordHighlightTextBackground: rgba(87, 87, 87, .25);--component-explorer-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--component-explorer-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--component-explorer-editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, .8);--component-explorer-editorHoverWidget-highlightForeground: #0066bf;--component-explorer-editor-placeholder\\.foreground: rgba(0, 0, 0, .47);--component-explorer-tab-activeBackground: #ffffff;--component-explorer-tab-unfocusedActiveBackground: #ffffff;--component-explorer-tab-inactiveBackground: #ececec;--component-explorer-tab-unfocusedInactiveBackground: #ececec;--component-explorer-tab-activeForeground: #333333;--component-explorer-tab-inactiveForeground: rgba(51, 51, 51, .7);--component-explorer-tab-unfocusedActiveForeground: rgba(51, 51, 51, .7);--component-explorer-tab-unfocusedInactiveForeground: rgba(51, 51, 51, .35);--component-explorer-tab-border: #f3f3f3;--component-explorer-tab-lastPinnedBorder: rgba(97, 97, 97, .19);--component-explorer-tab-selectedBackground: rgba(255, 255, 255, .65);--component-explorer-tab-selectedForeground: rgba(51, 51, 51, .7);--component-explorer-tab-dragAndDropBorder: #333333;--component-explorer-tab-activeModifiedBorder: #33aaee;--component-explorer-tab-inactiveModifiedBorder: rgba(51, 170, 238, .5);--component-explorer-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, .7);--component-explorer-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, .25);--component-explorer-editorPane-background: #ffffff;--component-explorer-editorGroupHeader-tabsBackground: #f3f3f3;--component-explorer-editorGroupHeader-noTabsBackground: #ffffff;--component-explorer-editorGroup-border: #e7e7e7;--component-explorer-editorGroup-dropBackground: rgba(38, 119, 203, .18);--component-explorer-editorGroup-dropIntoPromptForeground: #616161;--component-explorer-editorGroup-dropIntoPromptBackground: #f3f3f3;--component-explorer-sideBySideEditor-horizontalBorder: #e7e7e7;--component-explorer-sideBySideEditor-verticalBorder: #e7e7e7;--component-explorer-banner-background: #004386;--component-explorer-banner-foreground: #ffffff;--component-explorer-banner-iconForeground: #0063d3;--component-explorer-statusBar-foreground: #ffffff;--component-explorer-statusBar-noFolderForeground: #ffffff;--component-explorer-statusBar-background: #007acc;--component-explorer-statusBar-noFolderBackground: #68217a;--component-explorer-statusBar-focusBorder: #ffffff;--component-explorer-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--component-explorer-statusBarItem-focusBorder: #ffffff;--component-explorer-statusBarItem-hoverBackground: rgba(0, 0, 0, .12);--component-explorer-statusBarItem-hoverForeground: #ffffff;--component-explorer-statusBarItem-compactHoverBackground: rgba(0, 0, 0, .12);--component-explorer-statusBarItem-prominentForeground: #ffffff;--component-explorer-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--component-explorer-statusBarItem-prominentHoverForeground: #ffffff;--component-explorer-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .12);--component-explorer-statusBarItem-errorBackground: #c72e0f;--component-explorer-statusBarItem-errorForeground: #ffffff;--component-explorer-statusBarItem-errorHoverForeground: #ffffff;--component-explorer-statusBarItem-errorHoverBackground: rgba(0, 0, 0, .12);--component-explorer-statusBarItem-warningBackground: #725102;--component-explorer-statusBarItem-warningForeground: #ffffff;--component-explorer-statusBarItem-warningHoverForeground: #ffffff;--component-explorer-statusBarItem-warningHoverBackground: rgba(0, 0, 0, .12);--component-explorer-activityBar-background: #2c2c2c;--component-explorer-activityBar-foreground: #ffffff;--component-explorer-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--component-explorer-activityBar-activeBorder: #ffffff;--component-explorer-activityBar-dropBorder: #ffffff;--component-explorer-activityBarBadge-background: #007acc;--component-explorer-activityBarBadge-foreground: #ffffff;--component-explorer-activityBarTop-foreground: #424242;--component-explorer-activityBarTop-activeBorder: #424242;--component-explorer-activityBarTop-inactiveForeground: rgba(66, 66, 66, .75);--component-explorer-activityBarTop-dropBorder: #424242;--component-explorer-panel-background: #ffffff;--component-explorer-panel-border: rgba(128, 128, 128, .35);--component-explorer-panelTitle-activeForeground: #424242;--component-explorer-panelTitle-inactiveForeground: rgba(66, 66, 66, .75);--component-explorer-panelTitle-activeBorder: #424242;--component-explorer-panelTitleBadge-background: #007acc;--component-explorer-panelTitleBadge-foreground: #ffffff;--component-explorer-panelInput-border: #dddddd;--component-explorer-panel-dropBorder: #424242;--component-explorer-panelSection-dropBackground: rgba(38, 119, 203, .18);--component-explorer-panelSectionHeader-background: rgba(128, 128, 128, .2);--component-explorer-panelSection-border: rgba(128, 128, 128, .35);--component-explorer-panelStickyScroll-background: #ffffff;--component-explorer-panelStickyScroll-shadow: #dddddd;--component-explorer-profileBadge-background: #c4c4c4;--component-explorer-profileBadge-foreground: #333333;--component-explorer-statusBarItem-remoteBackground: #16825d;--component-explorer-statusBarItem-remoteForeground: #ffffff;--component-explorer-statusBarItem-remoteHoverForeground: #ffffff;--component-explorer-statusBarItem-remoteHoverBackground: rgba(0, 0, 0, .12);--component-explorer-statusBarItem-offlineBackground: #6c1717;--component-explorer-statusBarItem-offlineForeground: #ffffff;--component-explorer-statusBarItem-offlineHoverForeground: #ffffff;--component-explorer-statusBarItem-offlineHoverBackground: rgba(0, 0, 0, .12);--component-explorer-extensionBadge-remoteBackground: #007acc;--component-explorer-extensionBadge-remoteForeground: #ffffff;--component-explorer-sideBar-background: #f3f3f3;--component-explorer-sideBarTitle-background: #f3f3f3;--component-explorer-sideBarTitle-foreground: #6f6f6f;--component-explorer-sideBar-dropBackground: rgba(38, 119, 203, .18);--component-explorer-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--component-explorer-sideBarSectionHeader-border: rgba(97, 97, 97, .19);--component-explorer-sideBarActivityBarTop-border: rgba(97, 97, 97, .19);--component-explorer-sideBarStickyScroll-background: #f3f3f3;--component-explorer-sideBarStickyScroll-shadow: #dddddd;--component-explorer-titleBar-activeForeground: #333333;--component-explorer-titleBar-inactiveForeground: rgba(51, 51, 51, .6);--component-explorer-titleBar-activeBackground: #dddddd;--component-explorer-titleBar-inactiveBackground: rgba(221, 221, 221, .6);--component-explorer-menubar-selectionForeground: #333333;--component-explorer-menubar-selectionBackground: rgba(184, 184, 184, .31);--component-explorer-commandCenter-foreground: #333333;--component-explorer-commandCenter-activeForeground: #333333;--component-explorer-commandCenter-inactiveForeground: rgba(51, 51, 51, .6);--component-explorer-commandCenter-background: rgba(0, 0, 0, .05);--component-explorer-commandCenter-activeBackground: rgba(0, 0, 0, .08);--component-explorer-commandCenter-border: rgba(51, 51, 51, .2);--component-explorer-commandCenter-activeBorder: rgba(51, 51, 51, .3);--component-explorer-commandCenter-inactiveBorder: rgba(51, 51, 51, .15);--component-explorer-notificationCenter-border: #d4d4d4;--component-explorer-notificationToast-border: #d4d4d4;--component-explorer-notifications-foreground: #616161;--component-explorer-notifications-background: #f3f3f3;--component-explorer-notificationLink-foreground: #006ab1;--component-explorer-notificationCenterHeader-background: #e7e7e7;--component-explorer-notifications-border: #e7e7e7;--component-explorer-notificationsErrorIcon-foreground: #e51400;--component-explorer-notificationsWarningIcon-foreground: #bf8803;--component-explorer-notificationsInfoIcon-foreground: #0063d3;--component-explorer-editorGutter-modifiedBackground: #2090d3;--component-explorer-editorGutter-modifiedSecondaryBackground: #aad8f2;--component-explorer-editorGutter-addedBackground: #48985d;--component-explorer-editorGutter-addedSecondaryBackground: #a7d5b3;--component-explorer-editorGutter-deletedBackground: #e51400;--component-explorer-editorGutter-deletedSecondaryBackground: #ff3d2b;--component-explorer-minimapGutter-modifiedBackground: #2090d3;--component-explorer-minimapGutter-addedBackground: #48985d;--component-explorer-minimapGutter-deletedBackground: #e51400;--component-explorer-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, .6);--component-explorer-editorOverviewRuler-addedForeground: rgba(72, 152, 93, .6);--component-explorer-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, .6);--component-explorer-editorGutter-itemGlyphForeground: #000000;--component-explorer-editorGutter-itemBackground: #d5d8e9;--component-explorer-terminal-foreground: #333333;--component-explorer-terminal-selectionBackground: #add6ff;--component-explorer-terminal-inactiveSelectionBackground: #e5ebf1;--component-explorer-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, .25);--component-explorer-terminalCommandDecoration-successBackground: #2090d3;--component-explorer-terminalCommandDecoration-errorBackground: #e51400;--component-explorer-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--component-explorer-terminal-border: rgba(128, 128, 128, .35);--component-explorer-terminalOverviewRuler-border: rgba(127, 127, 127, .3);--component-explorer-terminal-findMatchBackground: #a8ac94;--component-explorer-terminal-hoverHighlightBackground: rgba(173, 214, 255, .07);--component-explorer-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--component-explorer-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--component-explorer-terminal-dropBackground: rgba(38, 119, 203, .18);--component-explorer-terminal-initialHintForeground: rgba(0, 0, 0, .47);--component-explorer-scmGraph-historyItemRefColor: #0063d3;--component-explorer-scmGraph-historyItemRemoteRefColor: #652d90;--component-explorer-scmGraph-historyItemBaseRefColor: #ea5c00;--component-explorer-scmGraph-historyItemHoverDefaultLabelForeground: #616161;--component-explorer-scmGraph-historyItemHoverDefaultLabelBackground: #c4c4c4;--component-explorer-scmGraph-historyItemHoverLabelForeground: #ffffff;--component-explorer-scmGraph-historyItemHoverAdditionsForeground: #587c0c;--component-explorer-scmGraph-historyItemHoverDeletionsForeground: #ad0707;--component-explorer-scmGraph-foreground1: #ffb000;--component-explorer-scmGraph-foreground2: #dc267f;--component-explorer-scmGraph-foreground3: #994f00;--component-explorer-scmGraph-foreground4: #40b0a6;--component-explorer-scmGraph-foreground5: #b66dff;--component-explorer-commentsView-resolvedIcon: rgba(97, 97, 97, .5);--component-explorer-commentsView-unresolvedIcon: #0090f1;--component-explorer-editorCommentsWidget-replyInputBackground: #f3f3f3;--component-explorer-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, .5);--component-explorer-editorCommentsWidget-unresolvedBorder: #0090f1;--component-explorer-editorCommentsWidget-rangeBackground: rgba(0, 144, 241, .1);--component-explorer-editorCommentsWidget-rangeActiveBackground: rgba(0, 144, 241, .1);--component-explorer-editorGutter-commentRangeForeground: #d5d8e9;--component-explorer-editorOverviewRuler-commentForeground: #d5d8e9;--component-explorer-editorOverviewRuler-commentUnresolvedForeground: #d5d8e9;--component-explorer-editorOverviewRuler-commentDraftForeground: #d5d8e9;--component-explorer-editorGutter-commentGlyphForeground: #000000;--component-explorer-editorGutter-commentUnresolvedGlyphForeground: #000000;--component-explorer-editorGutter-commentDraftGlyphForeground: #000000;--component-explorer-agentSessionReadIndicator-foreground: rgba(97, 97, 97, .15);--component-explorer-agentSessionSelectedBadge-border: rgba(255, 255, 255, .3);--component-explorer-agentSessionSelectedUnfocusedBadge-border: rgba(97, 97, 97, .3);--component-explorer-ports-iconRunningProcessForeground: #369432;--component-explorer-settings-headerForeground: #444444;--component-explorer-settings-settingsHeaderHoverForeground: rgba(68, 68, 68, .7);--component-explorer-settings-modifiedItemIndicator: #66afe0;--component-explorer-settings-headerBorder: rgba(128, 128, 128, .35);--component-explorer-settings-sashBorder: rgba(128, 128, 128, .35);--component-explorer-settings-dropdownBackground: #ffffff;--component-explorer-settings-dropdownForeground: #616161;--component-explorer-settings-dropdownBorder: #cecece;--component-explorer-settings-dropdownListBorder: #c8c8c8;--component-explorer-settings-checkboxBackground: #ffffff;--component-explorer-settings-checkboxForeground: #616161;--component-explorer-settings-checkboxBorder: #919191;--component-explorer-settings-textInputBackground: #ffffff;--component-explorer-settings-textInputForeground: #616161;--component-explorer-settings-textInputBorder: #cecece;--component-explorer-settings-numberInputBackground: #ffffff;--component-explorer-settings-numberInputForeground: #616161;--component-explorer-settings-numberInputBorder: #cecece;--component-explorer-settings-focusedRowBackground: rgba(232, 232, 232, .6);--component-explorer-settings-rowHoverBackground: rgba(232, 232, 232, .3);--component-explorer-settings-focusedRowBorder: #0090f1;--component-explorer-keybindingTable-headerBackground: rgba(97, 97, 97, .04);--component-explorer-keybindingTable-rowsBackground: rgba(97, 97, 97, .04);--component-explorer-extensionButton-foreground: #616161;--component-explorer-extensionButton-hoverBackground: #e8e8e8;--component-explorer-extensionButton-border: rgba(97, 97, 97, .2);--component-explorer-extensionButton-separator: rgba(255, 255, 255, .4);--component-explorer-extensionButton-prominentBackground: #007acc;--component-explorer-extensionButton-prominentForeground: #ffffff;--component-explorer-extensionButton-prominentHoverBackground: #0062a3;--component-explorer-debugToolBar-background: #f3f3f3;--component-explorer-debugIcon-startForeground: #388a34;--component-explorer-notebook-cellBorderColor: #e8e8e8;--component-explorer-notebook-focusedEditorBorder: #0090f1;--component-explorer-notebookStatusSuccessIcon-foreground: #388a34;--component-explorer-notebookEditorOverviewRuler-runningCellForeground: #388a34;--component-explorer-notebookStatusErrorIcon-foreground: #a1260d;--component-explorer-notebookStatusRunningIcon-foreground: #616161;--component-explorer-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--component-explorer-notebook-selectedCellBackground: rgba(200, 221, 241, .31);--component-explorer-notebook-selectedCellBorder: #e8e8e8;--component-explorer-notebook-focusedCellBorder: #0090f1;--component-explorer-notebook-inactiveFocusedCellBorder: #e8e8e8;--component-explorer-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, .08);--component-explorer-notebook-cellInsertionIndicator: #0090f1;--component-explorer-notebookScrollbarSlider-background: rgba(100, 100, 100, .4);--component-explorer-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--component-explorer-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--component-explorer-notebook-symbolHighlightBackground: rgba(253, 255, 0, .2);--component-explorer-notebook-cellEditorBackground: #f3f3f3;--component-explorer-notebook-editorBackground: #ffffff;--component-explorer-inlineChat-foreground: #616161;--component-explorer-inlineChat-background: #f3f3f3;--component-explorer-inlineChat-border: #c8c8c8;--component-explorer-inlineChat-shadow: rgba(0, 0, 0, .16);--component-explorer-inlineChatInput-border: #c8c8c8;--component-explorer-inlineChatInput-focusBorder: #0090f1;--component-explorer-inlineChatInput-placeholderForeground: #767676;--component-explorer-inlineChatInput-background: #ffffff;--component-explorer-inlineChatDiff-inserted: rgba(23, 149, 44, .19);--component-explorer-editorOverviewRuler-inlineChatInserted: rgba(23, 149, 44, .3);--component-explorer-editorMinimap-inlineChatInserted: rgba(23, 149, 44, .3);--component-explorer-inlineChatDiff-removed: rgba(255, 0, 0, .17);--component-explorer-editorOverviewRuler-inlineChatRemoved: rgba(255, 0, 0, .28);--component-explorer-multiDiffEditor-headerBackground: #ececec;--component-explorer-multiDiffEditor-background: #ffffff;--component-explorer-multiDiffEditor-border: #cccccc;--component-explorer-extensionIcon-verifiedForeground: #006ab1;--component-explorer-chat-requestBorder: rgba(0, 0, 0, .1);--component-explorer-chat-requestBackground: rgba(255, 255, 255, .62);--component-explorer-chat-slashCommandBackground: rgba(173, 206, 255, .48);--component-explorer-chat-slashCommandForeground: #26569e;--component-explorer-chat-avatarBackground: #f2f2f2;--component-explorer-chat-avatarForeground: #616161;--component-explorer-chat-editedFileForeground: #895503;--component-explorer-chat-requestCodeBorder: rgba(14, 99, 156, .25);--component-explorer-chat-requestBubbleBackground: rgba(173, 214, 255, .3);--component-explorer-chat-requestBubbleHoverBackground: rgba(173, 214, 255, .6);--component-explorer-chat-checkpointSeparator: #a9a9a9;--component-explorer-chat-linesAddedForeground: #107c10;--component-explorer-chat-linesRemovedForeground: #bc2f32;--component-explorer-chat-thinkingShimmer: #000000;--component-explorer-extensionIcon-starForeground: #df6100;--component-explorer-extensionIcon-preReleaseForeground: #1d9271;--component-explorer-extensionIcon-sponsorForeground: #b51e78;--component-explorer-extensionIcon-privateForeground: rgba(0, 0, 0, .38);--component-explorer-debugExceptionWidget-border: #a31515;--component-explorer-debugExceptionWidget-background: #f1dfde;--component-explorer-editor-inlineValuesForeground: rgba(0, 0, 0, .5);--component-explorer-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--component-explorer-debugIcon-breakpointForeground: #e51400;--component-explorer-debugIcon-breakpointDisabledForeground: #848484;--component-explorer-debugIcon-breakpointUnverifiedForeground: #848484;--component-explorer-debugIcon-breakpointCurrentStackframeForeground: #be8700;--component-explorer-debugIcon-breakpointStackframeForeground: #89d185;--component-explorer-editor-stackFrameHighlightBackground: rgba(255, 255, 102, .45);--component-explorer-editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, .45);--component-explorer-minimap-chatEditHighlight: rgba(255, 255, 255, .6);--component-explorer-chatManagement-sashBorder: rgba(128, 128, 128, .35);--component-explorer-gauge-foreground: #007acc;--component-explorer-gauge-background: rgba(0, 122, 204, .3);--component-explorer-gauge-warningForeground: #b89500;--component-explorer-gauge-warningBackground: rgba(184, 149, 0, .3);--component-explorer-gauge-errorForeground: #be1100;--component-explorer-gauge-errorBackground: rgba(190, 17, 0, .3);--component-explorer-mcpIcon-starForeground: #df6100;--component-explorer-interactive-activeCodeBorder: #007acc;--component-explorer-interactive-inactiveCodeBorder: #e4e6f1;--component-explorer-testing-iconFailed: #f14c4c;--component-explorer-testing-iconErrored: #f14c4c;--component-explorer-testing-iconPassed: #73c991;--component-explorer-testing-runAction: #73c991;--component-explorer-testing-iconQueued: #cca700;--component-explorer-testing-iconUnset: #848484;--component-explorer-testing-iconSkipped: #848484;--component-explorer-testing-peekBorder: #e51400;--component-explorer-testing-messagePeekBorder: #0063d3;--component-explorer-testing-peekHeaderBackground: rgba(229, 20, 0, .1);--component-explorer-testing-messagePeekHeaderBackground: rgba(0, 99, 211, .1);--component-explorer-testing-coveredBackground: rgba(23, 149, 44, .37);--component-explorer-testing-coveredBorder: rgba(23, 149, 44, .28);--component-explorer-testing-coveredGutterBackground: rgba(23, 149, 44, .22);--component-explorer-testing-uncoveredBranchBackground: #ff4d4d;--component-explorer-testing-uncoveredBackground: rgba(255, 0, 0, .35);--component-explorer-testing-uncoveredBorder: rgba(255, 0, 0, .26);--component-explorer-testing-uncoveredGutterBackground: rgba(255, 0, 0, .52);--component-explorer-testing-coverCountBadgeBackground: #c4c4c4;--component-explorer-testing-coverCountBadgeForeground: #333333;--component-explorer-testing-message\\.error\\.badgeBackground: #e51400;--component-explorer-testing-message\\.error\\.badgeBorder: #e51400;--component-explorer-testing-message\\.error\\.badgeForeground: #ffffff;--component-explorer-testing-message\\.info\\.decorationForeground: rgba(0, 0, 0, .5);--component-explorer-testing-iconErrored\\.retired: rgba(241, 76, 76, .7);--component-explorer-testing-iconFailed\\.retired: rgba(241, 76, 76, .7);--component-explorer-testing-iconPassed\\.retired: rgba(115, 201, 145, .7);--component-explorer-testing-iconQueued\\.retired: rgba(204, 167, 0, .7);--component-explorer-testing-iconUnset\\.retired: rgba(132, 132, 132, .7);--component-explorer-testing-iconSkipped\\.retired: rgba(132, 132, 132, .7);--component-explorer-searchEditor-textInputBorder: #cecece;--component-explorer-statusBar-debuggingBackground: #cc6633;--component-explorer-statusBar-debuggingForeground: #ffffff;--component-explorer-commandCenter-debuggingBackground: rgba(204, 102, 51, .26);--component-explorer-debugTokenExpression-name: #9b46b0;--component-explorer-debugTokenExpression-type: #4a90e2;--component-explorer-debugTokenExpression-value: rgba(108, 108, 108, .8);--component-explorer-debugTokenExpression-string: #a31515;--component-explorer-debugTokenExpression-boolean: #0000ff;--component-explorer-debugTokenExpression-number: #098658;--component-explorer-debugTokenExpression-error: #e51400;--component-explorer-debugView-exceptionLabelForeground: #ffffff;--component-explorer-debugView-exceptionLabelBackground: #a31515;--component-explorer-debugView-stateLabelForeground: #616161;--component-explorer-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--component-explorer-debugView-valueChangedHighlight: #569cd6;--component-explorer-debugConsole-infoForeground: #0063d3;--component-explorer-debugConsole-warningForeground: #bf8803;--component-explorer-debugConsole-errorForeground: #a1260d;--component-explorer-debugConsole-sourceForeground: #616161;--component-explorer-debugConsoleInputIcon-foreground: #616161;--component-explorer-debugIcon-pauseForeground: #007acc;--component-explorer-debugIcon-stopForeground: #a1260d;--component-explorer-debugIcon-disconnectForeground: #a1260d;--component-explorer-debugIcon-restartForeground: #388a34;--component-explorer-debugIcon-stepOverForeground: #007acc;--component-explorer-debugIcon-stepIntoForeground: #007acc;--component-explorer-debugIcon-stepOutForeground: #007acc;--component-explorer-debugIcon-continueForeground: #007acc;--component-explorer-debugIcon-stepBackForeground: #007acc;--component-explorer-mergeEditor-change\\.background: rgba(155, 185, 85, .2);--component-explorer-mergeEditor-change\\.word\\.background: rgba(156, 204, 44, .4);--component-explorer-mergeEditor-changeBase\\.background: #ffcccc;--component-explorer-mergeEditor-changeBase\\.word\\.background: #ffa3a3;--component-explorer-mergeEditor-conflict\\.unhandledUnfocused\\.border: #ffa600;--component-explorer-mergeEditor-conflict\\.unhandledFocused\\.border: #ffa600;--component-explorer-mergeEditor-conflict\\.handledUnfocused\\.border: rgba(134, 134, 134, .29);--component-explorer-mergeEditor-conflict\\.handledFocused\\.border: rgba(193, 193, 193, .8);--component-explorer-mergeEditor-conflict\\.handled\\.minimapOverViewRuler: rgba(173, 172, 168, .93);--component-explorer-mergeEditor-conflict\\.unhandled\\.minimapOverViewRuler: #fcba03;--component-explorer-mergeEditor-conflictingLines\\.background: rgba(255, 234, 0, .28);--component-explorer-mergeEditor-conflict\\.input1\\.background: rgba(64, 200, 174, .2);--component-explorer-mergeEditor-conflict\\.input2\\.background: rgba(64, 166, 255, .2);--component-explorer-terminal-ansiBlack: #000000;--component-explorer-terminal-ansiRed: #cd3131;--component-explorer-terminal-ansiGreen: #107c10;--component-explorer-terminal-ansiYellow: #949800;--component-explorer-terminal-ansiBlue: #0451a5;--component-explorer-terminal-ansiMagenta: #bc05bc;--component-explorer-terminal-ansiCyan: #0598bc;--component-explorer-terminal-ansiWhite: #555555;--component-explorer-terminal-ansiBrightBlack: #666666;--component-explorer-terminal-ansiBrightRed: #cd3131;--component-explorer-terminal-ansiBrightGreen: #14ce14;--component-explorer-terminal-ansiBrightYellow: #b5ba00;--component-explorer-terminal-ansiBrightBlue: #0451a5;--component-explorer-terminal-ansiBrightMagenta: #bc05bc;--component-explorer-terminal-ansiBrightCyan: #0598bc;--component-explorer-terminal-ansiBrightWhite: #a5a5a5;--component-explorer-simpleFindWidget-sashBorder: #c8c8c8;--component-explorer-terminalStickyScrollHover-background: #f0f0f0;--component-explorer-terminalCommandGuide-foreground: #e4e6f1;--component-explorer-terminalSymbolIcon-flagForeground: #d67e00;--component-explorer-terminalSymbolIcon-aliasForeground: #652d90;--component-explorer-terminalSymbolIcon-optionValueForeground: #007acc;--component-explorer-terminalSymbolIcon-methodForeground: #652d90;--component-explorer-terminalSymbolIcon-argumentForeground: #007acc;--component-explorer-terminalSymbolIcon-optionForeground: #d67e00;--component-explorer-terminalSymbolIcon-fileForeground: #616161;--component-explorer-terminalSymbolIcon-folderForeground: #616161;--component-explorer-terminalSymbolIcon-commitForeground: #616161;--component-explorer-terminalSymbolIcon-branchForeground: #616161;--component-explorer-terminalSymbolIcon-tagForeground: #616161;--component-explorer-terminalSymbolIcon-stashForeground: #616161;--component-explorer-terminalSymbolIcon-remoteForeground: #616161;--component-explorer-terminalSymbolIcon-pullRequestForeground: #616161;--component-explorer-terminalSymbolIcon-pullRequestDoneForeground: #616161;--component-explorer-terminalSymbolIcon-symbolicLinkFileForeground: #616161;--component-explorer-terminalSymbolIcon-symbolicLinkFolderForeground: #616161;--component-explorer-terminalSymbolIcon-symbolText: #616161;--component-explorer-markdownAlert-note\\.foreground: #0063d3;--component-explorer-markdownAlert-tip\\.foreground: #388a34;--component-explorer-markdownAlert-important\\.foreground: #652d90;--component-explorer-markdownAlert-warning\\.foreground: #bf8803;--component-explorer-markdownAlert-caution\\.foreground: #e51400;--component-explorer-welcomePage-tileBackground: #f3f3f3;--component-explorer-welcomePage-tileHoverBackground: #dbdbdb;--component-explorer-welcomePage-tileBorder: rgba(0, 0, 0, .1);--component-explorer-welcomePage-progress\\.background: #ffffff;--component-explorer-welcomePage-progress\\.foreground: #006ab1;--component-explorer-walkthrough-stepTitle\\.foreground: #000000;--component-explorer-walkThrough-embeddedEditorBackground: #f4f4f4;--component-explorer-profiles-sashBorder: rgba(128, 128, 128, .35);--component-explorer-gitDecoration-addedResourceForeground: #587c0c;--component-explorer-gitDecoration-modifiedResourceForeground: #895503;--component-explorer-gitDecoration-deletedResourceForeground: #ad0707;--component-explorer-gitDecoration-renamedResourceForeground: #007100;--component-explorer-gitDecoration-untrackedResourceForeground: #007100;--component-explorer-gitDecoration-ignoredResourceForeground: #8e8e90;--component-explorer-gitDecoration-stageModifiedResourceForeground: #895503;--component-explorer-gitDecoration-stageDeletedResourceForeground: #ad0707;--component-explorer-gitDecoration-conflictingResourceForeground: #ad0707;--component-explorer-gitDecoration-submoduleResourceForeground: #1258a7;--component-explorer-git-blame\\.editorDecorationForeground: #969696;--component-explorer-gitlens-gutterBackgroundColor: rgba(0, 0, 0, .05);--component-explorer-gitlens-gutterForegroundColor: #747474;--component-explorer-gitlens-gutterUncommittedForegroundColor: rgba(0, 188, 242, .6);--component-explorer-gitlens-trailingLineBackgroundColor: rgba(0, 0, 0, 0);--component-explorer-gitlens-trailingLineForegroundColor: rgba(153, 153, 153, .35);--component-explorer-gitlens-lineHighlightBackgroundColor: rgba(0, 188, 242, .2);--component-explorer-gitlens-lineHighlightOverviewRulerColor: rgba(0, 188, 242, .6);--component-explorer-gitlens-openAutolinkedIssueIconColor: #1a7f37;--component-explorer-gitlens-closedAutolinkedIssueIconColor: #8250df;--component-explorer-gitlens-closedPullRequestIconColor: #cf222e;--component-explorer-gitlens-openPullRequestIconColor: #1a7f37;--component-explorer-gitlens-mergedPullRequestIconColor: #8250df;--component-explorer-gitlens-unpublishedChangesIconColor: #35b15e;--component-explorer-gitlens-unpublishedCommitIconColor: #35b15e;--component-explorer-gitlens-unpulledChangesIconColor: #b15e35;--component-explorer-gitlens-decorations\\.addedForegroundColor: #587c0c;--component-explorer-gitlens-decorations\\.copiedForegroundColor: #007100;--component-explorer-gitlens-decorations\\.deletedForegroundColor: #ad0707;--component-explorer-gitlens-decorations\\.ignoredForegroundColor: #8e8e90;--component-explorer-gitlens-decorations\\.modifiedForegroundColor: #895503;--component-explorer-gitlens-decorations\\.untrackedForegroundColor: #007100;--component-explorer-gitlens-decorations\\.renamedForegroundColor: #007100;--component-explorer-gitlens-decorations\\.branchAheadForegroundColor: #35b15e;--component-explorer-gitlens-decorations\\.branchBehindForegroundColor: #b15e35;--component-explorer-gitlens-decorations\\.branchDivergedForegroundColor: #d8af1b;--component-explorer-gitlens-decorations\\.branchMissingUpstreamForegroundColor: #ad0707;--component-explorer-gitlens-decorations\\.statusMergingOrRebasingConflictForegroundColor: #ad0707;--component-explorer-gitlens-decorations\\.statusMergingOrRebasingForegroundColor: #d8af1b;--component-explorer-gitlens-decorations\\.workspaceRepoMissingForegroundColor: #949494;--component-explorer-gitlens-decorations\\.workspaceCurrentForegroundColor: #35b15e;--component-explorer-gitlens-decorations\\.workspaceRepoOpenForegroundColor: #35b15e;--component-explorer-gitlens-decorations\\.worktreeHasUncommittedChangesForegroundColor: #895503;--component-explorer-gitlens-decorations\\.worktreeMissingForegroundColor: #ad0707;--component-explorer-gitlens-graphLane1Color: #15a0bf;--component-explorer-gitlens-graphLane2Color: #0669f7;--component-explorer-gitlens-graphLane3Color: #8e00c2;--component-explorer-gitlens-graphLane4Color: #c517b6;--component-explorer-gitlens-graphLane5Color: #d90171;--component-explorer-gitlens-graphLane6Color: #cd0101;--component-explorer-gitlens-graphLane7Color: #f25d2e;--component-explorer-gitlens-graphLane8Color: #f2ca33;--component-explorer-gitlens-graphLane9Color: #7bd938;--component-explorer-gitlens-graphLane10Color: #2ece9d;--component-explorer-gitlens-graphChangesColumnAddedColor: #2da44e;--component-explorer-gitlens-graphChangesColumnDeletedColor: #cf222e;--component-explorer-gitlens-graphMinimapMarkerHeadColor: #04c814;--component-explorer-gitlens-graphScrollMarkerHeadColor: #04c814;--component-explorer-gitlens-graphMinimapMarkerUpstreamColor: #8cd993;--component-explorer-gitlens-graphScrollMarkerUpstreamColor: #8cd993;--component-explorer-gitlens-graphMinimapMarkerHighlightsColor: #f5cc00;--component-explorer-gitlens-graphScrollMarkerHighlightsColor: #f5cc00;--component-explorer-gitlens-graphMinimapMarkerLocalBranchesColor: #3095e8;--component-explorer-gitlens-graphScrollMarkerLocalBranchesColor: #3095e8;--component-explorer-gitlens-graphMinimapMarkerPullRequestsColor: #ff8f18;--component-explorer-gitlens-graphScrollMarkerPullRequestsColor: #ff8f18;--component-explorer-gitlens-graphMinimapMarkerRemoteBranchesColor: #67ace4;--component-explorer-gitlens-graphScrollMarkerRemoteBranchesColor: #67ace4;--component-explorer-gitlens-graphMinimapMarkerStashesColor: #e467e4;--component-explorer-gitlens-graphScrollMarkerStashesColor: #e467e4;--component-explorer-gitlens-graphMinimapMarkerTagsColor: #d2a379;--component-explorer-gitlens-graphScrollMarkerTagsColor: #d2a379;--component-explorer-gitlens-launchpadIndicatorMergeableColor: #42c954;--component-explorer-gitlens-launchpadIndicatorMergeableHoverColor: #42c954;--component-explorer-gitlens-launchpadIndicatorBlockedColor: #ad0707;--component-explorer-gitlens-launchpadIndicatorBlockedHoverColor: #ad0707;--component-explorer-gitlens-launchpadIndicatorAttentionColor: #cc9b15;--component-explorer-gitlens-launchpadIndicatorAttentionHoverColor: #cc9b15;--component-explorer-issues-newIssueDecoration: rgba(0, 0, 0, .28);--component-explorer-issues-open: #3fb950;--component-explorer-issues-closed: #8957e5;--component-explorer-github-issues\\.closed: #8957e5;--component-explorer-pullRequests-merged: #8957e5;--component-explorer-pullRequests-draft: #6e7681;--component-explorer-pullRequests-open: #3fb950;--component-explorer-pullRequests-closed: #cb2431;--component-explorer-pullRequests-notification: #0063d3;--component-explorer-testExplorer-errorDecorationBackground: #f2dede;--component-explorer-remoteHub-decorations\\.addedForegroundColor: #587c0c;--component-explorer-remoteHub-decorations\\.modifiedForegroundColor: #895503;--component-explorer-remoteHub-decorations\\.deletedForegroundColor: #ad0707;--component-explorer-remoteHub-decorations\\.submoduleForegroundColor: #1258a7;--component-explorer-remoteHub-decorations\\.conflictForegroundColor: #ad0707;--component-explorer-remoteHub-decorations\\.incomingAddedForegroundColor: #587c0c;--component-explorer-remoteHub-decorations\\.incomingModifiedForegroundColor: #895503;--component-explorer-remoteHub-decorations\\.incomingDeletedForegroundColor: #ad0707;--component-explorer-remoteHub-decorations\\.incomingRenamedForegroundColor: #007100;--component-explorer-remoteHub-decorations\\.possibleConflictForegroundColor: #855f00;--component-explorer-remoteHub-decorations\\.ignoredResourceForeground: #8e8e90;--component-explorer-remoteHub-decorations\\.workspaceRepositoriesView\\.hasUncommittedChangesForegroundColor: #895503;--component-explorer-editor-font-feature-settings: "liga" on, "calt" on}';
+class pt {
+  constructor(e, o, n, t) {
+    s(this, "_root");
+    s(this, "_registry", new Rr());
+    s(this, "_daemonModel");
+    s(this, "_reportModel");
+    this._populateRegistry(o), this._registry.loading.set(n, void 0), this._reportModel = this._initializeReportModel(), this._daemonModel = this._reportModel ? void 0 : this._initializeDaemonModel(t);
+    const i = e.attachShadow({ mode: "open" }), c = new CSSStyleSheet();
+    c.replaceSync([dt, lt, st].join(`
+`)), i.adoptedStyleSheets = [c], kn(e);
+    const d = document.createElement("div");
+    d.style.height = "100%", d.style.width = "100%", i.appendChild(d), this._root = Wo(d), this._root.render(qo(et, {
+      registry: this._registry,
+      daemonModel: this._daemonModel,
+      reportModel: this._reportModel
+    }));
+  }
+  _initializeReportModel() {
+    const o = new URLSearchParams(location.search).get("report");
+    if (o)
+      return new ct(o);
+  }
+  _initializeDaemonModel(e) {
+    if (!e)
+      return;
+    const o = new it(e);
+    return o.initialize().catch((n) => {
+      console.error("[ExplorerUIMode] Failed to initialize DaemonModel:", n);
+    }), o;
+  }
+  _populateRegistry(e) {
+    this._registry.clear();
+    for (const [o, n] of Object.entries(e)) {
+      const t = n.default;
+      t && typeof t == "object" && this._registry.register(o, t);
+    }
+  }
+  updateFixtures(e) {
+    this._populateRegistry(e), this._registry.loading.set(!1, void 0);
+  }
+  bumpVersion() {
+  }
+  dispose() {
+    var e;
+    (e = this._daemonModel) == null || e.dispose(), this._root.unmount();
+  }
+}
+class gt {
+  constructor(e, o) {
+    s(this, "sessionId", Math.random().toString(36).slice(2));
+    s(this, "_updateVersion", 0);
+    s(this, "_root");
+    s(this, "_fixtureModules");
+    s(this, "_currentRendering");
+    s(this, "_currentContainer");
+    this._containerElement = e, this._fixtureModules = o, this._root = this._buildTree(o), this._installGlobalApi();
+    const n = this._flattenFixtures(this._root).length;
+    console.log("[headless] Initialized, sessionId:", this.sessionId, "version:", this._updateVersion, "fixtures:", n);
+  }
+  get updateVersion() {
+    return this._updateVersion;
+  }
+  updateFixtures(e) {
+    this._fixtureModules = e, this._root = this._buildTree(e), this._updateVersion++;
+    const o = this._flattenFixtures(this._root).length;
+    console.log("[headless] Registry rebuilt, version:", this._updateVersion, "fixtures:", o);
+  }
+  bumpVersion() {
+    this._updateVersion++, console.log("[headless] Version bumped:", this._updateVersion);
+  }
+  listFixtures() {
+    return this._flattenFixtures(this._root);
+  }
+  async renderFixture(e) {
+    const o = this._findFixtureNode(this._root, e);
+    if (!o || !o.component)
+      throw new Error("Fixture not found: " + e);
+    this._currentRendering && (this._currentRendering.dispose(), this._currentRendering = void 0), this._currentContainer && (this._currentContainer.remove(), this._currentContainer = void 0);
+    const n = document.createElement("div");
+    n.style.display = "inline-block", this._containerElement.appendChild(n), this._currentContainer = n;
+    const t = o.component, i = [];
+    let c;
+    const d = (b) => {
+      c || (c = b);
+    }, l = console.error, p = console.warn, g = console.log;
+    console.error = (...b) => {
+      i.push({ type: "console.error", message: b.map(String).join(" ") }), l.apply(console, b);
+    }, console.warn = (...b) => {
+      i.push({ type: "console.warn", message: b.map(String).join(" ") }), p.apply(console, b);
+    }, console.log = (...b) => {
+      i.push({ type: "console.log", message: b.map(String).join(" ") }), g.apply(console, b);
+    };
+    const u = (b) => {
+      i.push({ type: "window.error", message: b.message });
+    }, x = (b) => {
+      const v = b.reason, _ = v instanceof Error ? v.message : String(v);
+      i.push({ type: "window.unhandledrejection", message: _ });
+    };
+    window.addEventListener("error", u), window.addEventListener("unhandledrejection", x);
+    let k;
+    try {
+      const b = new Ie(n, t);
+      this._currentRendering = b;
+      const v = 3e3, _ = new Promise((Re, Go) => setTimeout(() => Go(new Error(`Fixture timed out after ${v}ms`)), v)), S = await Promise.race([b.waitForRendering(), _]);
+      k = S == null ? void 0 : S.data;
+    } catch (b) {
+      const v = b instanceof Error ? b : new Error(String(b));
+      d({ message: v.message, stack: v.stack });
+    } finally {
+      console.error = l, console.warn = p, console.log = g;
+    }
+    return await new Promise((b) => requestAnimationFrame(() => requestAnimationFrame(() => b()))), window.removeEventListener("error", u), window.removeEventListener("unhandledrejection", x), { hasError: !!c || i.some((b) => b.type !== "console.log" && b.type !== "console.warn"), error: c, events: i, resultData: k };
+  }
+  _buildTree(e) {
+    const o = /* @__PURE__ */ new Map();
+    for (const [n, t] of Object.entries(e)) {
+      const i = t.default;
+      i && typeof i == "object" && o.set(n, i);
+    }
+    return ne(o);
+  }
+  _flattenFixtures(e, o = [], n = []) {
+    var c;
+    const t = n.length > 0 && e.labels.length > 0 ? [.../* @__PURE__ */ new Set([...n, ...e.labels])] : e.labels.length > 0 ? [...e.labels] : [...n], i = [];
+    e.type === "component" && i.push({ fixtureId: e.id.value, fixtureName: e.name, groupPath: o, background: ((c = e.component) == null ? void 0 : c.background) ?? "light", labels: t });
+    for (const d of e.children ?? []) {
+      const l = e.id.value ? [...o, e.name] : o;
+      i.push(...this._flattenFixtures(d, l, t));
+    }
+    return i;
+  }
+  _findFixtureNode(e, o) {
+    if (e.id.value === o) return e;
+    for (const n of e.children ?? []) {
+      const t = this._findFixtureNode(n, o);
+      if (t) return t;
+    }
+  }
+  _installGlobalApi() {
+    const e = this, o = {
+      sessionId: this.sessionId,
+      get updateVersion() {
+        return e._updateVersion;
+      },
+      runtimeVersion: re.toString(),
+      listFixtures: () => this.listFixtures(),
+      renderFixture: (n) => this.renderFixture(n)
+    };
+    window.__componentExplorer__ = o;
+  }
+}
+class ut {
+  constructor(e, o, n) {
+    s(this, "_root");
+    s(this, "_rendering");
+    s(this, "_resizeObserver");
+    this._container = e, this._fixtureId = o, n.then((t) => {
+      this._root = this._buildTree(t), this._render();
+    });
+  }
+  updateFixtures(e) {
+    this._root = this._buildTree(e), this._render();
+  }
+  bumpVersion() {
+    this._render();
+  }
+  _render() {
+    var c, d;
+    if ((c = this._rendering) == null || c.dispose(), this._rendering = void 0, (d = this._resizeObserver) == null || d.disconnect(), this._resizeObserver = void 0, this._container.innerHTML = "", !this._root) return;
+    const e = this._findNode(this._root, this._fixtureId);
+    if (!(e != null && e.component)) {
+      console.error(`[EmbeddedMode] Fixture not found: ${this._fixtureId}`);
+      return;
+    }
+    const o = { ...e.component, isolation: "none" }, n = new Ie(this._container, o);
+    this._rendering = n;
+    const t = this._fixtureId, i = () => {
+      const l = n.renderTarget.getBoundingClientRect();
+      window.parent.postMessage({
+        type: "component-explorer:resize",
+        fixtureId: t,
+        width: l.width,
+        height: l.height
+      }, "*");
+    };
+    this._resizeObserver = new ResizeObserver(i), this._resizeObserver.observe(n.renderTarget);
+  }
+  _buildTree(e) {
+    const o = /* @__PURE__ */ new Map();
+    for (const [n, t] of Object.entries(e)) {
+      const i = t.default;
+      i && typeof i == "object" && o.set(n, i);
+    }
+    return ne(o);
+  }
+  _findNode(e, o) {
+    if (e.id.value === o) return e;
+    for (const n of e.children ?? []) {
+      const t = this._findNode(n, o);
+      if (t) return t;
+    }
+  }
+}
+function mt(r) {
+  const e = r.get("mode");
+  return {
+    mode: e === "headless" || e === "embedded" ? e : void 0,
+    fixture: r.get("fixture") ?? void 0,
+    file: r.get("file") ?? void 0,
+    report: r.get("report") ?? void 0
+  };
+}
+globalThis._buildInfo = Po;
+class Ft {
+  constructor(e, o) {
+    s(this, "_runtime");
+    const n = globalThis._buildInfo;
+    n && console.log(`[component-explorer] v${n.version} (built ${n.date})`);
+    const t = new URLSearchParams(location.search), i = mt(t), c = i.fixture;
+    if (i.mode === "embedded") {
+      if (!c)
+        throw new Error("Embedded mode requires a fixture query parameter");
+      const d = i.file, l = o.loadFixtures(d ? { file: d } : void 0);
+      this._runtime = new ut(e, c, l);
+    } else {
+      const d = i.mode === "headless" ? new gt(e, {}) : new pt(e, {}, !0, o.daemonConfig);
+      this._runtime = d, o.loadFixtures().then((l) => this._runtime.updateFixtures(l));
+    }
+  }
+  updateFixtures(e) {
+    this._runtime.updateFixtures(e);
+  }
+  bumpVersion() {
+    this._runtime.bumpVersion();
+  }
+}
+export {
+  Ur as ChevronDownIcon,
+  $r as ChevronRightIcon,
+  jr as ComponentIcon,
+  it as DaemonModel,
+  et as Explorer,
+  Ft as ExplorerApp,
+  Pr as ExplorerModel,
+  T as FixturePath,
+  Rr as FixtureRegistry,
+  qr as FolderIcon,
+  sn as LeftSidebar,
+  Zr as MoonIcon,
+  Qr as PanelLeftIcon,
+  Kr as PanelRightIcon,
+  ct as ReportModel,
+  mn as RightSidebar,
+  Jr as SunIcon,
+  Xr as TitleBar,
+  de as TitleBarButton,
+  nn as TreeItem,
+  So as TreeView,
+  Qo as VIEWPORT_SIZES,
+  Et as asyncRender,
+  Yo as collectComponents,
+  Oe as createComponentDefinition,
+  ne as createFixtureTree,
+  Ht as defineFixture,
+  Tt as defineFixtureGroup,
+  Mt as defineFixtureVariants,
+  Le as findNodeByPath,
+  Ee as fixtureGroupBrand,
+  He as fixtureVariantsBrand,
+  Jo as getDefaultPropertyValues,
+  St as isComponentDefinition,
+  ye as isFixtureGroup,
+  we as isFixtureVariants,
+  ke as isSingleFixture,
+  Fe as mergeStyles,
+  wt as parseFixtureExport,
+  _t as parseFixtureGroup,
+  Ct as parseFixtureVariants,
+  Bt as parseSingleFixture,
+  Ko as resolveViewport,
+  Te as singleFixtureBrand,
+  h as styles,
+  Ot as syncRender,
+  wo as toExplorerTree
+};
+//# sourceMappingURL=viewer.js.map