@vscode/component-explorer 0.1.1-23 → 0.1.1-24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/viewer.js CHANGED
@@ -1,35 +1,35 @@
1
- var Go = Object.defineProperty;
2
- var Ao = (r, e, o) => e in r ? Go(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
3
- var s = (r, e, o) => Ao(r, typeof e != "symbol" ? e + "" : e, o);
4
- import { f as Te, c as He, s as Me, r as ne, _ as zo } from "./runtimeVersion-DYzHdVhM.js";
5
- import { e as Rt, d as Et, a as Tt, b as Ht, g as Mt } from "./runtimeVersion-DYzHdVhM.js";
6
- import { createRoot as Po } from "react-dom/client";
7
- import { createContext as co, useReducer as Wo, useState as $o, useContext as Uo, useEffect as Oe, createElement as jo } from "react";
8
- import { jsx as a, jsxs as h, Fragment as ye } from "react/jsx-runtime";
9
- import { unstable_batchedUpdates as ao } from "react-dom";
10
- import { SemanticVersion as de } from "@hediet/semver";
11
- function we(r) {
12
- return typeof r == "object" && r !== null && Me in r && r[Me] === !0 && "_options" in r && typeof r._options == "object";
13
- }
14
- function Be(r) {
15
- return typeof r == "object" && r !== null && Te in r && r[Te] === !0 && "_entries" in r && typeof r._entries == "object";
1
+ var Ao = Object.defineProperty;
2
+ var zo = (r, e, o) => e in r ? Ao(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
3
+ var s = (r, e, o) => zo(r, typeof e != "symbol" ? e + "" : e, o);
4
+ import { f as Ee, c as He, s as Te, r as re, _ as Po } from "./runtimeVersion-BqntDCLq.js";
5
+ import { e as Et, d as Ht, a as Tt, b as Mt, g as Ot } from "./runtimeVersion-BqntDCLq.js";
6
+ import { createRoot as Wo } from "react-dom/client";
7
+ import { createContext as io, useReducer as $o, useState as Uo, useContext as jo, useEffect as Me, createElement as qo } from "react";
8
+ import { jsx as a, jsxs as f, Fragment as ve } from "react/jsx-runtime";
9
+ import { unstable_batchedUpdates as co } from "react-dom";
10
+ import { SemanticVersion as ce } from "@hediet/semver";
11
+ function ke(r) {
12
+ return typeof r == "object" && r !== null && Te in r && r[Te] === !0 && "_options" in r && typeof r._options == "object";
13
+ }
14
+ function ye(r) {
15
+ return typeof r == "object" && r !== null && Ee in r && r[Ee] === !0 && "_entries" in r && typeof r._entries == "object";
16
16
  }
17
- function _e(r) {
17
+ function we(r) {
18
18
  return typeof r == "object" && r !== null && He in r && r[He] === !0 && "_variants" in r && typeof r._variants == "object";
19
19
  }
20
- function yt(r) {
21
- return we(r) ? { success: !0, data: r } : Be(r) ? { success: !0, data: r } : _e(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a valid fixture export (missing brand symbol or _options/_entries/_variants)" };
22
- }
23
20
  function wt(r) {
24
- return we(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a SingleFixtureExport" };
21
+ 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)" };
25
22
  }
26
23
  function Bt(r) {
27
- return Be(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureGroupExport" };
24
+ return ke(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a SingleFixtureExport" };
28
25
  }
29
26
  function _t(r) {
30
- return _e(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureVariantsExport" };
27
+ return ye(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureGroupExport" };
28
+ }
29
+ function Ct(r) {
30
+ return we(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureVariantsExport" };
31
31
  }
32
- function Ve(r, e, o, n) {
32
+ function Oe(r, e, o, n) {
33
33
  const t = r._options;
34
34
  return {
35
35
  id: e,
@@ -45,24 +45,36 @@ function Ve(r, e, o, n) {
45
45
  render: t.render
46
46
  };
47
47
  }
48
- function Ct(r) {
48
+ function St(r) {
49
49
  return typeof r == "object" && r !== null && "render" in r && typeof r.render == "function" && "id" in r && "name" in r;
50
50
  }
51
- const qo = {
51
+ class T {
52
+ constructor(e) {
53
+ s(this, "_segments");
54
+ this.value = e;
55
+ }
56
+ get segments() {
57
+ return this._segments ?? (this._segments = this.value.split("/"));
58
+ }
59
+ toString() {
60
+ return this.value;
61
+ }
62
+ }
63
+ const Qo = {
52
64
  mobile: { width: 390, height: 844 },
53
65
  tablet: { width: 768, height: 1024 },
54
66
  desktop: { width: 1440, height: 900 }
55
67
  };
56
- function Qo(r) {
57
- return typeof r == "string" ? { name: r, ...qo[r] } : r;
58
- }
59
68
  function Ko(r) {
69
+ return typeof r == "string" ? { name: r, ...Qo[r] } : r;
70
+ }
71
+ function Jo(r) {
60
72
  const e = {};
61
73
  for (const o of r)
62
74
  e[o.name] = o.defaultValue;
63
75
  return e;
64
76
  }
65
- function Le(r) {
77
+ function Ve(r) {
66
78
  if (r.startsWith("/"))
67
79
  throw new Error(`Fixture path cannot start with '/': ${r}`);
68
80
  if (r.includes("//"))
@@ -70,21 +82,21 @@ function Le(r) {
70
82
  if (r === "")
71
83
  throw new Error("Fixture path cannot be empty (use undefined for default)");
72
84
  }
73
- function Jo(r, e) {
74
- const o = lo(r);
85
+ function Zo(r, e) {
86
+ const o = ao(r);
75
87
  if (e === void 0)
76
88
  return [o];
77
89
  if (e.endsWith("/")) {
78
90
  const n = e.slice(0, -1);
79
91
  if (n)
80
- return Le(n), [...n.split("/"), o];
92
+ return Ve(n), [...n.split("/"), o];
81
93
  throw new Error(`Fixture path cannot be just '/': ${e}`);
82
94
  } else
83
- return Le(e), e.split("/");
95
+ return Ve(e), e.split("/");
84
96
  }
85
- function te(r) {
97
+ function ne(r) {
86
98
  const e = {
87
- id: "",
99
+ id: new T(""),
88
100
  name: "Components",
89
101
  type: "folder",
90
102
  children: [],
@@ -92,8 +104,8 @@ function te(r) {
92
104
  };
93
105
  for (const [o, n] of r)
94
106
  if (n === void 0) {
95
- const t = lo(o), i = {
96
- id: t,
107
+ const t = ao(o), i = {
108
+ id: new T(t),
97
109
  name: t,
98
110
  type: "component",
99
111
  labels: [],
@@ -101,38 +113,38 @@ function te(r) {
101
113
  };
102
114
  e.children || (e.children = []), e.children.push(i);
103
115
  } else {
104
- const t = "_path" in n ? n._path : void 0, i = Jo(o, t);
105
- so(e, i, n, [], o);
116
+ const t = "_path" in n ? n._path : void 0, i = Zo(o, t);
117
+ lo(e, i, n, [], o);
106
118
  }
107
119
  return e;
108
120
  }
109
- function lo(r) {
121
+ function ao(r) {
110
122
  return (r.split("/").pop() ?? r).replace(/\.fixture\.(tsx?|jsx?)$/, "");
111
123
  }
112
- function so(r, e, o, n = [], t = "") {
124
+ function lo(r, e, o, n = [], t = "") {
113
125
  var p, g;
114
126
  let i = r;
115
127
  const c = [...n];
116
128
  for (let u = 0; u < e.length - 1; u++) {
117
129
  const x = e[u];
118
130
  c.push(x);
119
- const k = c.join("/");
120
- let _ = (p = i.children) == null ? void 0 : p.find(
121
- (f) => f.type === "folder" && f.name === x
131
+ const k = new T(c.join("/"));
132
+ let B = (p = i.children) == null ? void 0 : p.find(
133
+ (b) => b.type === "folder" && b.name === x
122
134
  );
123
- _ || (_ = {
135
+ B || (B = {
124
136
  id: k,
125
137
  name: x,
126
138
  type: "folder",
127
139
  children: [],
128
140
  labels: []
129
- }, i.children || (i.children = []), i.children.push(_)), i = _;
141
+ }, i.children || (i.children = []), i.children.push(B)), i = B;
130
142
  }
131
143
  const d = e[e.length - 1];
132
144
  c.push(d);
133
- const l = c.join("/");
134
- if (we(o)) {
135
- const u = Ve(o, l, d, t), x = {
145
+ const l = new T(c.join("/"));
146
+ if (ke(o)) {
147
+ const u = Oe(o, l.value, d, t), x = {
136
148
  id: l,
137
149
  name: d,
138
150
  type: "component",
@@ -140,7 +152,7 @@ function so(r, e, o, n = [], t = "") {
140
152
  labels: [...u.labels]
141
153
  };
142
154
  i.children || (i.children = []), i.children.push(x);
143
- } else if (Be(o)) {
155
+ } else if (ye(o)) {
144
156
  let u = (g = i.children) == null ? void 0 : g.find(
145
157
  (x) => x.type === "folder" && x.name === d
146
158
  );
@@ -152,8 +164,8 @@ function so(r, e, o, n = [], t = "") {
152
164
  labels: [...o._labels ?? []]
153
165
  }, i.children || (i.children = []), i.children.push(u));
154
166
  for (const [x, k] of Object.entries(o._entries))
155
- so(u, [x], k, c, t);
156
- } else if (_e(o)) {
167
+ lo(u, [x], k, c, t);
168
+ } else if (we(o)) {
157
169
  const u = {
158
170
  id: l,
159
171
  name: d,
@@ -163,18 +175,18 @@ function so(r, e, o, n = [], t = "") {
163
175
  };
164
176
  i.children || (i.children = []), i.children.push(u);
165
177
  for (const [x, k] of Object.entries(o._variants)) {
166
- const _ = [...c, x].join("/"), f = {
167
- id: _,
178
+ const B = new T([...c, x].join("/")), b = {
179
+ id: B,
168
180
  name: x,
169
181
  type: "component",
170
- component: Ve(k, _, x, t),
182
+ component: Oe(k, B.value, x, t),
171
183
  labels: [...k._options.labels ?? []]
172
184
  };
173
- u.children.push(f);
185
+ u.children.push(b);
174
186
  }
175
187
  }
176
188
  }
177
- function Ne(r, e) {
189
+ function Le(r, e) {
178
190
  if (e.length === 0)
179
191
  return r;
180
192
  let o = r;
@@ -185,29 +197,29 @@ function Ne(r, e) {
185
197
  }
186
198
  return o;
187
199
  }
188
- function Zo(r) {
200
+ function Yo(r) {
189
201
  if (r.type === "component" && r.component)
190
202
  return [r.component];
191
203
  const e = [];
192
204
  for (const o of r.children ?? [])
193
- e.push(...Zo(o));
205
+ e.push(...Yo(o));
194
206
  return e;
195
207
  }
196
- let G;
197
- function Yo(r) {
198
- G ? G instanceof De ? G.loggers.push(r) : G = new De([G, r]) : G = r;
199
- }
200
- function w() {
201
- return G;
202
- }
203
- let pe;
208
+ let A;
204
209
  function Xo(r) {
205
- pe = r;
210
+ A ? A instanceof Ne ? A.loggers.push(r) : A = new Ne([A, r]) : A = r;
206
211
  }
212
+ function y() {
213
+ return A;
214
+ }
215
+ let le;
207
216
  function er(r) {
208
- pe && pe(r);
217
+ le = r;
218
+ }
219
+ function or(r) {
220
+ le && le(r);
209
221
  }
210
- class De {
222
+ class Ne {
211
223
  constructor(e) {
212
224
  this.loggers = e;
213
225
  }
@@ -260,7 +272,7 @@ class De {
260
272
  o.handleEndTransaction(e);
261
273
  }
262
274
  }
263
- var H;
275
+ var M;
264
276
  (function(r) {
265
277
  let e = !1;
266
278
  function o() {
@@ -277,22 +289,22 @@ var H;
277
289
  const c = Error, d = c.stackTraceLimit;
278
290
  c.stackTraceLimit = 3;
279
291
  const l = new Error().stack;
280
- return c.stackTraceLimit = d, Ce.fromStack(l, i + 1);
292
+ return c.stackTraceLimit = d, Be.fromStack(l, i + 1);
281
293
  }
282
294
  r.ofNthCaller = t;
283
- })(H || (H = {}));
284
- class Ce {
295
+ })(M || (M = {}));
296
+ class Be {
285
297
  static fromStack(e, o) {
286
298
  const n = e.split(`
287
- `), t = or(n[o + 1]);
299
+ `), t = rr(n[o + 1]);
288
300
  if (t)
289
- return new Ce(t.fileName, t.line, t.column, t.id);
301
+ return new Be(t.fileName, t.line, t.column, t.id);
290
302
  }
291
303
  constructor(e, o, n, t) {
292
304
  this.fileName = e, this.line = o, this.column = n, this.id = t;
293
305
  }
294
306
  }
295
- function or(r) {
307
+ function rr(r) {
296
308
  if (!r)
297
309
  return;
298
310
  const e = r.match(/\((.*):(\d+):(\d+)\)/);
@@ -312,32 +324,32 @@ function or(r) {
312
324
  id: r
313
325
  };
314
326
  }
315
- class O {
327
+ class V {
316
328
  constructor(e, o, n) {
317
329
  this.owner = e, this.debugNameSource = o, this.referenceFn = n;
318
330
  }
319
331
  getDebugName(e) {
320
- return rr(e, this);
332
+ return nr(e, this);
321
333
  }
322
334
  }
323
- const Ge = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new WeakMap();
324
- function rr(r, e) {
325
- const o = ge.get(r);
335
+ const De = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new WeakMap();
336
+ function nr(r, e) {
337
+ const o = se.get(r);
326
338
  if (o)
327
339
  return o;
328
- const n = nr(r, e);
340
+ const n = tr(r, e);
329
341
  if (n) {
330
- let t = Ge.get(n) ?? 0;
331
- t++, Ge.set(n, t);
342
+ let t = De.get(n) ?? 0;
343
+ t++, De.set(n, t);
332
344
  const i = t === 1 ? n : `${n}#${t}`;
333
- return ge.set(r, i), i;
345
+ return se.set(r, i), i;
334
346
  }
335
347
  }
336
- function nr(r, e) {
337
- const o = ge.get(r);
348
+ function tr(r, e) {
349
+ const o = se.get(r);
338
350
  if (o)
339
351
  return o;
340
- const n = e.owner ? ir(e.owner) + "." : "";
352
+ const n = e.owner ? cr(e.owner) + "." : "";
341
353
  let t;
342
354
  const i = e.debugNameSource;
343
355
  if (i !== void 0)
@@ -347,56 +359,56 @@ function nr(r, e) {
347
359
  } else
348
360
  return n + i;
349
361
  const c = e.referenceFn;
350
- if (c !== void 0 && (t = Se(c), t !== void 0))
362
+ if (c !== void 0 && (t = _e(c), t !== void 0))
351
363
  return n + t;
352
364
  if (e.owner !== void 0) {
353
- const d = tr(e.owner, r);
365
+ const d = ir(e.owner, r);
354
366
  if (d !== void 0)
355
367
  return n + d;
356
368
  }
357
369
  }
358
- function tr(r, e) {
370
+ function ir(r, e) {
359
371
  for (const o in r)
360
372
  if (r[o] === e)
361
373
  return o;
362
374
  }
363
- const Ae = /* @__PURE__ */ new Map(), ze = /* @__PURE__ */ new WeakMap();
364
- function ir(r) {
365
- const e = ze.get(r);
375
+ const Ge = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new WeakMap();
376
+ function cr(r) {
377
+ const e = Ae.get(r);
366
378
  if (e)
367
379
  return e;
368
- const o = po(r) ?? "Object";
369
- let n = Ae.get(o) ?? 0;
370
- n++, Ae.set(o, n);
380
+ const o = so(r) ?? "Object";
381
+ let n = Ge.get(o) ?? 0;
382
+ n++, Ge.set(o, n);
371
383
  const t = n === 1 ? o : `${o}#${n}`;
372
- return ze.set(r, t), t;
384
+ return Ae.set(r, t), t;
373
385
  }
374
- function po(r) {
386
+ function so(r) {
375
387
  const e = r.constructor;
376
388
  if (e)
377
389
  return e.name === "Object" ? void 0 : e.name;
378
390
  }
379
- function Se(r) {
391
+ function _e(r) {
380
392
  const e = r.toString(), n = /\/\*\*\s*@description\s*([^*]*)\*\//.exec(e), t = n ? n[1] : void 0;
381
393
  return t == null ? void 0 : t.trim();
382
394
  }
383
- let ue;
384
- function cr(r) {
385
- ue = r;
395
+ let pe;
396
+ function ar(r) {
397
+ pe = r;
398
+ }
399
+ let po;
400
+ function dr(r) {
401
+ po = r;
386
402
  }
387
403
  let go;
388
- function ar(r) {
404
+ function lr(r) {
389
405
  go = r;
390
406
  }
391
407
  let uo;
392
- function dr(r) {
408
+ function sr(r) {
393
409
  uo = r;
394
410
  }
395
- let mo;
396
- function lr(r) {
397
- mo = r;
398
- }
399
- class sr {
411
+ class pr {
400
412
  get TChange() {
401
413
  return null;
402
414
  }
@@ -407,12 +419,12 @@ class sr {
407
419
  read(e) {
408
420
  return e ? e.readObservable(this) : this.get();
409
421
  }
410
- map(e, o, n = H.ofCaller()) {
422
+ map(e, o, n = M.ofCaller()) {
411
423
  const t = o === void 0 ? void 0 : e, i = o === void 0 ? e : o;
412
- return ue({
424
+ return pe({
413
425
  owner: t,
414
426
  debugName: () => {
415
- const c = Se(i);
427
+ const c = _e(i);
416
428
  if (c !== void 0)
417
429
  return c;
418
430
  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());
@@ -429,13 +441,13 @@ class sr {
429
441
  * Converts an observable of an observable value into a direct observable of the value.
430
442
  */
431
443
  flatten() {
432
- return ue({
444
+ return pe({
433
445
  owner: void 0,
434
446
  debugName: () => `${this.debugName} (flattened)`
435
447
  }, (e) => this.read(e).read(e));
436
448
  }
437
449
  recomputeInitiallyAndOnChange(e, o) {
438
- return e.add(go(this, o)), this;
450
+ return e.add(po(this, o)), this;
439
451
  }
440
452
  /**
441
453
  * Ensures that this observable is observed. This keeps the cache alive.
@@ -443,29 +455,29 @@ class sr {
443
455
  * Use `recomputeInitiallyAndOnChange` for eager evaluation.
444
456
  */
445
457
  keepObserved(e) {
446
- return e.add(uo(this)), this;
458
+ return e.add(go(this)), this;
447
459
  }
448
460
  get debugValue() {
449
461
  return this.get();
450
462
  }
451
463
  debugGetDependencyGraph() {
452
- return mo(this);
464
+ return uo(this);
453
465
  }
454
466
  }
455
- class Fe extends sr {
467
+ class Ce extends pr {
456
468
  constructor(e) {
457
469
  var o;
458
- super(), this._observers = /* @__PURE__ */ new Set(), (o = w()) == null || o.handleObservableCreated(this, e);
470
+ super(), this._observers = /* @__PURE__ */ new Set(), (o = y()) == null || o.handleObservableCreated(this, e);
459
471
  }
460
472
  addObserver(e) {
461
473
  var n;
462
474
  const o = this._observers.size;
463
- this._observers.add(e), o === 0 && this.onFirstObserverAdded(), o !== this._observers.size && ((n = w()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
475
+ this._observers.add(e), o === 0 && this.onFirstObserverAdded(), o !== this._observers.size && ((n = y()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
464
476
  }
465
477
  removeObserver(e) {
466
478
  var n;
467
479
  const o = this._observers.delete(e);
468
- o && this._observers.size === 0 && this.onLastObserverRemoved(), o && ((n = w()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
480
+ o && this._observers.size === 0 && this.onLastObserverRemoved(), o && ((n = y()) == null || n.handleOnListenerCountChanged(this, this._observers.size));
469
481
  }
470
482
  onFirstObserverAdded() {
471
483
  }
@@ -473,31 +485,31 @@ class Fe extends sr {
473
485
  }
474
486
  log() {
475
487
  var o;
476
- const e = !!w();
477
- return er(this), e || (o = w()) == null || o.handleObservableCreated(this, H.ofCaller()), this;
488
+ const e = !!y();
489
+ return or(this), e || (o = y()) == null || o.handleObservableCreated(this, M.ofCaller()), this;
478
490
  }
479
491
  debugGetObservers() {
480
492
  return this._observers;
481
493
  }
482
494
  }
483
- function fo(r) {
495
+ function mo(r) {
484
496
  return {
485
497
  dispose: r
486
498
  };
487
499
  }
488
- class z extends Error {
500
+ class P extends Error {
489
501
  constructor(e) {
490
- super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, z.prototype);
502
+ super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, P.prototype);
491
503
  }
492
504
  }
493
- function ie(r) {
505
+ function te(r) {
494
506
  throw r;
495
507
  }
496
- function pr(r) {
508
+ function gr(r) {
497
509
  console.error("Unexpected error:", r);
498
510
  }
499
- const Z = (r, e) => r === e;
500
- class Y {
511
+ const Y = (r, e) => r === e;
512
+ class X {
501
513
  constructor() {
502
514
  this.disposables = [], this._isDisposed = !1;
503
515
  }
@@ -525,7 +537,7 @@ class Y {
525
537
  this.disposables = [];
526
538
  }
527
539
  }
528
- function gr(r) {
540
+ function ur(r) {
529
541
  switch (r) {
530
542
  case 0:
531
543
  return "initial";
@@ -539,7 +551,7 @@ function gr(r) {
539
551
  return "<unknown>";
540
552
  }
541
553
  }
542
- class P extends Fe {
554
+ class W extends Ce {
543
555
  get debugName() {
544
556
  return this._debugNameData.getDebugName(this) ?? "(anonymous)";
545
557
  }
@@ -549,7 +561,7 @@ class P extends Fe {
549
561
  }
550
562
  onLastObserverRemoved() {
551
563
  var e, o;
552
- this._state = 0, this._value = void 0, (e = w()) == null || e.handleDerivedCleared(this);
564
+ this._state = 0, this._value = void 0, (e = y()) == null || e.handleDerivedCleared(this);
553
565
  for (const n of this._dependencies)
554
566
  n.removeObserver(this);
555
567
  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);
@@ -599,7 +611,7 @@ class P extends Fe {
599
611
  u.removeObserver(this);
600
612
  this._dependenciesToBeRemoved.clear(), g !== void 0 && g.dispose();
601
613
  }
602
- e = this._didReportChange || l && !this._equalityComparator(p, this._value), (c = w()) == null || c.handleObservableUpdated(this, {
614
+ e = this._didReportChange || l && !this._equalityComparator(p, this._value), (c = y()) == null || c.handleObservableUpdated(this, {
603
615
  oldValue: p,
604
616
  newValue: this._value,
605
617
  change: void 0,
@@ -607,7 +619,7 @@ class P extends Fe {
607
619
  hadValue: l
608
620
  });
609
621
  } catch (d) {
610
- ie(d);
622
+ te(d);
611
623
  }
612
624
  if (this._isComputing = !1, !this._didReportChange && e)
613
625
  for (const d of this._observers)
@@ -621,7 +633,7 @@ class P extends Fe {
621
633
  // IObserver Implementation
622
634
  beginUpdate(e) {
623
635
  if (this._isUpdating)
624
- throw new z("Cyclic deriveds are not supported yet!");
636
+ throw new P("Cyclic deriveds are not supported yet!");
625
637
  this._updateCount++, this._isUpdating = !0;
626
638
  try {
627
639
  const o = this._updateCount === 1;
@@ -658,7 +670,7 @@ class P extends Fe {
658
670
  handleChange(e, o) {
659
671
  var n;
660
672
  if (this._dependencies.has(e) && !this._dependenciesToBeRemoved.has(e) || this._isInBeforeUpdate) {
661
- (n = w()) == null || n.handleDerivedDependencyChanged(this, e, o);
673
+ (n = y()) == null || n.handleDerivedDependencyChanged(this, e, o);
662
674
  let t = !1;
663
675
  try {
664
676
  t = this._changeTracker ? this._changeTracker.handleChange({
@@ -667,7 +679,7 @@ class P extends Fe {
667
679
  didChange: (c) => c === e
668
680
  }, this._changeSummary) : !0;
669
681
  } catch (c) {
670
- ie(c);
682
+ te(c);
671
683
  }
672
684
  const i = this._state === 3;
673
685
  if (t && (this._state === 1 || i) && (this._state = 2, i))
@@ -678,7 +690,7 @@ class P extends Fe {
678
690
  // IReader Implementation
679
691
  _ensureReaderValid() {
680
692
  if (!this._isReaderValid)
681
- throw new z("The reader object cannot be used outside its compute function!");
693
+ throw new P("The reader object cannot be used outside its compute function!");
682
694
  }
683
695
  readObservable(e) {
684
696
  this._ensureReaderValid(), e.addObserver(this);
@@ -691,10 +703,10 @@ class P extends Fe {
691
703
  o.handleChange(this, e);
692
704
  }
693
705
  get store() {
694
- return this._ensureReaderValid(), this._store === void 0 && (this._store = new Y()), this._store;
706
+ return this._ensureReaderValid(), this._store === void 0 && (this._store = new X()), this._store;
695
707
  }
696
708
  get delayedStore() {
697
- return this._ensureReaderValid(), this._delayedStore === void 0 && (this._delayedStore = new Y()), this._delayedStore;
709
+ return this._ensureReaderValid(), this._delayedStore === void 0 && (this._delayedStore = new X()), this._delayedStore;
698
710
  }
699
711
  addObserver(e) {
700
712
  const o = !this._observers.has(e) && this._updateCount > 0;
@@ -706,7 +718,7 @@ class P extends Fe {
706
718
  debugGetState() {
707
719
  return {
708
720
  state: this._state,
709
- stateStr: gr(this._state),
721
+ stateStr: ur(this._state),
710
722
  updateCount: this._updateCount,
711
723
  isComputing: this._isComputing,
712
724
  dependencies: this._dependencies,
@@ -727,26 +739,26 @@ class P extends Fe {
727
739
  i.handleChange(this, n);
728
740
  }
729
741
  }
730
- function R(r, e, o = H.ofCaller()) {
731
- return e !== void 0 ? new P(new O(r, void 0, e), e, void 0, void 0, Z, o) : new P(new O(void 0, void 0, r), r, void 0, void 0, Z, o);
742
+ function R(r, e, o = M.ofCaller()) {
743
+ 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);
732
744
  }
733
- function ur(r, e, o = H.ofCaller()) {
734
- return new P(new O(r.owner, r.debugName, r.debugReferenceFn), e, void 0, r.onLastObserverRemoved, r.equalsFn ?? Z, o);
745
+ function mr(r, e, o = M.ofCaller()) {
746
+ return new W(new V(r.owner, r.debugName, r.debugReferenceFn), e, void 0, r.onLastObserverRemoved, r.equalsFn ?? Y, o);
735
747
  }
736
- cr(ur);
737
- function mr(r, e, o = H.ofCaller()) {
748
+ ar(mr);
749
+ function fr(r, e, o = M.ofCaller()) {
738
750
  let n, t;
739
751
  n = r, t = void 0;
740
752
  let i;
741
- return new P(new O(t, void 0, n), (c) => {
742
- i ? i.clear() : i = new Y();
753
+ return new W(new V(t, void 0, n), (c) => {
754
+ i ? i.clear() : i = new X();
743
755
  const d = n(c);
744
756
  return d && i.add(d), d;
745
757
  }, void 0, () => {
746
758
  i && (i.dispose(), i = void 0);
747
- }, Z, o);
759
+ }, Y, o);
748
760
  }
749
- function fr(r) {
761
+ function hr(r) {
750
762
  switch (r) {
751
763
  case 1:
752
764
  return "dependenciesMightHaveChanged";
@@ -758,13 +770,13 @@ function fr(r) {
758
770
  return "<unknown>";
759
771
  }
760
772
  }
761
- class ho {
773
+ class fo {
762
774
  get debugName() {
763
775
  return this._debugNameData.getDebugName(this) ?? "(anonymous)";
764
776
  }
765
777
  constructor(e, o, n, t) {
766
778
  var i, c;
767
- 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 = w()) == null || c.handleAutorunCreated(this, t), this._run();
779
+ 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();
768
780
  }
769
781
  dispose() {
770
782
  var e;
@@ -772,7 +784,7 @@ class ho {
772
784
  this._disposed = !0;
773
785
  for (const o of this._dependencies)
774
786
  o.removeObserver(this);
775
- this._dependencies.clear(), this._store !== void 0 && this._store.dispose(), this._delayedStore !== void 0 && this._delayedStore.dispose(), (e = w()) == null || e.handleAutorunDisposed(this);
787
+ this._dependencies.clear(), this._store !== void 0 && this._store.dispose(), this._delayedStore !== void 0 && this._delayedStore.dispose(), (e = y()) == null || e.handleAutorunDisposed(this);
776
788
  }
777
789
  }
778
790
  _run() {
@@ -781,19 +793,19 @@ class ho {
781
793
  this._dependenciesToBeRemoved = this._dependencies, this._dependencies = e, this._state = 3;
782
794
  try {
783
795
  if (!this._disposed) {
784
- (o = w()) == null || o.handleAutorunStarted(this);
796
+ (o = y()) == null || o.handleAutorunStarted(this);
785
797
  const c = this._changeSummary, d = this._delayedStore;
786
798
  d !== void 0 && (this._delayedStore = void 0);
787
799
  try {
788
800
  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);
789
801
  } catch (l) {
790
- ie(l);
802
+ te(l);
791
803
  } finally {
792
804
  this._isRunning = !1, d !== void 0 && d.dispose();
793
805
  }
794
806
  }
795
807
  } finally {
796
- this._disposed || (i = w()) == null || i.handleAutorunFinished(this);
808
+ this._disposed || (i = y()) == null || i.handleAutorunFinished(this);
797
809
  for (const c of this._dependenciesToBeRemoved)
798
810
  c.removeObserver(this);
799
811
  this._dependenciesToBeRemoved.clear();
@@ -828,7 +840,7 @@ class ho {
828
840
  handleChange(e, o) {
829
841
  var n;
830
842
  if (this._isDependency(e)) {
831
- (n = w()) == null || n.handleAutorunDependencyChanged(this, e, o);
843
+ (n = y()) == null || n.handleAutorunDependencyChanged(this, e, o);
832
844
  try {
833
845
  (this._changeTracker ? this._changeTracker.handleChange({
834
846
  changedObservable: e,
@@ -836,7 +848,7 @@ class ho {
836
848
  didChange: (i) => i === e
837
849
  }, this._changeSummary) : !0) && (this._state = 2);
838
850
  } catch (t) {
839
- ie(t);
851
+ te(t);
840
852
  }
841
853
  }
842
854
  }
@@ -846,7 +858,7 @@ class ho {
846
858
  // IReader implementation
847
859
  _ensureNoRunning() {
848
860
  if (!this._isRunning)
849
- throw new z("The reader object cannot be used outside its compute function!");
861
+ throw new P("The reader object cannot be used outside its compute function!");
850
862
  }
851
863
  readObservable(e) {
852
864
  if (this._ensureNoRunning(), this._disposed)
@@ -857,13 +869,13 @@ class ho {
857
869
  }
858
870
  get store() {
859
871
  if (this._ensureNoRunning(), this._disposed)
860
- throw new z("Cannot access store after dispose");
861
- return this._store === void 0 && (this._store = new Y()), this._store;
872
+ throw new P("Cannot access store after dispose");
873
+ return this._store === void 0 && (this._store = new X()), this._store;
862
874
  }
863
875
  get delayedStore() {
864
876
  if (this._ensureNoRunning(), this._disposed)
865
- throw new z("Cannot access store after dispose");
866
- return this._delayedStore === void 0 && (this._delayedStore = new Y()), this._delayedStore;
877
+ throw new P("Cannot access store after dispose");
878
+ return this._delayedStore === void 0 && (this._delayedStore = new X()), this._delayedStore;
867
879
  }
868
880
  debugGetState() {
869
881
  return {
@@ -871,42 +883,42 @@ class ho {
871
883
  updateCount: this._updateCount,
872
884
  dependencies: this._dependencies,
873
885
  state: this._state,
874
- stateStr: fr(this._state)
886
+ stateStr: hr(this._state)
875
887
  };
876
888
  }
877
889
  debugRerun() {
878
890
  this._isRunning ? this._state = 2 : this._run();
879
891
  }
880
892
  }
881
- function xo(r, e = H.ofCaller()) {
882
- return new ho(new O(void 0, void 0, r), r, void 0, e);
893
+ function ho(r, e = M.ofCaller()) {
894
+ return new fo(new V(void 0, void 0, r), r, void 0, e);
883
895
  }
884
- function Pe(r) {
896
+ function ze(r) {
885
897
  const e = new Error("BugIndicatingErrorRecovery: " + r);
886
- pr(e), console.error("recovered from an error that indicates a bug", e);
898
+ gr(e), console.error("recovered from an error that indicates a bug", e);
887
899
  }
888
- function bo(r, e) {
889
- const o = new vo(r, e);
900
+ function xo(r, e) {
901
+ const o = new bo(r, e);
890
902
  try {
891
903
  r(o);
892
904
  } finally {
893
905
  o.finish();
894
906
  }
895
907
  }
896
- function hr(r, e, o) {
897
- r ? e(r) : bo(e, o);
908
+ function xr(r, e, o) {
909
+ r ? e(r) : xo(e, o);
898
910
  }
899
- class vo {
911
+ class bo {
900
912
  constructor(e, o) {
901
913
  var n;
902
- this._fn = e, this._getDebugName = o, this._updatingObservers = [], (n = w()) == null || n.handleBeginTransaction(this);
914
+ this._fn = e, this._getDebugName = o, this._updatingObservers = [], (n = y()) == null || n.handleBeginTransaction(this);
903
915
  }
904
916
  getDebugName() {
905
- return this._getDebugName ? this._getDebugName() : Se(this._fn);
917
+ return this._getDebugName ? this._getDebugName() : _e(this._fn);
906
918
  }
907
919
  updateObserver(e, o) {
908
920
  if (!this._updatingObservers) {
909
- Pe("Transaction already finished!"), bo((n) => {
921
+ ze("Transaction already finished!"), xo((n) => {
910
922
  n.updateObserver(e, o);
911
923
  });
912
924
  return;
@@ -917,30 +929,30 @@ class vo {
917
929
  var o;
918
930
  const e = this._updatingObservers;
919
931
  if (!e) {
920
- Pe("transaction.finish() has already been called!");
932
+ ze("transaction.finish() has already been called!");
921
933
  return;
922
934
  }
923
935
  for (let n = 0; n < e.length; n++) {
924
936
  const { observer: t, observable: i } = e[n];
925
937
  t.endUpdate(i);
926
938
  }
927
- this._updatingObservers = null, (o = w()) == null || o.handleEndTransaction(this);
939
+ this._updatingObservers = null, (o = y()) == null || o.handleEndTransaction(this);
928
940
  }
929
941
  debugGetUpdatingObservers() {
930
942
  return this._updatingObservers;
931
943
  }
932
944
  }
933
- function B(r, e, o = H.ofCaller()) {
945
+ function w(r, e, o = M.ofCaller()) {
934
946
  let n;
935
- return typeof r == "string" ? n = new O(void 0, r, void 0) : n = new O(r, void 0, void 0), new ko(n, e, Z, o);
947
+ 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);
936
948
  }
937
- class ko extends Fe {
949
+ class vo extends Ce {
938
950
  get debugName() {
939
951
  return this._debugNameData.getDebugName(this) ?? "ObservableValue";
940
952
  }
941
953
  constructor(e, o, n, t) {
942
954
  var i;
943
- super(t), this._debugNameData = e, this._equalityComparator = n, this._value = o, (i = w()) == null || i.handleObservableUpdated(this, { hadValue: !1, newValue: o, change: void 0, didChange: !0, oldValue: void 0 });
955
+ 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 });
944
956
  }
945
957
  get() {
946
958
  return this._value;
@@ -950,11 +962,11 @@ class ko extends Fe {
950
962
  if (n === void 0 && this._equalityComparator(this._value, e))
951
963
  return;
952
964
  let t;
953
- o || (o = t = new vo(() => {
965
+ o || (o = t = new bo(() => {
954
966
  }, () => `Setting ${this.debugName}`));
955
967
  try {
956
968
  const c = this._value;
957
- this._setValue(e), (i = w()) == null || i.handleObservableUpdated(this, { oldValue: c, newValue: e, change: n, didChange: !0, hadValue: !0 });
969
+ this._setValue(e), (i = y()) == null || i.handleObservableUpdated(this, { oldValue: c, newValue: e, change: n, didChange: !0, hadValue: !0 });
958
970
  for (const d of this._observers)
959
971
  o.updateObserver(d, this), d.handleChange(this, n);
960
972
  } finally {
@@ -976,25 +988,25 @@ class ko extends Fe {
976
988
  this._value = e;
977
989
  }
978
990
  }
979
- function We(...r) {
991
+ function Pe(...r) {
980
992
  let e, o, n, t;
981
- return r.length === 2 ? [o, n] = r : [e, o, n, t] = r, new A(new O(e, void 0, n), o, n, () => A.globalTransaction, Z, t ?? H.ofCaller());
993
+ 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());
982
994
  }
983
- class A extends Fe {
995
+ class z extends Ce {
984
996
  constructor(e, o, n, t, i, c) {
985
997
  super(c), this._debugNameData = e, this.event = o, this._getValue = n, this._getTransaction = t, this._equalityComparator = i, this._hasValue = !1, this.handleEvent = (d) => {
986
998
  var x;
987
999
  const l = this._getValue(d), p = this._value, g = !this._hasValue || !this._equalityComparator(p, l);
988
1000
  let u = !1;
989
- g && (this._value = l, this._hasValue && (u = !0, hr(this._getTransaction(), (k) => {
990
- var _;
991
- (_ = w()) == null || _.handleObservableUpdated(this, { oldValue: p, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
992
- for (const f of this._observers)
993
- k.updateObserver(f, this), f.handleChange(this, void 0);
1001
+ g && (this._value = l, this._hasValue && (u = !0, xr(this._getTransaction(), (k) => {
1002
+ var B;
1003
+ (B = y()) == null || B.handleObservableUpdated(this, { oldValue: p, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
1004
+ for (const b of this._observers)
1005
+ k.updateObserver(b, this), b.handleChange(this, void 0);
994
1006
  }, () => {
995
1007
  const k = this.getDebugName();
996
1008
  return "Event fired" + (k ? `: ${k}` : "");
997
- })), this._hasValue = !0), u || (x = w()) == null || x.handleObservableUpdated(this, { oldValue: p, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
1009
+ })), this._hasValue = !0), u || (x = y()) == null || x.handleObservableUpdated(this, { oldValue: p, newValue: l, change: void 0, didChange: g, hadValue: this._hasValue });
998
1010
  };
999
1011
  }
1000
1012
  getDebugName() {
@@ -1021,39 +1033,39 @@ class A extends Fe {
1021
1033
  }
1022
1034
  }
1023
1035
  (function(r) {
1024
- r.Observer = A;
1036
+ r.Observer = z;
1025
1037
  function e(o, n) {
1026
1038
  let t = !1;
1027
- A.globalTransaction === void 0 && (A.globalTransaction = o, t = !0);
1039
+ z.globalTransaction === void 0 && (z.globalTransaction = o, t = !0);
1028
1040
  try {
1029
1041
  n();
1030
1042
  } finally {
1031
- t && (A.globalTransaction = void 0);
1043
+ t && (z.globalTransaction = void 0);
1032
1044
  }
1033
1045
  }
1034
1046
  r.batchEventsGlobally = e;
1035
- })(We || (We = {}));
1036
- function xr(r) {
1037
- const e = new yo(!1, void 0);
1038
- return r.addObserver(e), fo(() => {
1047
+ })(Pe || (Pe = {}));
1048
+ function br(r) {
1049
+ const e = new ko(!1, void 0);
1050
+ return r.addObserver(e), mo(() => {
1039
1051
  r.removeObserver(e);
1040
1052
  });
1041
1053
  }
1042
- dr(xr);
1043
- function br(r, e) {
1044
- const o = new yo(!0, e);
1054
+ lr(br);
1055
+ function vr(r, e) {
1056
+ const o = new ko(!0, e);
1045
1057
  r.addObserver(o);
1046
1058
  try {
1047
1059
  o.beginUpdate(r);
1048
1060
  } finally {
1049
1061
  o.endUpdate(r);
1050
1062
  }
1051
- return fo(() => {
1063
+ return mo(() => {
1052
1064
  r.removeObserver(o);
1053
1065
  });
1054
1066
  }
1055
- ar(br);
1056
- class yo {
1067
+ dr(vr);
1068
+ class ko {
1057
1069
  constructor(e, o) {
1058
1070
  this._forceRecompute = e, this._handleValue = o, this._counter = 0;
1059
1071
  }
@@ -1068,11 +1080,11 @@ class yo {
1068
1080
  handleChange(e, o) {
1069
1081
  }
1070
1082
  }
1071
- let oe;
1072
- function vr(r) {
1073
- oe || (oe = new kr(), Yo(oe)), oe.addFilteredObj(r);
1083
+ let ee;
1084
+ function kr(r) {
1085
+ ee || (ee = new yr(), Xo(ee)), ee.addFilteredObj(r);
1074
1086
  }
1075
- class kr {
1087
+ class yr {
1076
1088
  constructor() {
1077
1089
  this.indentation = 0, this.changedObservablesSets = /* @__PURE__ */ new WeakMap();
1078
1090
  }
@@ -1084,32 +1096,32 @@ class kr {
1084
1096
  return ((o = this._filteredObjects) == null ? void 0 : o.has(e)) ?? !0;
1085
1097
  }
1086
1098
  textToConsoleArgs(e) {
1087
- return yr([
1088
- W(Cr("| ", this.indentation)),
1099
+ return wr([
1100
+ $(Sr("| ", this.indentation)),
1089
1101
  e
1090
1102
  ]);
1091
1103
  }
1092
1104
  formatInfo(e) {
1093
1105
  return e.hadValue ? e.didChange ? [
1094
- W(" "),
1095
- I(J(e.oldValue, 70), {
1106
+ $(" "),
1107
+ I(Z(e.oldValue, 70), {
1096
1108
  color: "red",
1097
1109
  strikeThrough: !0
1098
1110
  }),
1099
- W(" "),
1100
- I(J(e.newValue, 60), {
1111
+ $(" "),
1112
+ I(Z(e.newValue, 60), {
1101
1113
  color: "green"
1102
1114
  })
1103
- ] : [W(" (unchanged)")] : [
1104
- W(" "),
1105
- I(J(e.newValue, 60), {
1115
+ ] : [$(" (unchanged)")] : [
1116
+ $(" "),
1117
+ I(Z(e.newValue, 60), {
1106
1118
  color: "green"
1107
1119
  }),
1108
- W(" (initial)")
1120
+ $(" (initial)")
1109
1121
  ];
1110
1122
  }
1111
1123
  handleObservableCreated(e) {
1112
- if (e instanceof P) {
1124
+ if (e instanceof W) {
1113
1125
  const o = e;
1114
1126
  this.changedObservablesSets.set(o, /* @__PURE__ */ new Set());
1115
1127
  }
@@ -1118,12 +1130,12 @@ class kr {
1118
1130
  }
1119
1131
  handleObservableUpdated(e, o) {
1120
1132
  if (this._isIncluded(e)) {
1121
- if (e instanceof P) {
1133
+ if (e instanceof W) {
1122
1134
  this._handleDerivedRecomputed(e, o);
1123
1135
  return;
1124
1136
  }
1125
1137
  console.log(...this.textToConsoleArgs([
1126
- $("observable value changed"),
1138
+ U("observable value changed"),
1127
1139
  I(e.debugName, { color: "BlueViolet" }),
1128
1140
  ...this.formatInfo(o)
1129
1141
  ]));
@@ -1142,7 +1154,7 @@ class kr {
1142
1154
  return;
1143
1155
  const n = this.changedObservablesSets.get(e);
1144
1156
  n && (console.log(...this.textToConsoleArgs([
1145
- $("derived recomputed"),
1157
+ U("derived recomputed"),
1146
1158
  I(e.debugName, { color: "BlueViolet" }),
1147
1159
  ...this.formatInfo(o),
1148
1160
  this.formatChanges(n),
@@ -1151,13 +1163,13 @@ class kr {
1151
1163
  }
1152
1164
  handleDerivedCleared(e) {
1153
1165
  this._isIncluded(e) && console.log(...this.textToConsoleArgs([
1154
- $("derived cleared"),
1166
+ U("derived cleared"),
1155
1167
  I(e.debugName, { color: "BlueViolet" })
1156
1168
  ]));
1157
1169
  }
1158
1170
  handleFromEventObservableTriggered(e, o) {
1159
1171
  this._isIncluded(e) && console.log(...this.textToConsoleArgs([
1160
- $("observable from event triggered"),
1172
+ U("observable from event triggered"),
1161
1173
  I(e.debugName, { color: "BlueViolet" }),
1162
1174
  ...this.formatInfo(o),
1163
1175
  { data: [{ fn: e._getValue }] }
@@ -1174,7 +1186,7 @@ class kr {
1174
1186
  handleAutorunStarted(e) {
1175
1187
  const o = this.changedObservablesSets.get(e);
1176
1188
  o && (this._isIncluded(e) && console.log(...this.textToConsoleArgs([
1177
- $("autorun"),
1189
+ U("autorun"),
1178
1190
  I(e.debugName, { color: "BlueViolet" }),
1179
1191
  this.formatChanges(o),
1180
1192
  { data: [{ fn: e._debugNameData.referenceFn ?? e._runFn }] }
@@ -1186,7 +1198,7 @@ class kr {
1186
1198
  handleBeginTransaction(e) {
1187
1199
  let o = e.getDebugName();
1188
1200
  o === void 0 && (o = ""), this._isIncluded(e) && console.log(...this.textToConsoleArgs([
1189
- $("transaction"),
1201
+ U("transaction"),
1190
1202
  I(o, { color: "BlueViolet" }),
1191
1203
  { data: [{ fn: e._fn }] }
1192
1204
  ])), this.indentation++;
@@ -1195,7 +1207,7 @@ class kr {
1195
1207
  this.indentation--;
1196
1208
  }
1197
1209
  }
1198
- function yr(r) {
1210
+ function wr(r) {
1199
1211
  const e = new Array(), o = [];
1200
1212
  let n = "";
1201
1213
  function t(c) {
@@ -1208,11 +1220,11 @@ function yr(r) {
1208
1220
  const i = [n, ...e];
1209
1221
  return i.push(...o), i;
1210
1222
  }
1211
- function W(r) {
1223
+ function $(r) {
1212
1224
  return I(r, { color: "black" });
1213
1225
  }
1214
- function $(r) {
1215
- return I(Sr(`${r}: `, 10), { color: "black", bold: !0 });
1226
+ function U(r) {
1227
+ return I(Fr(`${r}: `, 10), { color: "black", bold: !0 });
1216
1228
  }
1217
1229
  function I(r, e = {
1218
1230
  color: "black"
@@ -1228,14 +1240,14 @@ function I(r, e = {
1228
1240
  style: o(n)
1229
1241
  };
1230
1242
  }
1231
- function J(r, e) {
1243
+ function Z(r, e) {
1232
1244
  try {
1233
- return wr(r, e);
1245
+ return Br(r, e);
1234
1246
  } catch {
1235
1247
  return "[[???]]";
1236
1248
  }
1237
1249
  }
1238
- function wr(r, e) {
1250
+ function Br(r, e) {
1239
1251
  switch (typeof r) {
1240
1252
  case "number":
1241
1253
  return "" + r;
@@ -1246,7 +1258,7 @@ function wr(r, e) {
1246
1258
  case "undefined":
1247
1259
  return "undefined";
1248
1260
  case "object":
1249
- return r === null ? "null" : Array.isArray(r) ? Br(r, e) : _r(r, e);
1261
+ return r === null ? "null" : Array.isArray(r) ? _r(r, e) : Cr(r, e);
1250
1262
  case "symbol":
1251
1263
  return r.toString();
1252
1264
  case "function":
@@ -1255,18 +1267,18 @@ function wr(r, e) {
1255
1267
  return "" + r;
1256
1268
  }
1257
1269
  }
1258
- function Br(r, e) {
1270
+ function _r(r, e) {
1259
1271
  let o = "[ ", n = !0;
1260
1272
  for (const t of r) {
1261
1273
  if (n || (o += ", "), o.length - 5 > e) {
1262
1274
  o += "...";
1263
1275
  break;
1264
1276
  }
1265
- n = !1, o += `${J(t, e - o.length)}`;
1277
+ n = !1, o += `${Z(t, e - o.length)}`;
1266
1278
  }
1267
1279
  return o += " ]", o;
1268
1280
  }
1269
- function _r(r, e) {
1281
+ function Cr(r, e) {
1270
1282
  try {
1271
1283
  if (typeof r.toString == "function" && r.toString !== Object.prototype.toString) {
1272
1284
  const c = r.toString();
@@ -1275,7 +1287,7 @@ function _r(r, e) {
1275
1287
  } catch {
1276
1288
  return "[[Object]]";
1277
1289
  }
1278
- const o = po(r);
1290
+ const o = so(r);
1279
1291
  let n = o ? o + "(" : "{ ", t = !0, i;
1280
1292
  try {
1281
1293
  i = Object.entries(r);
@@ -1287,70 +1299,70 @@ function _r(r, e) {
1287
1299
  n += "...";
1288
1300
  break;
1289
1301
  }
1290
- t = !1, n += `${c}: ${J(d, e - n.length)}`;
1302
+ t = !1, n += `${c}: ${Z(d, e - n.length)}`;
1291
1303
  }
1292
1304
  return n += o ? ")" : " }", n;
1293
1305
  }
1294
- function Cr(r, e) {
1306
+ function Sr(r, e) {
1295
1307
  let o = "";
1296
1308
  for (let n = 1; n <= e; n++)
1297
1309
  o += r;
1298
1310
  return o;
1299
1311
  }
1300
- function Sr(r, e) {
1312
+ function Fr(r, e) {
1301
1313
  for (; r.length < e; )
1302
1314
  r += " ";
1303
1315
  return r;
1304
1316
  }
1305
- function Fr(r, e) {
1306
- const o = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((i) => i), n = T.from(r, o);
1307
- return n ? wo(n, 0, /* @__PURE__ */ new Set()).trim() : "";
1317
+ function Ir(r, e) {
1318
+ const o = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((i) => i), n = H.from(r, o);
1319
+ return n ? yo(n, 0, /* @__PURE__ */ new Set()).trim() : "";
1308
1320
  }
1309
- function wo(r, e, o) {
1321
+ function yo(r, e, o) {
1310
1322
  const n = " ".repeat(e), t = [];
1311
1323
  if (o.has(r.sourceObj))
1312
1324
  return t.push(`${n}* ${r.type} ${r.name} (already listed)`), t.join(`
1313
1325
  `);
1314
- if (o.add(r.sourceObj), t.push(`${n}* ${r.type} ${r.name}:`), t.push(`${n} value: ${J(r.value, 50)}`), t.push(`${n} state: ${r.state}`), r.dependencies.length > 0) {
1326
+ 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) {
1315
1327
  t.push(`${n} dependencies:`);
1316
1328
  for (const c of r.dependencies)
1317
- t.push(wo(c, e + 1, o));
1329
+ t.push(yo(c, e + 1, o));
1318
1330
  }
1319
1331
  return t.join(`
1320
1332
  `);
1321
1333
  }
1322
- class T {
1334
+ class H {
1323
1335
  static from(e, o) {
1324
- if (e instanceof ho) {
1336
+ if (e instanceof fo) {
1325
1337
  const n = e.debugGetState();
1326
- return new T(e, o(e.debugName), "autorun", void 0, n.stateStr, Array.from(n.dependencies).map((t) => T.from(t, o) || T.unknown(t)));
1327
- } else if (e instanceof P) {
1338
+ 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)));
1339
+ } else if (e instanceof W) {
1328
1340
  const n = e.debugGetState();
1329
- return new T(e, o(e.debugName), "derived", n.value, n.stateStr, Array.from(n.dependencies).map((t) => T.from(t, o) || T.unknown(t)));
1330
- } else if (e instanceof ko) {
1341
+ 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)));
1342
+ } else if (e instanceof vo) {
1331
1343
  const n = e.debugGetState();
1332
- return new T(e, o(e.debugName), "observableValue", n.value, "upToDate", []);
1333
- } else if (e instanceof A) {
1344
+ return new H(e, o(e.debugName), "observableValue", n.value, "upToDate", []);
1345
+ } else if (e instanceof z) {
1334
1346
  const n = e.debugGetState();
1335
- return new T(e, o(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
1347
+ return new H(e, o(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
1336
1348
  }
1337
1349
  }
1338
1350
  static unknown(e) {
1339
- return new T(e, "(unknown)", "unknown", void 0, "unknown", []);
1351
+ return new H(e, "(unknown)", "unknown", void 0, "unknown", []);
1340
1352
  }
1341
1353
  constructor(e, o, n, t, i, c) {
1342
1354
  this.sourceObj = e, this.name = o, this.type = n, this.value = t, this.state = i, this.dependencies = c;
1343
1355
  }
1344
1356
  }
1345
- lr(Fr);
1346
- Xo(vr);
1347
- class Ir {
1357
+ sr(Ir);
1358
+ er(kr);
1359
+ class Rr {
1348
1360
  constructor() {
1349
- s(this, "_fixtures", B(this, /* @__PURE__ */ new Map()));
1350
- s(this, "loading", B(this, !1));
1361
+ s(this, "_fixtures", w(this, /* @__PURE__ */ new Map()));
1362
+ s(this, "loading", w(this, !1));
1351
1363
  s(this, "root", R(this, (e) => {
1352
1364
  const o = this._fixtures.read(e);
1353
- return te(o);
1365
+ return ne(o);
1354
1366
  }));
1355
1367
  }
1356
1368
  register(e, o) {
@@ -1366,14 +1378,14 @@ class Ir {
1366
1378
  }
1367
1379
  getNode(e, o) {
1368
1380
  const n = this.root.read(e);
1369
- return Ne(n, o);
1381
+ return Le(n, o);
1370
1382
  }
1371
1383
  getComponentByPath(e) {
1372
- const o = this._fixtures.get(), n = te(o), t = Ne(n, e);
1384
+ const o = this._fixtures.get(), n = ne(o), t = Le(n, e);
1373
1385
  return t == null ? void 0 : t.component;
1374
1386
  }
1375
1387
  }
1376
- class Rr {
1388
+ class Er {
1377
1389
  constructor(e) {
1378
1390
  this._run = e, this._changes = [], this._map = /* @__PURE__ */ new Map(), this._updateCounter = 0;
1379
1391
  }
@@ -1400,84 +1412,84 @@ class Rr {
1400
1412
  }
1401
1413
  }
1402
1414
  function m() {
1403
- return me.instance;
1415
+ return ge.instance;
1404
1416
  }
1405
- function Er() {
1406
- return fe.instance;
1417
+ function Hr() {
1418
+ return ue.instance;
1407
1419
  }
1408
1420
  function Tr() {
1409
- return he.instance;
1421
+ return me.instance;
1410
1422
  }
1411
- m.const = Er;
1423
+ m.const = Hr;
1412
1424
  m.obs = Tr;
1413
- class me {
1425
+ class ge {
1414
1426
  create(e) {
1415
1427
  const o = R((n) => e(n));
1416
1428
  return { read: (n) => o };
1417
1429
  }
1418
1430
  }
1419
- me.instance = new me();
1420
- class fe {
1431
+ ge.instance = new ge();
1432
+ class ue {
1421
1433
  create(e) {
1422
1434
  const o = R((n) => e(n));
1423
1435
  return { read: (n) => o.read(n) };
1424
1436
  }
1425
1437
  }
1426
- fe.instance = new fe();
1427
- class he {
1438
+ ue.instance = new ue();
1439
+ class me {
1428
1440
  create(e) {
1429
1441
  const o = R((n) => {
1430
1442
  const t = e(n);
1431
- return Hr(t) ? t.read(n) : t;
1443
+ return Mr(t) ? t.read(n) : t;
1432
1444
  });
1433
1445
  return { read: (n) => o };
1434
1446
  }
1435
1447
  }
1436
- he.instance = new he();
1437
- function Hr(r) {
1448
+ me.instance = new me();
1449
+ function Mr(r) {
1438
1450
  return typeof r == "object" && r !== null && "read" in r;
1439
1451
  }
1440
- function Q(r, e) {
1452
+ function K(r, e) {
1441
1453
  return Object.fromEntries(Object.entries(r).map(([o, n]) => [o, e(n, o)]));
1442
1454
  }
1443
- const le = Symbol("ViewModelContext");
1444
- class Mr {
1455
+ const ae = Symbol("ViewModelContext");
1456
+ class Or {
1445
1457
  constructor(e) {
1446
- this._store = new Y(), this.props = e;
1458
+ this._store = new X(), this.props = e;
1447
1459
  }
1448
1460
  dispose() {
1449
1461
  this._store.dispose();
1450
1462
  }
1451
1463
  }
1452
- function Or(r) {
1453
- return r[le] || (r[le] = co(void 0)), r[le];
1464
+ function Vr(r) {
1465
+ return r[ae] || (r[ae] = io(void 0)), r[ae];
1454
1466
  }
1455
- function V(r = {}) {
1467
+ function L(r = {}) {
1456
1468
  var e;
1457
- return e = class extends Mr {
1469
+ return e = class extends Or {
1458
1470
  }, e._props = r, e;
1459
1471
  }
1460
- let xe = 0;
1461
- const Vr = new Rr((r) => {
1472
+ let fe = 0;
1473
+ const Lr = new Er((r) => {
1462
1474
  for (const e of r)
1463
1475
  e.rendered = !1;
1464
- if (xe > 0) {
1476
+ if (fe > 0) {
1465
1477
  const e = r.find((o) => o.isRendering);
1466
1478
  e.itemsToRender = r;
1467
1479
  } else
1468
- ao(() => {
1480
+ co(() => {
1469
1481
  for (const e of r)
1470
1482
  e.rendered || e.forceUpdate();
1471
1483
  });
1472
1484
  });
1473
- let Lr = 0;
1474
- class Nr {
1485
+ let Nr = 0;
1486
+ class Dr {
1475
1487
  constructor(e, o) {
1476
1488
  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 = () => () => {
1477
1489
  var n;
1478
1490
  (n = this._disposable) == null || n.dispose();
1479
1491
  }, this.itemsToRender = [], this.handleAfterRender = () => {
1480
- ao(() => {
1492
+ co(() => {
1481
1493
  for (const n of this.itemsToRender)
1482
1494
  n.rendered || n.forceUpdate();
1483
1495
  }), this.itemsToRender = [];
@@ -1487,38 +1499,38 @@ class Nr {
1487
1499
  return this.debugName;
1488
1500
  }
1489
1501
  updateProps(e) {
1490
- this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = B(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = R(this, this._render), this._disposable = Vr.addDependency(this.rendering, this));
1502
+ 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));
1491
1503
  }
1492
1504
  }
1493
- function Ie(r, e, o) {
1494
- const n = (c) => c + 1, t = () => new Nr(r + ++Lr, e), i = function(c) {
1495
- const d = Wo(n, 0)[1], l = $o(t)[0];
1505
+ function Se(r, e, o) {
1506
+ const n = (c) => c + 1, t = () => new Dr(r + ++Nr, e), i = function(c) {
1507
+ const d = $o(n, 0)[1], l = Uo(t)[0];
1496
1508
  for (const p of o ?? [])
1497
- l.contextValues.set(p, Uo(p));
1498
- if (Oe(l.cleanupEffect, []), Oe(l.handleAfterRender), l.isRendering)
1509
+ l.contextValues.set(p, jo(p));
1510
+ if (Me(l.cleanupEffect, []), Me(l.handleAfterRender), l.isRendering)
1499
1511
  throw new Error("Component is already rendering");
1500
- l.isRendering = !0, xe++;
1512
+ l.isRendering = !0, fe++;
1501
1513
  try {
1502
1514
  l.forceUpdate = d, l.updateProps(c);
1503
1515
  const p = l.rendering.get();
1504
1516
  return l.rendered = !0, p;
1505
1517
  } finally {
1506
- l.isRendering = !1, xe--;
1518
+ l.isRendering = !1, fe--;
1507
1519
  }
1508
1520
  };
1509
1521
  return i.displayName = r, i;
1510
1522
  }
1511
- Ie("ObsView", (r) => (e) => r.read(e).children(e));
1523
+ Se("ObsView", (r) => (e) => r.read(e).children(e));
1512
1524
  function E(r, e) {
1513
- return Ie("view", (o) => {
1514
- const n = Q(r, (t, i) => t.create((c) => o.read(c)[i], void 0));
1525
+ return Se("view", (o) => {
1526
+ const n = K(r, (t, i) => t.create((c) => o.read(c)[i], void 0));
1515
1527
  return (t) => {
1516
- const i = Q(n, (c) => c.read(t));
1528
+ const i = K(n, (c) => c.read(t));
1517
1529
  return e(t, i);
1518
1530
  };
1519
1531
  });
1520
1532
  }
1521
- function Dr(r) {
1533
+ function Gr(r) {
1522
1534
  const e = [];
1523
1535
  for (const o of Object.values(r)) {
1524
1536
  const n = o._requiredContext;
@@ -1526,52 +1538,52 @@ function Dr(r) {
1526
1538
  }
1527
1539
  return e;
1528
1540
  }
1529
- function L(r, e, o) {
1530
- const n = typeof e == "function" ? {} : e, t = typeof e == "function" ? e : o, i = "_props" in r ? r._props : {}, c = Dr({ ...i, ...n }), d = Or(r), l = [...c, d];
1531
- return Ie("viewWithModel", (p, g) => {
1532
- const u = g(), x = u.get(d), k = "_props" in r ? Q(r._props, (v, y) => v.create((S) => p.read(S)[y], u.get(v._requiredContext))) : {}, _ = x ? { read: () => x, dispose: () => {
1533
- } } : mr((v) => {
1534
- const y = Q(k, (S) => S.read(v));
1535
- return new r(y);
1536
- }), f = Q(n, (v, y) => v.create((S) => p.read(S)[y], u.get(v._requiredContext)));
1541
+ function N(r, e, o) {
1542
+ 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];
1543
+ return Se("viewWithModel", (p, g) => {
1544
+ 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: () => {
1545
+ } } : fr((v) => {
1546
+ const _ = K(k, (S) => S.read(v));
1547
+ return new r(_);
1548
+ }), b = K(n, (v, _) => v.create((S) => p.read(S)[_], u.get(v._requiredContext)));
1537
1549
  return (v) => {
1538
- const y = _.read(v), S = Q(f, (X) => X.read(v));
1539
- return t(v, y, S);
1550
+ const _ = B.read(v), S = K(b, (Re) => Re.read(v));
1551
+ return t(v, _, S);
1540
1552
  };
1541
1553
  }, l.length > 0 ? l : void 0);
1542
1554
  }
1543
1555
  E({ value: m.obs() }, (r, e) => e.value.read(r));
1544
- co(null);
1545
- function Bo(r) {
1556
+ io(null);
1557
+ function wo(r) {
1546
1558
  var e;
1547
1559
  return {
1548
1560
  id: r.id,
1549
1561
  name: r.name,
1550
1562
  type: r.type,
1551
- children: (e = r.children) == null ? void 0 : e.map(Bo),
1563
+ children: (e = r.children) == null ? void 0 : e.map(wo),
1552
1564
  component: r.component,
1553
1565
  labels: r.labels
1554
1566
  };
1555
1567
  }
1556
- function Gr(r, e) {
1568
+ function Ar(r, e) {
1557
1569
  if (r.name.toLowerCase().includes(e)) return !0;
1558
1570
  for (const o of r.labels)
1559
1571
  if (o.toLowerCase().includes(e)) return !0;
1560
1572
  return !1;
1561
1573
  }
1562
- function Ar(r, e) {
1574
+ function zr(r, e) {
1563
1575
  if (!e) return r;
1564
1576
  const o = e.toLowerCase();
1565
- return _o(r, o);
1577
+ return Bo(r, o);
1566
1578
  }
1567
- function _o(r, e) {
1568
- const o = Gr(r, e);
1579
+ function Bo(r, e) {
1580
+ const o = Ar(r, e);
1569
1581
  if (!r.children || r.children.length === 0)
1570
1582
  return o ? r : void 0;
1571
1583
  if (o) return r;
1572
1584
  const n = [];
1573
1585
  for (const t of r.children) {
1574
- const i = _o(t, e);
1586
+ const i = Bo(t, e);
1575
1587
  i && n.push(i);
1576
1588
  }
1577
1589
  if (n.length !== 0)
@@ -1580,7 +1592,7 @@ function _o(r, e) {
1580
1592
  children: n
1581
1593
  };
1582
1594
  }
1583
- function re(r, e) {
1595
+ function oe(r, e) {
1584
1596
  const {
1585
1597
  storageKey: o,
1586
1598
  defaultValue: n,
@@ -1593,7 +1605,7 @@ function re(r, e) {
1593
1605
  p !== null && (c = i(p));
1594
1606
  } catch {
1595
1607
  }
1596
- const d = B(r, c), l = d.set.bind(d);
1608
+ const d = w(r, c), l = d.set.bind(d);
1597
1609
  return d.set = (p, g) => {
1598
1610
  try {
1599
1611
  localStorage.setItem(o, t(p));
@@ -1602,8 +1614,8 @@ function re(r, e) {
1602
1614
  l(p, g);
1603
1615
  }, d;
1604
1616
  }
1605
- function $e(r, e) {
1606
- const n = new URLSearchParams(location.search).get(e) || void 0, t = B(r, n);
1617
+ function We(r, e) {
1618
+ const n = new URLSearchParams(location.search).get(e) || void 0, t = w(r, n);
1607
1619
  window.addEventListener("popstate", () => {
1608
1620
  const c = new URLSearchParams(location.search);
1609
1621
  t.set(c.get(e) || void 0, void 0);
@@ -1616,59 +1628,61 @@ function $e(r, e) {
1616
1628
  history.replaceState(history.state, "", g), i(c, d);
1617
1629
  }, t;
1618
1630
  }
1619
- function Co(r, e) {
1631
+ function _o(r, e) {
1620
1632
  const o = new URLSearchParams(location.search);
1621
1633
  return o.set(r, e), location.pathname + "?" + o.toString();
1622
1634
  }
1623
- class zr extends V({
1635
+ class Pr extends L({
1624
1636
  registry: m.const(),
1625
1637
  daemonModel: m.const(),
1626
1638
  reportModel: m.const()
1627
1639
  }) {
1628
1640
  constructor() {
1629
1641
  super(...arguments);
1630
- s(this, "leftSidebarVisible", re(this, {
1642
+ s(this, "leftSidebarVisible", oe(this, {
1631
1643
  storageKey: "component-explorer:leftSidebarVisible",
1632
1644
  defaultValue: !0
1633
1645
  }));
1634
- s(this, "rightSidebarVisible", re(this, {
1646
+ s(this, "rightSidebarVisible", oe(this, {
1635
1647
  storageKey: "component-explorer:rightSidebarVisible",
1636
1648
  defaultValue: !1
1637
1649
  }));
1638
- s(this, "isDarkTheme", re(this, {
1650
+ s(this, "isDarkTheme", oe(this, {
1639
1651
  storageKey: "component-explorer:isDarkTheme",
1640
1652
  defaultValue: !0
1641
1653
  }));
1642
- s(this, "selectedNodeId", $e(this, "fixture"));
1643
- s(this, "expandedNodeIds", B(this, this._initialExpandedNodes()));
1644
- s(this, "viewMode", re(this, {
1654
+ s(this, "selectedNodeId", We(this, "fixture"));
1655
+ s(this, "expandedNodeIds", w(this, this._initialExpandedNodes()));
1656
+ s(this, "viewMode", oe(this, {
1645
1657
  storageKey: "component-explorer:viewMode",
1646
1658
  defaultValue: "session"
1647
1659
  }));
1648
1660
  s(this, "loading", R(this, (o) => this.props.registry.loading.read(o)));
1649
- s(this, "searchQuery", $e(this, "search"));
1661
+ s(this, "searchQuery", We(this, "search"));
1650
1662
  /** The explorer's tree derived from the registry or report */
1651
1663
  s(this, "tree", R(this, (o) => {
1652
1664
  const n = this.props.reportModel;
1653
1665
  if (n)
1654
1666
  return n.buildTree(o);
1655
1667
  const t = this.props.registry.root.read(o);
1656
- return Bo(t);
1668
+ return wo(t);
1657
1669
  }));
1658
1670
  s(this, "filteredTree", R(this, (o) => {
1659
1671
  const n = this.tree.read(o), t = this.searchQuery.read(o);
1660
- return Ar(n, t) ?? { ...n, children: [] };
1672
+ return zr(n, t) ?? { ...n, children: [] };
1661
1673
  }));
1662
1674
  s(this, "selectedNode", R(this, (o) => {
1663
1675
  const n = this.selectedNodeId.read(o);
1664
1676
  if (n === void 0) return;
1665
1677
  const t = this.filteredTree.read(o);
1666
- return t.id === n ? t : this._findNode(t.children ?? [], n);
1678
+ return t.id.value === n ? t : this._findNode(t.children ?? [], n);
1667
1679
  }));
1668
1680
  /** List of preview rows to render based on current selection and view mode */
1669
1681
  s(this, "selectedFixtures", R(this, (o) => {
1670
1682
  const n = this.selectedNode.read(o);
1671
- return n ? this.isReportMode ? (this.props.reportModel.state.read(o), this._collectReportRows(n, n.name)) : this.viewMode.read(o) === "diff" && this.daemonAvailable && this.daemon.sessions.read(o).length > 1 ? this._collectDiffRows(n, n.name) : this._collectPreviewRows(n, n.name) : [];
1683
+ if (!n) return [];
1684
+ const t = n.type === "component" ? n.id.segments.slice(-3).join(" / ") : n.name;
1685
+ 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);
1672
1686
  }));
1673
1687
  s(this, "setViewMode", (o) => {
1674
1688
  this.viewMode.set(o, void 0);
@@ -1714,14 +1728,14 @@ class zr extends V({
1714
1728
  _initialExpandedNodes() {
1715
1729
  const o = this.selectedNodeId.get();
1716
1730
  if (!o) return /* @__PURE__ */ new Set([""]);
1717
- const n = o.split("/"), t = /* @__PURE__ */ new Set([""]);
1731
+ const n = new T(o).segments, t = /* @__PURE__ */ new Set([""]);
1718
1732
  for (let i = 1; i <= n.length; i++)
1719
1733
  t.add(n.slice(0, i).join("/"));
1720
1734
  return t;
1721
1735
  }
1722
1736
  _findNode(o, n) {
1723
1737
  for (const t of o) {
1724
- if (t.id === n) return t;
1738
+ if (t.id.value === n) return t;
1725
1739
  if (t.children) {
1726
1740
  const i = this._findNode(t.children, n);
1727
1741
  if (i) return i;
@@ -1733,7 +1747,7 @@ class zr extends V({
1733
1747
  return [{
1734
1748
  type: "single",
1735
1749
  fixture: {
1736
- id: o.id,
1750
+ id: o.id.value,
1737
1751
  name: o.name,
1738
1752
  path: n,
1739
1753
  component: o.component
@@ -1743,14 +1757,14 @@ class zr extends V({
1743
1757
  const i = [];
1744
1758
  for (const c of o.children ?? [])
1745
1759
  c.type === "component" && c.component && i.push({
1746
- id: c.id,
1760
+ id: c.id.value,
1747
1761
  name: c.name,
1748
1762
  path: `${n} / ${c.name}`,
1749
1763
  component: c.component
1750
1764
  });
1751
1765
  return i.length > 0 ? [{
1752
1766
  type: "variants",
1753
- id: o.id,
1767
+ id: o.id.value,
1754
1768
  name: o.name,
1755
1769
  path: n,
1756
1770
  fixtures: i
@@ -1771,11 +1785,11 @@ class zr extends V({
1771
1785
  if (o.type === "component")
1772
1786
  return [{
1773
1787
  type: "screenshot-comparison",
1774
- id: o.id,
1788
+ id: o.id.value,
1775
1789
  name: o.name,
1776
1790
  path: n,
1777
1791
  items: [{
1778
- fixtureId: o.id,
1792
+ fixtureId: o.id.value,
1779
1793
  name: o.name,
1780
1794
  path: n
1781
1795
  }]
@@ -1784,13 +1798,13 @@ class zr extends V({
1784
1798
  const i = [];
1785
1799
  for (const c of o.children ?? [])
1786
1800
  c.type === "component" && i.push({
1787
- fixtureId: c.id,
1801
+ fixtureId: c.id.value,
1788
1802
  name: c.name,
1789
1803
  path: `${n} / ${c.name}`
1790
1804
  });
1791
1805
  return i.length > 0 ? [{
1792
1806
  type: "screenshot-comparison",
1793
- id: o.id,
1807
+ id: o.id.value,
1794
1808
  name: o.name,
1795
1809
  path: n,
1796
1810
  items: i
@@ -1808,14 +1822,14 @@ class zr extends V({
1808
1822
  if (t.status !== "ready") return [];
1809
1823
  const i = t.report.fixtures;
1810
1824
  if (o.type === "component") {
1811
- const d = i[o.id];
1825
+ const d = i[o.id.value];
1812
1826
  return d ? [{
1813
1827
  type: "report-comparison",
1814
- id: o.id,
1828
+ id: o.id.value,
1815
1829
  name: o.name,
1816
1830
  path: n,
1817
1831
  items: [{
1818
- fixtureId: o.id,
1832
+ fixtureId: o.id.value,
1819
1833
  name: o.name,
1820
1834
  path: n,
1821
1835
  entry: d
@@ -1830,7 +1844,7 @@ class zr extends V({
1830
1844
  return c;
1831
1845
  }
1832
1846
  }
1833
- const b = {
1847
+ const h = {
1834
1848
  container: {
1835
1849
  display: "flex",
1836
1850
  flexDirection: "row",
@@ -2019,15 +2033,15 @@ const b = {
2019
2033
  cursor: "pointer"
2020
2034
  }
2021
2035
  };
2022
- function Re(...r) {
2036
+ function Fe(...r) {
2023
2037
  return Object.assign({}, ...r.filter(Boolean));
2024
2038
  }
2025
- class Pr extends V({
2039
+ class Wr extends L({
2026
2040
  active: m()
2027
2041
  }) {
2028
2042
  constructor() {
2029
2043
  super(...arguments);
2030
- s(this, "isHovered", B(this, !1));
2044
+ s(this, "isHovered", w(this, !1));
2031
2045
  s(this, "setHovered", (o) => {
2032
2046
  this.isHovered.set(o, void 0);
2033
2047
  });
@@ -2036,18 +2050,18 @@ class Pr extends V({
2036
2050
  return this.props.active;
2037
2051
  }
2038
2052
  }
2039
- const se = L(
2040
- Pr,
2053
+ const de = N(
2054
+ Wr,
2041
2055
  {
2042
2056
  onClick: m.const(),
2043
2057
  title: m.const(),
2044
2058
  children: m.const()
2045
2059
  },
2046
2060
  (r, e, o) => {
2047
- const n = e.isHovered.read(r), t = e.active.read(r), i = Re(
2048
- b.titleBarButton,
2049
- n && !t && b.titleBarButtonHover,
2050
- t && b.titleBarButtonActive
2061
+ const n = e.isHovered.read(r), t = e.active.read(r), i = Fe(
2062
+ h.titleBarButton,
2063
+ n && !t && h.titleBarButtonHover,
2064
+ t && h.titleBarButtonActive
2051
2065
  );
2052
2066
  return /* @__PURE__ */ a(
2053
2067
  "button",
@@ -2061,20 +2075,20 @@ const se = L(
2061
2075
  }
2062
2076
  );
2063
2077
  }
2064
- ), Wr = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M5.7 13.7L5 13l4.6-4.6L5 3.7l.7-.7 5.3 5.4-5.3 5.3z" }) }), $r = ({ style: r }) => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ a("path", { d: "M11 5.5L6 10.5L5.3 9.8L9.6 5.5L5.3 1.2L6 0.5L11 5.5z", transform: "rotate(90 8 5.5)" }) }), Ur = ({ 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" }) }), 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 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" }) }), Qr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), Kr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" }) }), Jr = () => /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" }) }), Zr = E(
2078
+ ), $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(
2065
2079
  { model: m.const() },
2066
2080
  (r, e) => {
2067
2081
  var d, l;
2068
2082
  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);
2069
- return t.length <= 1 ? null : /* @__PURE__ */ h("div", { style: K.container, children: [
2070
- /* @__PURE__ */ h("div", { style: K.segmentedControl, children: [
2071
- /* @__PURE__ */ a(Ue, { label: "Live", mode: "session", active: n === "session", onClick: () => o.setViewMode("session") }),
2072
- /* @__PURE__ */ a(Ue, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => o.setViewMode("diff") })
2083
+ return t.length <= 1 ? null : /* @__PURE__ */ f("div", { style: J.container, children: [
2084
+ /* @__PURE__ */ f("div", { style: J.segmentedControl, children: [
2085
+ /* @__PURE__ */ a($e, { label: "Live", mode: "session", active: n === "session", onClick: () => o.setViewMode("session") }),
2086
+ /* @__PURE__ */ a($e, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => o.setViewMode("diff") })
2073
2087
  ] }),
2074
- c.length > 0 && /* @__PURE__ */ a("div", { style: K.sessionLinks, children: c.map((p) => /* @__PURE__ */ h(
2088
+ c.length > 0 && /* @__PURE__ */ a("div", { style: J.sessionLinks, children: c.map((p) => /* @__PURE__ */ f(
2075
2089
  "button",
2076
2090
  {
2077
- style: K.sessionLink,
2091
+ style: J.sessionLink,
2078
2092
  onClick: () => o.navigateToSession(p.name),
2079
2093
  title: `Switch to ${p.name} session`,
2080
2094
  children: [
@@ -2087,63 +2101,63 @@ const se = L(
2087
2101
  ] });
2088
2102
  }
2089
2103
  );
2090
- function Ue({ label: r, mode: e, active: o, onClick: n }) {
2104
+ function $e({ label: r, mode: e, active: o, onClick: n }) {
2091
2105
  return /* @__PURE__ */ a(
2092
2106
  "button",
2093
2107
  {
2094
- style: o ? K.segmentActive : K.segment,
2108
+ style: o ? J.segmentActive : J.segment,
2095
2109
  onClick: n,
2096
2110
  children: r
2097
2111
  }
2098
2112
  );
2099
2113
  }
2100
- const Yr = E(
2114
+ const Xr = E(
2101
2115
  {
2102
2116
  model: m.const()
2103
2117
  },
2104
2118
  (r, e) => {
2105
2119
  const o = e.model, n = o.leftSidebarVisible.read(r), t = o.rightSidebarVisible.read(r), i = o.isDarkTheme.read(r), c = o.selectedNode.read(r);
2106
- return /* @__PURE__ */ h("div", { style: b.titleBar, children: [
2107
- /* @__PURE__ */ a("div", { style: b.titleBarSection, children: /* @__PURE__ */ a(
2108
- se,
2120
+ return /* @__PURE__ */ f("div", { style: h.titleBar, children: [
2121
+ /* @__PURE__ */ a("div", { style: h.titleBarSection, children: /* @__PURE__ */ a(
2122
+ de,
2109
2123
  {
2110
2124
  active: n,
2111
2125
  onClick: o.toggleLeftSidebar,
2112
2126
  title: "Toggle left sidebar",
2113
- children: /* @__PURE__ */ a(qr, {})
2127
+ children: /* @__PURE__ */ a(Qr, {})
2114
2128
  }
2115
2129
  ) }),
2116
- /* @__PURE__ */ h("div", { style: b.titleBarCenter, children: [
2117
- o.isReportMode ? /* @__PURE__ */ a("span", { style: { fontSize: 12, color: "var(--component-explorer-descriptionForeground)" }, children: "Screenshot Report" }) : o.daemonAvailable ? /* @__PURE__ */ a(Zr, { model: o }) : null,
2118
- c ? /* @__PURE__ */ h(ye, { children: [
2130
+ /* @__PURE__ */ f("div", { style: h.titleBarCenter, children: [
2131
+ o.isReportMode ? /* @__PURE__ */ a("span", { style: { fontSize: 12, color: "var(--component-explorer-descriptionForeground)" }, children: "Screenshot Report" }) : o.daemonAvailable ? /* @__PURE__ */ a(Yr, { model: o }) : null,
2132
+ c ? /* @__PURE__ */ f(ve, { children: [
2119
2133
  /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-textLink-foreground)" }, children: "<" }),
2120
2134
  /* @__PURE__ */ a("span", { children: c.name }),
2121
2135
  /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-textLink-foreground)" }, children: "/>" })
2122
2136
  ] }) : /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: "No component selected" })
2123
2137
  ] }),
2124
- /* @__PURE__ */ h("div", { style: b.titleBarSection, children: [
2138
+ /* @__PURE__ */ f("div", { style: h.titleBarSection, children: [
2125
2139
  /* @__PURE__ */ a(
2126
- se,
2140
+ de,
2127
2141
  {
2128
2142
  active: !1,
2129
2143
  onClick: o.toggleTheme,
2130
2144
  title: i ? "Switch to light theme" : "Switch to dark theme",
2131
- children: i ? /* @__PURE__ */ a(Kr, {}) : /* @__PURE__ */ a(Jr, {})
2145
+ children: i ? /* @__PURE__ */ a(Jr, {}) : /* @__PURE__ */ a(Zr, {})
2132
2146
  }
2133
2147
  ),
2134
2148
  /* @__PURE__ */ a(
2135
- se,
2149
+ de,
2136
2150
  {
2137
2151
  active: t,
2138
2152
  onClick: o.toggleRightSidebar,
2139
2153
  title: "Toggle right sidebar",
2140
- children: /* @__PURE__ */ a(Qr, {})
2154
+ children: /* @__PURE__ */ a(Kr, {})
2141
2155
  }
2142
2156
  )
2143
2157
  ] })
2144
2158
  ] });
2145
2159
  }
2146
- ), K = {
2160
+ ), J = {
2147
2161
  container: {
2148
2162
  display: "flex",
2149
2163
  alignItems: "center",
@@ -2187,14 +2201,18 @@ const Yr = E(
2187
2201
  color: "var(--component-explorer-textLink-foreground)",
2188
2202
  cursor: "pointer"
2189
2203
  }
2190
- }, Xr = {
2204
+ }, en = {
2191
2205
  display: "flex",
2192
2206
  gap: "3px",
2193
2207
  marginLeft: "6px",
2194
2208
  overflow: "hidden",
2195
2209
  flexShrink: 1,
2196
2210
  minWidth: 0
2197
- }, en = {
2211
+ };
2212
+ function Co(r) {
2213
+ return r.type === "component" ? 1 : (r.children ?? []).reduce((e, o) => e + Co(o), 0);
2214
+ }
2215
+ const on = {
2198
2216
  fontSize: "10px",
2199
2217
  lineHeight: "14px",
2200
2218
  padding: "0 4px",
@@ -2212,27 +2230,27 @@ const Yr = E(
2212
2230
  nodes: m.const(),
2213
2231
  depth: m.const()
2214
2232
  },
2215
- (r, e) => /* @__PURE__ */ a(ye, { children: e.nodes.map((o) => /* @__PURE__ */ a(rn, { model: e.model, node: o, depth: e.depth }, o.id)) })
2233
+ (r, e) => /* @__PURE__ */ a(ve, { children: e.nodes.map((o) => /* @__PURE__ */ a(nn, { model: e.model, node: o, depth: e.depth }, o.id.value)) })
2216
2234
  );
2217
- class on extends V({
2235
+ class rn extends L({
2218
2236
  model: m.const(),
2219
2237
  node: m.const(),
2220
2238
  depth: m.const()
2221
2239
  }) {
2222
2240
  constructor() {
2223
2241
  super(...arguments);
2224
- s(this, "isHovered", B(this, !1));
2242
+ s(this, "isHovered", w(this, !1));
2225
2243
  s(this, "setHovered", (o) => {
2226
2244
  this.isHovered.set(o, void 0);
2227
2245
  });
2228
2246
  s(this, "handleClick", () => {
2229
- this.props.model.selectNode(this.props.node.id);
2247
+ this.props.model.selectNode(this.props.node.id.value);
2230
2248
  });
2231
2249
  s(this, "handleDoubleClick", () => {
2232
- this._hasChildren && this.props.model.toggleNodeExpanded(this.props.node.id);
2250
+ this._hasChildren && this.props.model.toggleNodeExpanded(this.props.node.id.value);
2233
2251
  });
2234
2252
  s(this, "handleChevronClick", (o) => {
2235
- o.stopPropagation(), this.props.model.toggleNodeExpanded(this.props.node.id);
2253
+ o.stopPropagation(), this.props.model.toggleNodeExpanded(this.props.node.id.value);
2236
2254
  });
2237
2255
  }
2238
2256
  // Expose props for render function
@@ -2249,15 +2267,15 @@ class on extends V({
2249
2267
  return !!(this.props.node.children && this.props.node.children.length > 0);
2250
2268
  }
2251
2269
  }
2252
- const rn = L(on, {}, (r, e) => {
2253
- const o = e.explorerModel, n = e.treeNode, t = e.treeDepth, i = !!(n.children && n.children.length > 0), c = i ? o.isNodeExpanded(n.id, r) : !1, l = o.selectedNodeId.read(r) === n.id, p = e.isHovered.read(r), g = Re(
2254
- b.treeItem,
2270
+ const nn = N(rn, {}, (r, e) => {
2271
+ 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(
2272
+ h.treeItem,
2255
2273
  { paddingLeft: `${8 + t * 12}px` },
2256
- l && b.treeItemSelected,
2257
- !l && p && b.treeItemHover
2274
+ l && h.treeItemSelected,
2275
+ !l && p && h.treeItemHover
2258
2276
  );
2259
- return /* @__PURE__ */ h(ye, { children: [
2260
- /* @__PURE__ */ h(
2277
+ return /* @__PURE__ */ f(ve, { children: [
2278
+ /* @__PURE__ */ f(
2261
2279
  "div",
2262
2280
  {
2263
2281
  style: g,
@@ -2266,13 +2284,13 @@ const rn = L(on, {}, (r, e) => {
2266
2284
  onMouseEnter: () => e.setHovered(!0),
2267
2285
  onMouseLeave: () => e.setHovered(!1),
2268
2286
  children: [
2269
- i ? /* @__PURE__ */ a("div", { style: b.treeItemChevron, onClick: e.handleChevronClick, children: c ? /* @__PURE__ */ a($r, {}) : /* @__PURE__ */ a(Wr, {}) }) : /* @__PURE__ */ a("div", { style: b.treeItemChevronPlaceholder }),
2270
- /* @__PURE__ */ a("div", { style: b.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ a(jr, { style: { color: "var(--component-explorer-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ a(Ur, { style: { color: "#deb45b" } }) }),
2271
- /* @__PURE__ */ a("span", { style: b.treeItemLabel, children: n.name }),
2272
- n.labels.some((u) => !u.startsWith(".")) && /* @__PURE__ */ a("span", { style: Xr, children: n.labels.filter((u) => !u.startsWith(".")).map((u) => /* @__PURE__ */ a(
2287
+ i ? /* @__PURE__ */ a("div", { style: h.treeItemChevron, onClick: e.handleChevronClick, children: c ? /* @__PURE__ */ a(Ur, {}) : /* @__PURE__ */ a($r, {}) }) : /* @__PURE__ */ a("div", { style: h.treeItemChevronPlaceholder }),
2288
+ /* @__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" } }) }),
2289
+ /* @__PURE__ */ a("span", { style: h.treeItemLabel, children: n.name }),
2290
+ n.labels.some((u) => !u.startsWith(".")) && /* @__PURE__ */ a("span", { style: en, children: n.labels.filter((u) => !u.startsWith(".")).map((u) => /* @__PURE__ */ a(
2273
2291
  "span",
2274
2292
  {
2275
- style: en,
2293
+ style: on,
2276
2294
  onClick: (x) => {
2277
2295
  x.stopPropagation(), o.searchQuery.set(u, void 0);
2278
2296
  },
@@ -2281,16 +2299,16 @@ const rn = L(on, {}, (r, e) => {
2281
2299
  },
2282
2300
  u
2283
2301
  )) }),
2284
- i && /* @__PURE__ */ a("span", { style: b.treeItemCount, children: n.children.length })
2302
+ n.type === "folder" && i && /* @__PURE__ */ a("span", { style: h.treeItemCount, children: Co(n) })
2285
2303
  ]
2286
2304
  }
2287
2305
  ),
2288
2306
  i && c && /* @__PURE__ */ a(So, { model: o, nodes: n.children, depth: t + 1 })
2289
2307
  ] });
2290
- }), nn = {
2308
+ }), tn = {
2291
2309
  padding: "4px 8px",
2292
2310
  borderBottom: "1px solid var(--component-explorer-panel-border)"
2293
- }, tn = {
2311
+ }, cn = {
2294
2312
  width: "100%",
2295
2313
  height: "24px",
2296
2314
  padding: "0 22px 0 6px",
@@ -2301,9 +2319,9 @@ const rn = L(on, {}, (r, e) => {
2301
2319
  borderRadius: "2px",
2302
2320
  outline: "none",
2303
2321
  boxSizing: "border-box"
2304
- }, cn = {
2305
- position: "relative"
2306
2322
  }, an = {
2323
+ position: "relative"
2324
+ }, dn = {
2307
2325
  position: "absolute",
2308
2326
  right: "2px",
2309
2327
  top: "50%",
@@ -2320,19 +2338,19 @@ const rn = L(on, {}, (r, e) => {
2320
2338
  borderRadius: "2px",
2321
2339
  fontSize: "14px",
2322
2340
  opacity: 0.7
2323
- }, dn = E(
2341
+ }, ln = E(
2324
2342
  {
2325
2343
  model: m.const()
2326
2344
  },
2327
2345
  (r, e) => {
2328
2346
  const o = e.model.searchQuery.read(r);
2329
- return /* @__PURE__ */ a("div", { style: nn, children: /* @__PURE__ */ h("div", { style: cn, children: [
2347
+ return /* @__PURE__ */ a("div", { style: tn, children: /* @__PURE__ */ f("div", { style: an, children: [
2330
2348
  /* @__PURE__ */ a(
2331
2349
  "input",
2332
2350
  {
2333
2351
  type: "text",
2334
2352
  placeholder: "Filter (name or label)",
2335
- style: tn,
2353
+ style: cn,
2336
2354
  value: o ?? "",
2337
2355
  onChange: (n) => e.model.searchQuery.set(n.target.value || void 0, void 0),
2338
2356
  onFocus: (n) => n.target.style.borderColor = "var(--component-explorer-focusBorder)",
@@ -2342,7 +2360,7 @@ const rn = L(on, {}, (r, e) => {
2342
2360
  o && /* @__PURE__ */ a(
2343
2361
  "button",
2344
2362
  {
2345
- style: an,
2363
+ style: dn,
2346
2364
  onClick: () => e.model.searchQuery.set(void 0, void 0),
2347
2365
  title: "Clear filter",
2348
2366
  children: "×"
@@ -2350,29 +2368,29 @@ const rn = L(on, {}, (r, e) => {
2350
2368
  )
2351
2369
  ] }) });
2352
2370
  }
2353
- ), ln = E(
2371
+ ), sn = E(
2354
2372
  {
2355
2373
  model: m.const()
2356
2374
  },
2357
2375
  (r, e) => {
2358
2376
  const o = e.model.filteredTree.read(r);
2359
- return /* @__PURE__ */ h("div", { style: b.sidebar, children: [
2360
- /* @__PURE__ */ a("div", { style: b.sidebarHeader, children: "Explorer" }),
2361
- /* @__PURE__ */ a(dn, { model: e.model }),
2362
- /* @__PURE__ */ a("div", { style: b.sidebarContent, children: /* @__PURE__ */ a(So, { model: e.model, nodes: [o], depth: 0 }) })
2377
+ return /* @__PURE__ */ f("div", { style: h.sidebar, children: [
2378
+ /* @__PURE__ */ a("div", { style: h.sidebarHeader, children: "Explorer" }),
2379
+ /* @__PURE__ */ a(ln, { model: e.model }),
2380
+ /* @__PURE__ */ a("div", { style: h.sidebarContent, children: /* @__PURE__ */ a(So, { model: e.model, nodes: [o], depth: 0 }) })
2363
2381
  ] });
2364
2382
  }
2365
2383
  );
2366
- class sn extends V({}) {
2384
+ class pn extends L({}) {
2367
2385
  constructor() {
2368
2386
  super(...arguments);
2369
- s(this, "checked", B(this, !1));
2387
+ s(this, "checked", w(this, !1));
2370
2388
  s(this, "toggle", () => {
2371
2389
  this.checked.set(!this.checked.get(), void 0);
2372
2390
  });
2373
2391
  }
2374
2392
  }
2375
- const pn = L(sn, {}, (r, e) => {
2393
+ const gn = N(pn, {}, (r, e) => {
2376
2394
  const o = e.checked.read(r), n = {
2377
2395
  position: "relative",
2378
2396
  width: "36px",
@@ -2393,13 +2411,13 @@ const pn = L(sn, {}, (r, e) => {
2393
2411
  transition: "left 0.2s"
2394
2412
  };
2395
2413
  return /* @__PURE__ */ a("div", { style: n, onClick: e.toggle, children: /* @__PURE__ */ a("div", { style: t }) });
2396
- }), gn = E(
2414
+ }), un = E(
2397
2415
  {
2398
2416
  node: m.const()
2399
2417
  },
2400
- (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__ */ h("div", { style: b.propertiesPanel, children: [
2401
- /* @__PURE__ */ h("div", { style: b.propertyRow, children: [
2402
- /* @__PURE__ */ h("div", { style: b.propertyLabel, children: [
2418
+ (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: [
2419
+ /* @__PURE__ */ f("div", { style: h.propertyRow, children: [
2420
+ /* @__PURE__ */ f("div", { style: h.propertyLabel, children: [
2403
2421
  "children",
2404
2422
  /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : string" })
2405
2423
  ] }),
@@ -2407,59 +2425,59 @@ const pn = L(sn, {}, (r, e) => {
2407
2425
  "input",
2408
2426
  {
2409
2427
  type: "text",
2410
- style: b.propertyInput,
2428
+ style: h.propertyInput,
2411
2429
  defaultValue: "Click me",
2412
2430
  placeholder: "Enter text..."
2413
2431
  }
2414
2432
  ),
2415
- /* @__PURE__ */ a("div", { style: b.propertyDescription, children: "Button text content" })
2433
+ /* @__PURE__ */ a("div", { style: h.propertyDescription, children: "Button text content" })
2416
2434
  ] }),
2417
- /* @__PURE__ */ h("div", { style: b.propertyRow, children: [
2418
- /* @__PURE__ */ h("div", { style: b.propertyLabel, children: [
2435
+ /* @__PURE__ */ f("div", { style: h.propertyRow, children: [
2436
+ /* @__PURE__ */ f("div", { style: h.propertyLabel, children: [
2419
2437
  "variant",
2420
2438
  /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
2421
2439
  ] }),
2422
- /* @__PURE__ */ h("select", { style: b.propertySelect, defaultValue: "default", children: [
2440
+ /* @__PURE__ */ f("select", { style: h.propertySelect, defaultValue: "default", children: [
2423
2441
  /* @__PURE__ */ a("option", { value: "default", children: "default" }),
2424
2442
  /* @__PURE__ */ a("option", { value: "primary", children: "primary" }),
2425
2443
  /* @__PURE__ */ a("option", { value: "secondary", children: "secondary" }),
2426
2444
  /* @__PURE__ */ a("option", { value: "destructive", children: "destructive" })
2427
2445
  ] }),
2428
- /* @__PURE__ */ a("div", { style: b.propertyDescription, children: "Visual style variant" })
2446
+ /* @__PURE__ */ a("div", { style: h.propertyDescription, children: "Visual style variant" })
2429
2447
  ] }),
2430
- /* @__PURE__ */ h("div", { style: b.propertyRow, children: [
2431
- /* @__PURE__ */ h("div", { style: b.propertyLabel, children: [
2448
+ /* @__PURE__ */ f("div", { style: h.propertyRow, children: [
2449
+ /* @__PURE__ */ f("div", { style: h.propertyLabel, children: [
2432
2450
  "size",
2433
2451
  /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
2434
2452
  ] }),
2435
- /* @__PURE__ */ h("select", { style: b.propertySelect, defaultValue: "default", children: [
2453
+ /* @__PURE__ */ f("select", { style: h.propertySelect, defaultValue: "default", children: [
2436
2454
  /* @__PURE__ */ a("option", { value: "sm", children: "sm" }),
2437
2455
  /* @__PURE__ */ a("option", { value: "default", children: "default" }),
2438
2456
  /* @__PURE__ */ a("option", { value: "lg", children: "lg" })
2439
2457
  ] }),
2440
- /* @__PURE__ */ a("div", { style: b.propertyDescription, children: "Button size" })
2458
+ /* @__PURE__ */ a("div", { style: h.propertyDescription, children: "Button size" })
2441
2459
  ] }),
2442
- /* @__PURE__ */ h("div", { style: b.propertyRow, children: [
2443
- /* @__PURE__ */ h("div", { style: b.propertyLabel, children: [
2460
+ /* @__PURE__ */ f("div", { style: h.propertyRow, children: [
2461
+ /* @__PURE__ */ f("div", { style: h.propertyLabel, children: [
2444
2462
  "disabled",
2445
2463
  /* @__PURE__ */ a("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : boolean" })
2446
2464
  ] }),
2447
- /* @__PURE__ */ a(pn, {}),
2448
- /* @__PURE__ */ a("div", { style: b.propertyDescription, children: "Disable the button" })
2465
+ /* @__PURE__ */ a(gn, {}),
2466
+ /* @__PURE__ */ a("div", { style: h.propertyDescription, children: "Disable the button" })
2449
2467
  ] })
2450
2468
  ] })
2451
- ), un = E(
2469
+ ), mn = E(
2452
2470
  {
2453
2471
  selectedNode: m.const()
2454
2472
  },
2455
- (r, e) => /* @__PURE__ */ h("div", { style: Re(b.sidebar, b.sidebarRight), children: [
2456
- /* @__PURE__ */ h("div", { style: b.sidebarHeader, children: [
2473
+ (r, e) => /* @__PURE__ */ f("div", { style: Fe(h.sidebar, h.sidebarRight), children: [
2474
+ /* @__PURE__ */ f("div", { style: h.sidebarHeader, children: [
2457
2475
  /* @__PURE__ */ a("span", { style: { marginRight: "6px", color: "var(--component-explorer-textLink-foreground)" }, children: "</>" }),
2458
2476
  "Props"
2459
2477
  ] }),
2460
- /* @__PURE__ */ a("div", { style: b.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ a(gn, { node: e.selectedNode }) : /* @__PURE__ */ a("div", { style: { padding: "12px", color: "var(--component-explorer-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
2478
+ /* @__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" }) })
2461
2479
  ] })
2462
- ), je = 500;
2480
+ ), Ue = 500;
2463
2481
  function Fo(r) {
2464
2482
  let e = null;
2465
2483
  function o() {
@@ -2476,7 +2494,7 @@ function Fo(r) {
2476
2494
  if (e !== null)
2477
2495
  try {
2478
2496
  const t = Object.entries(e);
2479
- t.length > je && (e = Object.fromEntries(t.slice(-je))), localStorage.setItem(r, JSON.stringify(e));
2497
+ t.length > Ue && (e = Object.fromEntries(t.slice(-Ue))), localStorage.setItem(r, JSON.stringify(e));
2480
2498
  } catch {
2481
2499
  }
2482
2500
  }
@@ -2493,19 +2511,19 @@ function Fo(r) {
2493
2511
  };
2494
2512
  }
2495
2513
  const Io = Fo("component-explorer:fixtureHeights"), Ro = Fo("component-explorer:fixtureContentHeights");
2496
- function mn(r, e) {
2514
+ function fn(r, e) {
2497
2515
  Io.set(r, e);
2498
2516
  }
2499
- function fn() {
2517
+ function hn() {
2500
2518
  return Io.getAll();
2501
2519
  }
2502
- function hn(r, e) {
2520
+ function xn(r, e) {
2503
2521
  Ro.set(r, e);
2504
2522
  }
2505
- function xn(r) {
2523
+ function bn(r) {
2506
2524
  return Ro.get(r);
2507
2525
  }
2508
- function qe(r, e) {
2526
+ function je(r, e) {
2509
2527
  const o = [], n = [], t = e instanceof ShadowRoot ? e : e.head;
2510
2528
  for (const i of r)
2511
2529
  if (i.type === "css") {
@@ -2517,86 +2535,90 @@ function qe(r, e) {
2517
2535
  } else i.type === "adopted" && (e.adoptedStyleSheets = [...e.adoptedStyleSheets, i.sheet], n.push(i.sheet));
2518
2536
  return { injectedElements: o, adoptedSheets: n };
2519
2537
  }
2520
- function bn(r, e, o) {
2538
+ function vn(r, e, o) {
2521
2539
  for (const n of r)
2522
2540
  n.remove();
2523
2541
  for (const n of e)
2524
2542
  o.adoptedStyleSheets = o.adoptedStyleSheets.filter((t) => t !== n);
2525
2543
  }
2526
- class Ee {
2544
+ class Ie {
2527
2545
  constructor(e, o) {
2528
2546
  s(this, "renderTarget");
2529
2547
  s(this, "iframe", null);
2530
2548
  s(this, "_abortController", new AbortController());
2531
- s(this, "_rawResult");
2532
2549
  s(this, "_resolvedResult");
2533
2550
  s(this, "_injectedElements", []);
2534
2551
  s(this, "_adoptedSheets", []);
2535
2552
  s(this, "_styleTarget", document);
2553
+ s(this, "_rendered");
2536
2554
  this.component = o;
2537
2555
  const n = o.isolation;
2538
2556
  if (n === "shadow-dom") {
2539
- const i = e.attachShadow({ mode: "open" });
2540
- if (this._styleTarget = i, o.styles) {
2541
- const { injectedElements: c, adoptedSheets: d } = qe(o.styles, i);
2542
- this._injectedElements = c, this._adoptedSheets = d;
2557
+ const c = e.attachShadow({ mode: "open" });
2558
+ if (this._styleTarget = c, o.styles) {
2559
+ const { injectedElements: d, adoptedSheets: l } = je(o.styles, c);
2560
+ this._injectedElements = d, this._adoptedSheets = l;
2543
2561
  }
2544
- this.renderTarget = document.createElement("div"), i.appendChild(this.renderTarget);
2562
+ this.renderTarget = document.createElement("div"), c.appendChild(this.renderTarget);
2545
2563
  } else if (n === "iframe") {
2546
- const i = document.createElement("iframe");
2547
- i.style.border = "none", i.style.display = "block", i.style.width = "100%", i.style.height = (xn(o.id) ?? 0) + "px";
2548
- const c = new URL(location.pathname, location.origin);
2549
- c.searchParams.set("mode", "embedded"), c.searchParams.set("fixture", o.id), c.searchParams.set("file", o.sourceFile), i.src = c.toString(), e.appendChild(i), this.iframe = i;
2550
- const d = (l) => {
2551
- var p;
2552
- if (l.source === i.contentWindow && ((p = l.data) == null ? void 0 : p.type) === "component-explorer:resize") {
2553
- const g = l.data.height;
2554
- i.style.height = g + "px", hn(o.id, g);
2564
+ const c = document.createElement("iframe");
2565
+ c.style.border = "none", c.style.display = "block", c.style.width = "100%", c.style.height = (bn(o.id) ?? 0) + "px";
2566
+ const d = new URL(location.pathname, location.origin);
2567
+ 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;
2568
+ const l = (p) => {
2569
+ var g;
2570
+ if (p.source === c.contentWindow && ((g = p.data) == null ? void 0 : g.type) === "component-explorer:resize") {
2571
+ const u = p.data.height;
2572
+ c.style.height = u + "px", xn(o.id, u);
2555
2573
  }
2556
2574
  };
2557
- window.addEventListener("message", d), this._abortController.signal.addEventListener("abort", () => {
2558
- window.removeEventListener("message", d);
2559
- }), this.renderTarget = i;
2575
+ window.addEventListener("message", l), this._abortController.signal.addEventListener("abort", () => {
2576
+ window.removeEventListener("message", l);
2577
+ }), this.renderTarget = c, this._rendered = Promise.resolve(void 0);
2560
2578
  return;
2561
2579
  } else {
2562
2580
  if (o.styles) {
2563
- const { injectedElements: i, adoptedSheets: c } = qe(o.styles, document);
2564
- this._injectedElements = i, this._adoptedSheets = c;
2581
+ const { injectedElements: c, adoptedSheets: d } = je(o.styles, document);
2582
+ this._injectedElements = c, this._adoptedSheets = d;
2565
2583
  }
2566
2584
  this.renderTarget = document.createElement("div"), e.appendChild(this.renderTarget);
2567
2585
  }
2568
- const t = Ko(o.properties);
2569
- this._rawResult = o.render(this.renderTarget, {
2586
+ const t = Jo(o.properties), i = o.render(this.renderTarget, {
2570
2587
  props: t,
2571
2588
  signal: this._abortController.signal
2572
- }), this._rawResult instanceof Promise ? this._rawResult.then((i) => {
2573
- var c;
2574
- this._abortController.signal.aborted ? (c = i == null ? void 0 : i.dispose) == null || c.call(i) : this._resolvedResult = i ?? void 0;
2575
- }).catch(() => {
2576
- }) : this._resolvedResult = this._rawResult ?? void 0;
2589
+ });
2590
+ i instanceof Promise ? this._rendered = i.then((c) => {
2591
+ var d;
2592
+ if (this._abortController.signal.aborted) {
2593
+ (d = c == null ? void 0 : c.dispose) == null || d.call(c);
2594
+ return;
2595
+ }
2596
+ return this._resolvedResult = c ?? void 0, this._resolvedResult;
2597
+ }) : (this._resolvedResult = i ?? void 0, this._rendered = Promise.resolve(this._resolvedResult));
2577
2598
  }
2578
- get result() {
2579
- return this._rawResult;
2599
+ async waitForRendering() {
2600
+ const e = await this._rendered;
2601
+ return await (e == null ? void 0 : e.ready), e;
2580
2602
  }
2581
2603
  dispose() {
2582
2604
  var e, o;
2583
- this._abortController.abort(), (o = (e = this._resolvedResult) == null ? void 0 : e.dispose) == null || o.call(e), this._resolvedResult = void 0, bn(this._injectedElements, this._adoptedSheets, this._styleTarget);
2605
+ 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);
2584
2606
  }
2585
2607
  }
2586
- let be;
2587
- function vn(r) {
2588
- be = r;
2608
+ let he;
2609
+ function kn(r) {
2610
+ he = r;
2589
2611
  }
2590
- function kn() {
2591
- if (!be)
2612
+ function yn() {
2613
+ if (!he)
2592
2614
  throw new Error("Explorer shadow host not initialized");
2593
- return be;
2615
+ return he;
2594
2616
  }
2595
- const Eo = /* @__PURE__ */ new WeakSet(), Qe = HTMLElement.prototype.focus;
2617
+ const Eo = /* @__PURE__ */ new WeakSet(), qe = HTMLElement.prototype.focus;
2596
2618
  HTMLElement.prototype.focus = function(r) {
2597
- !(r != null && r.preventScroll) && yn(this) ? Qe.call(this, { ...r, preventScroll: !0 }) : Qe.call(this, r);
2619
+ !(r != null && r.preventScroll) && wn(this) ? qe.call(this, { ...r, preventScroll: !0 }) : qe.call(this, r);
2598
2620
  };
2599
- function yn(r) {
2621
+ function wn(r) {
2600
2622
  let e = r;
2601
2623
  for (; e; ) {
2602
2624
  if (e instanceof HTMLElement && Eo.has(e))
@@ -2605,11 +2627,11 @@ function yn(r) {
2605
2627
  }
2606
2628
  return !1;
2607
2629
  }
2608
- function wn(r) {
2630
+ function Bn(r) {
2609
2631
  Eo.add(r);
2610
2632
  }
2611
- let Bn = 0;
2612
- class _n extends V({
2633
+ let _n = 0;
2634
+ class Cn extends L({
2613
2635
  fixture: m.const(),
2614
2636
  compact: m.const(),
2615
2637
  onSelect: m.const()
@@ -2620,21 +2642,21 @@ class _n extends V({
2620
2642
  s(this, "_fixtureContainer", null);
2621
2643
  s(this, "_rendering", null);
2622
2644
  s(this, "_resizeObserver", null);
2623
- s(this, "measuredWidth", B(this, void 0));
2624
- s(this, "measuredHeight", B(this, void 0));
2625
- s(this, "slotName", `fixture-${Bn++}`);
2645
+ s(this, "measuredWidth", w(this, void 0));
2646
+ s(this, "measuredHeight", w(this, void 0));
2647
+ s(this, "slotName", `fixture-${_n++}`);
2626
2648
  s(this, "setCanvasRef", (o) => {
2627
2649
  if (o === this._canvasRef || (this._cleanup(), this._canvasRef = o, !o)) return;
2628
- const n = kn(), t = document.createElement("div");
2650
+ const n = yn(), t = document.createElement("div");
2629
2651
  t.slot = this.slotName;
2630
2652
  const i = this.fixture.component, c = i.displayMode;
2631
2653
  if (c.type === "page") {
2632
- const l = c.viewports[0], p = Qo(l);
2654
+ const l = c.viewports[0], p = Ko(l);
2633
2655
  t.style.width = `${p.width}px`, t.style.height = `${p.height}px`, t.style.overflow = "auto";
2634
2656
  } else
2635
2657
  t.style.all = "initial", t.style.display = "inline-block";
2636
- n.appendChild(t), this._fixtureContainer = t, wn(t);
2637
- const d = new Ee(t, i);
2658
+ n.appendChild(t), this._fixtureContainer = t, Bn(t);
2659
+ const d = new Ie(t, i);
2638
2660
  this._rendering = d, this._resizeObserver = new ResizeObserver((l) => {
2639
2661
  for (const p of l) {
2640
2662
  const { width: g, height: u } = p.contentRect;
@@ -2660,17 +2682,17 @@ class _n extends V({
2660
2682
  this._cleanup();
2661
2683
  }
2662
2684
  }
2663
- const To = L(
2664
- _n,
2685
+ const Ho = N(
2686
+ Cn,
2665
2687
  {},
2666
2688
  (r, e) => {
2667
- 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 ? j.wrapperCompact : j.wrapper, p = c ? j.nameCompact : j.name;
2668
- return /* @__PURE__ */ h("div", { style: l, children: [
2669
- /* @__PURE__ */ h("div", { style: j.labelRow, children: [
2689
+ 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;
2690
+ return /* @__PURE__ */ f("div", { style: l, children: [
2691
+ /* @__PURE__ */ f("div", { style: q.labelRow, children: [
2670
2692
  c && /* @__PURE__ */ a(
2671
2693
  "a",
2672
2694
  {
2673
- href: Co("fixture", o.id),
2695
+ href: _o("fixture", o.id),
2674
2696
  style: { ...p, textDecoration: "none", color: "inherit" },
2675
2697
  onClick: (g) => {
2676
2698
  e.onSelect && (g.preventDefault(), e.onSelect(o.id));
@@ -2678,13 +2700,13 @@ const To = L(
2678
2700
  children: o.name
2679
2701
  }
2680
2702
  ),
2681
- !c && d && /* @__PURE__ */ a("span", { style: j.dimensions, children: d })
2703
+ !c && d && /* @__PURE__ */ a("span", { style: q.dimensions, children: d })
2682
2704
  ] }),
2683
- /* @__PURE__ */ a("div", { ref: e.setCanvasRef, style: In(n.background), children: /* @__PURE__ */ a("slot", { name: e.slotName }) })
2705
+ /* @__PURE__ */ a("div", { ref: e.setCanvasRef, style: Rn(n.background), children: /* @__PURE__ */ a("slot", { name: e.slotName }) })
2684
2706
  ] });
2685
2707
  }
2686
- ), U = 8;
2687
- function Ho(r, e) {
2708
+ ), j = 8;
2709
+ function To(r, e) {
2688
2710
  return `
2689
2711
  linear-gradient(45deg, ${e} 25%, transparent 25%),
2690
2712
  linear-gradient(-45deg, ${e} 25%, transparent 25%),
@@ -2692,31 +2714,31 @@ function Ho(r, e) {
2692
2714
  linear-gradient(-45deg, transparent 75%, ${e} 75%)
2693
2715
  `;
2694
2716
  }
2695
- const Cn = {
2717
+ const Sn = {
2696
2718
  backgroundColor: "#ffffff",
2697
- backgroundImage: Ho("#ffffff", "#e5e5e5")
2698
- }, Sn = {
2699
- backgroundColor: "#1e1e1e",
2700
- backgroundImage: Ho("#1e1e1e", "#2d2d2d")
2719
+ backgroundImage: To("#ffffff", "#e5e5e5")
2701
2720
  }, Fn = {
2721
+ backgroundColor: "#1e1e1e",
2722
+ backgroundImage: To("#1e1e1e", "#2d2d2d")
2723
+ }, In = {
2702
2724
  display: "inline-block",
2703
2725
  padding: "12px",
2704
2726
  borderRadius: "4px",
2705
- backgroundSize: `${U * 2}px ${U * 2}px`,
2706
- backgroundPosition: `0 0, 0 ${U}px, ${U}px -${U}px, -${U}px 0`,
2727
+ backgroundSize: `${j * 2}px ${j * 2}px`,
2728
+ backgroundPosition: `0 0, 0 ${j}px, ${j}px -${j}px, -${j}px 0`,
2707
2729
  boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)",
2708
2730
  overflow: "hidden",
2709
2731
  position: "relative"
2710
2732
  };
2711
- function In(r) {
2712
- const e = r === "dark" ? Sn : Cn;
2733
+ function Rn(r) {
2734
+ const e = r === "dark" ? Fn : Sn;
2713
2735
  return {
2714
- ...Fn,
2736
+ ...In,
2715
2737
  backgroundColor: e.backgroundColor,
2716
2738
  backgroundImage: e.backgroundImage
2717
2739
  };
2718
2740
  }
2719
- const j = {
2741
+ const q = {
2720
2742
  wrapper: {
2721
2743
  marginBottom: "32px"
2722
2744
  },
@@ -2745,16 +2767,16 @@ const j = {
2745
2767
  fontFamily: "var(--component-explorer-editor-font-family, monospace)"
2746
2768
  }
2747
2769
  };
2748
- class Rn extends V({
2770
+ class En extends L({
2749
2771
  fixtureId: m.const(),
2750
2772
  sessionName: m.const(),
2751
2773
  daemon: m.const()
2752
2774
  }) {
2753
2775
  constructor(o) {
2754
2776
  super(o);
2755
- s(this, "screenshot", B(this, { status: "idle" }));
2777
+ s(this, "screenshot", w(this, { status: "idle" }));
2756
2778
  s(this, "_fetchVersion", 0);
2757
- this._store.add(xo((n) => {
2779
+ this._store.add(ho((n) => {
2758
2780
  this.props.daemon.sourceTreeIds.read(n).get(this.props.sessionName) && this._fetchScreenshot();
2759
2781
  }));
2760
2782
  }
@@ -2772,26 +2794,26 @@ class Rn extends V({
2772
2794
  }
2773
2795
  }
2774
2796
  }
2775
- const Ke = L(
2776
- Rn,
2797
+ const Qe = N(
2798
+ En,
2777
2799
  {},
2778
2800
  (r, e) => {
2779
2801
  const o = e.screenshot.read(r);
2780
2802
  if (o.status === "idle" || o.status === "loading")
2781
- return /* @__PURE__ */ a("div", { style: N.placeholder, children: /* @__PURE__ */ a("div", { style: N.shimmer }) });
2803
+ return /* @__PURE__ */ a("div", { style: D.placeholder, children: /* @__PURE__ */ a("div", { style: D.shimmer }) });
2782
2804
  if (o.status === "error")
2783
- return /* @__PURE__ */ a("div", { style: N.error, children: /* @__PURE__ */ a("span", { style: N.errorText, children: "Screenshot failed" }) });
2805
+ return /* @__PURE__ */ a("div", { style: D.error, children: /* @__PURE__ */ a("span", { style: D.errorText, children: "Screenshot failed" }) });
2784
2806
  const { data: n } = o;
2785
2807
  return n.image ? /* @__PURE__ */ a(
2786
2808
  "img",
2787
2809
  {
2788
2810
  src: `data:image/png;base64,${n.image}`,
2789
- style: N.image,
2811
+ style: D.image,
2790
2812
  alt: `Screenshot of ${e.fixtureId}`
2791
2813
  }
2792
- ) : /* @__PURE__ */ a("div", { style: N.placeholder, children: /* @__PURE__ */ a("span", { style: N.hashText, children: n.hash.slice(0, 12) }) });
2814
+ ) : /* @__PURE__ */ a("div", { style: D.placeholder, children: /* @__PURE__ */ a("span", { style: D.hashText, children: n.hash.slice(0, 12) }) });
2793
2815
  }
2794
- ), N = {
2816
+ ), D = {
2795
2817
  placeholder: {
2796
2818
  minHeight: 80,
2797
2819
  display: "flex",
@@ -2834,7 +2856,7 @@ const Ke = L(
2834
2856
  border: "1px solid var(--component-explorer-panel-border)"
2835
2857
  }
2836
2858
  };
2837
- class En extends V({
2859
+ class Hn extends L({
2838
2860
  fixtureId: m.const(),
2839
2861
  daemon: m.const(),
2840
2862
  baselineSession: m.const(),
@@ -2842,8 +2864,8 @@ class En extends V({
2842
2864
  }) {
2843
2865
  constructor(o) {
2844
2866
  super(o);
2845
- s(this, "comparisonStatus", B(this, { status: "loading" }));
2846
- this._store.add(xo((n) => {
2867
+ s(this, "comparisonStatus", w(this, { status: "loading" }));
2868
+ this._store.add(ho((n) => {
2847
2869
  const t = this.props.daemon.sourceTreeIds.read(n), i = t.get(this.props.baselineSession), c = t.get(this.props.currentSession);
2848
2870
  i && c && this._fetchComparison();
2849
2871
  }));
@@ -2874,21 +2896,21 @@ class En extends V({
2874
2896
  }
2875
2897
  }
2876
2898
  }
2877
- const Tn = L(
2878
- En,
2899
+ const Tn = N(
2900
+ Hn,
2879
2901
  {},
2880
2902
  (r, e) => {
2881
2903
  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" });
2882
- return /* @__PURE__ */ h("div", { style: F.fixtureRow, children: [
2883
- /* @__PURE__ */ h("div", { style: F.fixtureLabel, children: [
2904
+ return /* @__PURE__ */ f("div", { style: F.fixtureRow, children: [
2905
+ /* @__PURE__ */ f("div", { style: F.fixtureLabel, children: [
2884
2906
  /* @__PURE__ */ a("span", { style: F.fixtureName, children: e.fixtureId }),
2885
2907
  n
2886
2908
  ] }),
2887
- /* @__PURE__ */ h("div", { style: F.sideBySide, children: [
2888
- /* @__PURE__ */ h("div", { style: F.screenshotColumn, children: [
2909
+ /* @__PURE__ */ f("div", { style: F.sideBySide, children: [
2910
+ /* @__PURE__ */ f("div", { style: F.screenshotColumn, children: [
2889
2911
  /* @__PURE__ */ a("span", { style: F.columnLabel, children: "Current" }),
2890
2912
  /* @__PURE__ */ a(
2891
- Ke,
2913
+ Qe,
2892
2914
  {
2893
2915
  fixtureId: e.fixtureId,
2894
2916
  sessionName: e.currentSession,
@@ -2896,10 +2918,10 @@ const Tn = L(
2896
2918
  }
2897
2919
  )
2898
2920
  ] }),
2899
- /* @__PURE__ */ h("div", { style: F.screenshotColumn, children: [
2921
+ /* @__PURE__ */ f("div", { style: F.screenshotColumn, children: [
2900
2922
  /* @__PURE__ */ a("span", { style: F.columnLabel, children: "Baseline" }),
2901
2923
  /* @__PURE__ */ a(
2902
- Ke,
2924
+ Qe,
2903
2925
  {
2904
2926
  fixtureId: e.fixtureId,
2905
2927
  sessionName: e.baselineSession,
@@ -2910,7 +2932,7 @@ const Tn = L(
2910
2932
  ] })
2911
2933
  ] });
2912
2934
  }
2913
- ), Hn = E(
2935
+ ), Mn = E(
2914
2936
  {
2915
2937
  name: m.const(),
2916
2938
  path: m.const(),
@@ -2989,7 +3011,7 @@ const Tn = L(
2989
3011
  color: "var(--component-explorer-errorForeground)",
2990
3012
  fontWeight: 500
2991
3013
  }
2992
- }, q = 8;
3014
+ }, Q = 8;
2993
3015
  function Mo(r, e) {
2994
3016
  return `
2995
3017
  linear-gradient(45deg, ${e} 25%, transparent 25%),
@@ -2998,48 +3020,48 @@ function Mo(r, e) {
2998
3020
  linear-gradient(-45deg, transparent 75%, ${e} 75%)
2999
3021
  `;
3000
3022
  }
3001
- const Mn = {
3023
+ const On = {
3002
3024
  backgroundColor: "#ffffff",
3003
3025
  backgroundImage: Mo("#ffffff", "#e5e5e5")
3004
- }, On = {
3026
+ }, Vn = {
3005
3027
  backgroundColor: "#1e1e1e",
3006
3028
  backgroundImage: Mo("#1e1e1e", "#2d2d2d")
3007
- }, Vn = {
3029
+ }, Ln = {
3008
3030
  display: "inline-block",
3009
3031
  padding: "12px",
3010
3032
  borderRadius: "4px",
3011
- backgroundSize: `${q * 2}px ${q * 2}px`,
3012
- backgroundPosition: `0 0, 0 ${q}px, ${q}px -${q}px, -${q}px 0`,
3033
+ backgroundSize: `${Q * 2}px ${Q * 2}px`,
3034
+ backgroundPosition: `0 0, 0 ${Q}px, ${Q}px -${Q}px, -${Q}px 0`,
3013
3035
  boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)"
3014
3036
  };
3015
- function Ln(r) {
3016
- const e = r === "dark" ? On : Mn;
3037
+ function Nn(r) {
3038
+ const e = r === "dark" ? Vn : On;
3017
3039
  return {
3018
- ...Vn,
3040
+ ...Ln,
3019
3041
  backgroundColor: e.backgroundColor,
3020
3042
  backgroundImage: e.backgroundImage
3021
3043
  };
3022
3044
  }
3023
- function Je({ src: r, alt: e, background: o }) {
3024
- return /* @__PURE__ */ a("div", { style: Ln(o), children: /* @__PURE__ */ a("img", { src: r, alt: e, style: C.image }) });
3045
+ function Ke({ src: r, alt: e, background: o }) {
3046
+ return /* @__PURE__ */ a("div", { style: Nn(o), children: /* @__PURE__ */ a("img", { src: r, alt: e, style: C.image }) });
3025
3047
  }
3026
- const Nn = E(
3048
+ const Dn = E(
3027
3049
  {
3028
3050
  item: m.const(),
3029
3051
  reportModel: m.const()
3030
3052
  },
3031
3053
  (r, e) => {
3032
3054
  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;
3033
- return /* @__PURE__ */ h("div", { style: C.fixtureRow, children: [
3034
- /* @__PURE__ */ h("div", { style: C.fixtureLabel, children: [
3055
+ return /* @__PURE__ */ f("div", { style: C.fixtureRow, children: [
3056
+ /* @__PURE__ */ f("div", { style: C.fixtureLabel, children: [
3035
3057
  /* @__PURE__ */ a("span", { style: C.fixtureName, children: o.fixtureId }),
3036
3058
  c
3037
3059
  ] }),
3038
- d && /* @__PURE__ */ h("div", { style: C.sideBySide, children: [
3039
- t.baselineScreenshot && /* @__PURE__ */ h("div", { style: C.screenshotColumn, children: [
3060
+ d && /* @__PURE__ */ f("div", { style: C.sideBySide, children: [
3061
+ t.baselineScreenshot && /* @__PURE__ */ f("div", { style: C.screenshotColumn, children: [
3040
3062
  /* @__PURE__ */ a("span", { style: C.columnLabel, children: "Baseline" }),
3041
3063
  /* @__PURE__ */ a(
3042
- Je,
3064
+ Ke,
3043
3065
  {
3044
3066
  src: n.resolveScreenshotUrl(t.baselineScreenshot),
3045
3067
  alt: `Baseline screenshot of ${o.fixtureId}`,
@@ -3047,10 +3069,10 @@ const Nn = E(
3047
3069
  }
3048
3070
  )
3049
3071
  ] }),
3050
- t.currentScreenshot && /* @__PURE__ */ h("div", { style: C.screenshotColumn, children: [
3072
+ t.currentScreenshot && /* @__PURE__ */ f("div", { style: C.screenshotColumn, children: [
3051
3073
  /* @__PURE__ */ a("span", { style: C.columnLabel, children: "Current" }),
3052
3074
  /* @__PURE__ */ a(
3053
- Je,
3075
+ Ke,
3054
3076
  {
3055
3077
  src: n.resolveScreenshotUrl(t.currentScreenshot),
3056
3078
  alt: `Current screenshot of ${o.fixtureId}`,
@@ -3059,13 +3081,13 @@ const Nn = E(
3059
3081
  )
3060
3082
  ] })
3061
3083
  ] }),
3062
- !d && t.status === "unchanged" && /* @__PURE__ */ a("div", { style: C.hashRow, children: /* @__PURE__ */ h("span", { style: C.hashText, children: [
3084
+ !d && t.status === "unchanged" && /* @__PURE__ */ a("div", { style: C.hashRow, children: /* @__PURE__ */ f("span", { style: C.hashText, children: [
3063
3085
  "hash: ",
3064
3086
  t.targetHash
3065
3087
  ] }) })
3066
3088
  ] });
3067
3089
  }
3068
- ), Dn = E(
3090
+ ), Gn = E(
3069
3091
  {
3070
3092
  name: m.const(),
3071
3093
  path: m.const(),
@@ -3073,7 +3095,7 @@ const Nn = E(
3073
3095
  reportModel: m.const()
3074
3096
  },
3075
3097
  (r, e) => /* @__PURE__ */ a("div", { style: C.groupContent, children: e.items.map((o) => /* @__PURE__ */ a(
3076
- Nn,
3098
+ Dn,
3077
3099
  {
3078
3100
  item: o,
3079
3101
  reportModel: e.reportModel
@@ -3144,9 +3166,9 @@ const Nn = E(
3144
3166
  color: "var(--component-explorer-testing-iconQueued)",
3145
3167
  fontWeight: 500
3146
3168
  }
3147
- }, Gn = 280, An = 32, ce = 32, Ze = 400;
3169
+ }, An = 280, zn = 32, ie = 32, Je = 400;
3148
3170
  let Oo = 0;
3149
- function D(r, e) {
3171
+ function G(r, e) {
3150
3172
  const o = ++Oo, n = performance.now().toFixed(1);
3151
3173
  console.log(
3152
3174
  `%c[scroll #${o} @${n}ms] ${r}`,
@@ -3154,14 +3176,14 @@ function D(r, e) {
3154
3176
  e
3155
3177
  );
3156
3178
  }
3157
- function Ye(r, e) {
3179
+ function Ze(r, e) {
3158
3180
  const o = ++Oo, n = performance.now().toFixed(1);
3159
3181
  console.warn(
3160
3182
  `[scroll #${o} @${n}ms] ${r}`,
3161
3183
  e
3162
3184
  );
3163
3185
  }
3164
- const Vo = "component-explorer:scrollAnchors", Xe = 100;
3186
+ const Vo = "component-explorer:scrollAnchors", Ye = 100;
3165
3187
  function Lo() {
3166
3188
  try {
3167
3189
  const r = localStorage.getItem(Vo);
@@ -3170,34 +3192,34 @@ function Lo() {
3170
3192
  }
3171
3193
  return {};
3172
3194
  }
3173
- function zn(r, e) {
3195
+ function Pn(r, e) {
3174
3196
  try {
3175
3197
  const o = Lo();
3176
3198
  o[r] = e;
3177
- const n = Object.entries(o), t = n.length > Xe ? Object.fromEntries(n.slice(-Xe)) : o;
3199
+ const n = Object.entries(o), t = n.length > Ye ? Object.fromEntries(n.slice(-Ye)) : o;
3178
3200
  localStorage.setItem(Vo, JSON.stringify(t));
3179
3201
  } catch {
3180
3202
  }
3181
3203
  }
3182
- function Pn(r) {
3204
+ function Wn(r) {
3183
3205
  return Lo()[r];
3184
3206
  }
3185
3207
  function No(r) {
3186
3208
  return r.type === "single" ? r.fixture.id : r.id;
3187
3209
  }
3188
- function Wn(r, e) {
3210
+ function $n(r, e) {
3189
3211
  const o = new Array(r.length);
3190
- let n = ce;
3212
+ let n = ie;
3191
3213
  for (let t = 0; t < r.length; t++) {
3192
- const i = e.get(No(r[t])) ?? Gn;
3193
- o[t] = { top: n, height: i }, n += i + An;
3214
+ const i = e.get(No(r[t])) ?? An;
3215
+ o[t] = { top: n, height: i }, n += i + zn;
3194
3216
  }
3195
3217
  return o;
3196
3218
  }
3197
- function ve(r) {
3219
+ function xe(r) {
3198
3220
  if (r.length === 0) return 0;
3199
3221
  const e = r[r.length - 1];
3200
- return e.top + e.height + ce;
3222
+ return e.top + e.height + ie;
3201
3223
  }
3202
3224
  function Do(r, e) {
3203
3225
  let o = 0, n = r.length;
@@ -3207,16 +3229,16 @@ function Do(r, e) {
3207
3229
  }
3208
3230
  return o;
3209
3231
  }
3210
- function $n(r, e, o) {
3232
+ function Un(r, e, o) {
3211
3233
  if (r.length === 0) return { start: 0, end: 0 };
3212
- const n = Do(r, e - Ze);
3234
+ const n = Do(r, e - Je);
3213
3235
  let t = n;
3214
- const i = e + o + Ze;
3236
+ const i = e + o + Je;
3215
3237
  for (; t < r.length && r[t].top < i; )
3216
3238
  t++;
3217
3239
  return { start: n, end: t };
3218
3240
  }
3219
- function eo(r, e) {
3241
+ function Xe(r, e) {
3220
3242
  if (r.length === 0) return;
3221
3243
  const o = Do(r, e), n = Math.min(o, r.length - 1);
3222
3244
  return {
@@ -3224,16 +3246,16 @@ function eo(r, e) {
3224
3246
  offsetFromViewport: r[n].top - e
3225
3247
  };
3226
3248
  }
3227
- function oo(r, e) {
3249
+ function eo(r, e) {
3228
3250
  return e.rowIndex >= r.length ? 0 : r[e.rowIndex].top - e.offsetFromViewport;
3229
3251
  }
3230
- function ro(r) {
3252
+ function oo(r) {
3231
3253
  return r.type === "single" ? r.fixture.path : r.path;
3232
3254
  }
3233
- function no(r) {
3255
+ function ro(r) {
3234
3256
  return r.split(" / ").slice(1);
3235
3257
  }
3236
- function Un(r, e, o) {
3258
+ function jn(r, e, o) {
3237
3259
  const n = o.split("/"), t = n.length - r.length;
3238
3260
  for (let i = 0; i < r.length; i++)
3239
3261
  if (!e || i >= e.length || r[i] !== e[i])
@@ -3244,14 +3266,14 @@ function Un(r, e, o) {
3244
3266
  }));
3245
3267
  return [];
3246
3268
  }
3247
- const to = ["h1", "h2", "h3", "h4"];
3248
- function jn(r) {
3249
- return to[Math.min(r, to.length - 1)];
3250
- }
3251
- const io = ["22px", "15px", "13px", "12px"];
3269
+ const no = ["h1", "h2", "h3", "h4"];
3252
3270
  function qn(r) {
3271
+ return no[Math.min(r, no.length - 1)];
3272
+ }
3273
+ const to = ["22px", "15px", "13px", "12px"];
3274
+ function Qn(r) {
3253
3275
  return {
3254
- fontSize: io[Math.min(r, io.length - 1)],
3276
+ fontSize: to[Math.min(r, to.length - 1)],
3255
3277
  fontWeight: r <= 1 ? 600 : 500,
3256
3278
  color: "var(--component-explorer-foreground)",
3257
3279
  margin: 0,
@@ -3260,14 +3282,14 @@ function qn(r) {
3260
3282
  borderBottom: r === 0 ? "1px solid var(--component-explorer-widget-border, var(--component-explorer-panel-border, rgba(128,128,128,0.35)))" : void 0
3261
3283
  };
3262
3284
  }
3263
- class Qn extends V({
3285
+ class Kn extends L({
3264
3286
  model: m.const()
3265
3287
  }) {
3266
3288
  constructor() {
3267
3289
  super(...arguments);
3268
- s(this, "_rowHeights", B(this, fn()));
3269
- s(this, "_scrollTop", B(this, 0));
3270
- s(this, "_viewportHeight", B(this, 0));
3290
+ s(this, "_rowHeights", w(this, hn()));
3291
+ s(this, "_scrollTop", w(this, 0));
3292
+ s(this, "_viewportHeight", w(this, 0));
3271
3293
  s(this, "_scrollContainerRef", null);
3272
3294
  s(this, "_resizeObserver", null);
3273
3295
  s(this, "_viewportResizeObserver", null);
@@ -3276,36 +3298,36 @@ class Qn extends V({
3276
3298
  s(this, "_suppressScrollHandler", !1);
3277
3299
  s(this, "layout", R(this, (o) => {
3278
3300
  const n = this.explorerModel.selectedFixtures.read(o), t = this._rowHeights.read(o);
3279
- return Wn(n, t);
3301
+ return $n(n, t);
3280
3302
  }));
3281
3303
  s(this, "visibleRowRange", R(this, (o) => {
3282
3304
  const n = this.layout.read(o), t = this._scrollTop.read(o), i = this._viewportHeight.read(o);
3283
- return $n(n, t, i);
3305
+ return Un(n, t, i);
3284
3306
  }));
3285
3307
  s(this, "setScrollContainerRef", (o) => {
3286
3308
  var n;
3287
- 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), D("setScrollContainerRef", { clientHeight: o.clientHeight, scrollTop: o.scrollTop }), this._viewportResizeObserver = new ResizeObserver(([t]) => {
3309
+ 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]) => {
3288
3310
  const i = Math.round(t.contentRect.height), c = this._viewportHeight.get();
3289
- i !== c && D("viewportResize", { prev: c, new: i }), this._viewportHeight.set(i, void 0);
3311
+ i !== c && G("viewportResize", { prev: c, new: i }), this._viewportHeight.set(i, void 0);
3290
3312
  }), this._viewportResizeObserver.observe(o), this._restoreScrollPosition());
3291
3313
  });
3292
3314
  s(this, "_handleScroll", () => {
3293
3315
  if (!this._scrollContainerRef) return;
3294
3316
  const o = this._scrollTop.get(), n = this._scrollContainerRef.scrollTop, t = n - o;
3295
- if (this._scrollTop.set(n, void 0), Math.abs(t) > 200 && Ye("handleScroll:LARGE_JUMP", {
3317
+ if (this._scrollTop.set(n, void 0), Math.abs(t) > 200 && Ze("handleScroll:LARGE_JUMP", {
3296
3318
  prevObsScrollTop: o,
3297
3319
  newScrollTop: n,
3298
3320
  delta: t,
3299
3321
  suppressed: this._suppressScrollHandler,
3300
3322
  stack: new Error().stack
3301
3323
  }), this._suppressScrollHandler || !this._currentNodeId) {
3302
- this._suppressScrollHandler && D("handleScroll:suppressed", { newScrollTop: n, delta: t });
3324
+ this._suppressScrollHandler && G("handleScroll:suppressed", { newScrollTop: n, delta: t });
3303
3325
  return;
3304
3326
  }
3305
3327
  this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout), this._scrollSaveTimeout = setTimeout(() => {
3306
3328
  if (!this._currentNodeId) return;
3307
- const i = this.layout.get(), c = eo(i, this._scrollTop.get());
3308
- c && zn(this._currentNodeId, c);
3329
+ const i = this.layout.get(), c = Xe(i, this._scrollTop.get());
3330
+ c && Pn(this._currentNodeId, c);
3309
3331
  }, 150);
3310
3332
  });
3311
3333
  s(this, "observeRowElement", (o, n) => {
@@ -3317,23 +3339,23 @@ class Qn extends V({
3317
3339
  const p = l.target.getAttribute("data-row-id");
3318
3340
  if (!p) continue;
3319
3341
  const g = Math.round(l.contentRect.height);
3320
- 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), mn(p, g));
3342
+ 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));
3321
3343
  }
3322
3344
  if (c) {
3323
- const l = this.layout.get(), p = this._scrollTop.get(), g = eo(l, p);
3345
+ const l = this.layout.get(), p = this._scrollTop.get(), g = Xe(l, p);
3324
3346
  this._rowHeights.set(c, void 0);
3325
3347
  const u = this.layout.get();
3326
3348
  if (g && this._scrollContainerRef) {
3327
- const x = oo(u, g), k = x - p;
3328
- Math.abs(k) > 2 && D("resizeObserver:reAnchor", {
3349
+ const x = eo(u, g), k = x - p;
3350
+ Math.abs(k) > 2 && G("resizeObserver:reAnchor", {
3329
3351
  changedRows: d,
3330
3352
  anchor: g,
3331
3353
  scrollTopBefore: p,
3332
3354
  newScrollTop: x,
3333
3355
  delta: k,
3334
- oldTotalHeight: ve(l),
3335
- newTotalHeight: ve(u)
3336
- }), Math.abs(k) > 200 && Ye("resizeObserver:LARGE_REANCHOR", {
3356
+ oldTotalHeight: xe(l),
3357
+ newTotalHeight: xe(u)
3358
+ }), Math.abs(k) > 200 && Ze("resizeObserver:LARGE_REANCHOR", {
3337
3359
  changedRows: d,
3338
3360
  anchor: g,
3339
3361
  scrollTopBefore: p,
@@ -3365,17 +3387,17 @@ class Qn extends V({
3365
3387
  return ((t = n.find((c) => c.sourceKind === "worktree")) == null ? void 0 : t.name) ?? ((i = n[1]) == null ? void 0 : i.name) ?? "baseline";
3366
3388
  }
3367
3389
  updateForSelection(o) {
3368
- this._currentNodeId !== o && (D("updateForSelection", { prev: this._currentNodeId, new: o }), this._currentNodeId = o, this._restoreScrollPosition());
3390
+ this._currentNodeId !== o && (G("updateForSelection", { prev: this._currentNodeId, new: o }), this._currentNodeId = o, this._restoreScrollPosition());
3369
3391
  }
3370
3392
  _restoreScrollPosition() {
3371
3393
  if (!this._scrollContainerRef || !this._currentNodeId) return;
3372
- const o = Pn(this._currentNodeId);
3394
+ const o = Wn(this._currentNodeId);
3373
3395
  if (!o) {
3374
- D("restoreScroll:noAnchor", { nodeId: this._currentNodeId });
3396
+ G("restoreScroll:noAnchor", { nodeId: this._currentNodeId });
3375
3397
  return;
3376
3398
  }
3377
- const n = this.layout.get(), t = oo(n, o), i = this._scrollContainerRef.scrollTop;
3378
- D("restoreScroll", {
3399
+ const n = this.layout.get(), t = eo(n, o), i = this._scrollContainerRef.scrollTop;
3400
+ G("restoreScroll", {
3379
3401
  nodeId: this._currentNodeId,
3380
3402
  anchor: o,
3381
3403
  prevScrollTop: i,
@@ -3391,8 +3413,8 @@ class Qn extends V({
3391
3413
  (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);
3392
3414
  }
3393
3415
  }
3394
- const Kn = L(
3395
- Qn,
3416
+ const Jn = N(
3417
+ Kn,
3396
3418
  {},
3397
3419
  (r, e) => {
3398
3420
  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);
@@ -3401,31 +3423,31 @@ const Kn = L(
3401
3423
  if (l) {
3402
3424
  const p = l.state.read(r);
3403
3425
  if (p.status === "loading")
3404
- return /* @__PURE__ */ a("div", { style: M.emptyState, children: /* @__PURE__ */ a("span", { style: M.emptyText, children: "Loading report..." }) });
3426
+ return /* @__PURE__ */ a("div", { style: O.emptyState, children: /* @__PURE__ */ a("span", { style: O.emptyText, children: "Loading report..." }) });
3405
3427
  if (p.status === "error")
3406
- return /* @__PURE__ */ a("div", { style: M.emptyState, children: /* @__PURE__ */ h("span", { style: { ...M.emptyText, color: "var(--component-explorer-errorForeground)" }, children: [
3428
+ return /* @__PURE__ */ a("div", { style: O.emptyState, children: /* @__PURE__ */ f("span", { style: { ...O.emptyText, color: "var(--component-explorer-errorForeground)" }, children: [
3407
3429
  "Failed to load report: ",
3408
3430
  p.message
3409
3431
  ] }) });
3410
3432
  }
3411
- return /* @__PURE__ */ a("div", { style: M.emptyState, children: /* @__PURE__ */ a("span", { style: M.emptyText, children: "Select a component or folder to preview" }) });
3433
+ return /* @__PURE__ */ a("div", { style: O.emptyState, children: /* @__PURE__ */ a("span", { style: O.emptyText, children: "Select a component or folder to preview" }) });
3412
3434
  }
3413
- const d = ve(t);
3414
- return /* @__PURE__ */ a("div", { ref: e.setScrollContainerRef, style: M.scrollContainer, children: /* @__PURE__ */ a("div", { style: { position: "relative", height: d }, children: o.slice(i, c).map((l, p) => {
3415
- const g = i + p, { top: u } = t[g], x = No(l), k = no(ro(l)), _ = g > 0 ? no(ro(o[g - 1])) : void 0, f = Un(k, _, x);
3416
- return /* @__PURE__ */ h(
3435
+ const d = xe(t);
3436
+ 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) => {
3437
+ 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);
3438
+ return /* @__PURE__ */ f(
3417
3439
  "div",
3418
3440
  {
3419
3441
  ref: (v) => e.observeRowElement(v, x),
3420
- style: { position: "absolute", top: u, left: ce, right: ce },
3442
+ style: { position: "absolute", top: u, left: ie, right: ie },
3421
3443
  children: [
3422
- f.map((v) => {
3423
- const y = jn(v.depth);
3424
- return /* @__PURE__ */ a(y, { style: qn(v.depth), children: /* @__PURE__ */ a(
3444
+ b.map((v) => {
3445
+ const _ = qn(v.depth);
3446
+ return /* @__PURE__ */ a(_, { style: Qn(v.depth), children: /* @__PURE__ */ a(
3425
3447
  "a",
3426
3448
  {
3427
- href: Co("fixture", v.nodeId),
3428
- style: M.headingLink,
3449
+ href: _o("fixture", v.nodeId),
3450
+ style: O.headingLink,
3429
3451
  onClick: (S) => {
3430
3452
  S.preventDefault(), e.explorerModel.selectNode(v.nodeId);
3431
3453
  },
@@ -3433,8 +3455,8 @@ const Kn = L(
3433
3455
  }
3434
3456
  ) }, v.depth);
3435
3457
  }),
3436
- l.type === "single" ? /* @__PURE__ */ a(To, { fixture: l.fixture, compact: !1, onSelect: e.explorerModel.selectNode }) : l.type === "variants" ? /* @__PURE__ */ a(Jn, { row: l, onSelect: e.explorerModel.selectNode }) : l.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ a(
3437
- Hn,
3458
+ 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(
3459
+ Mn,
3438
3460
  {
3439
3461
  name: l.name,
3440
3462
  path: l.path,
@@ -3444,7 +3466,7 @@ const Kn = L(
3444
3466
  currentSession: e.currentSessionName
3445
3467
  }
3446
3468
  ) : l.type === "report-comparison" && e.explorerModel.reportModel ? /* @__PURE__ */ a(
3447
- Dn,
3469
+ Gn,
3448
3470
  {
3449
3471
  name: l.name,
3450
3472
  path: l.path,
@@ -3458,16 +3480,16 @@ const Kn = L(
3458
3480
  );
3459
3481
  }) }) });
3460
3482
  }
3461
- ), Jn = E(
3483
+ ), Zn = E(
3462
3484
  {
3463
3485
  row: m.const(),
3464
3486
  onSelect: m.const()
3465
3487
  },
3466
3488
  (r, e) => {
3467
3489
  const o = e.row;
3468
- return /* @__PURE__ */ a("div", { style: M.variantsContent, children: o.fixtures.map((n) => /* @__PURE__ */ a(To, { fixture: n, compact: !0, onSelect: e.onSelect }, n.id)) });
3490
+ return /* @__PURE__ */ a("div", { style: O.variantsContent, children: o.fixtures.map((n) => /* @__PURE__ */ a(Ho, { fixture: n, compact: !0, onSelect: e.onSelect }, n.id)) });
3469
3491
  }
3470
- ), M = {
3492
+ ), O = {
3471
3493
  scrollContainer: {
3472
3494
  flex: 1,
3473
3495
  overflow: "auto",
@@ -3494,7 +3516,7 @@ const Kn = L(
3494
3516
  textDecoration: "none",
3495
3517
  color: "inherit"
3496
3518
  }
3497
- }, Zn = {
3519
+ }, Yn = {
3498
3520
  display: "flex",
3499
3521
  flexDirection: "column",
3500
3522
  alignItems: "center",
@@ -3505,55 +3527,55 @@ const Kn = L(
3505
3527
  color: "var(--component-explorer-foreground)",
3506
3528
  opacity: 0.5,
3507
3529
  fontSize: "13px"
3508
- }, Yn = {
3530
+ }, Xn = {
3509
3531
  width: "24px",
3510
3532
  height: "24px",
3511
3533
  border: "2px solid currentColor",
3512
3534
  borderTopColor: "transparent",
3513
3535
  borderRadius: "50%",
3514
3536
  animation: "explorer-spin 0.8s linear infinite"
3515
- }, Xn = L(
3516
- zr,
3537
+ }, et = N(
3538
+ Pr,
3517
3539
  { daemonModel: m.const(), reportModel: m.const() },
3518
3540
  (r, e) => {
3519
3541
  const o = e.isDarkTheme.read(r), n = e.loading.read(r), t = o ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus";
3520
3542
  if (n)
3521
- return /* @__PURE__ */ h("div", { className: t, style: { ...b.container, backgroundColor: "var(--component-explorer-editor-background)" }, children: [
3543
+ return /* @__PURE__ */ f("div", { className: t, style: { ...h.container, backgroundColor: "var(--component-explorer-editor-background)" }, children: [
3522
3544
  /* @__PURE__ */ a("style", { children: "@keyframes explorer-spin { to { transform: rotate(360deg); } }" }),
3523
- /* @__PURE__ */ h("div", { style: Zn, children: [
3524
- /* @__PURE__ */ a("div", { style: Yn }),
3545
+ /* @__PURE__ */ f("div", { style: Yn, children: [
3546
+ /* @__PURE__ */ a("div", { style: Xn }),
3525
3547
  "Loading fixtures…"
3526
3548
  ] })
3527
3549
  ] });
3528
3550
  const i = e.leftSidebarVisible.read(r), c = e.rightSidebarVisible.read(r), d = e.selectedNode.read(r);
3529
- return /* @__PURE__ */ h("div", { className: t, style: b.container, children: [
3530
- i && /* @__PURE__ */ a(ln, { model: e }),
3531
- /* @__PURE__ */ h("div", { style: b.centerArea, children: [
3532
- /* @__PURE__ */ a(Yr, { model: e }),
3533
- /* @__PURE__ */ a(Kn, { model: e })
3551
+ return /* @__PURE__ */ f("div", { className: t, style: h.container, children: [
3552
+ i && /* @__PURE__ */ a(sn, { model: e }),
3553
+ /* @__PURE__ */ f("div", { style: h.centerArea, children: [
3554
+ /* @__PURE__ */ a(Xr, { model: e }),
3555
+ /* @__PURE__ */ a(Jn, { model: e })
3534
3556
  ] }),
3535
- c && /* @__PURE__ */ a(un, { selectedNode: d })
3557
+ c && /* @__PURE__ */ a(mn, { selectedNode: d })
3536
3558
  ] });
3537
3559
  }
3538
3560
  );
3539
- var et = class ke {
3561
+ var ot = class be {
3540
3562
  constructor(e) {
3541
3563
  this.iterator = e;
3542
3564
  }
3543
3565
  static fromIterable(e) {
3544
- return new ke(e[Symbol.asyncIterator]());
3566
+ return new be(e[Symbol.asyncIterator]());
3545
3567
  }
3546
3568
  static fromFn(e) {
3547
- return new ke(e());
3569
+ return new be(e());
3548
3570
  }
3549
3571
  [Symbol.asyncIterator]() {
3550
3572
  return this.iterator;
3551
3573
  }
3552
- }, ot = class extends Error {
3574
+ }, rt = class extends Error {
3553
3575
  constructor(r, e, o) {
3554
3576
  super(o), this.statusCode = r, this.method = e, this.name = "ApiError";
3555
3577
  }
3556
- }, rt = class {
3578
+ }, nt = class {
3557
3579
  constructor(r) {
3558
3580
  s(this, "methods", this._createProxy(""));
3559
3581
  this._request = r;
@@ -3569,9 +3591,9 @@ var et = class ke {
3569
3591
  });
3570
3592
  }
3571
3593
  };
3572
- function nt(r, e) {
3573
- return new rt(async (o, n) => {
3574
- var d;
3594
+ function tt(r, e) {
3595
+ return new nt(async (o, n) => {
3596
+ var d, l;
3575
3597
  const t = await fetch(`${r}/${o}`, {
3576
3598
  method: "POST",
3577
3599
  headers: {
@@ -3581,45 +3603,46 @@ function nt(r, e) {
3581
3603
  body: JSON.stringify(n)
3582
3604
  });
3583
3605
  if (t.status !== 200) {
3584
- const l = await t.json().catch(() => null);
3585
- let p;
3586
- if (l && typeof l == "object" && ("errorMessage" in l || "error" in l)) {
3587
- const u = l.errorMessage ?? l.error, x = l.stack;
3588
- p = `${u}${x ? `
3589
- ${x}` : ""}`;
3606
+ const p = await t.json().catch(() => null);
3607
+ let g;
3608
+ if (p && typeof p == "object" && ("errorMessage" in p || "error" in p)) {
3609
+ const x = p.errorMessage ?? p.error, k = p.stack;
3610
+ g = `${x}${k ? `
3611
+ ${k}` : ""}`;
3590
3612
  } else
3591
- p = `Error calling API method "${o}" (${t.status}): ${JSON.stringify(l)}`;
3592
- throw new ot(t.status, o, p);
3613
+ g = `Error calling API method "${o}" (${t.status}): ${JSON.stringify(p)}`;
3614
+ const u = new rt(t.status, o, g);
3615
+ throw (l = e == null ? void 0 : e.onError) == null || l.call(e, u), u;
3593
3616
  }
3594
3617
  const i = t.headers.get("Content-Type");
3595
- return i != null && i.startsWith("application/jsonl") ? et.fromFn(async function* () {
3596
- var x;
3597
- const l = (x = t.body) == null ? void 0 : x.getReader();
3598
- if (!l)
3618
+ return i != null && i.startsWith("application/jsonl") ? ot.fromFn(async function* () {
3619
+ var k;
3620
+ const p = (k = t.body) == null ? void 0 : k.getReader();
3621
+ if (!p)
3599
3622
  return;
3600
- let p = "";
3601
- const g = new TextDecoder("utf-8");
3623
+ let g = "";
3624
+ const u = new TextDecoder("utf-8");
3602
3625
  for (; ; ) {
3603
- const { done: k, value: _ } = await l.read();
3604
- if (k)
3626
+ const { done: B, value: b } = await p.read();
3627
+ if (B)
3605
3628
  break;
3606
- p += g.decode(_, { stream: !0 });
3607
- let f;
3608
- for (; (f = p.indexOf(`
3629
+ g += u.decode(b, { stream: !0 });
3630
+ let v;
3631
+ for (; (v = g.indexOf(`
3609
3632
  `)) >= 0; ) {
3610
- const v = p.slice(0, f).trim();
3611
- p = p.slice(f + 1), v.length > 0 && (yield JSON.parse(v));
3633
+ const _ = g.slice(0, v).trim();
3634
+ g = g.slice(v + 1), _.length > 0 && (yield JSON.parse(_));
3612
3635
  }
3613
3636
  }
3614
- const u = p.trim();
3615
- u.length > 0 && (yield JSON.parse(u));
3637
+ const x = g.trim();
3638
+ x.length > 0 && (yield JSON.parse(x));
3616
3639
  }) : await t.json();
3617
3640
  });
3618
3641
  }
3619
- class tt {
3642
+ class it {
3620
3643
  constructor(e) {
3621
- s(this, "_sourceTreeIds", B(this, /* @__PURE__ */ new Map()));
3622
- s(this, "_sessions", B(this, []));
3644
+ s(this, "_sourceTreeIds", w(this, /* @__PURE__ */ new Map()));
3645
+ s(this, "_sessions", w(this, []));
3623
3646
  s(this, "_screenshotCache", /* @__PURE__ */ new Map());
3624
3647
  s(this, "_client");
3625
3648
  s(this, "_eventStreamAbort", null);
@@ -3628,7 +3651,9 @@ class tt {
3628
3651
  s(this, "sourceTreeIds", this._sourceTreeIds);
3629
3652
  /** Observable list of sessions from the daemon */
3630
3653
  s(this, "sessions", this._sessions);
3631
- this.config = e, this.sessionName = e.sessionName, this._client = nt("/__explorer/daemon-api");
3654
+ this.config = e, this.sessionName = e.sessionName, this._client = tt("/__explorer/daemon-api", {
3655
+ getHeaders: () => ({ "X-Client-Name": "explorer-ui" })
3656
+ });
3632
3657
  }
3633
3658
  /**
3634
3659
  * Initializes the model: fetches initial session info and starts listening to events.
@@ -3726,21 +3751,21 @@ class tt {
3726
3751
  }
3727
3752
  }
3728
3753
  _validateProtocolVersions() {
3729
- const e = de.parse("1.0.0"), o = de.parse(this.config.daemonApiVersion);
3754
+ const e = ce.parse("1.0.0"), o = ce.parse(this.config.daemonApiVersion);
3730
3755
  if (e.major !== o.major || e.minor !== o.minor)
3731
3756
  throw new Error(
3732
3757
  `Daemon API version mismatch. Explorer expects 1.0.0, daemon provides ${this.config.daemonApiVersion}. Update CLI, vite plugin, and explorer together.`
3733
3758
  );
3734
- const n = de.parse(this.config.runtimeVersionNeededByPlugin);
3735
- if (n.major !== ne.major || n.minor !== ne.minor)
3759
+ const n = ce.parse(this.config.runtimeVersionNeededByPlugin);
3760
+ if (n.major !== re.major || n.minor !== re.minor)
3736
3761
  throw new Error(
3737
- `Explorer runtime version mismatch. Plugin requires ${this.config.runtimeVersionNeededByPlugin}, explorer provides ${ne.toString()}. Reinstall dependencies to align plugin and explorer runtime versions.`
3762
+ `Explorer runtime version mismatch. Plugin requires ${this.config.runtimeVersionNeededByPlugin}, explorer provides ${re.toString()}. Reinstall dependencies to align plugin and explorer runtime versions.`
3738
3763
  );
3739
3764
  }
3740
3765
  }
3741
- class it {
3766
+ class ct {
3742
3767
  constructor(e) {
3743
- s(this, "state", B(this, { status: "loading" }));
3768
+ s(this, "state", w(this, { status: "loading" }));
3744
3769
  s(this, "_baseUrl");
3745
3770
  this.reportUrl = e;
3746
3771
  const o = e.lastIndexOf("/");
@@ -3751,7 +3776,7 @@ class it {
3751
3776
  }
3752
3777
  buildTree(e) {
3753
3778
  const o = this.state.read(e);
3754
- return o.status !== "ready" ? { id: "", name: "Report", type: "folder", children: [], labels: [] } : ct(o.report.fixtures);
3779
+ return o.status !== "ready" ? { id: new T(""), name: "Report", type: "folder", children: [], labels: [] } : at(o.report.fixtures);
3755
3780
  }
3756
3781
  async _fetch() {
3757
3782
  this.state.set({ status: "loading" }, void 0);
@@ -3766,22 +3791,23 @@ class it {
3766
3791
  }
3767
3792
  }
3768
3793
  }
3769
- function ct(r) {
3770
- const e = { id: "", name: "Components", type: "folder", children: [], labels: [] };
3794
+ function at(r) {
3795
+ const e = { id: new T(""), name: "Components", type: "folder", children: [], labels: [] };
3771
3796
  for (const [o, n] of Object.entries(r)) {
3772
- const t = o.split("/");
3797
+ const t = new T(o).segments;
3773
3798
  let i = e;
3774
3799
  for (let c = 0; c < t.length; c++) {
3775
- const d = t[c], l = c === t.length - 1, p = t.slice(0, c + 1).join("/");
3776
- if (l)
3777
- i.children.push({
3800
+ const d = t[c], l = c === t.length - 1, p = new T(t.slice(0, c + 1).join("/"));
3801
+ if (l) {
3802
+ const g = [...(n == null ? void 0 : n.labels) ?? []];
3803
+ (n == null ? void 0 : n.status) === "changed" && !g.includes("changed") && g.push("changed"), i.children.push({
3778
3804
  id: p,
3779
3805
  name: d,
3780
3806
  type: "component",
3781
3807
  reportEntry: n,
3782
- labels: []
3808
+ labels: g
3783
3809
  });
3784
- else {
3810
+ } else {
3785
3811
  let g = i.children.find((u) => u.type === "folder" && u.name === d);
3786
3812
  g || (g = { id: p, name: d, type: "folder", children: [], labels: [] }, i.children.push(g)), i = g;
3787
3813
  }
@@ -3789,19 +3815,19 @@ function ct(r) {
3789
3815
  }
3790
3816
  return e;
3791
3817
  }
3792
- const at = '/*! tailwindcss v4.1.18 | 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}.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}', dt = '.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}', lt = '.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}';
3793
- class st {
3818
+ const dt = '/*! tailwindcss v4.1.18 | 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}.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}';
3819
+ class pt {
3794
3820
  constructor(e, o, n, t) {
3795
3821
  s(this, "_root");
3796
- s(this, "_registry", new Ir());
3822
+ s(this, "_registry", new Rr());
3797
3823
  s(this, "_daemonModel");
3798
3824
  s(this, "_reportModel");
3799
3825
  this._populateRegistry(o), this._registry.loading.set(n, void 0), this._reportModel = this._initializeReportModel(), this._daemonModel = this._reportModel ? void 0 : this._initializeDaemonModel(t);
3800
3826
  const i = e.attachShadow({ mode: "open" }), c = new CSSStyleSheet();
3801
- c.replaceSync([at, dt, lt].join(`
3802
- `)), i.adoptedStyleSheets = [c], vn(e);
3827
+ c.replaceSync([dt, lt, st].join(`
3828
+ `)), i.adoptedStyleSheets = [c], kn(e);
3803
3829
  const d = document.createElement("div");
3804
- d.style.height = "100%", d.style.width = "100%", i.appendChild(d), this._root = Po(d), this._root.render(jo(Xn, {
3830
+ d.style.height = "100%", d.style.width = "100%", i.appendChild(d), this._root = Wo(d), this._root.render(qo(et, {
3805
3831
  registry: this._registry,
3806
3832
  daemonModel: this._daemonModel,
3807
3833
  reportModel: this._reportModel
@@ -3810,12 +3836,12 @@ class st {
3810
3836
  _initializeReportModel() {
3811
3837
  const o = new URLSearchParams(location.search).get("report");
3812
3838
  if (o)
3813
- return new it(o);
3839
+ return new ct(o);
3814
3840
  }
3815
3841
  _initializeDaemonModel(e) {
3816
3842
  if (!e)
3817
3843
  return;
3818
- const o = new tt(e);
3844
+ const o = new it(e);
3819
3845
  return o.initialize().catch((n) => {
3820
3846
  console.error("[ExplorerUIMode] Failed to initialize DaemonModel:", n);
3821
3847
  }), o;
@@ -3837,7 +3863,7 @@ class st {
3837
3863
  (e = this._daemonModel) == null || e.dispose(), this._root.unmount();
3838
3864
  }
3839
3865
  }
3840
- class pt {
3866
+ class gt {
3841
3867
  constructor(e, o) {
3842
3868
  s(this, "sessionId", Math.random().toString(36).slice(2));
3843
3869
  s(this, "_updateVersion", 0);
@@ -3872,47 +3898,36 @@ class pt {
3872
3898
  n.style.display = "inline-block", this._containerElement.appendChild(n), this._currentContainer = n;
3873
3899
  const t = o.component, i = [];
3874
3900
  let c;
3875
- const d = (f) => {
3876
- c || (c = f);
3901
+ const d = (b) => {
3902
+ c || (c = b);
3877
3903
  }, l = console.error, p = console.warn, g = console.log;
3878
- console.error = (...f) => {
3879
- i.push({ type: "console.error", message: f.map(String).join(" ") }), l.apply(console, f);
3880
- }, console.warn = (...f) => {
3881
- i.push({ type: "console.warn", message: f.map(String).join(" ") }), p.apply(console, f);
3882
- }, console.log = (...f) => {
3883
- i.push({ type: "console.log", message: f.map(String).join(" ") }), g.apply(console, f);
3904
+ console.error = (...b) => {
3905
+ i.push({ type: "console.error", message: b.map(String).join(" ") }), l.apply(console, b);
3906
+ }, console.warn = (...b) => {
3907
+ i.push({ type: "console.warn", message: b.map(String).join(" ") }), p.apply(console, b);
3908
+ }, console.log = (...b) => {
3909
+ i.push({ type: "console.log", message: b.map(String).join(" ") }), g.apply(console, b);
3884
3910
  };
3885
- const u = (f) => {
3886
- i.push({ type: "window.error", message: f.message });
3887
- }, x = (f) => {
3888
- const v = f.reason, y = v instanceof Error ? v.message : String(v);
3889
- i.push({ type: "window.unhandledrejection", message: y });
3911
+ const u = (b) => {
3912
+ i.push({ type: "window.error", message: b.message });
3913
+ }, x = (b) => {
3914
+ const v = b.reason, _ = v instanceof Error ? v.message : String(v);
3915
+ i.push({ type: "window.unhandledrejection", message: _ });
3890
3916
  };
3891
3917
  window.addEventListener("error", u), window.addEventListener("unhandledrejection", x);
3892
3918
  let k;
3893
3919
  try {
3894
- const f = new Ee(n, t);
3895
- this._currentRendering = f;
3896
- const v = 3e3;
3897
- let y;
3898
- const S = f.result;
3899
- if (S instanceof Promise) {
3900
- const X = new Promise((ee) => setTimeout(() => ee("timeout"), v)), ae = await Promise.race([S.then((ee) => ({ resolved: ee })), X]);
3901
- ae === "timeout" ? (f.dispose(), d({ message: `Fixture render() timed out after ${v}ms` })) : y = ae.resolved ?? void 0;
3902
- } else
3903
- y = S ?? void 0;
3904
- if (y != null && y.ready) {
3905
- const X = new Promise((ee) => setTimeout(() => ee("timeout"), v));
3906
- await Promise.race([y.ready.then(() => "done"), X]) === "timeout" && (f.dispose(), d({ message: `Fixture ready promise timed out after ${v}ms` }));
3907
- }
3908
- k = y == null ? void 0 : y.data;
3909
- } catch (f) {
3910
- const v = f instanceof Error ? f : new Error(String(f));
3920
+ const b = new Ie(n, t);
3921
+ this._currentRendering = b;
3922
+ const v = 3e3, _ = new Promise((Re, Go) => setTimeout(() => Go(new Error(`Fixture timed out after ${v}ms`)), v)), S = await Promise.race([b.waitForRendering(), _]);
3923
+ k = S == null ? void 0 : S.data;
3924
+ } catch (b) {
3925
+ const v = b instanceof Error ? b : new Error(String(b));
3911
3926
  d({ message: v.message, stack: v.stack });
3912
3927
  } finally {
3913
3928
  console.error = l, console.warn = p, console.log = g;
3914
3929
  }
3915
- return await new Promise((f) => requestAnimationFrame(() => requestAnimationFrame(() => f()))), window.removeEventListener("error", u), window.removeEventListener("unhandledrejection", x), { hasError: !!c || i.some((f) => f.type !== "console.log" && f.type !== "console.warn"), error: c, events: i, resultData: k };
3930
+ 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 };
3916
3931
  }
3917
3932
  _buildTree(e) {
3918
3933
  const o = /* @__PURE__ */ new Map();
@@ -3920,20 +3935,20 @@ class pt {
3920
3935
  const i = t.default;
3921
3936
  i && typeof i == "object" && o.set(n, i);
3922
3937
  }
3923
- return te(o);
3938
+ return ne(o);
3924
3939
  }
3925
3940
  _flattenFixtures(e, o = [], n = []) {
3926
3941
  var c;
3927
3942
  const t = n.length > 0 && e.labels.length > 0 ? [.../* @__PURE__ */ new Set([...n, ...e.labels])] : e.labels.length > 0 ? [...e.labels] : [...n], i = [];
3928
- e.type === "component" && i.push({ fixtureId: e.id, fixtureName: e.name, groupPath: o, background: ((c = e.component) == null ? void 0 : c.background) ?? "light", labels: t });
3943
+ 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 });
3929
3944
  for (const d of e.children ?? []) {
3930
- const l = e.id ? [...o, e.name] : o;
3945
+ const l = e.id.value ? [...o, e.name] : o;
3931
3946
  i.push(...this._flattenFixtures(d, l, t));
3932
3947
  }
3933
3948
  return i;
3934
3949
  }
3935
3950
  _findFixtureNode(e, o) {
3936
- if (e.id === o) return e;
3951
+ if (e.id.value === o) return e;
3937
3952
  for (const n of e.children ?? []) {
3938
3953
  const t = this._findFixtureNode(n, o);
3939
3954
  if (t) return t;
@@ -3945,14 +3960,14 @@ class pt {
3945
3960
  get updateVersion() {
3946
3961
  return e._updateVersion;
3947
3962
  },
3948
- runtimeVersion: ne.toString(),
3963
+ runtimeVersion: re.toString(),
3949
3964
  listFixtures: () => this.listFixtures(),
3950
3965
  renderFixture: (n) => this.renderFixture(n)
3951
3966
  };
3952
3967
  window.__componentExplorer__ = o;
3953
3968
  }
3954
3969
  }
3955
- class gt {
3970
+ class ut {
3956
3971
  constructor(e, o, n) {
3957
3972
  s(this, "_root");
3958
3973
  s(this, "_rendering");
@@ -3975,7 +3990,7 @@ class gt {
3975
3990
  console.error(`[EmbeddedMode] Fixture not found: ${this._fixtureId}`);
3976
3991
  return;
3977
3992
  }
3978
- const o = { ...e.component, isolation: "none" }, n = new Ee(this._container, o);
3993
+ const o = { ...e.component, isolation: "none" }, n = new Ie(this._container, o);
3979
3994
  this._rendering = n;
3980
3995
  const t = this._fixtureId, i = () => {
3981
3996
  const l = n.renderTarget.getBoundingClientRect();
@@ -3994,17 +4009,17 @@ class gt {
3994
4009
  const i = t.default;
3995
4010
  i && typeof i == "object" && o.set(n, i);
3996
4011
  }
3997
- return te(o);
4012
+ return ne(o);
3998
4013
  }
3999
4014
  _findNode(e, o) {
4000
- if (e.id === o) return e;
4015
+ if (e.id.value === o) return e;
4001
4016
  for (const n of e.children ?? []) {
4002
4017
  const t = this._findNode(n, o);
4003
4018
  if (t) return t;
4004
4019
  }
4005
4020
  }
4006
4021
  }
4007
- function ut(r) {
4022
+ function mt(r) {
4008
4023
  const e = r.get("mode");
4009
4024
  return {
4010
4025
  mode: e === "headless" || e === "embedded" ? e : void 0,
@@ -4013,20 +4028,20 @@ function ut(r) {
4013
4028
  report: r.get("report") ?? void 0
4014
4029
  };
4015
4030
  }
4016
- globalThis._buildInfo = zo;
4017
- class St {
4031
+ globalThis._buildInfo = Po;
4032
+ class Ft {
4018
4033
  constructor(e, o) {
4019
4034
  s(this, "_runtime");
4020
4035
  const n = globalThis._buildInfo;
4021
4036
  n && console.log(`[component-explorer] v${n.version} (built ${n.date})`);
4022
- const t = new URLSearchParams(location.search), i = ut(t), c = i.fixture;
4037
+ const t = new URLSearchParams(location.search), i = mt(t), c = i.fixture;
4023
4038
  if (i.mode === "embedded") {
4024
4039
  if (!c)
4025
4040
  throw new Error("Embedded mode requires a fixture query parameter");
4026
4041
  const d = i.file, l = o.loadFixtures(d ? { file: d } : void 0);
4027
- this._runtime = new gt(e, c, l);
4042
+ this._runtime = new ut(e, c, l);
4028
4043
  } else {
4029
- const d = i.mode === "headless" ? new pt(e, {}) : new st(e, {}, !0, o.daemonConfig);
4044
+ const d = i.mode === "headless" ? new gt(e, {}) : new pt(e, {}, !0, o.daemonConfig);
4030
4045
  this._runtime = d, o.loadFixtures().then((l) => this._runtime.updateFixtures(l));
4031
4046
  }
4032
4047
  }
@@ -4038,51 +4053,52 @@ class St {
4038
4053
  }
4039
4054
  }
4040
4055
  export {
4041
- $r as ChevronDownIcon,
4042
- Wr as ChevronRightIcon,
4043
- Ur as ComponentIcon,
4044
- tt as DaemonModel,
4045
- Xn as Explorer,
4046
- St as ExplorerApp,
4047
- zr as ExplorerModel,
4048
- Ir as FixtureRegistry,
4049
- jr as FolderIcon,
4050
- ln as LeftSidebar,
4051
- Jr as MoonIcon,
4052
- qr as PanelLeftIcon,
4053
- Qr as PanelRightIcon,
4054
- it as ReportModel,
4055
- un as RightSidebar,
4056
- Kr as SunIcon,
4057
- Yr as TitleBar,
4058
- se as TitleBarButton,
4059
- rn as TreeItem,
4056
+ Ur as ChevronDownIcon,
4057
+ $r as ChevronRightIcon,
4058
+ jr as ComponentIcon,
4059
+ it as DaemonModel,
4060
+ et as Explorer,
4061
+ Ft as ExplorerApp,
4062
+ Pr as ExplorerModel,
4063
+ T as FixturePath,
4064
+ Rr as FixtureRegistry,
4065
+ qr as FolderIcon,
4066
+ sn as LeftSidebar,
4067
+ Zr as MoonIcon,
4068
+ Qr as PanelLeftIcon,
4069
+ Kr as PanelRightIcon,
4070
+ ct as ReportModel,
4071
+ mn as RightSidebar,
4072
+ Jr as SunIcon,
4073
+ Xr as TitleBar,
4074
+ de as TitleBarButton,
4075
+ nn as TreeItem,
4060
4076
  So as TreeView,
4061
- qo as VIEWPORT_SIZES,
4062
- Rt as asyncRender,
4063
- Zo as collectComponents,
4064
- Ve as createComponentDefinition,
4065
- te as createFixtureTree,
4066
- Et as defineFixture,
4077
+ Qo as VIEWPORT_SIZES,
4078
+ Et as asyncRender,
4079
+ Yo as collectComponents,
4080
+ Oe as createComponentDefinition,
4081
+ ne as createFixtureTree,
4082
+ Ht as defineFixture,
4067
4083
  Tt as defineFixtureGroup,
4068
- Ht as defineFixtureVariants,
4069
- Ne as findNodeByPath,
4070
- Te as fixtureGroupBrand,
4084
+ Mt as defineFixtureVariants,
4085
+ Le as findNodeByPath,
4086
+ Ee as fixtureGroupBrand,
4071
4087
  He as fixtureVariantsBrand,
4072
- Ko as getDefaultPropertyValues,
4073
- Ct as isComponentDefinition,
4074
- Be as isFixtureGroup,
4075
- _e as isFixtureVariants,
4076
- we as isSingleFixture,
4077
- Re as mergeStyles,
4078
- yt as parseFixtureExport,
4079
- Bt as parseFixtureGroup,
4080
- _t as parseFixtureVariants,
4081
- wt as parseSingleFixture,
4082
- Qo as resolveViewport,
4083
- Me as singleFixtureBrand,
4084
- b as styles,
4085
- Mt as syncRender,
4086
- Bo as toExplorerTree
4088
+ Jo as getDefaultPropertyValues,
4089
+ St as isComponentDefinition,
4090
+ ye as isFixtureGroup,
4091
+ we as isFixtureVariants,
4092
+ ke as isSingleFixture,
4093
+ Fe as mergeStyles,
4094
+ wt as parseFixtureExport,
4095
+ _t as parseFixtureGroup,
4096
+ Ct as parseFixtureVariants,
4097
+ Bt as parseSingleFixture,
4098
+ Ko as resolveViewport,
4099
+ Te as singleFixtureBrand,
4100
+ h as styles,
4101
+ Ot as syncRender,
4102
+ wo as toExplorerTree
4087
4103
  };
4088
4104
  //# sourceMappingURL=viewer.js.map