@vscode/component-explorer 0.2.1-47 → 0.2.1-49

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,37 +1,37 @@
1
- var Yo = Object.defineProperty;
2
- var Zo = (r, e, o) => e in r ? Yo(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
3
- var p = (r, e, o) => Zo(r, typeof e != "symbol" ? e + "" : e, o);
4
- import { f as De, c as Ne, s as Ae, S as ue, r as ae, _ as Xo } from "./runtimeVersion-C683TUS-.js";
5
- import { e as Xt, d as ei, a as oi, b as ri, g as ni } from "./runtimeVersion-C683TUS-.js";
6
- import { createRoot as er } from "react-dom/client";
7
- import * as ho from "react";
8
- import { createContext as xo, useReducer as or, useState as rr, useContext as nr, useEffect as Ge, createElement as tr } from "react";
9
- import { jsx as s, jsxs as u, Fragment as Se } from "react/jsx-runtime";
10
- import { unstable_batchedUpdates as bo } from "react-dom";
1
+ var or = Object.defineProperty;
2
+ var rr = (r, e, o) => e in r ? or(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
3
+ var p = (r, e, o) => rr(r, typeof e != "symbol" ? e + "" : e, o);
4
+ import { f as Ne, c as Ae, s as Ge, S as ge, r as ce, _ as nr } from "./runtimeVersion-DIv4WyhN.js";
5
+ import { e as di, d as li, a as pi, b as ui, g as gi } from "./runtimeVersion-DIv4WyhN.js";
6
+ import { createRoot as tr } from "react-dom/client";
7
+ import * as yo from "react";
8
+ import { createContext as wo, useReducer as ir, useState as ar, useContext as cr, useEffect as ze, createElement as sr } from "react";
9
+ import { jsx as d, jsxs as m, Fragment as Se } from "react/jsx-runtime";
10
+ import { unstable_batchedUpdates as Bo } from "react-dom";
11
11
  import { z as k } from "zod";
12
12
  function Fe(r) {
13
- return typeof r == "object" && r !== null && Ae in r && r[Ae] === !0 && "_options" in r && typeof r._options == "object";
13
+ return typeof r == "object" && r !== null && Ge in r && r[Ge] === !0 && "_options" in r && typeof r._options == "object";
14
14
  }
15
15
  function Ie(r) {
16
- return typeof r == "object" && r !== null && De in r && r[De] === !0 && "_entries" in r && typeof r._entries == "object";
16
+ return typeof r == "object" && r !== null && Ne in r && r[Ne] === !0 && "_entries" in r && typeof r._entries == "object";
17
17
  }
18
18
  function Ee(r) {
19
- return typeof r == "object" && r !== null && Ne in r && r[Ne] === !0 && "_variants" in r && typeof r._variants == "object";
19
+ return typeof r == "object" && r !== null && Ae in r && r[Ae] === !0 && "_variants" in r && typeof r._variants == "object";
20
20
  }
21
- function $t(r) {
21
+ function ei(r) {
22
22
  return Fe(r) ? { success: !0, data: r } : Ie(r) ? { success: !0, data: r } : Ee(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a valid fixture export (missing brand symbol or _options/_entries/_variants)" };
23
23
  }
24
- function Ut(r) {
24
+ function oi(r) {
25
25
  return Fe(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a SingleFixtureExport" };
26
26
  }
27
- function qt(r) {
27
+ function ri(r) {
28
28
  return Ie(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureGroupExport" };
29
29
  }
30
- function Qt(r) {
30
+ function ni(r) {
31
31
  return Ee(r) ? { success: !0, data: r } : { success: !1, error: "Value is not a FixtureVariantsExport" };
32
32
  }
33
- function ze(r, e, o, n, t = []) {
34
- const i = r._options, a = i.expectedVisualDescriptions ? typeof i.expectedVisualDescriptions == "string" ? [i.expectedVisualDescriptions] : [...i.expectedVisualDescriptions] : [], c = [...t, ...a];
33
+ function Pe(r, e, o, n, t = []) {
34
+ const i = r._options, a = i.expectedVisualDescriptions ? typeof i.expectedVisualDescriptions == "string" ? [i.expectedVisualDescriptions] : [...i.expectedVisualDescriptions] : [], s = [...t, ...a];
35
35
  return {
36
36
  id: e,
37
37
  name: o,
@@ -41,16 +41,16 @@ function ze(r, e, o, n, t = []) {
41
41
  styles: i.styles,
42
42
  background: i.background ?? "light",
43
43
  labels: i.labels ?? [],
44
- expectedVisualDescriptions: c,
44
+ expectedVisualDescriptions: s,
45
45
  inputSchema: i.inputSchema,
46
46
  sourceFile: n,
47
47
  render: i.render
48
48
  };
49
49
  }
50
- function Kt(r) {
50
+ function ti(r) {
51
51
  return typeof r == "object" && r !== null && "render" in r && typeof r.render == "function" && "id" in r && "name" in r;
52
52
  }
53
- class O {
53
+ class V {
54
54
  constructor(e) {
55
55
  p(this, "_segments");
56
56
  this.value = e;
@@ -62,15 +62,15 @@ class O {
62
62
  return this.value;
63
63
  }
64
64
  }
65
- const ir = {
65
+ const dr = {
66
66
  mobile: { width: 390, height: 844 },
67
67
  tablet: { width: 768, height: 1024 },
68
68
  desktop: { width: 1440, height: 900 }
69
69
  };
70
- function ar(r) {
71
- return typeof r == "string" ? { name: r, ...ir[r] } : r;
70
+ function lr(r) {
71
+ return typeof r == "string" ? { name: r, ...dr[r] } : r;
72
72
  }
73
- function Pe(r) {
73
+ function $e(r) {
74
74
  if (r.startsWith("/"))
75
75
  throw new Error(`Fixture path cannot start with '/': ${r}`);
76
76
  if (r.includes("//"))
@@ -78,21 +78,21 @@ function Pe(r) {
78
78
  if (r === "")
79
79
  throw new Error("Fixture path cannot be empty (use undefined for default)");
80
80
  }
81
- function cr(r, e) {
82
- const o = vo(r);
81
+ function pr(r, e) {
82
+ const o = _o(r);
83
83
  if (e === void 0)
84
84
  return [o];
85
85
  if (e.endsWith("/")) {
86
86
  const n = e.slice(0, -1);
87
87
  if (n)
88
- return Pe(n), [...n.split("/"), o];
88
+ return $e(n), [...n.split("/"), o];
89
89
  throw new Error(`Fixture path cannot be just '/': ${e}`);
90
90
  } else
91
- return Pe(e), e.split("/");
91
+ return $e(e), e.split("/");
92
92
  }
93
- function ce(r) {
93
+ function se(r) {
94
94
  const e = {
95
- id: new O(""),
95
+ id: new V(""),
96
96
  name: "Components",
97
97
  type: "folder",
98
98
  children: [],
@@ -100,8 +100,8 @@ function ce(r) {
100
100
  };
101
101
  for (const [o, n] of r)
102
102
  if (n === void 0) {
103
- const t = vo(o), i = {
104
- id: new O(t),
103
+ const t = _o(o), i = {
104
+ id: new V(t),
105
105
  name: t,
106
106
  type: "component",
107
107
  labels: [],
@@ -109,23 +109,23 @@ function ce(r) {
109
109
  };
110
110
  e.children || (e.children = []), e.children.push(i);
111
111
  } else {
112
- const t = "_path" in n ? n._path : void 0, i = cr(o, t);
113
- ko(e, i, n, [], o);
112
+ const t = "_path" in n ? n._path : void 0, i = pr(o, t);
113
+ Co(e, i, n, [], o);
114
114
  }
115
115
  return e;
116
116
  }
117
- function vo(r) {
117
+ function _o(r) {
118
118
  return (r.split("/").pop() ?? r).replace(/\.fixture\.(tsx?|jsx?)$/, "");
119
119
  }
120
- function ko(r, e, o, n = [], t = "", i = []) {
121
- var g, h;
120
+ function Co(r, e, o, n = [], t = "", i = []) {
121
+ var u, g;
122
122
  let a = r;
123
- const c = [...n];
123
+ const s = [...n];
124
124
  for (let f = 0; f < e.length - 1; f++) {
125
125
  const b = e[f];
126
- c.push(b);
127
- const C = new O(c.join("/"));
128
- let y = (g = a.children) == null ? void 0 : g.find(
126
+ s.push(b);
127
+ const C = new V(s.join("/"));
128
+ let y = (u = a.children) == null ? void 0 : u.find(
129
129
  (v) => v.type === "folder" && v.name === b
130
130
  );
131
131
  y || (y = {
@@ -136,48 +136,48 @@ function ko(r, e, o, n = [], t = "", i = []) {
136
136
  labels: []
137
137
  }, a.children || (a.children = []), a.children.push(y)), a = y;
138
138
  }
139
- const d = e[e.length - 1];
140
- c.push(d);
141
- const l = new O(c.join("/"));
139
+ const c = e[e.length - 1];
140
+ s.push(c);
141
+ const l = new V(s.join("/"));
142
142
  if (Fe(o)) {
143
- const f = ze(o, l.value, d, t, i), b = {
143
+ const f = Pe(o, l.value, c, t, i), b = {
144
144
  id: l,
145
- name: d,
145
+ name: c,
146
146
  type: "component",
147
147
  component: f,
148
148
  labels: [...f.labels]
149
149
  };
150
150
  a.children || (a.children = []), a.children.push(b);
151
151
  } else if (Ie(o)) {
152
- let f = (h = a.children) == null ? void 0 : h.find(
153
- (b) => b.type === "folder" && b.name === d
152
+ let f = (g = a.children) == null ? void 0 : g.find(
153
+ (b) => b.type === "folder" && b.name === c
154
154
  );
155
155
  f || (f = {
156
156
  id: l,
157
- name: d,
157
+ name: c,
158
158
  type: "folder",
159
159
  children: [],
160
160
  labels: [...o._labels ?? []]
161
161
  }, a.children || (a.children = []), a.children.push(f));
162
162
  for (const [b, C] of Object.entries(o._entries)) {
163
163
  const y = o._expectedVisualDescriptions, v = y ? typeof y == "string" ? [y] : [...y] : [], _ = [...i, ...v];
164
- ko(f, [b], C, c, t, _);
164
+ Co(f, [b], C, s, t, _);
165
165
  }
166
166
  } else if (Ee(o)) {
167
167
  const f = {
168
168
  id: l,
169
- name: d,
169
+ name: c,
170
170
  type: "variants",
171
171
  children: [],
172
172
  labels: [...o._labels ?? []]
173
173
  };
174
174
  a.children || (a.children = []), a.children.push(f);
175
175
  for (const [b, C] of Object.entries(o._variants)) {
176
- const y = o._expectedVisualDescriptions, v = y ? typeof y == "string" ? [y] : [...y] : [], _ = [...i, ...v], w = new O([...c, b].join("/")), M = {
176
+ const y = o._expectedVisualDescriptions, v = y ? typeof y == "string" ? [y] : [...y] : [], _ = [...i, ...v], w = new V([...s, b].join("/")), M = {
177
177
  id: w,
178
178
  name: b,
179
179
  type: "component",
180
- component: ze(C, w.value, b, t, _),
180
+ component: Pe(C, w.value, b, t, _),
181
181
  labels: [...C._options.labels ?? []]
182
182
  };
183
183
  f.children.push(M);
@@ -195,27 +195,27 @@ function We(r, e) {
195
195
  }
196
196
  return o;
197
197
  }
198
- function sr(r) {
198
+ function ur(r) {
199
199
  if (r.type === "component" && r.component)
200
200
  return [r.component];
201
201
  const e = [];
202
202
  for (const o of r.children ?? [])
203
- e.push(...sr(o));
203
+ e.push(...ur(o));
204
204
  return e;
205
205
  }
206
- let W;
207
- function dr(r) {
208
- W ? W instanceof je ? W.loggers.push(r) : W = new je([W, r]) : W = r;
206
+ let j;
207
+ function gr(r) {
208
+ j ? j instanceof je ? j.loggers.push(r) : j = new je([j, r]) : j = r;
209
209
  }
210
210
  function S() {
211
- return W;
211
+ return j;
212
212
  }
213
- let he;
214
- function lr(r) {
215
- he = r;
213
+ let fe;
214
+ function mr(r) {
215
+ fe = r;
216
216
  }
217
- function pr(r) {
218
- he && he(r);
217
+ function hr(r) {
218
+ fe && fe(r);
219
219
  }
220
220
  class je {
221
221
  constructor(e) {
@@ -270,7 +270,7 @@ class je {
270
270
  o.handleEndTransaction(e);
271
271
  }
272
272
  }
273
- var V;
273
+ var T;
274
274
  (function(r) {
275
275
  let e = !1;
276
276
  function o() {
@@ -278,23 +278,23 @@ var V;
278
278
  }
279
279
  r.enable = o;
280
280
  function n() {
281
- return t(1);
281
+ return t(2);
282
282
  }
283
283
  r.ofCaller = n;
284
284
  function t(i) {
285
285
  if (!e)
286
286
  return;
287
- const a = Error, c = a.stackTraceLimit;
288
- a.stackTraceLimit = 3;
289
- const d = new Error().stack;
290
- return a.stackTraceLimit = c, Re.fromStack(d, i + 1);
287
+ const a = Error, s = a.stackTraceLimit;
288
+ a.stackTraceLimit = 4;
289
+ const c = new Error().stack;
290
+ return a.stackTraceLimit = s, Re.fromStack(c, i + 1);
291
291
  }
292
292
  r.ofNthCaller = t;
293
- })(V || (V = {}));
293
+ })(T || (T = {}));
294
294
  class Re {
295
295
  static fromStack(e, o) {
296
296
  const n = e.split(`
297
- `), t = gr(n[o + 1]);
297
+ `), t = fr(n[o + 1]);
298
298
  if (t)
299
299
  return new Re(t.fileName, t.line, t.column, t.id);
300
300
  }
@@ -302,7 +302,7 @@ class Re {
302
302
  this.fileName = e, this.line = o, this.column = n, this.id = t;
303
303
  }
304
304
  }
305
- function gr(r) {
305
+ function fr(r) {
306
306
  if (!r)
307
307
  return;
308
308
  const e = r.match(/\((.*):(\d+):(\d+)\)/);
@@ -322,32 +322,32 @@ function gr(r) {
322
322
  id: r
323
323
  };
324
324
  }
325
- class G {
325
+ class D {
326
326
  constructor(e, o, n) {
327
327
  this.owner = e, this.debugNameSource = o, this.referenceFn = n;
328
328
  }
329
329
  getDebugName(e) {
330
- return ur(e, this);
330
+ return xr(e, this);
331
331
  }
332
332
  }
333
- const $e = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new WeakMap();
334
- function ur(r, e) {
333
+ const Ue = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new WeakMap();
334
+ function xr(r, e) {
335
335
  const o = xe.get(r);
336
336
  if (o)
337
337
  return o;
338
- const n = mr(r, e);
338
+ const n = br(r, e);
339
339
  if (n) {
340
- let t = $e.get(n) ?? 0;
341
- t++, $e.set(n, t);
340
+ let t = Ue.get(n) ?? 0;
341
+ t++, Ue.set(n, t);
342
342
  const i = t === 1 ? n : `${n}#${t}`;
343
343
  return xe.set(r, i), i;
344
344
  }
345
345
  }
346
- function mr(r, e) {
346
+ function br(r, e) {
347
347
  const o = xe.get(r);
348
348
  if (o)
349
349
  return o;
350
- const n = e.owner ? hr(e.owner) + "." : "";
350
+ const n = e.owner ? kr(e.owner) + "." : "";
351
351
  let t;
352
352
  const i = e.debugNameSource;
353
353
  if (i !== void 0)
@@ -357,56 +357,59 @@ function mr(r, e) {
357
357
  } else
358
358
  return n + i;
359
359
  const a = e.referenceFn;
360
- if (a !== void 0 && (t = Te(a), t !== void 0))
360
+ if (a !== void 0 && (t = He(a), t !== void 0))
361
361
  return n + t;
362
362
  if (e.owner !== void 0) {
363
- const c = fr(e.owner, r);
364
- if (c !== void 0)
365
- return n + c;
363
+ const s = vr(e.owner, r);
364
+ if (s !== void 0)
365
+ return n + s;
366
366
  }
367
367
  }
368
- function fr(r, e) {
368
+ function vr(r, e) {
369
369
  for (const o in r)
370
370
  if (r[o] === e)
371
371
  return o;
372
372
  }
373
- const Ue = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new WeakMap();
374
- function hr(r) {
375
- const e = qe.get(r);
373
+ const qe = /* @__PURE__ */ new Map(), Qe = /* @__PURE__ */ new WeakMap();
374
+ function kr(r) {
375
+ const e = Qe.get(r);
376
376
  if (e)
377
377
  return e;
378
- const o = yo(r) ?? "Object";
379
- let n = Ue.get(o) ?? 0;
380
- n++, Ue.set(o, n);
378
+ const o = So(r) ?? "Object";
379
+ let n = qe.get(o) ?? 0;
380
+ n++, qe.set(o, n);
381
381
  const t = n === 1 ? o : `${o}#${n}`;
382
- return qe.set(r, t), t;
382
+ return Qe.set(r, t), t;
383
383
  }
384
- function yo(r) {
384
+ function So(r) {
385
385
  const e = r.constructor;
386
386
  if (e)
387
387
  return e.name === "Object" ? void 0 : e.name;
388
388
  }
389
- function Te(r) {
389
+ function He(r) {
390
390
  const e = r.toString(), n = /\/\*\*\s*@description\s*([^*]*)\*\//.exec(e), t = n ? n[1] : void 0;
391
391
  return t == null ? void 0 : t.trim();
392
392
  }
393
393
  let be;
394
- function xr(r) {
394
+ function yr(r) {
395
395
  be = r;
396
396
  }
397
- let wo;
398
- function br(r) {
399
- wo = r;
397
+ let Fo;
398
+ function wr(r) {
399
+ Fo = r;
400
400
  }
401
- let Bo;
402
- function vr(r) {
403
- Bo = r;
401
+ let Io;
402
+ function Br(r) {
403
+ Io = r;
404
404
  }
405
- let _o;
406
- function kr(r) {
407
- _o = r;
405
+ let Te;
406
+ function _r(r) {
407
+ Te = r;
408
+ }
409
+ function Cr() {
410
+ return Te;
408
411
  }
409
- class yr {
412
+ class Sr {
410
413
  get TChange() {
411
414
  return null;
412
415
  }
@@ -417,17 +420,17 @@ class yr {
417
420
  read(e) {
418
421
  return e ? e.readObservable(this) : this.get();
419
422
  }
420
- map(e, o, n = V.ofCaller()) {
423
+ map(e, o, n = T.ofCaller()) {
421
424
  const t = o === void 0 ? void 0 : e, i = o === void 0 ? e : o;
422
425
  return be({
423
426
  owner: t,
424
427
  debugName: () => {
425
- const a = Te(i);
428
+ const a = He(i);
426
429
  if (a !== void 0)
427
430
  return a;
428
- const d = /^\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
- if (d)
430
- return `${this.debugName}.${d[2]}`;
431
+ const c = /^\s*\(?\s*([a-zA-Z_$][a-zA-Z_$0-9]*)\s*\)?\s*=>\s*\1(?:\??)\.([a-zA-Z_$][a-zA-Z_$0-9]*)\s*$/.exec(i.toString());
432
+ if (c)
433
+ return `${this.debugName}.${c[2]}`;
431
434
  if (!t)
432
435
  return `${this.debugName} (mapped)`;
433
436
  },
@@ -445,7 +448,7 @@ class yr {
445
448
  }, (e) => this.read(e).read(e));
446
449
  }
447
450
  recomputeInitiallyAndOnChange(e, o) {
448
- return e.add(wo(this, o)), this;
451
+ return e.add(Fo(this, o)), this;
449
452
  }
450
453
  /**
451
454
  * Ensures that this observable is observed. This keeps the cache alive.
@@ -453,16 +456,16 @@ class yr {
453
456
  * Use `recomputeInitiallyAndOnChange` for eager evaluation.
454
457
  */
455
458
  keepObserved(e) {
456
- return e.add(Bo(this)), this;
459
+ return e.add(Io(this)), this;
457
460
  }
458
461
  get debugValue() {
459
462
  return this.get();
460
463
  }
461
- debugGetDependencyGraph() {
462
- return _o(this);
464
+ get debug() {
465
+ return new Te(this);
463
466
  }
464
467
  }
465
- class He extends yr {
468
+ class Me extends Sr {
466
469
  constructor(e) {
467
470
  var o;
468
471
  super(), this._observers = /* @__PURE__ */ new Set(), (o = S()) == null || o.handleObservableCreated(this, e);
@@ -484,26 +487,26 @@ class He extends yr {
484
487
  log() {
485
488
  var o;
486
489
  const e = !!S();
487
- return pr(this), e || (o = S()) == null || o.handleObservableCreated(this, V.ofCaller()), this;
490
+ return hr(this), e || (o = S()) == null || o.handleObservableCreated(this, T.ofCaller()), this;
488
491
  }
489
492
  debugGetObservers() {
490
493
  return this._observers;
491
494
  }
492
495
  }
493
- function Co(r) {
496
+ function Eo(r) {
494
497
  return {
495
498
  dispose: r
496
499
  };
497
500
  }
498
- class $ extends Error {
501
+ class z extends Error {
499
502
  constructor(e) {
500
- super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, $.prototype);
503
+ super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, z.prototype);
501
504
  }
502
505
  }
503
- function se(r) {
506
+ function te(r) {
504
507
  throw r;
505
508
  }
506
- function wr(r) {
509
+ function Fr(r) {
507
510
  console.error("Unexpected error:", r);
508
511
  }
509
512
  const oe = (r, e) => r === e;
@@ -535,7 +538,7 @@ class re {
535
538
  this.disposables = [];
536
539
  }
537
540
  }
538
- function Br(r) {
541
+ function Ir(r) {
539
542
  switch (r) {
540
543
  case 0:
541
544
  return "initial";
@@ -549,13 +552,13 @@ function Br(r) {
549
552
  return "<unknown>";
550
553
  }
551
554
  }
552
- class U extends He {
555
+ class q extends Me {
553
556
  get debugName() {
554
557
  return this._debugNameData.getDebugName(this) ?? "(anonymous)";
555
558
  }
556
559
  constructor(e, o, n, t = void 0, i, a) {
557
- var c;
558
- super(a), this._debugNameData = e, this._computeFn = o, this._changeTracker = n, this._handleLastObserverRemoved = t, this._equalityComparator = i, this._state = 0, this._value = void 0, this._updateCount = 0, this._dependencies = /* @__PURE__ */ new Set(), this._dependenciesToBeRemoved = /* @__PURE__ */ new Set(), this._changeSummary = void 0, this._isUpdating = !1, this._isComputing = !1, this._didReportChange = !1, this._isInBeforeUpdate = !1, this._isReaderValid = !1, this._store = void 0, this._delayedStore = void 0, this._removedObserverToCallEndUpdateOn = null, this._changeSummary = (c = this._changeTracker) == null ? void 0 : c.createChangeSummary(void 0);
560
+ var s;
561
+ super(a), this._debugNameData = e, this._computeFn = o, this._changeTracker = n, this._handleLastObserverRemoved = t, this._equalityComparator = i, this._state = 0, this._value = void 0, this._updateCount = 0, this._dependencies = /* @__PURE__ */ new Set(), this._dependenciesToBeRemoved = /* @__PURE__ */ new Set(), this._changeSummary = void 0, this._isUpdating = !1, this._isComputing = !1, this._didReportChange = !1, this._isInBeforeUpdate = !1, this._isReaderValid = !1, this._store = void 0, this._delayedStore = void 0, this._removedObserverToCallEndUpdateOn = null, this._changeSummary = (s = this._changeTracker) == null ? void 0 : s.createChangeSummary(void 0);
559
562
  }
560
563
  onLastObserverRemoved() {
561
564
  var e, o;
@@ -595,33 +598,33 @@ class U extends He {
595
598
  const o = this._dependenciesToBeRemoved;
596
599
  this._dependenciesToBeRemoved = this._dependencies, this._dependencies = o;
597
600
  try {
598
- const c = this._changeSummary;
599
- this._isReaderValid = !0, this._changeTracker && (this._isInBeforeUpdate = !0, (t = (n = this._changeTracker).beforeUpdate) == null || t.call(n, this, c), this._isInBeforeUpdate = !1, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(c));
600
- const d = this._state !== 0, l = this._value;
601
+ const s = this._changeSummary;
602
+ this._isReaderValid = !0, this._changeTracker && (this._isInBeforeUpdate = !0, (t = (n = this._changeTracker).beforeUpdate) == null || t.call(n, this, s), this._isInBeforeUpdate = !1, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(s));
603
+ const c = this._state !== 0, l = this._value;
601
604
  this._state = 3;
602
- const g = this._delayedStore;
603
- g !== void 0 && (this._delayedStore = void 0);
605
+ const u = this._delayedStore;
606
+ u !== void 0 && (this._delayedStore = void 0);
604
607
  try {
605
- this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._value = this._computeFn(this, c);
608
+ this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._value = this._computeFn(this, s);
606
609
  } finally {
607
610
  this._isReaderValid = !1;
608
- for (const h of this._dependenciesToBeRemoved)
609
- h.removeObserver(this);
610
- this._dependenciesToBeRemoved.clear(), g !== void 0 && g.dispose();
611
+ for (const g of this._dependenciesToBeRemoved)
612
+ g.removeObserver(this);
613
+ this._dependenciesToBeRemoved.clear(), u !== void 0 && u.dispose();
611
614
  }
612
- e = this._didReportChange || d && !this._equalityComparator(l, this._value), (a = S()) == null || a.handleObservableUpdated(this, {
615
+ e = this._didReportChange || c && !this._equalityComparator(l, this._value), (a = S()) == null || a.handleObservableUpdated(this, {
613
616
  oldValue: l,
614
617
  newValue: this._value,
615
618
  change: void 0,
616
619
  didChange: e,
617
- hadValue: d
620
+ hadValue: c
618
621
  });
619
- } catch (c) {
620
- se(c);
622
+ } catch (s) {
623
+ te(s);
621
624
  }
622
625
  if (this._isComputing = !1, !this._didReportChange && e)
623
- for (const c of this._observers)
624
- c.handleChange(this, void 0);
626
+ for (const s of this._observers)
627
+ s.handleChange(this, void 0);
625
628
  else
626
629
  this._didReportChange = !1;
627
630
  }
@@ -631,7 +634,7 @@ class U extends He {
631
634
  // IObserver Implementation
632
635
  beginUpdate(e) {
633
636
  if (this._isUpdating)
634
- throw new $("Cyclic deriveds are not supported yet!");
637
+ throw new z("Cyclic deriveds are not supported yet!");
635
638
  this._updateCount++, this._isUpdating = !0;
636
639
  try {
637
640
  const o = this._updateCount === 1;
@@ -677,7 +680,7 @@ class U extends He {
677
680
  didChange: (a) => a === e
678
681
  }, this._changeSummary) : !0;
679
682
  } catch (a) {
680
- se(a);
683
+ te(a);
681
684
  }
682
685
  const i = this._state === 3;
683
686
  if (t && (this._state === 1 || i) && (this._state = 2, i))
@@ -688,7 +691,7 @@ class U extends He {
688
691
  // IReader Implementation
689
692
  _ensureReaderValid() {
690
693
  if (!this._isReaderValid)
691
- throw new $("The reader object cannot be used outside its compute function!");
694
+ throw new z("The reader object cannot be used outside its compute function!");
692
695
  }
693
696
  readObservable(e) {
694
697
  this._ensureReaderValid(), e.addObserver(this);
@@ -707,8 +710,9 @@ class U extends He {
707
710
  return this._ensureReaderValid(), this._delayedStore === void 0 && (this._delayedStore = new re()), this._delayedStore;
708
711
  }
709
712
  addObserver(e) {
713
+ var n;
710
714
  const o = !this._observers.has(e) && this._updateCount > 0;
711
- super.addObserver(e), o && (this._removedObserverToCallEndUpdateOn && this._removedObserverToCallEndUpdateOn.has(e) ? this._removedObserverToCallEndUpdateOn.delete(e) : e.beginUpdate(this));
715
+ super.addObserver(e), o && ((n = this._removedObserverToCallEndUpdateOn) != null && n.delete(e) || e.beginUpdate(this));
712
716
  }
713
717
  removeObserver(e) {
714
718
  this._observers.has(e) && this._updateCount > 0 && (this._removedObserverToCallEndUpdateOn || (this._removedObserverToCallEndUpdateOn = /* @__PURE__ */ new Set()), this._removedObserverToCallEndUpdateOn.add(e)), super.removeObserver(e);
@@ -716,7 +720,7 @@ class U extends He {
716
720
  debugGetState() {
717
721
  return {
718
722
  state: this._state,
719
- stateStr: Br(this._state),
723
+ stateStr: Ir(this._state),
720
724
  updateCount: this._updateCount,
721
725
  isComputing: this._isComputing,
722
726
  dependencies: this._dependencies,
@@ -727,7 +731,12 @@ class U extends He {
727
731
  this._value = e;
728
732
  }
729
733
  debugRecompute() {
730
- this._isComputing ? this._state = 2 : this._recompute();
734
+ this.beginUpdate(this);
735
+ try {
736
+ this._isComputing ? this._state = 2 : this._recompute();
737
+ } finally {
738
+ this.endUpdate(this);
739
+ }
731
740
  }
732
741
  setValue(e, o, n) {
733
742
  this._value = e;
@@ -737,26 +746,26 @@ class U extends He {
737
746
  i.handleChange(this, n);
738
747
  }
739
748
  }
740
- function I(r, e, o = V.ofCaller()) {
741
- return e !== void 0 ? new U(new G(r, void 0, e), e, void 0, void 0, oe, o) : new U(new G(void 0, void 0, r), r, void 0, void 0, oe, o);
749
+ function I(r, e, o = T.ofCaller()) {
750
+ return e !== void 0 ? new q(new D(r, void 0, e), e, void 0, void 0, oe, o) : new q(new D(void 0, void 0, r), r, void 0, void 0, oe, o);
742
751
  }
743
- function _r(r, e, o = V.ofCaller()) {
744
- return new U(new G(r.owner, r.debugName, r.debugReferenceFn), e, void 0, r.onLastObserverRemoved, r.equalsFn ?? oe, o);
752
+ function Er(r, e, o = T.ofCaller()) {
753
+ return new q(new D(r.owner, r.debugName, r.debugReferenceFn), e, void 0, r.onLastObserverRemoved, r.equalsFn ?? oe, o);
745
754
  }
746
- xr(_r);
747
- function Cr(r, e, o = V.ofCaller()) {
755
+ yr(Er);
756
+ function Rr(r, e, o = T.ofCaller()) {
748
757
  let n, t;
749
758
  n = r, t = void 0;
750
759
  let i;
751
- return new U(new G(t, void 0, n), (a) => {
760
+ return new q(new D(t, void 0, n), (a) => {
752
761
  i ? i.clear() : i = new re();
753
- const c = n(a);
754
- return c && i.add(c), c;
762
+ const s = n(a);
763
+ return s && i.add(s), s;
755
764
  }, void 0, () => {
756
765
  i && (i.dispose(), i = void 0);
757
766
  }, oe, o);
758
767
  }
759
- function Sr(r) {
768
+ function Hr(r) {
760
769
  switch (r) {
761
770
  case 1:
762
771
  return "dependenciesMightHaveChanged";
@@ -768,13 +777,13 @@ function Sr(r) {
768
777
  return "<unknown>";
769
778
  }
770
779
  }
771
- class So {
780
+ class Ro {
772
781
  get debugName() {
773
782
  return this._debugNameData.getDebugName(this) ?? "(anonymous)";
774
783
  }
775
784
  constructor(e, o, n, t) {
776
785
  var i, a;
777
- 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), (a = S()) == null || a.handleAutorunCreated(this, t), this._run();
786
+ 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._iteration = 0, this._store = void 0, this._delayedStore = void 0, this._changeSummary = (i = this._changeTracker) == null ? void 0 : i.createChangeSummary(void 0), (a = S()) == null || a.handleAutorunCreated(this, t), this._run();
778
787
  }
779
788
  dispose() {
780
789
  var e;
@@ -792,14 +801,14 @@ class So {
792
801
  try {
793
802
  if (!this._disposed) {
794
803
  (o = S()) == null || o.handleAutorunStarted(this);
795
- const a = this._changeSummary, c = this._delayedStore;
796
- c !== void 0 && (this._delayedStore = void 0);
804
+ const a = this._changeSummary, s = this._delayedStore;
805
+ s !== void 0 && (this._delayedStore = void 0);
797
806
  try {
798
807
  this._isRunning = !0, this._changeTracker && ((t = (n = this._changeTracker).beforeUpdate) == null || t.call(n, this, a), this._changeSummary = this._changeTracker.createChangeSummary(a)), this._store !== void 0 && (this._store.dispose(), this._store = void 0), this._runFn(this, a);
799
- } catch (d) {
800
- se(d);
808
+ } catch (c) {
809
+ te(c);
801
810
  } finally {
802
- this._isRunning = !1, c !== void 0 && c.dispose();
811
+ this._isRunning = !1, s !== void 0 && s.dispose();
803
812
  }
804
813
  }
805
814
  } finally {
@@ -814,26 +823,30 @@ class So {
814
823
  }
815
824
  // IObserver implementation
816
825
  beginUpdate(e) {
817
- this._state === 3 && (this._state = 1), this._updateCount++;
826
+ this._state === 3 && (this._checkIterations(), this._state = 1), this._updateCount++;
818
827
  }
819
828
  endUpdate(e) {
820
829
  try {
821
- if (this._updateCount === 1)
830
+ if (this._updateCount === 1) {
831
+ this._iteration = 1;
822
832
  do {
833
+ if (this._checkIterations())
834
+ return;
823
835
  if (this._state === 1) {
824
836
  this._state = 3;
825
837
  for (const o of this._dependencies)
826
838
  if (o.reportChanges(), this._state === 2)
827
839
  break;
828
840
  }
829
- this._state !== 3 && this._run();
841
+ this._iteration++, this._state !== 3 && this._run();
830
842
  } while (this._state !== 3);
843
+ }
831
844
  } finally {
832
845
  this._updateCount--;
833
846
  }
834
847
  }
835
848
  handlePossibleChange(e) {
836
- this._state === 3 && this._isDependency(e) && (this._state = 1);
849
+ this._state === 3 && this._isDependency(e) && (this._checkIterations(), this._state = 1);
837
850
  }
838
851
  handleChange(e, o) {
839
852
  var n;
@@ -844,9 +857,9 @@ class So {
844
857
  changedObservable: e,
845
858
  change: o,
846
859
  didChange: (i) => i === e
847
- }, this._changeSummary) : !0) && (this._state = 2);
860
+ }, this._changeSummary) : !0) && (this._checkIterations(), this._state = 2);
848
861
  } catch (t) {
849
- se(t);
862
+ te(t);
850
863
  }
851
864
  }
852
865
  }
@@ -856,7 +869,7 @@ class So {
856
869
  // IReader implementation
857
870
  _ensureNoRunning() {
858
871
  if (!this._isRunning)
859
- throw new $("The reader object cannot be used outside its compute function!");
872
+ throw new z("The reader object cannot be used outside its compute function!");
860
873
  }
861
874
  readObservable(e) {
862
875
  if (this._ensureNoRunning(), this._disposed)
@@ -867,12 +880,12 @@ class So {
867
880
  }
868
881
  get store() {
869
882
  if (this._ensureNoRunning(), this._disposed)
870
- throw new $("Cannot access store after dispose");
883
+ throw new z("Cannot access store after dispose");
871
884
  return this._store === void 0 && (this._store = new re()), this._store;
872
885
  }
873
886
  get delayedStore() {
874
887
  if (this._ensureNoRunning(), this._disposed)
875
- throw new $("Cannot access store after dispose");
888
+ throw new z("Cannot access store after dispose");
876
889
  return this._delayedStore === void 0 && (this._delayedStore = new re()), this._delayedStore;
877
890
  }
878
891
  debugGetState() {
@@ -881,42 +894,45 @@ class So {
881
894
  updateCount: this._updateCount,
882
895
  dependencies: this._dependencies,
883
896
  state: this._state,
884
- stateStr: Sr(this._state)
897
+ stateStr: Hr(this._state)
885
898
  };
886
899
  }
887
900
  debugRerun() {
888
901
  this._isRunning ? this._state = 2 : this._run();
889
902
  }
903
+ _checkIterations() {
904
+ return this._iteration > 100 ? (te(new z(`Autorun '${this.debugName}' is stuck in an infinite update loop.`)), !0) : !1;
905
+ }
890
906
  }
891
- function Fo(r, e = V.ofCaller()) {
892
- return new So(new G(void 0, void 0, r), r, void 0, e);
907
+ function Ho(r, e = T.ofCaller()) {
908
+ return new Ro(new D(void 0, void 0, r), r, void 0, e);
893
909
  }
894
- function Qe(r) {
910
+ function Ke(r) {
895
911
  const e = new Error("BugIndicatingErrorRecovery: " + r);
896
- wr(e), console.error("recovered from an error that indicates a bug", e);
912
+ Fr(e), console.error("recovered from an error that indicates a bug", e);
897
913
  }
898
- function Io(r, e) {
899
- const o = new Eo(r, e);
914
+ function To(r, e) {
915
+ const o = new Mo(r, e);
900
916
  try {
901
917
  r(o);
902
918
  } finally {
903
919
  o.finish();
904
920
  }
905
921
  }
906
- function Fr(r, e, o) {
907
- r ? e(r) : Io(e, o);
922
+ function Tr(r, e, o) {
923
+ r ? e(r) : To(e, o);
908
924
  }
909
- class Eo {
925
+ class Mo {
910
926
  constructor(e, o) {
911
927
  var n;
912
928
  this._fn = e, this._getDebugName = o, this._updatingObservers = [], (n = S()) == null || n.handleBeginTransaction(this);
913
929
  }
914
930
  getDebugName() {
915
- return this._getDebugName ? this._getDebugName() : Te(this._fn);
931
+ return this._getDebugName ? this._getDebugName() : He(this._fn);
916
932
  }
917
933
  updateObserver(e, o) {
918
934
  if (!this._updatingObservers) {
919
- Qe("Transaction already finished!"), Io((n) => {
935
+ Ke("Transaction already finished!"), To((n) => {
920
936
  n.updateObserver(e, o);
921
937
  });
922
938
  return;
@@ -927,7 +943,7 @@ class Eo {
927
943
  var o;
928
944
  const e = this._updatingObservers;
929
945
  if (!e) {
930
- Qe("transaction.finish() has already been called!");
946
+ Ke("transaction.finish() has already been called!");
931
947
  return;
932
948
  }
933
949
  for (let n = 0; n < e.length; n++) {
@@ -940,11 +956,14 @@ class Eo {
940
956
  return this._updatingObservers;
941
957
  }
942
958
  }
943
- function B(r, e, o = V.ofCaller()) {
944
- let n;
945
- return typeof r == "string" ? n = new G(void 0, r, void 0) : n = new G(r, void 0, void 0), new Ro(n, e, oe, o);
959
+ function Mr(r) {
960
+ return typeof r == "string" ? new D(void 0, r, void 0) : new D(r, void 0, void 0);
961
+ }
962
+ function B(r, e, o = T.ofCaller()) {
963
+ const n = Mr(r);
964
+ return new Oo(n, e, oe, o);
946
965
  }
947
- class Ro extends He {
966
+ class Oo extends Me {
948
967
  get debugName() {
949
968
  return this._debugNameData.getDebugName(this) ?? "ObservableValue";
950
969
  }
@@ -960,13 +979,13 @@ class Ro extends He {
960
979
  if (n === void 0 && this._equalityComparator(this._value, e))
961
980
  return;
962
981
  let t;
963
- o || (o = t = new Eo(() => {
982
+ o || (o = t = new Mo(() => {
964
983
  }, () => `Setting ${this.debugName}`));
965
984
  try {
966
985
  const a = this._value;
967
986
  this._setValue(e), (i = S()) == null || i.handleObservableUpdated(this, { oldValue: a, newValue: e, change: n, didChange: !0, hadValue: !0 });
968
- for (const c of this._observers)
969
- o.updateObserver(c, this), c.handleChange(this, n);
987
+ for (const s of this._observers)
988
+ o.updateObserver(s, this), s.handleChange(this, n);
970
989
  } finally {
971
990
  t && t.finish();
972
991
  }
@@ -986,25 +1005,25 @@ class Ro extends He {
986
1005
  this._value = e;
987
1006
  }
988
1007
  }
989
- function Ke(...r) {
1008
+ function Je(...r) {
990
1009
  let e, o, n, t;
991
- return r.length === 2 ? [o, n] = r : [e, o, n, t] = r, new j(new G(e, void 0, n), o, n, () => j.globalTransaction, oe, t ?? V.ofCaller());
1010
+ return r.length === 2 ? [o, n] = r : [e, o, n, t] = r, new U(new D(e, void 0, n), o, n, () => U.globalTransaction, oe, t ?? T.ofCaller());
992
1011
  }
993
- class j extends He {
1012
+ class U extends Me {
994
1013
  constructor(e, o, n, t, i, a) {
995
- super(a), this._debugNameData = e, this.event = o, this._getValue = n, this._getTransaction = t, this._equalityComparator = i, this._hasValue = !1, this.handleEvent = (c) => {
1014
+ super(a), this._debugNameData = e, this.event = o, this._getValue = n, this._getTransaction = t, this._equalityComparator = i, this._hasValue = !1, this.handleEvent = (s) => {
996
1015
  var f;
997
- const d = this._getValue(c), l = this._value, g = !this._hasValue || !this._equalityComparator(l, d);
998
- let h = !1;
999
- g && (this._value = d, this._hasValue && (h = !0, Fr(this._getTransaction(), (b) => {
1016
+ const c = this._getValue(s), l = this._value, u = !this._hasValue || !this._equalityComparator(l, c);
1017
+ let g = !1;
1018
+ u && (this._value = c, this._hasValue && (g = !0, Tr(this._getTransaction(), (b) => {
1000
1019
  var C;
1001
- (C = S()) == null || C.handleObservableUpdated(this, { oldValue: l, newValue: d, change: void 0, didChange: g, hadValue: this._hasValue });
1020
+ (C = S()) == null || C.handleObservableUpdated(this, { oldValue: l, newValue: c, change: void 0, didChange: u, hadValue: this._hasValue });
1002
1021
  for (const y of this._observers)
1003
1022
  b.updateObserver(y, this), y.handleChange(this, void 0);
1004
1023
  }, () => {
1005
1024
  const b = this.getDebugName();
1006
1025
  return "Event fired" + (b ? `: ${b}` : "");
1007
- })), this._hasValue = !0), h || (f = S()) == null || f.handleObservableUpdated(this, { oldValue: l, newValue: d, change: void 0, didChange: g, hadValue: this._hasValue });
1026
+ })), this._hasValue = !0), g || (f = S()) == null || f.handleObservableUpdated(this, { oldValue: l, newValue: c, change: void 0, didChange: u, hadValue: this._hasValue });
1008
1027
  };
1009
1028
  }
1010
1029
  getDebugName() {
@@ -1031,39 +1050,39 @@ class j extends He {
1031
1050
  }
1032
1051
  }
1033
1052
  (function(r) {
1034
- r.Observer = j;
1053
+ r.Observer = U;
1035
1054
  function e(o, n) {
1036
1055
  let t = !1;
1037
- j.globalTransaction === void 0 && (j.globalTransaction = o, t = !0);
1056
+ U.globalTransaction === void 0 && (U.globalTransaction = o, t = !0);
1038
1057
  try {
1039
1058
  n();
1040
1059
  } finally {
1041
- t && (j.globalTransaction = void 0);
1060
+ t && (U.globalTransaction = void 0);
1042
1061
  }
1043
1062
  }
1044
1063
  r.batchEventsGlobally = e;
1045
- })(Ke || (Ke = {}));
1046
- function Ir(r) {
1047
- const e = new To(!1, void 0);
1048
- return r.addObserver(e), Co(() => {
1064
+ })(Je || (Je = {}));
1065
+ function Or(r) {
1066
+ const e = new Vo(!1, void 0);
1067
+ return r.addObserver(e), Eo(() => {
1049
1068
  r.removeObserver(e);
1050
1069
  });
1051
1070
  }
1052
- vr(Ir);
1053
- function Er(r, e) {
1054
- const o = new To(!0, e);
1071
+ Br(Or);
1072
+ function Vr(r, e) {
1073
+ const o = new Vo(!0, e);
1055
1074
  r.addObserver(o);
1056
1075
  try {
1057
1076
  o.beginUpdate(r);
1058
1077
  } finally {
1059
1078
  o.endUpdate(r);
1060
1079
  }
1061
- return Co(() => {
1080
+ return Eo(() => {
1062
1081
  r.removeObserver(o);
1063
1082
  });
1064
1083
  }
1065
- br(Er);
1066
- class To {
1084
+ wr(Vr);
1085
+ class Vo {
1067
1086
  constructor(e, o) {
1068
1087
  this._forceRecompute = e, this._handleValue = o, this._counter = 0;
1069
1088
  }
@@ -1078,11 +1097,11 @@ class To {
1078
1097
  handleChange(e, o) {
1079
1098
  }
1080
1099
  }
1081
- let te;
1082
- function Rr(r) {
1083
- te || (te = new Tr(), dr(te)), te.addFilteredObj(r);
1100
+ let ie;
1101
+ function Lr(r) {
1102
+ ie || (ie = new Dr(), gr(ie)), ie.addFilteredObj(r);
1084
1103
  }
1085
- class Tr {
1104
+ class Dr {
1086
1105
  constructor() {
1087
1106
  this.indentation = 0, this.changedObservablesSets = /* @__PURE__ */ new WeakMap();
1088
1107
  }
@@ -1094,32 +1113,32 @@ class Tr {
1094
1113
  return ((o = this._filteredObjects) == null ? void 0 : o.has(e)) ?? !0;
1095
1114
  }
1096
1115
  textToConsoleArgs(e) {
1097
- return Hr([
1098
- q(Lr("| ", this.indentation)),
1116
+ return Nr([
1117
+ Q(Pr("| ", this.indentation)),
1099
1118
  e
1100
1119
  ]);
1101
1120
  }
1102
1121
  formatInfo(e) {
1103
1122
  return e.hadValue ? e.didChange ? [
1104
- q(" "),
1105
- R(ee(e.oldValue, 70), {
1123
+ Q(" "),
1124
+ R(P(e.oldValue, 70), {
1106
1125
  color: "red",
1107
1126
  strikeThrough: !0
1108
1127
  }),
1109
- q(" "),
1110
- R(ee(e.newValue, 60), {
1128
+ Q(" "),
1129
+ R(P(e.newValue, 60), {
1111
1130
  color: "green"
1112
1131
  })
1113
- ] : [q(" (unchanged)")] : [
1114
- q(" "),
1115
- R(ee(e.newValue, 60), {
1132
+ ] : [Q(" (unchanged)")] : [
1133
+ Q(" "),
1134
+ R(P(e.newValue, 60), {
1116
1135
  color: "green"
1117
1136
  }),
1118
- q(" (initial)")
1137
+ Q(" (initial)")
1119
1138
  ];
1120
1139
  }
1121
1140
  handleObservableCreated(e) {
1122
- if (e instanceof U) {
1141
+ if (e instanceof q) {
1123
1142
  const o = e;
1124
1143
  this.changedObservablesSets.set(o, /* @__PURE__ */ new Set());
1125
1144
  }
@@ -1128,12 +1147,12 @@ class Tr {
1128
1147
  }
1129
1148
  handleObservableUpdated(e, o) {
1130
1149
  if (this._isIncluded(e)) {
1131
- if (e instanceof U) {
1150
+ if (e instanceof q) {
1132
1151
  this._handleDerivedRecomputed(e, o);
1133
1152
  return;
1134
1153
  }
1135
1154
  console.log(...this.textToConsoleArgs([
1136
- Q("observable value changed"),
1155
+ K("observable value changed"),
1137
1156
  R(e.debugName, { color: "BlueViolet" }),
1138
1157
  ...this.formatInfo(o)
1139
1158
  ]));
@@ -1152,7 +1171,7 @@ class Tr {
1152
1171
  return;
1153
1172
  const n = this.changedObservablesSets.get(e);
1154
1173
  n && (console.log(...this.textToConsoleArgs([
1155
- Q("derived recomputed"),
1174
+ K("derived recomputed"),
1156
1175
  R(e.debugName, { color: "BlueViolet" }),
1157
1176
  ...this.formatInfo(o),
1158
1177
  this.formatChanges(n),
@@ -1161,13 +1180,13 @@ class Tr {
1161
1180
  }
1162
1181
  handleDerivedCleared(e) {
1163
1182
  this._isIncluded(e) && console.log(...this.textToConsoleArgs([
1164
- Q("derived cleared"),
1183
+ K("derived cleared"),
1165
1184
  R(e.debugName, { color: "BlueViolet" })
1166
1185
  ]));
1167
1186
  }
1168
1187
  handleFromEventObservableTriggered(e, o) {
1169
1188
  this._isIncluded(e) && console.log(...this.textToConsoleArgs([
1170
- Q("observable from event triggered"),
1189
+ K("observable from event triggered"),
1171
1190
  R(e.debugName, { color: "BlueViolet" }),
1172
1191
  ...this.formatInfo(o),
1173
1192
  { data: [{ fn: e._getValue }] }
@@ -1184,7 +1203,7 @@ class Tr {
1184
1203
  handleAutorunStarted(e) {
1185
1204
  const o = this.changedObservablesSets.get(e);
1186
1205
  o && (this._isIncluded(e) && console.log(...this.textToConsoleArgs([
1187
- Q("autorun"),
1206
+ K("autorun"),
1188
1207
  R(e.debugName, { color: "BlueViolet" }),
1189
1208
  this.formatChanges(o),
1190
1209
  { data: [{ fn: e._debugNameData.referenceFn ?? e._runFn }] }
@@ -1196,7 +1215,7 @@ class Tr {
1196
1215
  handleBeginTransaction(e) {
1197
1216
  let o = e.getDebugName();
1198
1217
  o === void 0 && (o = ""), this._isIncluded(e) && console.log(...this.textToConsoleArgs([
1199
- Q("transaction"),
1218
+ K("transaction"),
1200
1219
  R(o, { color: "BlueViolet" }),
1201
1220
  { data: [{ fn: e._fn }] }
1202
1221
  ])), this.indentation++;
@@ -1205,30 +1224,30 @@ class Tr {
1205
1224
  this.indentation--;
1206
1225
  }
1207
1226
  }
1208
- function Hr(r) {
1227
+ function Nr(r) {
1209
1228
  const e = new Array(), o = [];
1210
1229
  let n = "";
1211
1230
  function t(a) {
1212
1231
  if ("length" in a)
1213
- for (const c of a)
1214
- c && t(c);
1232
+ for (const s of a)
1233
+ s && t(s);
1215
1234
  else "text" in a ? (n += `%c${a.text}`, e.push(a.style), a.data && o.push(...a.data)) : "data" in a && o.push(...a.data);
1216
1235
  }
1217
1236
  t(r);
1218
1237
  const i = [n, ...e];
1219
1238
  return i.push(...o), i;
1220
1239
  }
1221
- function q(r) {
1240
+ function Q(r) {
1222
1241
  return R(r, { color: "black" });
1223
1242
  }
1224
- function Q(r) {
1225
- return R(Dr(`${r}: `, 10), { color: "black", bold: !0 });
1243
+ function K(r) {
1244
+ return R($r(`${r}: `, 10), { color: "black", bold: !0 });
1226
1245
  }
1227
1246
  function R(r, e = {
1228
1247
  color: "black"
1229
1248
  }) {
1230
1249
  function o(t) {
1231
- return Object.entries(t).reduce((i, [a, c]) => `${i}${a}:${c};`, "");
1250
+ return Object.entries(t).reduce((i, [a, s]) => `${i}${a}:${s};`, "");
1232
1251
  }
1233
1252
  const n = {
1234
1253
  color: e.color
@@ -1238,14 +1257,14 @@ function R(r, e = {
1238
1257
  style: o(n)
1239
1258
  };
1240
1259
  }
1241
- function ee(r, e) {
1260
+ function P(r, e) {
1242
1261
  try {
1243
- return Mr(r, e);
1262
+ return Ar(r, e);
1244
1263
  } catch {
1245
1264
  return "[[???]]";
1246
1265
  }
1247
1266
  }
1248
- function Mr(r, e) {
1267
+ function Ar(r, e) {
1249
1268
  switch (typeof r) {
1250
1269
  case "number":
1251
1270
  return "" + r;
@@ -1256,7 +1275,7 @@ function Mr(r, e) {
1256
1275
  case "undefined":
1257
1276
  return "undefined";
1258
1277
  case "object":
1259
- return r === null ? "null" : Array.isArray(r) ? Or(r, e) : Vr(r, e);
1278
+ return r === null ? "null" : Array.isArray(r) ? Gr(r, e) : zr(r, e);
1260
1279
  case "symbol":
1261
1280
  return r.toString();
1262
1281
  case "function":
@@ -1265,18 +1284,18 @@ function Mr(r, e) {
1265
1284
  return "" + r;
1266
1285
  }
1267
1286
  }
1268
- function Or(r, e) {
1287
+ function Gr(r, e) {
1269
1288
  let o = "[ ", n = !0;
1270
1289
  for (const t of r) {
1271
1290
  if (n || (o += ", "), o.length - 5 > e) {
1272
1291
  o += "...";
1273
1292
  break;
1274
1293
  }
1275
- n = !1, o += `${ee(t, e - o.length)}`;
1294
+ n = !1, o += `${P(t, e - o.length)}`;
1276
1295
  }
1277
1296
  return o += " ]", o;
1278
1297
  }
1279
- function Vr(r, e) {
1298
+ function zr(r, e) {
1280
1299
  try {
1281
1300
  if (typeof r.toString == "function" && r.toString !== Object.prototype.toString) {
1282
1301
  const a = r.toString();
@@ -1285,83 +1304,228 @@ function Vr(r, e) {
1285
1304
  } catch {
1286
1305
  return "[[Object]]";
1287
1306
  }
1288
- const o = yo(r);
1307
+ const o = So(r);
1289
1308
  let n = o ? o + "(" : "{ ", t = !0, i;
1290
1309
  try {
1291
1310
  i = Object.entries(r);
1292
1311
  } catch {
1293
1312
  return o ? `${o}(...)` : "[[Object]]";
1294
1313
  }
1295
- for (const [a, c] of i) {
1314
+ for (const [a, s] of i) {
1296
1315
  if (t || (n += ", "), n.length - 5 > e) {
1297
1316
  n += "...";
1298
1317
  break;
1299
1318
  }
1300
- t = !1, n += `${a}: ${ee(c, e - n.length)}`;
1319
+ t = !1, n += `${a}: ${P(s, e - n.length)}`;
1301
1320
  }
1302
1321
  return n += o ? ")" : " }", n;
1303
1322
  }
1304
- function Lr(r, e) {
1323
+ function Pr(r, e) {
1305
1324
  let o = "";
1306
1325
  for (let n = 1; n <= e; n++)
1307
1326
  o += r;
1308
1327
  return o;
1309
1328
  }
1310
- function Dr(r, e) {
1329
+ function $r(r, e) {
1311
1330
  for (; r.length < e; )
1312
1331
  r += " ";
1313
1332
  return r;
1314
1333
  }
1315
- function Nr(r, e) {
1316
- const o = (e == null ? void 0 : e.debugNamePostProcessor) ?? ((i) => i), n = H.from(r, o);
1317
- return n ? Ho(n, 0, /* @__PURE__ */ new Set()).trim() : "";
1334
+ let Wr = class {
1335
+ constructor(e) {
1336
+ this._run = e, this._changes = [], this._updateCounter = 0;
1337
+ }
1338
+ beginUpdate(e) {
1339
+ this._updateCounter++, this._changes.push(e);
1340
+ }
1341
+ endUpdate(e) {
1342
+ if (this._updateCounter--, this._updateCounter === 0 && this._changes.length > 0) {
1343
+ const o = this._changes;
1344
+ this._changes = [], this._run(o);
1345
+ }
1346
+ }
1347
+ handlePossibleChange(e) {
1348
+ this._changes.push(e);
1349
+ }
1350
+ handleChange(e, o) {
1351
+ }
1352
+ };
1353
+ class jr {
1354
+ constructor(e, o, n = T.ofCaller()) {
1355
+ var t;
1356
+ this._run = e, this._dependencies = /* @__PURE__ */ new Set(), this._disposed = !1, this.debugName = o ?? "(anonymous ManualObserver)", this._debugNameData = new D(void 0, this.debugName, void 0), this._runFn = e, this._handler = new Wr(() => {
1357
+ this._disposed || this._run();
1358
+ }), (t = S()) == null || t.handleAutorunCreated(this, n);
1359
+ }
1360
+ get reader() {
1361
+ return this;
1362
+ }
1363
+ readObservable(e) {
1364
+ e.addObserver(this._handler);
1365
+ const o = e.get();
1366
+ return this._dependencies.add(e), o;
1367
+ }
1368
+ getDependencies() {
1369
+ return this._dependencies;
1370
+ }
1371
+ get debug() {
1372
+ return new (Cr())(this);
1373
+ }
1374
+ dispose() {
1375
+ var e;
1376
+ if (!this._disposed) {
1377
+ this._disposed = !0;
1378
+ for (const o of this._dependencies)
1379
+ o.removeObserver(this._handler);
1380
+ this._dependencies.clear(), (e = S()) == null || e.handleAutorunDisposed(this);
1381
+ }
1382
+ }
1318
1383
  }
1319
- function Ho(r, e, o) {
1384
+ class Ur {
1385
+ constructor(e, o, n, t, i) {
1386
+ this.name = e, this.type = o, this.value = n, this.state = t, this.children = i;
1387
+ }
1388
+ }
1389
+ function Ye(r, e) {
1390
+ const o = e.debugNamePostProcessor ?? ((a) => a), n = /* @__PURE__ */ new Map();
1391
+ function t(a) {
1392
+ const s = n.get(a);
1393
+ if (s)
1394
+ return s;
1395
+ const c = O.from(a, o) ?? O.unknown(a), l = e.type === "observers" ? c.observers : c.dependencies, u = new Ur(c.name, c.type, c.value, c.state, []);
1396
+ return n.set(c.sourceObj, u), u.children.push(...l.map(t)), u;
1397
+ }
1398
+ if (O.from(r, o))
1399
+ return t(r);
1400
+ }
1401
+ function Ze(r) {
1402
+ return Lo(r, 0, /* @__PURE__ */ new Set()).trim();
1403
+ }
1404
+ function Lo(r, e, o) {
1320
1405
  const n = " ".repeat(e), t = [];
1321
- if (o.has(r.sourceObj))
1406
+ if (o.has(r))
1322
1407
  return t.push(`${n}* ${r.type} ${r.name} (already listed)`), t.join(`
1323
1408
  `);
1324
- if (o.add(r.sourceObj), t.push(`${n}* ${r.type} ${r.name}:`), t.push(`${n} value: ${ee(r.value, 50)}`), t.push(`${n} state: ${r.state}`), r.dependencies.length > 0) {
1325
- t.push(`${n} dependencies:`);
1326
- for (const a of r.dependencies)
1327
- t.push(Ho(a, e + 1, o));
1409
+ if (o.add(r), t.push(`${n}* ${r.type} ${r.name}:`), t.push(`${n} value: ${P(r.value, 50)}`), t.push(`${n} state: ${r.state}`), r.children.length > 0) {
1410
+ t.push(`${n} children:`);
1411
+ for (const i of r.children)
1412
+ t.push(Lo(i, e + 1, o));
1328
1413
  }
1329
1414
  return t.join(`
1330
1415
  `);
1331
1416
  }
1332
- class H {
1417
+ function Xe(r) {
1418
+ const e = /* @__PURE__ */ new Map();
1419
+ let o = 0;
1420
+ const n = (c) => {
1421
+ let l = e.get(c);
1422
+ return l || (l = `n${o++}`, e.set(c, l)), l;
1423
+ }, t = ["graph TD"], i = /* @__PURE__ */ new Set(), a = (c) => c.replace(/"/g, "#quot;");
1424
+ function s(c) {
1425
+ if (i.has(c))
1426
+ return;
1427
+ i.add(c);
1428
+ const l = n(c), u = `${c.type}: ${c.name}\\nstate: ${c.state}${c.value !== void 0 ? `\\nvalue: ${P(c.value, 30)}` : ""}`;
1429
+ t.push(` ${l}["${a(u)}"]`);
1430
+ for (const g of c.children)
1431
+ t.push(` ${l} --> ${n(g)}`), s(g);
1432
+ }
1433
+ return s(r), t.join(`
1434
+ `);
1435
+ }
1436
+ function eo(r) {
1437
+ const e = /* @__PURE__ */ new Map();
1438
+ let o = 0;
1439
+ const n = (c) => {
1440
+ let l = e.get(c);
1441
+ return l || (l = `n${o++}`, e.set(c, l)), l;
1442
+ }, t = ["digraph {"], i = /* @__PURE__ */ new Set(), a = (c) => c.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
1443
+ function s(c) {
1444
+ if (i.has(c))
1445
+ return;
1446
+ i.add(c);
1447
+ const l = n(c), u = `${c.type}: ${c.name}
1448
+ state: ${c.state}${c.value !== void 0 ? `
1449
+ value: ${P(c.value, 30)}` : ""}`;
1450
+ t.push(` ${l} [label="${a(u)}"]`);
1451
+ for (const g of c.children)
1452
+ t.push(` ${l} -> ${n(g)}`), s(g);
1453
+ }
1454
+ return s(r), t.push("}"), t.join(`
1455
+ `);
1456
+ }
1457
+ class qr {
1458
+ constructor(e) {
1459
+ this._node = e;
1460
+ }
1461
+ buildDependencyGraph() {
1462
+ return Ye(this._node, { type: "dependencies" });
1463
+ }
1464
+ buildObserverGraph() {
1465
+ return Ye(this._node, { type: "observers" });
1466
+ }
1467
+ getDependencyGraph() {
1468
+ const e = this.buildDependencyGraph();
1469
+ return e ? Ze(e) : "";
1470
+ }
1471
+ getObserverGraph() {
1472
+ const e = this.buildObserverGraph();
1473
+ return e ? Ze(e) : "";
1474
+ }
1475
+ getDependencyMermaid() {
1476
+ const e = this.buildDependencyGraph();
1477
+ return e ? Xe(e) : "";
1478
+ }
1479
+ getObserverMermaid() {
1480
+ const e = this.buildObserverGraph();
1481
+ return e ? Xe(e) : "";
1482
+ }
1483
+ getDependencyGraphviz() {
1484
+ const e = this.buildDependencyGraph();
1485
+ return e ? eo(e) : "";
1486
+ }
1487
+ getObserverGraphviz() {
1488
+ const e = this.buildObserverGraph();
1489
+ return e ? eo(e) : "";
1490
+ }
1491
+ }
1492
+ class O {
1333
1493
  static from(e, o) {
1334
- if (e instanceof So) {
1335
- const n = e.debugGetState();
1336
- 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)));
1337
- } else if (e instanceof U) {
1494
+ if (e instanceof Ro) {
1338
1495
  const n = e.debugGetState();
1339
- 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)));
1340
- } else if (e instanceof Ro) {
1341
- const n = e.debugGetState();
1342
- return new H(e, o(e.debugName), "observableValue", n.value, "upToDate", []);
1343
- } else if (e instanceof j) {
1344
- const n = e.debugGetState();
1345
- return new H(e, o(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", []);
1496
+ return new O(e, o(e.debugName), "autorun", void 0, n.stateStr, Array.from(n.dependencies), []);
1497
+ } else {
1498
+ if (e instanceof jr)
1499
+ return new O(e, o(e.debugName), "manualObserver", void 0, "active", Array.from(e.getDependencies()), []);
1500
+ if (e instanceof q) {
1501
+ const n = e.debugGetState();
1502
+ return new O(e, o(e.debugName), "derived", n.value, n.stateStr, Array.from(n.dependencies), Array.from(e.debugGetObservers()));
1503
+ } else if (e instanceof Oo) {
1504
+ const n = e.debugGetState();
1505
+ return new O(e, o(e.debugName), "observableValue", n.value, "upToDate", [], Array.from(e.debugGetObservers()));
1506
+ } else if (e instanceof U) {
1507
+ const n = e.debugGetState();
1508
+ return new O(e, o(e.debugName), "fromEvent", n.value, n.hasValue ? "upToDate" : "initial", [], Array.from(e.debugGetObservers()));
1509
+ }
1346
1510
  }
1347
1511
  }
1348
1512
  static unknown(e) {
1349
- return new H(e, "(unknown)", "unknown", void 0, "unknown", []);
1513
+ return new O(e, "(unknown)", "unknown", void 0, "unknown", [], []);
1350
1514
  }
1351
- constructor(e, o, n, t, i, a) {
1352
- this.sourceObj = e, this.name = o, this.type = n, this.value = t, this.state = i, this.dependencies = a;
1515
+ constructor(e, o, n, t, i, a, s) {
1516
+ this.sourceObj = e, this.name = o, this.type = n, this.value = t, this.state = i, this.dependencies = a, this.observers = s;
1353
1517
  }
1354
1518
  }
1355
- kr(Nr);
1356
- lr(Rr);
1357
- class Ar {
1519
+ _r(qr);
1520
+ mr(Lr);
1521
+ class Qr {
1358
1522
  constructor() {
1359
1523
  p(this, "_fixtures", B(this, /* @__PURE__ */ new Map()));
1360
1524
  p(this, "loading", B(this, !1));
1361
1525
  p(this, "error", B(this, void 0));
1362
1526
  p(this, "root", I(this, (e) => {
1363
1527
  const o = this._fixtures.read(e);
1364
- return ce(o);
1528
+ return se(o);
1365
1529
  }));
1366
1530
  }
1367
1531
  register(e, o) {
@@ -1380,11 +1544,11 @@ class Ar {
1380
1544
  return We(n, o);
1381
1545
  }
1382
1546
  getComponentByPath(e) {
1383
- const o = this._fixtures.get(), n = ce(o), t = We(n, e);
1547
+ const o = this._fixtures.get(), n = se(o), t = We(n, e);
1384
1548
  return t == null ? void 0 : t.component;
1385
1549
  }
1386
1550
  }
1387
- class Gr {
1551
+ class Kr {
1388
1552
  constructor(e) {
1389
1553
  this._run = e, this._changes = [], this._map = /* @__PURE__ */ new Map(), this._updateCounter = 0;
1390
1554
  }
@@ -1410,17 +1574,17 @@ class Gr {
1410
1574
  handleChange(e, o) {
1411
1575
  }
1412
1576
  }
1413
- function m() {
1577
+ function h() {
1414
1578
  return ve.instance;
1415
1579
  }
1416
- function zr() {
1580
+ function Jr() {
1417
1581
  return ke.instance;
1418
1582
  }
1419
- function Pr() {
1583
+ function Yr() {
1420
1584
  return ye.instance;
1421
1585
  }
1422
- m.const = zr;
1423
- m.obs = Pr;
1586
+ h.const = Jr;
1587
+ h.obs = Yr;
1424
1588
  class ve {
1425
1589
  create(e) {
1426
1590
  const o = I((n) => e(n));
@@ -1439,20 +1603,20 @@ class ye {
1439
1603
  create(e) {
1440
1604
  const o = I((n) => {
1441
1605
  const t = e(n);
1442
- return Wr(t) ? t.read(n) : t;
1606
+ return Zr(t) ? t.read(n) : t;
1443
1607
  });
1444
1608
  return { read: (n) => o };
1445
1609
  }
1446
1610
  }
1447
1611
  ye.instance = new ye();
1448
- function Wr(r) {
1612
+ function Zr(r) {
1449
1613
  return typeof r == "object" && r !== null && "read" in r;
1450
1614
  }
1451
- function Z(r, e) {
1615
+ function X(r, e) {
1452
1616
  return Object.fromEntries(Object.entries(r).map(([o, n]) => [o, e(n, o)]));
1453
1617
  }
1454
1618
  const me = Symbol("ViewModelContext");
1455
- class jr {
1619
+ class Xr {
1456
1620
  constructor(e) {
1457
1621
  this._store = new re(), this.props = e;
1458
1622
  }
@@ -1460,35 +1624,35 @@ class jr {
1460
1624
  this._store.dispose();
1461
1625
  }
1462
1626
  }
1463
- function $r(r) {
1464
- return r[me] || (r[me] = xo(void 0)), r[me];
1627
+ function en(r) {
1628
+ return r[me] || (r[me] = wo(void 0)), r[me];
1465
1629
  }
1466
- function D(r = {}) {
1630
+ function N(r = {}) {
1467
1631
  var e;
1468
- return e = class extends jr {
1632
+ return e = class extends Xr {
1469
1633
  }, e._props = r, e;
1470
1634
  }
1471
1635
  let we = 0;
1472
- const Ur = new Gr((r) => {
1636
+ const on = new Kr((r) => {
1473
1637
  for (const e of r)
1474
1638
  e.rendered = !1;
1475
1639
  if (we > 0) {
1476
1640
  const e = r.find((o) => o.isRendering);
1477
1641
  e.itemsToRender = r;
1478
1642
  } else
1479
- bo(() => {
1643
+ Bo(() => {
1480
1644
  for (const e of r)
1481
1645
  e.rendered || e.forceUpdate();
1482
1646
  });
1483
1647
  });
1484
- let qr = 0;
1485
- class Qr {
1648
+ let rn = 0;
1649
+ class nn {
1486
1650
  constructor(e, o) {
1487
1651
  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 = () => () => {
1488
1652
  var n;
1489
1653
  (n = this._disposable) == null || n.dispose();
1490
1654
  }, this.itemsToRender = [], this.handleAfterRender = () => {
1491
- bo(() => {
1655
+ Bo(() => {
1492
1656
  for (const n of this.itemsToRender)
1493
1657
  n.rendered || n.forceUpdate();
1494
1658
  }), this.itemsToRender = [];
@@ -1498,38 +1662,38 @@ class Qr {
1498
1662
  return this.debugName;
1499
1663
  }
1500
1664
  updateProps(e) {
1501
- this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = B(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = I(this, this._render), this._disposable = Ur.addDependency(this.rendering, this));
1665
+ this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = B(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = I(this, this._render), this._disposable = on.addDependency(this.rendering, this));
1502
1666
  }
1503
1667
  }
1504
- function Me(r, e, o) {
1505
- const n = (a) => a + 1, t = () => new Qr(r + ++qr, e), i = function(a) {
1506
- const c = or(n, 0)[1], d = rr(t)[0];
1668
+ function Oe(r, e, o) {
1669
+ const n = (a) => a + 1, t = () => new nn(r + ++rn, e), i = function(a) {
1670
+ const s = ir(n, 0)[1], c = ar(t)[0];
1507
1671
  for (const l of o ?? [])
1508
- d.contextValues.set(l, nr(l));
1509
- if (Ge(d.cleanupEffect, []), Ge(d.handleAfterRender), d.isRendering)
1672
+ c.contextValues.set(l, cr(l));
1673
+ if (ze(c.cleanupEffect, []), ze(c.handleAfterRender), c.isRendering)
1510
1674
  throw new Error("Component is already rendering");
1511
- d.isRendering = !0, we++;
1675
+ c.isRendering = !0, we++;
1512
1676
  try {
1513
- d.forceUpdate = c, d.updateProps(a);
1514
- const l = d.rendering.get();
1515
- return d.rendered = !0, l;
1677
+ c.forceUpdate = s, c.updateProps(a);
1678
+ const l = c.rendering.get();
1679
+ return c.rendered = !0, l;
1516
1680
  } finally {
1517
- d.isRendering = !1, we--;
1681
+ c.isRendering = !1, we--;
1518
1682
  }
1519
1683
  };
1520
1684
  return i.displayName = r, i;
1521
1685
  }
1522
- Me("ObsView", (r) => (e) => r.read(e).children(e));
1523
- function T(r, e) {
1524
- return Me("view", (o) => {
1525
- const n = Z(r, (t, i) => t.create((a) => o.read(a)[i], void 0));
1686
+ Oe("ObsView", (r) => (e) => r.read(e).children(e));
1687
+ function H(r, e) {
1688
+ return Oe("view", (o) => {
1689
+ const n = X(r, (t, i) => t.create((a) => o.read(a)[i], void 0));
1526
1690
  return (t) => {
1527
- const i = Z(n, (a) => a.read(t));
1691
+ const i = X(n, (a) => a.read(t));
1528
1692
  return e(t, i);
1529
1693
  };
1530
1694
  });
1531
1695
  }
1532
- function Kr(r) {
1696
+ function tn(r) {
1533
1697
  const e = [];
1534
1698
  for (const o of Object.values(r)) {
1535
1699
  const n = o._requiredContext;
@@ -1537,52 +1701,52 @@ function Kr(r) {
1537
1701
  }
1538
1702
  return e;
1539
1703
  }
1540
- function N(r, e, o) {
1541
- const n = typeof e == "function" ? {} : e, t = typeof e == "function" ? e : o, i = "_props" in r ? r._props : {}, a = Kr({ ...i, ...n }), c = $r(r), d = [...a, c];
1542
- return Me("viewWithModel", (l, g) => {
1543
- const h = g(), f = h.get(c), b = "_props" in r ? Z(r._props, (v, _) => v.create((w) => l.read(w)[_], h.get(v._requiredContext))) : {}, C = f ? { read: () => f, dispose: () => {
1544
- } } : Cr((v) => {
1545
- const _ = Z(b, (w) => w.read(v));
1704
+ function A(r, e, o) {
1705
+ const n = typeof e == "function" ? {} : e, t = typeof e == "function" ? e : o, i = "_props" in r ? r._props : {}, a = tn({ ...i, ...n }), s = en(r), c = [...a, s];
1706
+ return Oe("viewWithModel", (l, u) => {
1707
+ const g = u(), f = g.get(s), b = "_props" in r ? X(r._props, (v, _) => v.create((w) => l.read(w)[_], g.get(v._requiredContext))) : {}, C = f ? { read: () => f, dispose: () => {
1708
+ } } : Rr((v) => {
1709
+ const _ = X(b, (w) => w.read(v));
1546
1710
  return new r(_);
1547
- }), y = Z(n, (v, _) => v.create((w) => l.read(w)[_], h.get(v._requiredContext)));
1711
+ }), y = X(n, (v, _) => v.create((w) => l.read(w)[_], g.get(v._requiredContext)));
1548
1712
  return (v) => {
1549
- const _ = C.read(v), w = Z(y, (M) => M.read(v));
1713
+ const _ = C.read(v), w = X(y, (M) => M.read(v));
1550
1714
  return t(v, _, w);
1551
1715
  };
1552
- }, d.length > 0 ? d : void 0);
1716
+ }, c.length > 0 ? c : void 0);
1553
1717
  }
1554
- T({ value: m.obs() }, (r, e) => e.value.read(r));
1555
- xo(null);
1556
- function Mo(r) {
1718
+ H({ value: h.obs() }, (r, e) => e.value.read(r));
1719
+ wo(null);
1720
+ function Do(r) {
1557
1721
  var e;
1558
1722
  return {
1559
1723
  id: r.id,
1560
1724
  name: r.name,
1561
1725
  type: r.type,
1562
- children: (e = r.children) == null ? void 0 : e.map(Mo),
1726
+ children: (e = r.children) == null ? void 0 : e.map(Do),
1563
1727
  component: r.component,
1564
1728
  labels: r.labels
1565
1729
  };
1566
1730
  }
1567
- function Jr(r, e) {
1731
+ function an(r, e) {
1568
1732
  if (r.name.toLowerCase().includes(e)) return !0;
1569
1733
  for (const o of r.labels)
1570
1734
  if (o.toLowerCase().includes(e)) return !0;
1571
1735
  return !1;
1572
1736
  }
1573
- function Yr(r, e) {
1737
+ function cn(r, e) {
1574
1738
  if (!e) return r;
1575
1739
  const o = e.toLowerCase();
1576
- return Oo(r, o);
1740
+ return No(r, o);
1577
1741
  }
1578
- function Oo(r, e) {
1579
- const o = Jr(r, e);
1742
+ function No(r, e) {
1743
+ const o = an(r, e);
1580
1744
  if (!r.children || r.children.length === 0)
1581
1745
  return o ? r : void 0;
1582
1746
  if (o) return r;
1583
1747
  const n = [];
1584
1748
  for (const t of r.children) {
1585
- const i = Oo(t, e);
1749
+ const i = No(t, e);
1586
1750
  i && n.push(i);
1587
1751
  }
1588
1752
  if (n.length !== 0)
@@ -1591,7 +1755,7 @@ function Oo(r, e) {
1591
1755
  children: n
1592
1756
  };
1593
1757
  }
1594
- function ie(r, e) {
1758
+ function ae(r, e) {
1595
1759
  const {
1596
1760
  storageKey: o,
1597
1761
  defaultValue: n,
@@ -1604,72 +1768,72 @@ function ie(r, e) {
1604
1768
  l !== null && (a = i(l));
1605
1769
  } catch {
1606
1770
  }
1607
- const c = B(r, a), d = c.set.bind(c);
1608
- return c.set = (l, g) => {
1771
+ const s = B(r, a), c = s.set.bind(s);
1772
+ return s.set = (l, u) => {
1609
1773
  try {
1610
1774
  localStorage.setItem(o, t(l));
1611
1775
  } catch {
1612
1776
  }
1613
- d(l, g);
1614
- }, c;
1777
+ c(l, u);
1778
+ }, s;
1615
1779
  }
1616
- function Je(r, e) {
1780
+ function oo(r, e) {
1617
1781
  const n = new URLSearchParams(location.search).get(e) || void 0, t = B(r, n);
1618
1782
  window.addEventListener("popstate", () => {
1619
1783
  const a = new URLSearchParams(location.search);
1620
1784
  t.set(a.get(e) || void 0, void 0);
1621
1785
  });
1622
1786
  const i = t.set.bind(t);
1623
- return t.set = (a, c) => {
1624
- const d = new URLSearchParams(location.search);
1625
- a ? d.set(e, a) : d.delete(e);
1626
- const l = d.toString(), g = location.pathname + (l ? "?" + l : "") + location.hash;
1627
- history.replaceState(history.state, "", g), i(a, c);
1787
+ return t.set = (a, s) => {
1788
+ const c = new URLSearchParams(location.search);
1789
+ a ? c.set(e, a) : c.delete(e);
1790
+ const l = c.toString(), u = location.pathname + (l ? "?" + l : "") + location.hash;
1791
+ history.replaceState(history.state, "", u), i(a, s);
1628
1792
  }, t;
1629
1793
  }
1630
- function Vo(r, e) {
1794
+ function Ao(r, e) {
1631
1795
  const o = new URLSearchParams(location.search);
1632
1796
  return o.set(r, e), location.pathname + "?" + o.toString();
1633
1797
  }
1634
- class Zr extends D({
1635
- registry: m.const(),
1636
- daemonModel: m.const(),
1637
- reportModel: m.const()
1798
+ class sn extends N({
1799
+ registry: h.const(),
1800
+ daemonModel: h.const(),
1801
+ reportModel: h.const()
1638
1802
  }) {
1639
1803
  constructor() {
1640
1804
  super(...arguments);
1641
- p(this, "leftSidebarVisible", ie(this, {
1805
+ p(this, "leftSidebarVisible", ae(this, {
1642
1806
  storageKey: "component-explorer:leftSidebarVisible",
1643
1807
  defaultValue: !0
1644
1808
  }));
1645
- p(this, "rightSidebarVisible", ie(this, {
1809
+ p(this, "rightSidebarVisible", ae(this, {
1646
1810
  storageKey: "component-explorer:rightSidebarVisible",
1647
1811
  defaultValue: !1
1648
1812
  }));
1649
- p(this, "isDarkTheme", ie(this, {
1813
+ p(this, "isDarkTheme", ae(this, {
1650
1814
  storageKey: "component-explorer:isDarkTheme",
1651
1815
  defaultValue: !0
1652
1816
  }));
1653
- p(this, "selectedNodeId", Je(this, "fixture"));
1817
+ p(this, "selectedNodeId", oo(this, "fixture"));
1654
1818
  p(this, "expandedNodeIds", B(this, this._initialExpandedNodes()));
1655
- p(this, "viewMode", ie(this, {
1819
+ p(this, "viewMode", ae(this, {
1656
1820
  storageKey: "component-explorer:viewMode",
1657
1821
  defaultValue: "session"
1658
1822
  }));
1659
1823
  p(this, "loading", I(this, (o) => this.props.registry.loading.read(o)));
1660
1824
  p(this, "error", I(this, (o) => this.props.registry.error.read(o)));
1661
- p(this, "searchQuery", Je(this, "search"));
1825
+ p(this, "searchQuery", oo(this, "search"));
1662
1826
  /** The explorer's tree derived from the registry or report */
1663
1827
  p(this, "tree", I(this, (o) => {
1664
1828
  const n = this.props.reportModel;
1665
1829
  if (n)
1666
1830
  return n.buildTree(o);
1667
1831
  const t = this.props.registry.root.read(o);
1668
- return Mo(t);
1832
+ return Do(t);
1669
1833
  }));
1670
1834
  p(this, "filteredTree", I(this, (o) => {
1671
1835
  const n = this.tree.read(o), t = this.searchQuery.read(o);
1672
- return Yr(n, t) ?? { ...n, children: [] };
1836
+ return cn(n, t) ?? { ...n, children: [] };
1673
1837
  }));
1674
1838
  p(this, "selectedNode", I(this, (o) => {
1675
1839
  const n = this.selectedNodeId.read(o);
@@ -1728,7 +1892,7 @@ class Zr extends D({
1728
1892
  _initialExpandedNodes() {
1729
1893
  const o = this.selectedNodeId.get();
1730
1894
  if (!o) return /* @__PURE__ */ new Set([""]);
1731
- const n = new O(o).segments, t = /* @__PURE__ */ new Set([""]);
1895
+ const n = new V(o).segments, t = /* @__PURE__ */ new Set([""]);
1732
1896
  for (let i = 1; i <= n.length; i++)
1733
1897
  t.add(n.slice(0, i).join("/"));
1734
1898
  return t;
@@ -1822,8 +1986,8 @@ class Zr extends D({
1822
1986
  if (t.status !== "ready") return [];
1823
1987
  const i = t.report.fixtures;
1824
1988
  if (o.type === "component") {
1825
- const c = i[o.id.value];
1826
- return c ? [{
1989
+ const s = i[o.id.value];
1990
+ return s ? [{
1827
1991
  type: "report-comparison",
1828
1992
  id: o.id.value,
1829
1993
  name: o.name,
@@ -1832,14 +1996,14 @@ class Zr extends D({
1832
1996
  fixtureId: o.id.value,
1833
1997
  name: o.name,
1834
1998
  path: n,
1835
- entry: c
1999
+ entry: s
1836
2000
  }]
1837
2001
  }] : [];
1838
2002
  }
1839
2003
  const a = [];
1840
- for (const c of o.children ?? []) {
1841
- const d = n ? `${n} / ${c.name}` : c.name;
1842
- a.push(...this._collectReportRows(c, d));
2004
+ for (const s of o.children ?? []) {
2005
+ const c = n ? `${n} / ${s.name}` : s.name;
2006
+ a.push(...this._collectReportRows(s, c));
1843
2007
  }
1844
2008
  return a;
1845
2009
  }
@@ -2033,11 +2197,11 @@ const x = {
2033
2197
  cursor: "pointer"
2034
2198
  }
2035
2199
  };
2036
- function Oe(...r) {
2200
+ function Ve(...r) {
2037
2201
  return Object.assign({}, ...r.filter(Boolean));
2038
2202
  }
2039
- class Xr extends D({
2040
- active: m()
2203
+ class dn extends N({
2204
+ active: h()
2041
2205
  }) {
2042
2206
  constructor() {
2043
2207
  super(...arguments);
@@ -2050,20 +2214,20 @@ class Xr extends D({
2050
2214
  return this.props.active;
2051
2215
  }
2052
2216
  }
2053
- const fe = N(
2054
- Xr,
2217
+ const he = A(
2218
+ dn,
2055
2219
  {
2056
- onClick: m.const(),
2057
- title: m.const(),
2058
- children: m.const()
2220
+ onClick: h.const(),
2221
+ title: h.const(),
2222
+ children: h.const()
2059
2223
  },
2060
2224
  (r, e, o) => {
2061
- const n = e.isHovered.read(r), t = e.active.read(r), i = Oe(
2225
+ const n = e.isHovered.read(r), t = e.active.read(r), i = Ve(
2062
2226
  x.titleBarButton,
2063
2227
  n && !t && x.titleBarButtonHover,
2064
2228
  t && x.titleBarButtonActive
2065
2229
  );
2066
- return /* @__PURE__ */ s(
2230
+ return /* @__PURE__ */ d(
2067
2231
  "button",
2068
2232
  {
2069
2233
  style: i,
@@ -2075,20 +2239,20 @@ const fe = N(
2075
2239
  }
2076
2240
  );
2077
2241
  }
2078
- ), en = ({ style: r }) => /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ s("path", { d: "M5.7 13.7L5 13l4.6-4.6L5 3.7l.7-.7 5.3 5.4-5.3 5.3z" }) }), on = ({ style: r }) => /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ s("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)" }) }), rn = ({ style: r }) => /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ s("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" }) }), nn = ({ style: r }) => /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ s("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" }) }), tn = () => /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), an = () => /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), cn = () => /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ s("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" }) }), sn = () => /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ s("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" }) }), dn = T(
2079
- { model: m.const() },
2242
+ ), ln = ({ style: r }) => /* @__PURE__ */ d("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ d("path", { d: "M5.7 13.7L5 13l4.6-4.6L5 3.7l.7-.7 5.3 5.4-5.3 5.3z" }) }), pn = ({ style: r }) => /* @__PURE__ */ d("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ d("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)" }) }), un = ({ style: r }) => /* @__PURE__ */ d("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ d("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" }) }), gn = ({ style: r }) => /* @__PURE__ */ d("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: r, children: /* @__PURE__ */ d("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" }) }), mn = () => /* @__PURE__ */ d("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ d("path", { d: "M2 2v12h12V2H2zm11 11H6V3h7v10zM3 3h2v10H3V3z" }) }), hn = () => /* @__PURE__ */ d("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ d("path", { d: "M2 2v12h12V2H2zm6 11V3h5v10H8zM3 3h4v10H3V3z" }) }), fn = () => /* @__PURE__ */ d("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ d("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" }) }), xn = () => /* @__PURE__ */ d("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ d("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" }) }), bn = H(
2243
+ { model: h.const() },
2080
2244
  (r, e) => {
2081
- var c, d;
2082
- const o = e.model, n = o.viewMode.read(r), t = ((c = o.daemon) == null ? void 0 : c.sessions.read(r)) ?? [], i = (d = o.daemon) == null ? void 0 : d.sessionName, a = t.filter((l) => l.name !== i);
2083
- return t.length <= 1 ? null : /* @__PURE__ */ u("div", { style: X.container, children: [
2084
- /* @__PURE__ */ u("div", { style: X.segmentedControl, children: [
2085
- /* @__PURE__ */ s(Ye, { label: "Live", mode: "session", active: n === "session", onClick: () => o.setViewMode("session") }),
2086
- /* @__PURE__ */ s(Ye, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => o.setViewMode("diff") })
2245
+ var s, c;
2246
+ const o = e.model, n = o.viewMode.read(r), t = ((s = o.daemon) == null ? void 0 : s.sessions.read(r)) ?? [], i = (c = o.daemon) == null ? void 0 : c.sessionName, a = t.filter((l) => l.name !== i);
2247
+ return t.length <= 1 ? null : /* @__PURE__ */ m("div", { style: ee.container, children: [
2248
+ /* @__PURE__ */ m("div", { style: ee.segmentedControl, children: [
2249
+ /* @__PURE__ */ d(ro, { label: "Live", mode: "session", active: n === "session", onClick: () => o.setViewMode("session") }),
2250
+ /* @__PURE__ */ d(ro, { label: "Diff", mode: "diff", active: n === "diff", onClick: () => o.setViewMode("diff") })
2087
2251
  ] }),
2088
- a.length > 0 && /* @__PURE__ */ s("div", { style: X.sessionLinks, children: a.map((l) => /* @__PURE__ */ u(
2252
+ a.length > 0 && /* @__PURE__ */ d("div", { style: ee.sessionLinks, children: a.map((l) => /* @__PURE__ */ m(
2089
2253
  "button",
2090
2254
  {
2091
- style: X.sessionLink,
2255
+ style: ee.sessionLink,
2092
2256
  onClick: () => o.navigateToSession(l.name),
2093
2257
  title: `Switch to ${l.name} session`,
2094
2258
  children: [
@@ -2101,63 +2265,63 @@ const fe = N(
2101
2265
  ] });
2102
2266
  }
2103
2267
  );
2104
- function Ye({ label: r, mode: e, active: o, onClick: n }) {
2105
- return /* @__PURE__ */ s(
2268
+ function ro({ label: r, mode: e, active: o, onClick: n }) {
2269
+ return /* @__PURE__ */ d(
2106
2270
  "button",
2107
2271
  {
2108
- style: o ? X.segmentActive : X.segment,
2272
+ style: o ? ee.segmentActive : ee.segment,
2109
2273
  onClick: n,
2110
2274
  children: r
2111
2275
  }
2112
2276
  );
2113
2277
  }
2114
- const ln = T(
2278
+ const vn = H(
2115
2279
  {
2116
- model: m.const()
2280
+ model: h.const()
2117
2281
  },
2118
2282
  (r, e) => {
2119
2283
  const o = e.model, n = o.leftSidebarVisible.read(r), t = o.rightSidebarVisible.read(r), i = o.isDarkTheme.read(r), a = o.selectedNode.read(r);
2120
- return /* @__PURE__ */ u("div", { style: x.titleBar, children: [
2121
- /* @__PURE__ */ s("div", { style: x.titleBarSection, children: /* @__PURE__ */ s(
2122
- fe,
2284
+ return /* @__PURE__ */ m("div", { style: x.titleBar, children: [
2285
+ /* @__PURE__ */ d("div", { style: x.titleBarSection, children: /* @__PURE__ */ d(
2286
+ he,
2123
2287
  {
2124
2288
  active: n,
2125
2289
  onClick: o.toggleLeftSidebar,
2126
2290
  title: "Toggle left sidebar",
2127
- children: /* @__PURE__ */ s(tn, {})
2291
+ children: /* @__PURE__ */ d(mn, {})
2128
2292
  }
2129
2293
  ) }),
2130
- /* @__PURE__ */ u("div", { style: x.titleBarCenter, children: [
2131
- o.isReportMode ? /* @__PURE__ */ s("span", { style: { fontSize: 12, color: "var(--component-explorer-descriptionForeground)" }, children: "Screenshot Report" }) : o.daemonAvailable ? /* @__PURE__ */ s(dn, { model: o }) : null,
2132
- a ? /* @__PURE__ */ u(Se, { children: [
2133
- /* @__PURE__ */ s("span", { style: { color: "var(--component-explorer-textLink-foreground)" }, children: "<" }),
2134
- /* @__PURE__ */ s("span", { children: a.name }),
2135
- /* @__PURE__ */ s("span", { style: { color: "var(--component-explorer-textLink-foreground)" }, children: "/>" })
2136
- ] }) : /* @__PURE__ */ s("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: "No component selected" })
2294
+ /* @__PURE__ */ m("div", { style: x.titleBarCenter, children: [
2295
+ o.isReportMode ? /* @__PURE__ */ d("span", { style: { fontSize: 12, color: "var(--component-explorer-descriptionForeground)" }, children: "Screenshot Report" }) : o.daemonAvailable ? /* @__PURE__ */ d(bn, { model: o }) : null,
2296
+ a ? /* @__PURE__ */ m(Se, { children: [
2297
+ /* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-textLink-foreground)" }, children: "<" }),
2298
+ /* @__PURE__ */ d("span", { children: a.name }),
2299
+ /* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-textLink-foreground)" }, children: "/>" })
2300
+ ] }) : /* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: "No component selected" })
2137
2301
  ] }),
2138
- /* @__PURE__ */ u("div", { style: x.titleBarSection, children: [
2139
- /* @__PURE__ */ s(
2140
- fe,
2302
+ /* @__PURE__ */ m("div", { style: x.titleBarSection, children: [
2303
+ /* @__PURE__ */ d(
2304
+ he,
2141
2305
  {
2142
2306
  active: !1,
2143
2307
  onClick: o.toggleTheme,
2144
2308
  title: i ? "Switch to light theme" : "Switch to dark theme",
2145
- children: i ? /* @__PURE__ */ s(cn, {}) : /* @__PURE__ */ s(sn, {})
2309
+ children: i ? /* @__PURE__ */ d(fn, {}) : /* @__PURE__ */ d(xn, {})
2146
2310
  }
2147
2311
  ),
2148
- /* @__PURE__ */ s(
2149
- fe,
2312
+ /* @__PURE__ */ d(
2313
+ he,
2150
2314
  {
2151
2315
  active: t,
2152
2316
  onClick: o.toggleRightSidebar,
2153
2317
  title: "Toggle right sidebar",
2154
- children: /* @__PURE__ */ s(an, {})
2318
+ children: /* @__PURE__ */ d(hn, {})
2155
2319
  }
2156
2320
  )
2157
2321
  ] })
2158
2322
  ] });
2159
2323
  }
2160
- ), X = {
2324
+ ), ee = {
2161
2325
  container: {
2162
2326
  display: "flex",
2163
2327
  alignItems: "center",
@@ -2201,7 +2365,7 @@ const ln = T(
2201
2365
  color: "var(--component-explorer-textLink-foreground)",
2202
2366
  cursor: "pointer"
2203
2367
  }
2204
- }, pn = {
2368
+ }, kn = {
2205
2369
  display: "flex",
2206
2370
  gap: "3px",
2207
2371
  marginLeft: "6px",
@@ -2209,10 +2373,10 @@ const ln = T(
2209
2373
  flexShrink: 1,
2210
2374
  minWidth: 0
2211
2375
  };
2212
- function Lo(r) {
2213
- return r.type === "component" ? 1 : (r.children ?? []).reduce((e, o) => e + Lo(o), 0);
2376
+ function Go(r) {
2377
+ return r.type === "component" ? 1 : (r.children ?? []).reduce((e, o) => e + Go(o), 0);
2214
2378
  }
2215
- const gn = {
2379
+ const yn = {
2216
2380
  fontSize: "10px",
2217
2381
  lineHeight: "14px",
2218
2382
  padding: "0 4px",
@@ -2224,18 +2388,18 @@ const gn = {
2224
2388
  textOverflow: "ellipsis",
2225
2389
  maxWidth: "60px",
2226
2390
  cursor: "pointer"
2227
- }, Do = T(
2391
+ }, zo = H(
2228
2392
  {
2229
- model: m.const(),
2230
- nodes: m.const(),
2231
- depth: m.const()
2393
+ model: h.const(),
2394
+ nodes: h.const(),
2395
+ depth: h.const()
2232
2396
  },
2233
- (r, e) => /* @__PURE__ */ s(Se, { children: e.nodes.map((o) => /* @__PURE__ */ s(mn, { model: e.model, node: o, depth: e.depth }, o.id.value)) })
2397
+ (r, e) => /* @__PURE__ */ d(Se, { children: e.nodes.map((o) => /* @__PURE__ */ d(Bn, { model: e.model, node: o, depth: e.depth }, o.id.value)) })
2234
2398
  );
2235
- class un extends D({
2236
- model: m.const(),
2237
- node: m.const(),
2238
- depth: m.const()
2399
+ class wn extends N({
2400
+ model: h.const(),
2401
+ node: h.const(),
2402
+ depth: h.const()
2239
2403
  }) {
2240
2404
  constructor() {
2241
2405
  super(...arguments);
@@ -2267,48 +2431,48 @@ class un extends D({
2267
2431
  return !!(this.props.node.children && this.props.node.children.length > 0);
2268
2432
  }
2269
2433
  }
2270
- const mn = N(un, {}, (r, e) => {
2271
- const o = e.explorerModel, n = e.treeNode, t = e.treeDepth, i = !!(n.children && n.children.length > 0), a = i ? o.isNodeExpanded(n.id.value, r) : !1, d = o.selectedNodeId.read(r) === n.id.value, l = e.isHovered.read(r), g = Oe(
2434
+ const Bn = A(wn, {}, (r, e) => {
2435
+ const o = e.explorerModel, n = e.treeNode, t = e.treeDepth, i = !!(n.children && n.children.length > 0), a = i ? o.isNodeExpanded(n.id.value, r) : !1, c = o.selectedNodeId.read(r) === n.id.value, l = e.isHovered.read(r), u = Ve(
2272
2436
  x.treeItem,
2273
2437
  { paddingLeft: `${8 + t * 12}px` },
2274
- d && x.treeItemSelected,
2275
- !d && l && x.treeItemHover
2438
+ c && x.treeItemSelected,
2439
+ !c && l && x.treeItemHover
2276
2440
  );
2277
- return /* @__PURE__ */ u(Se, { children: [
2278
- /* @__PURE__ */ u(
2441
+ return /* @__PURE__ */ m(Se, { children: [
2442
+ /* @__PURE__ */ m(
2279
2443
  "div",
2280
2444
  {
2281
- style: g,
2445
+ style: u,
2282
2446
  onClick: e.handleClick,
2283
2447
  onDoubleClick: e.handleDoubleClick,
2284
2448
  onMouseEnter: () => e.setHovered(!0),
2285
2449
  onMouseLeave: () => e.setHovered(!1),
2286
2450
  children: [
2287
- i ? /* @__PURE__ */ s("div", { style: x.treeItemChevron, onClick: e.handleChevronClick, children: a ? /* @__PURE__ */ s(on, {}) : /* @__PURE__ */ s(en, {}) }) : /* @__PURE__ */ s("div", { style: x.treeItemChevronPlaceholder }),
2288
- /* @__PURE__ */ s("div", { style: x.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ s(nn, { style: { color: "var(--component-explorer-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ s(rn, { style: { color: "#deb45b" } }) }),
2289
- /* @__PURE__ */ s("span", { style: x.treeItemLabel, children: n.name }),
2290
- n.labels.some((h) => !h.startsWith(".")) && /* @__PURE__ */ s("span", { style: pn, children: n.labels.filter((h) => !h.startsWith(".")).map((h) => /* @__PURE__ */ s(
2451
+ i ? /* @__PURE__ */ d("div", { style: x.treeItemChevron, onClick: e.handleChevronClick, children: a ? /* @__PURE__ */ d(pn, {}) : /* @__PURE__ */ d(ln, {}) }) : /* @__PURE__ */ d("div", { style: x.treeItemChevronPlaceholder }),
2452
+ /* @__PURE__ */ d("div", { style: x.treeItemIcon, children: n.type === "folder" ? /* @__PURE__ */ d(gn, { style: { color: "var(--component-explorer-symbolIcon-folderForeground)" } }) : /* @__PURE__ */ d(un, { style: { color: "#deb45b" } }) }),
2453
+ /* @__PURE__ */ d("span", { style: x.treeItemLabel, children: n.name }),
2454
+ n.labels.some((g) => !g.startsWith(".")) && /* @__PURE__ */ d("span", { style: kn, children: n.labels.filter((g) => !g.startsWith(".")).map((g) => /* @__PURE__ */ d(
2291
2455
  "span",
2292
2456
  {
2293
- style: gn,
2457
+ style: yn,
2294
2458
  onClick: (f) => {
2295
- f.stopPropagation(), o.searchQuery.set(h, void 0);
2459
+ f.stopPropagation(), o.searchQuery.set(g, void 0);
2296
2460
  },
2297
- title: h,
2298
- children: h
2461
+ title: g,
2462
+ children: g
2299
2463
  },
2300
- h
2464
+ g
2301
2465
  )) }),
2302
- n.type === "folder" && i && /* @__PURE__ */ s("span", { style: x.treeItemCount, children: Lo(n) })
2466
+ n.type === "folder" && i && /* @__PURE__ */ d("span", { style: x.treeItemCount, children: Go(n) })
2303
2467
  ]
2304
2468
  }
2305
2469
  ),
2306
- i && a && /* @__PURE__ */ s(Do, { model: o, nodes: n.children, depth: t + 1 })
2470
+ i && a && /* @__PURE__ */ d(zo, { model: o, nodes: n.children, depth: t + 1 })
2307
2471
  ] });
2308
- }), fn = {
2472
+ }), _n = {
2309
2473
  padding: "4px 8px",
2310
2474
  borderBottom: "1px solid var(--component-explorer-panel-border)"
2311
- }, hn = {
2475
+ }, Cn = {
2312
2476
  width: "100%",
2313
2477
  height: "24px",
2314
2478
  padding: "0 22px 0 6px",
@@ -2319,9 +2483,9 @@ const mn = N(un, {}, (r, e) => {
2319
2483
  borderRadius: "2px",
2320
2484
  outline: "none",
2321
2485
  boxSizing: "border-box"
2322
- }, xn = {
2486
+ }, Sn = {
2323
2487
  position: "relative"
2324
- }, bn = {
2488
+ }, Fn = {
2325
2489
  position: "absolute",
2326
2490
  right: "2px",
2327
2491
  top: "50%",
@@ -2338,29 +2502,29 @@ const mn = N(un, {}, (r, e) => {
2338
2502
  borderRadius: "2px",
2339
2503
  fontSize: "14px",
2340
2504
  opacity: 0.7
2341
- }, vn = T(
2505
+ }, In = H(
2342
2506
  {
2343
- model: m.const()
2507
+ model: h.const()
2344
2508
  },
2345
2509
  (r, e) => {
2346
2510
  const o = e.model.searchQuery.read(r);
2347
- return /* @__PURE__ */ s("div", { style: fn, children: /* @__PURE__ */ u("div", { style: xn, children: [
2348
- /* @__PURE__ */ s(
2511
+ return /* @__PURE__ */ d("div", { style: _n, children: /* @__PURE__ */ m("div", { style: Sn, children: [
2512
+ /* @__PURE__ */ d(
2349
2513
  "input",
2350
2514
  {
2351
2515
  type: "text",
2352
2516
  placeholder: "Filter (name or label)",
2353
- style: hn,
2517
+ style: Cn,
2354
2518
  value: o ?? "",
2355
2519
  onChange: (n) => e.model.searchQuery.set(n.target.value || void 0, void 0),
2356
2520
  onFocus: (n) => n.target.style.borderColor = "var(--component-explorer-focusBorder)",
2357
2521
  onBlur: (n) => n.target.style.borderColor = "var(--component-explorer-input-border, transparent)"
2358
2522
  }
2359
2523
  ),
2360
- o && /* @__PURE__ */ s(
2524
+ o && /* @__PURE__ */ d(
2361
2525
  "button",
2362
2526
  {
2363
- style: bn,
2527
+ style: Fn,
2364
2528
  onClick: () => e.model.searchQuery.set(void 0, void 0),
2365
2529
  title: "Clear filter",
2366
2530
  children: "×"
@@ -2368,20 +2532,20 @@ const mn = N(un, {}, (r, e) => {
2368
2532
  )
2369
2533
  ] }) });
2370
2534
  }
2371
- ), kn = T(
2535
+ ), En = H(
2372
2536
  {
2373
- model: m.const()
2537
+ model: h.const()
2374
2538
  },
2375
2539
  (r, e) => {
2376
2540
  const o = e.model.filteredTree.read(r);
2377
- return /* @__PURE__ */ u("div", { style: x.sidebar, children: [
2378
- /* @__PURE__ */ s("div", { style: x.sidebarHeader, children: "Explorer" }),
2379
- /* @__PURE__ */ s(vn, { model: e.model }),
2380
- /* @__PURE__ */ s("div", { style: x.sidebarContent, children: /* @__PURE__ */ s(Do, { model: e.model, nodes: [o], depth: 0 }) })
2541
+ return /* @__PURE__ */ m("div", { style: x.sidebar, children: [
2542
+ /* @__PURE__ */ d("div", { style: x.sidebarHeader, children: "Explorer" }),
2543
+ /* @__PURE__ */ d(In, { model: e.model }),
2544
+ /* @__PURE__ */ d("div", { style: x.sidebarContent, children: /* @__PURE__ */ d(zo, { model: e.model, nodes: [o], depth: 0 }) })
2381
2545
  ] });
2382
2546
  }
2383
2547
  );
2384
- class yn extends D({}) {
2548
+ class Rn extends N({}) {
2385
2549
  constructor() {
2386
2550
  super(...arguments);
2387
2551
  p(this, "checked", B(this, !1));
@@ -2390,7 +2554,7 @@ class yn extends D({}) {
2390
2554
  });
2391
2555
  }
2392
2556
  }
2393
- const wn = N(yn, {}, (r, e) => {
2557
+ const Hn = A(Rn, {}, (r, e) => {
2394
2558
  const o = e.checked.read(r), n = {
2395
2559
  position: "relative",
2396
2560
  width: "36px",
@@ -2410,18 +2574,18 @@ const wn = N(yn, {}, (r, e) => {
2410
2574
  borderRadius: "50%",
2411
2575
  transition: "left 0.2s"
2412
2576
  };
2413
- return /* @__PURE__ */ s("div", { style: n, onClick: e.toggle, children: /* @__PURE__ */ s("div", { style: t }) });
2414
- }), Bn = T(
2577
+ return /* @__PURE__ */ d("div", { style: n, onClick: e.toggle, children: /* @__PURE__ */ d("div", { style: t }) });
2578
+ }), Tn = H(
2415
2579
  {
2416
- node: m.const()
2580
+ node: h.const()
2417
2581
  },
2418
- (r, e) => e.node.type !== "component" ? /* @__PURE__ */ s("div", { style: { padding: "12px", color: "var(--component-explorer-descriptionForeground)", fontSize: "12px" }, children: "Select a component (not a folder) to view its properties" }) : /* @__PURE__ */ u("div", { style: x.propertiesPanel, children: [
2419
- /* @__PURE__ */ u("div", { style: x.propertyRow, children: [
2420
- /* @__PURE__ */ u("div", { style: x.propertyLabel, children: [
2582
+ (r, e) => e.node.type !== "component" ? /* @__PURE__ */ d("div", { style: { padding: "12px", color: "var(--component-explorer-descriptionForeground)", fontSize: "12px" }, children: "Select a component (not a folder) to view its properties" }) : /* @__PURE__ */ m("div", { style: x.propertiesPanel, children: [
2583
+ /* @__PURE__ */ m("div", { style: x.propertyRow, children: [
2584
+ /* @__PURE__ */ m("div", { style: x.propertyLabel, children: [
2421
2585
  "children",
2422
- /* @__PURE__ */ s("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : string" })
2586
+ /* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : string" })
2423
2587
  ] }),
2424
- /* @__PURE__ */ s(
2588
+ /* @__PURE__ */ d(
2425
2589
  "input",
2426
2590
  {
2427
2591
  type: "text",
@@ -2430,67 +2594,67 @@ const wn = N(yn, {}, (r, e) => {
2430
2594
  placeholder: "Enter text..."
2431
2595
  }
2432
2596
  ),
2433
- /* @__PURE__ */ s("div", { style: x.propertyDescription, children: "Button text content" })
2597
+ /* @__PURE__ */ d("div", { style: x.propertyDescription, children: "Button text content" })
2434
2598
  ] }),
2435
- /* @__PURE__ */ u("div", { style: x.propertyRow, children: [
2436
- /* @__PURE__ */ u("div", { style: x.propertyLabel, children: [
2599
+ /* @__PURE__ */ m("div", { style: x.propertyRow, children: [
2600
+ /* @__PURE__ */ m("div", { style: x.propertyLabel, children: [
2437
2601
  "variant",
2438
- /* @__PURE__ */ s("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
2602
+ /* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
2439
2603
  ] }),
2440
- /* @__PURE__ */ u("select", { style: x.propertySelect, defaultValue: "default", children: [
2441
- /* @__PURE__ */ s("option", { value: "default", children: "default" }),
2442
- /* @__PURE__ */ s("option", { value: "primary", children: "primary" }),
2443
- /* @__PURE__ */ s("option", { value: "secondary", children: "secondary" }),
2444
- /* @__PURE__ */ s("option", { value: "destructive", children: "destructive" })
2604
+ /* @__PURE__ */ m("select", { style: x.propertySelect, defaultValue: "default", children: [
2605
+ /* @__PURE__ */ d("option", { value: "default", children: "default" }),
2606
+ /* @__PURE__ */ d("option", { value: "primary", children: "primary" }),
2607
+ /* @__PURE__ */ d("option", { value: "secondary", children: "secondary" }),
2608
+ /* @__PURE__ */ d("option", { value: "destructive", children: "destructive" })
2445
2609
  ] }),
2446
- /* @__PURE__ */ s("div", { style: x.propertyDescription, children: "Visual style variant" })
2610
+ /* @__PURE__ */ d("div", { style: x.propertyDescription, children: "Visual style variant" })
2447
2611
  ] }),
2448
- /* @__PURE__ */ u("div", { style: x.propertyRow, children: [
2449
- /* @__PURE__ */ u("div", { style: x.propertyLabel, children: [
2612
+ /* @__PURE__ */ m("div", { style: x.propertyRow, children: [
2613
+ /* @__PURE__ */ m("div", { style: x.propertyLabel, children: [
2450
2614
  "size",
2451
- /* @__PURE__ */ s("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
2615
+ /* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
2452
2616
  ] }),
2453
- /* @__PURE__ */ u("select", { style: x.propertySelect, defaultValue: "default", children: [
2454
- /* @__PURE__ */ s("option", { value: "sm", children: "sm" }),
2455
- /* @__PURE__ */ s("option", { value: "default", children: "default" }),
2456
- /* @__PURE__ */ s("option", { value: "lg", children: "lg" })
2617
+ /* @__PURE__ */ m("select", { style: x.propertySelect, defaultValue: "default", children: [
2618
+ /* @__PURE__ */ d("option", { value: "sm", children: "sm" }),
2619
+ /* @__PURE__ */ d("option", { value: "default", children: "default" }),
2620
+ /* @__PURE__ */ d("option", { value: "lg", children: "lg" })
2457
2621
  ] }),
2458
- /* @__PURE__ */ s("div", { style: x.propertyDescription, children: "Button size" })
2622
+ /* @__PURE__ */ d("div", { style: x.propertyDescription, children: "Button size" })
2459
2623
  ] }),
2460
- /* @__PURE__ */ u("div", { style: x.propertyRow, children: [
2461
- /* @__PURE__ */ u("div", { style: x.propertyLabel, children: [
2624
+ /* @__PURE__ */ m("div", { style: x.propertyRow, children: [
2625
+ /* @__PURE__ */ m("div", { style: x.propertyLabel, children: [
2462
2626
  "disabled",
2463
- /* @__PURE__ */ s("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : boolean" })
2627
+ /* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : boolean" })
2464
2628
  ] }),
2465
- /* @__PURE__ */ s(wn, {}),
2466
- /* @__PURE__ */ s("div", { style: x.propertyDescription, children: "Disable the button" })
2629
+ /* @__PURE__ */ d(Hn, {}),
2630
+ /* @__PURE__ */ d("div", { style: x.propertyDescription, children: "Disable the button" })
2467
2631
  ] })
2468
2632
  ] })
2469
- ), _n = T(
2633
+ ), Mn = H(
2470
2634
  {
2471
- selectedNode: m.const()
2635
+ selectedNode: h.const()
2472
2636
  },
2473
- (r, e) => /* @__PURE__ */ u("div", { style: Oe(x.sidebar, x.sidebarRight), children: [
2474
- /* @__PURE__ */ u("div", { style: x.sidebarHeader, children: [
2475
- /* @__PURE__ */ s("span", { style: { marginRight: "6px", color: "var(--component-explorer-textLink-foreground)" }, children: "</>" }),
2637
+ (r, e) => /* @__PURE__ */ m("div", { style: Ve(x.sidebar, x.sidebarRight), children: [
2638
+ /* @__PURE__ */ m("div", { style: x.sidebarHeader, children: [
2639
+ /* @__PURE__ */ d("span", { style: { marginRight: "6px", color: "var(--component-explorer-textLink-foreground)" }, children: "</>" }),
2476
2640
  "Props"
2477
2641
  ] }),
2478
- /* @__PURE__ */ s("div", { style: x.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ s(Bn, { node: e.selectedNode }) : /* @__PURE__ */ s("div", { style: { padding: "12px", color: "var(--component-explorer-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
2642
+ /* @__PURE__ */ d("div", { style: x.sidebarContent, children: e.selectedNode ? /* @__PURE__ */ d(Tn, { node: e.selectedNode }) : /* @__PURE__ */ d("div", { style: { padding: "12px", color: "var(--component-explorer-descriptionForeground)", fontSize: "12px" }, children: "Select a component to view its properties" }) })
2479
2643
  ] })
2480
- ), Cn = k.enum([
2644
+ ), On = k.enum([
2481
2645
  "console.error",
2482
2646
  "console.warn",
2483
2647
  "console.log",
2484
2648
  "window.error",
2485
2649
  "window.unhandledrejection",
2486
2650
  "thrownError"
2487
- ]), Sn = k.object({
2488
- type: Cn,
2651
+ ]), Vn = k.object({
2652
+ type: On,
2489
2653
  phase: k.enum(["render", "dispose"]),
2490
2654
  isError: k.boolean(),
2491
2655
  message: k.string(),
2492
2656
  stack: k.string().optional()
2493
- }), Ze = k.object({
2657
+ }), no = k.object({
2494
2658
  /**
2495
2659
  * Path (relative to manifest.json) to a JSON file in the standard Istanbul
2496
2660
  * `coverage-final.json` format: `Record<absolutePath, IFileCoverage>`.
@@ -2518,7 +2682,7 @@ k.object({
2518
2682
  message: k.string()
2519
2683
  }),
2520
2684
  /** Aggregated coverage across all fixtures (always present when coverage was collected). */
2521
- coverage: Ze.optional(),
2685
+ coverage: no.optional(),
2522
2686
  fixtures: k.array(k.object({
2523
2687
  fixtureId: k.string(),
2524
2688
  imageHash: k.string().optional(),
@@ -2528,7 +2692,7 @@ k.object({
2528
2692
  expectedVisualDescriptions: k.array(k.string()),
2529
2693
  /** `true` iff at least one event in `events` has `isError: true`. */
2530
2694
  hasError: k.boolean(),
2531
- events: k.array(Sn),
2695
+ events: k.array(Vn),
2532
2696
  renderTimeMs: k.object({
2533
2697
  sync: k.number(),
2534
2698
  total: k.number()
@@ -2536,17 +2700,17 @@ k.object({
2536
2700
  /** Arbitrary data the fixture provided via `RenderResult.output`. */
2537
2701
  output: k.unknown().optional(),
2538
2702
  /** Coverage attributable to this fixture (only present in per-fixture coverage mode). */
2539
- coverage: Ze.optional()
2703
+ coverage: no.optional()
2540
2704
  }))
2541
2705
  });
2542
- function Fn(r) {
2706
+ function Ln(r) {
2543
2707
  const e = r.baseQuery instanceof URLSearchParams ? new URLSearchParams(r.baseQuery) : new URLSearchParams(r.baseQuery ?? "");
2544
2708
  r.mode !== void 0 && e.set("mode", r.mode), r.fixtureId !== void 0 && e.set("fixture", r.fixtureId);
2545
2709
  const o = e.toString(), n = `${r.baseUrl ?? ""}${r.pathname}`;
2546
2710
  return o ? `${n}?${o}` : n;
2547
2711
  }
2548
- const Xe = 500;
2549
- function Ve(r) {
2712
+ const to = 500;
2713
+ function Le(r) {
2550
2714
  let e = null;
2551
2715
  function o() {
2552
2716
  if (e !== null) return e;
@@ -2562,7 +2726,7 @@ function Ve(r) {
2562
2726
  if (e !== null)
2563
2727
  try {
2564
2728
  const t = Object.entries(e);
2565
- t.length > Xe && (e = Object.fromEntries(t.slice(-Xe))), localStorage.setItem(r, JSON.stringify(e));
2729
+ t.length > to && (e = Object.fromEntries(t.slice(-to))), localStorage.setItem(r, JSON.stringify(e));
2566
2730
  } catch {
2567
2731
  }
2568
2732
  }
@@ -2578,27 +2742,27 @@ function Ve(r) {
2578
2742
  }
2579
2743
  };
2580
2744
  }
2581
- const No = Ve("component-explorer:fixtureHeights"), Ao = Ve("component-explorer:fixtureContentHeights");
2582
- function In(r, e) {
2583
- No.set(r, e);
2745
+ const Po = Le("component-explorer:fixtureHeights"), $o = Le("component-explorer:fixtureContentHeights");
2746
+ function Dn(r, e) {
2747
+ Po.set(r, e);
2584
2748
  }
2585
- function En() {
2586
- return No.getAll();
2749
+ function Nn() {
2750
+ return Po.getAll();
2587
2751
  }
2588
- function Rn(r, e) {
2589
- Ao.set(r, e);
2752
+ function An(r, e) {
2753
+ $o.set(r, e);
2590
2754
  }
2591
- function Tn(r) {
2592
- return Ao.get(r);
2755
+ function Gn(r) {
2756
+ return $o.get(r);
2593
2757
  }
2594
- const Go = Ve("component-explorer:fixtureContentWidths");
2595
- function Hn(r, e) {
2596
- Go.set(r, e);
2758
+ const Wo = Le("component-explorer:fixtureContentWidths");
2759
+ function zn(r, e) {
2760
+ Wo.set(r, e);
2597
2761
  }
2598
- function Mn(r) {
2599
- return Go.get(r);
2762
+ function Pn(r) {
2763
+ return Wo.get(r);
2600
2764
  }
2601
- let On = 0;
2765
+ let $n = 0;
2602
2766
  const pe = class pe {
2603
2767
  constructor() {
2604
2768
  p(this, "_events");
@@ -2631,7 +2795,7 @@ const pe = class pe {
2631
2795
  }
2632
2796
  _addEvent(e, o, n) {
2633
2797
  const t = {
2634
- id: On++,
2798
+ id: $n++,
2635
2799
  timestamp: Date.now(),
2636
2800
  type: e,
2637
2801
  message: o,
@@ -2651,11 +2815,11 @@ const pe = class pe {
2651
2815
  };
2652
2816
  p(pe, "_instance");
2653
2817
  let de = pe;
2654
- const eo = 3e3;
2655
- function oo(r) {
2818
+ const io = 3e3;
2819
+ function ao(r) {
2656
2820
  return !!r && typeof r.then == "function";
2657
2821
  }
2658
- function ro(r, e) {
2822
+ function co(r, e) {
2659
2823
  const o = [], n = [], t = e instanceof ShadowRoot ? e : e.head;
2660
2824
  for (const i of r)
2661
2825
  if (i.type === "css") {
@@ -2667,13 +2831,13 @@ function ro(r, e) {
2667
2831
  } else i.type === "adopted" && (e.adoptedStyleSheets = [...e.adoptedStyleSheets, i.sheet], n.push(i.sheet));
2668
2832
  return { injectedElements: o, adoptedSheets: n };
2669
2833
  }
2670
- function Vn(r, e, o) {
2834
+ function Wn(r, e, o) {
2671
2835
  for (const n of r)
2672
2836
  n.remove();
2673
2837
  for (const n of e)
2674
2838
  o.adoptedStyleSheets = o.adoptedStyleSheets.filter((t) => t !== n);
2675
2839
  }
2676
- class Le {
2840
+ class De {
2677
2841
  constructor(e, o, n = { kind: "headless", interactive: !1 }, t) {
2678
2842
  p(this, "renderTarget");
2679
2843
  p(this, "iframe", null);
@@ -2687,45 +2851,45 @@ class Le {
2687
2851
  this.component = o, this._renderHost = n, this._input = t;
2688
2852
  const i = o.isolation;
2689
2853
  if (i === "shadow-dom") {
2690
- const c = e.attachShadow({ mode: "open" });
2691
- if (this._styleTarget = c, o.styles) {
2692
- const { injectedElements: d, adoptedSheets: l } = ro(o.styles, c);
2693
- this._injectedElements = d, this._adoptedSheets = l;
2854
+ const s = e.attachShadow({ mode: "open" });
2855
+ if (this._styleTarget = s, o.styles) {
2856
+ const { injectedElements: c, adoptedSheets: l } = co(o.styles, s);
2857
+ this._injectedElements = c, this._adoptedSheets = l;
2694
2858
  }
2695
- this.renderTarget = document.createElement("div"), c.appendChild(this.renderTarget);
2859
+ this.renderTarget = document.createElement("div"), s.appendChild(this.renderTarget);
2696
2860
  } else if (i === "iframe") {
2697
- const c = document.createElement("iframe");
2698
- c.style.border = "none", c.style.display = "block";
2699
- const d = o.displayMode.type === "component";
2700
- d ? c.style.width = (Mn(o.id) ?? 0) + "px" : c.style.width = "100%", c.style.height = (Tn(o.id) ?? 0) + "px";
2861
+ const s = document.createElement("iframe");
2862
+ s.style.border = "none", s.style.display = "block";
2863
+ const c = o.displayMode.type === "component";
2864
+ c ? s.style.width = (Pn(o.id) ?? 0) + "px" : s.style.width = "100%", s.style.height = (Gn(o.id) ?? 0) + "px";
2701
2865
  const l = new URL(location.pathname, location.origin);
2702
- l.searchParams.set("mode", "embedded"), l.searchParams.set("fixture", o.id), l.searchParams.set("file", o.sourceFile), c.src = l.toString(), e.appendChild(c), this.iframe = c;
2703
- let g;
2704
- const h = (f) => {
2866
+ l.searchParams.set("mode", "embedded"), l.searchParams.set("fixture", o.id), l.searchParams.set("file", o.sourceFile), s.src = l.toString(), e.appendChild(s), this.iframe = s;
2867
+ let u;
2868
+ const g = (f) => {
2705
2869
  var b, C, y;
2706
- if (f.source === c.contentWindow)
2870
+ if (f.source === s.contentWindow)
2707
2871
  if (((b = f.data) == null ? void 0 : b.type) === "component-explorer:resize") {
2708
2872
  const v = f.data.height, _ = f.data.width;
2709
- c.style.height = v + "px", Rn(o.id, v), d && _ && (c.style.width = _ + "px", Hn(o.id, _));
2873
+ s.style.height = v + "px", An(o.id, v), c && _ && (s.style.width = _ + "px", zn(o.id, _));
2710
2874
  } else if (((C = f.data) == null ? void 0 : C.type) === "component-explorer:error") {
2711
2875
  const v = f.data.error;
2712
- this._resolvedResult = { error: v }, g == null || g(v), g = void 0;
2876
+ this._resolvedResult = { error: v }, u == null || u(v), u = void 0;
2713
2877
  } else ((y = f.data) == null ? void 0 : y.type) === "component-explorer:console" && de.getInstance().addEvent(
2714
2878
  f.data.eventType,
2715
2879
  f.data.message,
2716
2880
  f.data.stack
2717
2881
  );
2718
2882
  };
2719
- window.addEventListener("message", h), this._abortController.signal.addEventListener("abort", () => {
2720
- window.removeEventListener("message", h);
2721
- }), this.renderTarget = c, this._rendered = new Promise((f, b) => {
2722
- g = b;
2883
+ window.addEventListener("message", g), this._abortController.signal.addEventListener("abort", () => {
2884
+ window.removeEventListener("message", g);
2885
+ }), this.renderTarget = s, this._rendered = new Promise((f, b) => {
2886
+ u = b;
2723
2887
  });
2724
2888
  return;
2725
2889
  } else {
2726
2890
  if (o.styles) {
2727
- const { injectedElements: c, adoptedSheets: d } = ro(o.styles, document);
2728
- this._injectedElements = c, this._adoptedSheets = d;
2891
+ const { injectedElements: s, adoptedSheets: c } = co(o.styles, document);
2892
+ this._injectedElements = s, this._adoptedSheets = c;
2729
2893
  }
2730
2894
  this.renderTarget = document.createElement("div"), e.appendChild(this.renderTarget);
2731
2895
  }
@@ -2734,43 +2898,43 @@ class Le {
2734
2898
  a = o.render(this.renderTarget, {
2735
2899
  fixtureId: o.id,
2736
2900
  signal: this._abortController.signal,
2737
- addDisposable: (c) => (this._disposables.push(c), c),
2901
+ addDisposable: (s) => (this._disposables.push(s), s),
2738
2902
  host: this._renderHost,
2739
2903
  input: this._input
2740
2904
  });
2741
- } catch (c) {
2742
- const d = {
2743
- message: c instanceof Error ? c.message : String(c),
2744
- stack: c instanceof Error ? c.stack : void 0
2905
+ } catch (s) {
2906
+ const c = {
2907
+ message: s instanceof Error ? s.message : String(s),
2908
+ stack: s instanceof Error ? s.stack : void 0
2745
2909
  };
2746
- this._resolvedResult = { error: d }, this._rendered = Promise.reject(d);
2910
+ this._resolvedResult = { error: c }, this._rendered = Promise.reject(c);
2747
2911
  return;
2748
2912
  }
2749
- a instanceof Promise ? this._rendered = a.then((c) => {
2750
- var d;
2913
+ a instanceof Promise ? this._rendered = a.then((s) => {
2914
+ var c;
2751
2915
  if (this._abortController.signal.aborted) {
2752
2916
  try {
2753
- const l = (d = c == null ? void 0 : c.dispose) == null ? void 0 : d.call(c);
2754
- oo(l) && l.catch(() => {
2917
+ const l = (c = s == null ? void 0 : s.dispose) == null ? void 0 : c.call(s);
2918
+ ao(l) && l.catch(() => {
2755
2919
  });
2756
2920
  } catch {
2757
2921
  }
2758
2922
  return;
2759
2923
  }
2760
- return this._resolvedResult = c ?? void 0, this._resolvedResult;
2761
- }).catch((c) => {
2762
- const d = {
2763
- message: c instanceof Error ? c.message : String(c),
2764
- stack: c instanceof Error ? c.stack : void 0
2924
+ return this._resolvedResult = s ?? void 0, this._resolvedResult;
2925
+ }).catch((s) => {
2926
+ const c = {
2927
+ message: s instanceof Error ? s.message : String(s),
2928
+ stack: s instanceof Error ? s.stack : void 0
2765
2929
  };
2766
- throw this._resolvedResult = { error: d }, d;
2930
+ throw this._resolvedResult = { error: c }, c;
2767
2931
  }) : (this._resolvedResult = a ?? void 0, this._rendered = Promise.resolve(this._resolvedResult));
2768
2932
  }
2769
2933
  async waitForRendering() {
2770
2934
  const e = new Promise((o, n) => {
2771
2935
  const t = setTimeout(() => {
2772
- n(new Error(`Fixture timed out after ${eo}ms`));
2773
- }, eo);
2936
+ n(new Error(`Fixture timed out after ${io}ms`));
2937
+ }, io);
2774
2938
  this._abortController.signal.addEventListener("abort", () => clearTimeout(t));
2775
2939
  });
2776
2940
  try {
@@ -2790,7 +2954,7 @@ class Le {
2790
2954
  }, n = [], t = (i) => {
2791
2955
  try {
2792
2956
  const a = i();
2793
- oo(a) && n.push(a.catch(o));
2957
+ ao(a) && n.push(a.catch(o));
2794
2958
  } catch (a) {
2795
2959
  o(a);
2796
2960
  }
@@ -2804,7 +2968,7 @@ class Le {
2804
2968
  t(() => i.dispose());
2805
2969
  this._disposables.length = 0;
2806
2970
  try {
2807
- Vn(this._injectedElements, this._adoptedSheets, this._styleTarget);
2971
+ Wn(this._injectedElements, this._adoptedSheets, this._styleTarget);
2808
2972
  } catch (i) {
2809
2973
  o(i);
2810
2974
  }
@@ -2812,43 +2976,43 @@ class Le {
2812
2976
  }
2813
2977
  }
2814
2978
  let Be;
2815
- function Ln(r) {
2979
+ function jn(r) {
2816
2980
  Be = r;
2817
2981
  }
2818
- function Dn() {
2982
+ function Un() {
2819
2983
  if (!Be)
2820
2984
  throw new Error("Explorer shadow host not initialized");
2821
2985
  return Be;
2822
2986
  }
2823
- const zo = /* @__PURE__ */ new WeakSet(), no = HTMLElement.prototype.focus;
2987
+ const jo = /* @__PURE__ */ new WeakSet(), so = HTMLElement.prototype.focus;
2824
2988
  HTMLElement.prototype.focus = function(r) {
2825
- !(r != null && r.preventScroll) && Nn(this) ? no.call(this, { ...r, preventScroll: !0 }) : no.call(this, r);
2989
+ !(r != null && r.preventScroll) && qn(this) ? so.call(this, { ...r, preventScroll: !0 }) : so.call(this, r);
2826
2990
  };
2827
- function Nn(r) {
2991
+ function qn(r) {
2828
2992
  let e = r;
2829
2993
  for (; e; ) {
2830
- if (e instanceof HTMLElement && zo.has(e))
2994
+ if (e instanceof HTMLElement && jo.has(e))
2831
2995
  return !0;
2832
2996
  e = e.parentElement;
2833
2997
  }
2834
2998
  return !1;
2835
2999
  }
2836
- function An(r) {
2837
- zo.add(r);
3000
+ function Qn(r) {
3001
+ jo.add(r);
2838
3002
  }
2839
- function Gn(r) {
2840
- return Fn({
3003
+ function Kn(r) {
3004
+ return Ln({
2841
3005
  pathname: location.pathname,
2842
3006
  baseQuery: location.search,
2843
3007
  mode: "embedded",
2844
3008
  fixtureId: r
2845
3009
  });
2846
3010
  }
2847
- let zn = 0;
2848
- class Pn extends D({
2849
- fixture: m.const(),
2850
- compact: m.const(),
2851
- onSelect: m.const()
3011
+ let Jn = 0;
3012
+ class Yn extends N({
3013
+ fixture: h.const(),
3014
+ compact: h.const(),
3015
+ onSelect: h.const()
2852
3016
  }) {
2853
3017
  constructor() {
2854
3018
  super(...arguments);
@@ -2859,27 +3023,27 @@ class Pn extends D({
2859
3023
  p(this, "measuredWidth", B(this, void 0));
2860
3024
  p(this, "measuredHeight", B(this, void 0));
2861
3025
  p(this, "error", B(this, void 0));
2862
- p(this, "slotName", `fixture-${zn++}`);
3026
+ p(this, "slotName", `fixture-${Jn++}`);
2863
3027
  p(this, "setCanvasRef", (o) => {
2864
3028
  if (o === this._canvasRef || (this._cleanup(), this._canvasRef = o, !o)) return;
2865
- const n = Dn(), t = document.createElement("div");
3029
+ const n = Un(), t = document.createElement("div");
2866
3030
  t.slot = this.slotName;
2867
3031
  const i = this.fixture.component, a = i.displayMode;
2868
3032
  if (a.type === "page") {
2869
- const d = a.viewports[0], l = ar(d);
3033
+ const c = a.viewports[0], l = lr(c);
2870
3034
  t.style.width = `${l.width}px`, t.style.height = `${l.height}px`, t.style.overflow = "auto";
2871
3035
  } else
2872
3036
  t.style.all = "initial", t.style.display = "inline-block";
2873
- n.appendChild(t), this._fixtureContainer = t, An(t);
2874
- const c = new Le(t, i, { kind: "explorer-ui", interactive: !0 });
2875
- this._rendering = c, c.waitForRendering().catch((d) => {
2876
- this.error.set(d, void 0);
2877
- }), this._resizeObserver = new ResizeObserver((d) => {
2878
- for (const l of d) {
2879
- const { width: g, height: h } = l.contentRect;
2880
- h > 0 && (this.measuredWidth.set(Math.round(g), void 0), this.measuredHeight.set(Math.round(h), void 0));
3037
+ n.appendChild(t), this._fixtureContainer = t, Qn(t);
3038
+ const s = new De(t, i, { kind: "explorer-ui", interactive: !0 });
3039
+ this._rendering = s, s.waitForRendering().catch((c) => {
3040
+ this.error.set(c, void 0);
3041
+ }), this._resizeObserver = new ResizeObserver((c) => {
3042
+ for (const l of c) {
3043
+ const { width: u, height: g } = l.contentRect;
3044
+ g > 0 && (this.measuredWidth.set(Math.round(u), void 0), this.measuredHeight.set(Math.round(g), void 0));
2881
3045
  }
2882
- }), this._resizeObserver.observe(c.renderTarget);
3046
+ }), this._resizeObserver.observe(s.renderTarget);
2883
3047
  });
2884
3048
  }
2885
3049
  get fixture() {
@@ -2900,43 +3064,43 @@ class Pn extends D({
2900
3064
  this._cleanup();
2901
3065
  }
2902
3066
  }
2903
- const Po = N(
2904
- Pn,
3067
+ const Uo = A(
3068
+ Yn,
2905
3069
  {},
2906
3070
  (r, e) => {
2907
- const o = e.fixture, n = o.component, t = e.measuredWidth.read(r), i = e.measuredHeight.read(r), a = e.error.read(r), c = e.compact, d = t && i ? `${t} × ${i}` : "", l = c ? z.wrapperCompact : z.wrapper, g = c ? z.nameCompact : z.name;
2908
- return /* @__PURE__ */ u("div", { style: l, children: [
2909
- /* @__PURE__ */ u("div", { style: z.labelRow, children: [
2910
- c && /* @__PURE__ */ s(
3071
+ const o = e.fixture, n = o.component, t = e.measuredWidth.read(r), i = e.measuredHeight.read(r), a = e.error.read(r), s = e.compact, c = t && i ? `${t} × ${i}` : "", l = s ? $.wrapperCompact : $.wrapper, u = s ? $.nameCompact : $.name;
3072
+ return /* @__PURE__ */ m("div", { style: l, children: [
3073
+ /* @__PURE__ */ m("div", { style: $.labelRow, children: [
3074
+ s && /* @__PURE__ */ d(
2911
3075
  "a",
2912
3076
  {
2913
- href: Vo("fixture", o.id),
2914
- style: { ...g, textDecoration: "none", color: "inherit" },
2915
- onClick: (h) => {
2916
- e.onSelect && (h.preventDefault(), e.onSelect(o.id));
3077
+ href: Ao("fixture", o.id),
3078
+ style: { ...u, textDecoration: "none", color: "inherit" },
3079
+ onClick: (g) => {
3080
+ e.onSelect && (g.preventDefault(), e.onSelect(o.id));
2917
3081
  },
2918
3082
  children: o.name
2919
3083
  }
2920
3084
  ),
2921
- !c && d && /* @__PURE__ */ s("span", { style: z.dimensions, children: d }),
2922
- /* @__PURE__ */ s(
3085
+ !s && c && /* @__PURE__ */ d("span", { style: $.dimensions, children: c }),
3086
+ /* @__PURE__ */ d(
2923
3087
  "a",
2924
3088
  {
2925
- href: Gn(o.id),
3089
+ href: Kn(o.id),
2926
3090
  target: "_blank",
2927
3091
  rel: "noopener noreferrer",
2928
3092
  title: "Open in embedded mode",
2929
- style: z.embeddedLink,
2930
- children: /* @__PURE__ */ s(qn, {})
3093
+ style: $.embeddedLink,
3094
+ children: /* @__PURE__ */ d(rt, {})
2931
3095
  }
2932
3096
  )
2933
3097
  ] }),
2934
- /* @__PURE__ */ s("div", { ref: e.setCanvasRef, style: Un(n.background), children: /* @__PURE__ */ s("slot", { name: e.slotName }) }),
2935
- a && /* @__PURE__ */ s(Qn, { error: a })
3098
+ /* @__PURE__ */ d("div", { ref: e.setCanvasRef, style: ot(n.background), children: /* @__PURE__ */ d("slot", { name: e.slotName }) }),
3099
+ a && /* @__PURE__ */ d(nt, { error: a })
2936
3100
  ] });
2937
3101
  }
2938
- ), K = 8;
2939
- function Wo(r, e) {
3102
+ ), J = 8;
3103
+ function qo(r, e) {
2940
3104
  return `
2941
3105
  linear-gradient(45deg, ${e} 25%, transparent 25%),
2942
3106
  linear-gradient(-45deg, ${e} 25%, transparent 25%),
@@ -2944,31 +3108,31 @@ function Wo(r, e) {
2944
3108
  linear-gradient(-45deg, transparent 75%, ${e} 75%)
2945
3109
  `;
2946
3110
  }
2947
- const Wn = {
3111
+ const Zn = {
2948
3112
  backgroundColor: "#ffffff",
2949
- backgroundImage: Wo("#ffffff", "#e5e5e5")
2950
- }, jn = {
3113
+ backgroundImage: qo("#ffffff", "#e5e5e5")
3114
+ }, Xn = {
2951
3115
  backgroundColor: "#1e1e1e",
2952
- backgroundImage: Wo("#1e1e1e", "#2d2d2d")
2953
- }, $n = {
3116
+ backgroundImage: qo("#1e1e1e", "#2d2d2d")
3117
+ }, et = {
2954
3118
  display: "inline-block",
2955
3119
  padding: "12px",
2956
3120
  borderRadius: "4px",
2957
- backgroundSize: `${K * 2}px ${K * 2}px`,
2958
- backgroundPosition: `0 0, 0 ${K}px, ${K}px -${K}px, -${K}px 0`,
3121
+ backgroundSize: `${J * 2}px ${J * 2}px`,
3122
+ backgroundPosition: `0 0, 0 ${J}px, ${J}px -${J}px, -${J}px 0`,
2959
3123
  boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)",
2960
3124
  overflow: "hidden",
2961
3125
  position: "relative"
2962
3126
  };
2963
- function Un(r) {
2964
- const e = r === "dark" ? jn : Wn;
3127
+ function ot(r) {
3128
+ const e = r === "dark" ? Xn : Zn;
2965
3129
  return {
2966
- ...$n,
3130
+ ...et,
2967
3131
  backgroundColor: e.backgroundColor,
2968
3132
  backgroundImage: e.backgroundImage
2969
3133
  };
2970
3134
  }
2971
- const z = {
3135
+ const $ = {
2972
3136
  wrapper: {
2973
3137
  marginBottom: "32px"
2974
3138
  },
@@ -3011,24 +3175,24 @@ const z = {
3011
3175
  cursor: "pointer"
3012
3176
  }
3013
3177
  };
3014
- function qn() {
3015
- return /* @__PURE__ */ s("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M1.5 1H6v1H2v12h12v-4h1v4.5l-.5.5h-13l-.5-.5v-13l.5-.5zm8 0H15v5.5l-1-1V3.707L8.357 9.354l-.707-.708L13.293 3H10.5l-1-1z" }) });
3178
+ function rt() {
3179
+ return /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ d("path", { d: "M1.5 1H6v1H2v12h12v-4h1v4.5l-.5.5h-13l-.5-.5v-13l.5-.5zm8 0H15v5.5l-1-1V3.707L8.357 9.354l-.707-.708L13.293 3H10.5l-1-1z" }) });
3016
3180
  }
3017
- function Qn({ error: r }) {
3018
- const [e, o] = ho.useState(!1);
3019
- return /* @__PURE__ */ u("div", { style: ne.container, children: [
3020
- /* @__PURE__ */ u(
3181
+ function nt({ error: r }) {
3182
+ const [e, o] = yo.useState(!1);
3183
+ return /* @__PURE__ */ m("div", { style: ne.container, children: [
3184
+ /* @__PURE__ */ m(
3021
3185
  "button",
3022
3186
  {
3023
3187
  style: ne.header,
3024
3188
  onClick: () => o(!e),
3025
3189
  children: [
3026
- /* @__PURE__ */ s("span", { style: ne.chevron, children: e ? "▼" : "▶" }),
3027
- /* @__PURE__ */ s("span", { style: ne.message, children: r.message })
3190
+ /* @__PURE__ */ d("span", { style: ne.chevron, children: e ? "▼" : "▶" }),
3191
+ /* @__PURE__ */ d("span", { style: ne.message, children: r.message })
3028
3192
  ]
3029
3193
  }
3030
3194
  ),
3031
- e && r.stack && /* @__PURE__ */ s("pre", { style: ne.stack, children: r.stack })
3195
+ e && r.stack && /* @__PURE__ */ d("pre", { style: ne.stack, children: r.stack })
3032
3196
  ] });
3033
3197
  }
3034
3198
  const ne = {
@@ -3076,16 +3240,16 @@ const ne = {
3076
3240
  userSelect: "text"
3077
3241
  }
3078
3242
  };
3079
- class Kn extends D({
3080
- fixtureId: m.const(),
3081
- sessionName: m.const(),
3082
- daemon: m.const()
3243
+ class tt extends N({
3244
+ fixtureId: h.const(),
3245
+ sessionName: h.const(),
3246
+ daemon: h.const()
3083
3247
  }) {
3084
3248
  constructor(o) {
3085
3249
  super(o);
3086
3250
  p(this, "screenshot", B(this, { status: "idle" }));
3087
3251
  p(this, "_fetchVersion", 0);
3088
- this._store.add(Fo((n) => {
3252
+ this._store.add(Ho((n) => {
3089
3253
  this.props.daemon.sourceTreeIds.read(n).get(this.props.sessionName) && this._fetchScreenshot();
3090
3254
  }));
3091
3255
  }
@@ -3103,27 +3267,27 @@ class Kn extends D({
3103
3267
  }
3104
3268
  }
3105
3269
  }
3106
- const to = N(
3107
- Kn,
3270
+ const lo = A(
3271
+ tt,
3108
3272
  {},
3109
3273
  (r, e) => {
3110
3274
  var t;
3111
3275
  const o = e.screenshot.read(r);
3112
3276
  if (o.status === "idle" || o.status === "loading")
3113
- return /* @__PURE__ */ s("div", { style: P.placeholder, children: /* @__PURE__ */ s("div", { style: P.shimmer }) });
3277
+ return /* @__PURE__ */ d("div", { style: W.placeholder, children: /* @__PURE__ */ d("div", { style: W.shimmer }) });
3114
3278
  if (o.status === "error")
3115
- return /* @__PURE__ */ s("div", { style: P.error, children: /* @__PURE__ */ s("span", { style: P.errorText, children: "Screenshot failed" }) });
3279
+ return /* @__PURE__ */ d("div", { style: W.error, children: /* @__PURE__ */ d("span", { style: W.errorText, children: "Screenshot failed" }) });
3116
3280
  const { data: n } = o;
3117
- return n.image ? /* @__PURE__ */ s(
3281
+ return n.image ? /* @__PURE__ */ d(
3118
3282
  "img",
3119
3283
  {
3120
3284
  src: `data:image/png;base64,${n.image}`,
3121
- style: P.image,
3285
+ style: W.image,
3122
3286
  alt: `Screenshot of ${e.fixtureId}`
3123
3287
  }
3124
- ) : /* @__PURE__ */ s("div", { style: P.placeholder, children: /* @__PURE__ */ s("span", { style: P.hashText, children: (t = n.hash) == null ? void 0 : t.slice(0, 12) }) });
3288
+ ) : /* @__PURE__ */ d("div", { style: W.placeholder, children: /* @__PURE__ */ d("span", { style: W.hashText, children: (t = n.hash) == null ? void 0 : t.slice(0, 12) }) });
3125
3289
  }
3126
- ), P = {
3290
+ ), W = {
3127
3291
  placeholder: {
3128
3292
  minHeight: 80,
3129
3293
  display: "flex",
@@ -3166,16 +3330,16 @@ const to = N(
3166
3330
  border: "1px solid var(--component-explorer-panel-border)"
3167
3331
  }
3168
3332
  };
3169
- class Jn extends D({
3170
- fixtureId: m.const(),
3171
- daemon: m.const(),
3172
- baselineSession: m.const(),
3173
- currentSession: m.const()
3333
+ class it extends N({
3334
+ fixtureId: h.const(),
3335
+ daemon: h.const(),
3336
+ baselineSession: h.const(),
3337
+ currentSession: h.const()
3174
3338
  }) {
3175
3339
  constructor(o) {
3176
3340
  super(o);
3177
3341
  p(this, "comparisonStatus", B(this, { status: "loading" }));
3178
- this._store.add(Fo((n) => {
3342
+ this._store.add(Ho((n) => {
3179
3343
  const t = this.props.daemon.sourceTreeIds.read(n), i = t.get(this.props.baselineSession), a = t.get(this.props.currentSession);
3180
3344
  i && a && this._fetchComparison();
3181
3345
  }));
@@ -3206,21 +3370,21 @@ class Jn extends D({
3206
3370
  }
3207
3371
  }
3208
3372
  }
3209
- const Yn = N(
3210
- Jn,
3373
+ const at = A(
3374
+ it,
3211
3375
  {},
3212
3376
  (r, e) => {
3213
- const o = e.comparisonStatus.read(r), n = o.status === "loading" ? /* @__PURE__ */ s("span", { style: E.badgeLoading, children: "comparing..." }) : o.status === "error" ? /* @__PURE__ */ s("span", { style: E.badgeError, children: "error" }) : o.match ? /* @__PURE__ */ s("span", { style: E.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ s("span", { style: E.badgeChanged, children: "● changed" });
3214
- return /* @__PURE__ */ u("div", { style: E.fixtureRow, children: [
3215
- /* @__PURE__ */ u("div", { style: E.fixtureLabel, children: [
3216
- /* @__PURE__ */ s("span", { style: E.fixtureName, children: e.fixtureId }),
3377
+ const o = e.comparisonStatus.read(r), n = o.status === "loading" ? /* @__PURE__ */ d("span", { style: E.badgeLoading, children: "comparing..." }) : o.status === "error" ? /* @__PURE__ */ d("span", { style: E.badgeError, children: "error" }) : o.match ? /* @__PURE__ */ d("span", { style: E.badgeMatch, children: "✓ match" }) : /* @__PURE__ */ d("span", { style: E.badgeChanged, children: "● changed" });
3378
+ return /* @__PURE__ */ m("div", { style: E.fixtureRow, children: [
3379
+ /* @__PURE__ */ m("div", { style: E.fixtureLabel, children: [
3380
+ /* @__PURE__ */ d("span", { style: E.fixtureName, children: e.fixtureId }),
3217
3381
  n
3218
3382
  ] }),
3219
- /* @__PURE__ */ u("div", { style: E.sideBySide, children: [
3220
- /* @__PURE__ */ u("div", { style: E.screenshotColumn, children: [
3221
- /* @__PURE__ */ s("span", { style: E.columnLabel, children: "Current" }),
3222
- /* @__PURE__ */ s(
3223
- to,
3383
+ /* @__PURE__ */ m("div", { style: E.sideBySide, children: [
3384
+ /* @__PURE__ */ m("div", { style: E.screenshotColumn, children: [
3385
+ /* @__PURE__ */ d("span", { style: E.columnLabel, children: "Current" }),
3386
+ /* @__PURE__ */ d(
3387
+ lo,
3224
3388
  {
3225
3389
  fixtureId: e.fixtureId,
3226
3390
  sessionName: e.currentSession,
@@ -3228,10 +3392,10 @@ const Yn = N(
3228
3392
  }
3229
3393
  )
3230
3394
  ] }),
3231
- /* @__PURE__ */ u("div", { style: E.screenshotColumn, children: [
3232
- /* @__PURE__ */ s("span", { style: E.columnLabel, children: "Baseline" }),
3233
- /* @__PURE__ */ s(
3234
- to,
3395
+ /* @__PURE__ */ m("div", { style: E.screenshotColumn, children: [
3396
+ /* @__PURE__ */ d("span", { style: E.columnLabel, children: "Baseline" }),
3397
+ /* @__PURE__ */ d(
3398
+ lo,
3235
3399
  {
3236
3400
  fixtureId: e.fixtureId,
3237
3401
  sessionName: e.baselineSession,
@@ -3242,17 +3406,17 @@ const Yn = N(
3242
3406
  ] })
3243
3407
  ] });
3244
3408
  }
3245
- ), Zn = T(
3409
+ ), ct = H(
3246
3410
  {
3247
- name: m.const(),
3248
- path: m.const(),
3249
- items: m.const(),
3250
- daemon: m.const(),
3251
- baselineSession: m.const(),
3252
- currentSession: m.const()
3411
+ name: h.const(),
3412
+ path: h.const(),
3413
+ items: h.const(),
3414
+ daemon: h.const(),
3415
+ baselineSession: h.const(),
3416
+ currentSession: h.const()
3253
3417
  },
3254
- (r, e) => /* @__PURE__ */ s("div", { style: E.groupContent, children: e.items.map((o) => /* @__PURE__ */ s(
3255
- Yn,
3418
+ (r, e) => /* @__PURE__ */ d("div", { style: E.groupContent, children: e.items.map((o) => /* @__PURE__ */ d(
3419
+ at,
3256
3420
  {
3257
3421
  fixtureId: o.fixtureId,
3258
3422
  daemon: e.daemon,
@@ -3321,8 +3485,8 @@ const Yn = N(
3321
3485
  color: "var(--component-explorer-errorForeground)",
3322
3486
  fontWeight: 500
3323
3487
  }
3324
- }, J = 8;
3325
- function jo(r, e) {
3488
+ }, Y = 8;
3489
+ function Qo(r, e) {
3326
3490
  return `
3327
3491
  linear-gradient(45deg, ${e} 25%, transparent 25%),
3328
3492
  linear-gradient(-45deg, ${e} 25%, transparent 25%),
@@ -3330,48 +3494,48 @@ function jo(r, e) {
3330
3494
  linear-gradient(-45deg, transparent 75%, ${e} 75%)
3331
3495
  `;
3332
3496
  }
3333
- const Xn = {
3497
+ const st = {
3334
3498
  backgroundColor: "#ffffff",
3335
- backgroundImage: jo("#ffffff", "#e5e5e5")
3336
- }, et = {
3499
+ backgroundImage: Qo("#ffffff", "#e5e5e5")
3500
+ }, dt = {
3337
3501
  backgroundColor: "#1e1e1e",
3338
- backgroundImage: jo("#1e1e1e", "#2d2d2d")
3339
- }, ot = {
3502
+ backgroundImage: Qo("#1e1e1e", "#2d2d2d")
3503
+ }, lt = {
3340
3504
  display: "inline-block",
3341
3505
  padding: "12px",
3342
3506
  borderRadius: "4px",
3343
- backgroundSize: `${J * 2}px ${J * 2}px`,
3344
- backgroundPosition: `0 0, 0 ${J}px, ${J}px -${J}px, -${J}px 0`,
3507
+ backgroundSize: `${Y * 2}px ${Y * 2}px`,
3508
+ backgroundPosition: `0 0, 0 ${Y}px, ${Y}px -${Y}px, -${Y}px 0`,
3345
3509
  boxShadow: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)"
3346
3510
  };
3347
- function rt(r) {
3348
- const e = r === "dark" ? et : Xn;
3511
+ function pt(r) {
3512
+ const e = r === "dark" ? dt : st;
3349
3513
  return {
3350
- ...ot,
3514
+ ...lt,
3351
3515
  backgroundColor: e.backgroundColor,
3352
3516
  backgroundImage: e.backgroundImage
3353
3517
  };
3354
3518
  }
3355
- function io({ src: r, alt: e, background: o }) {
3356
- return /* @__PURE__ */ s("div", { style: rt(o), children: /* @__PURE__ */ s("img", { src: r, alt: e, style: F.image }) });
3519
+ function po({ src: r, alt: e, background: o }) {
3520
+ return /* @__PURE__ */ d("div", { style: pt(o), children: /* @__PURE__ */ d("img", { src: r, alt: e, style: F.image }) });
3357
3521
  }
3358
- const nt = T(
3522
+ const ut = H(
3359
3523
  {
3360
- item: m.const(),
3361
- reportModel: m.const()
3524
+ item: h.const(),
3525
+ reportModel: h.const()
3362
3526
  },
3363
3527
  (r, e) => {
3364
- const { item: o, reportModel: n } = e, { entry: t } = o, i = t.background ?? "light", a = t.status === "unchanged" ? /* @__PURE__ */ s("span", { style: F.badgeMatch, children: "✓ match" }) : t.status === "changed" ? /* @__PURE__ */ s("span", { style: F.badgeChanged, children: "● changed" }) : /* @__PURE__ */ s("span", { style: F.badgeAdded, children: "+ added" }), c = t.baselineScreenshot || t.currentScreenshot;
3365
- return /* @__PURE__ */ u("div", { style: F.fixtureRow, children: [
3366
- /* @__PURE__ */ u("div", { style: F.fixtureLabel, children: [
3367
- /* @__PURE__ */ s("span", { style: F.fixtureName, children: o.fixtureId }),
3528
+ const { item: o, reportModel: n } = e, { entry: t } = o, i = t.background ?? "light", a = t.status === "unchanged" ? /* @__PURE__ */ d("span", { style: F.badgeMatch, children: "✓ match" }) : t.status === "changed" ? /* @__PURE__ */ d("span", { style: F.badgeChanged, children: "● changed" }) : /* @__PURE__ */ d("span", { style: F.badgeAdded, children: "+ added" }), s = t.baselineScreenshot || t.currentScreenshot;
3529
+ return /* @__PURE__ */ m("div", { style: F.fixtureRow, children: [
3530
+ /* @__PURE__ */ m("div", { style: F.fixtureLabel, children: [
3531
+ /* @__PURE__ */ d("span", { style: F.fixtureName, children: o.fixtureId }),
3368
3532
  a
3369
3533
  ] }),
3370
- c && /* @__PURE__ */ u("div", { style: F.sideBySide, children: [
3371
- t.baselineScreenshot && /* @__PURE__ */ u("div", { style: F.screenshotColumn, children: [
3372
- /* @__PURE__ */ s("span", { style: F.columnLabel, children: "Baseline" }),
3373
- /* @__PURE__ */ s(
3374
- io,
3534
+ s && /* @__PURE__ */ m("div", { style: F.sideBySide, children: [
3535
+ t.baselineScreenshot && /* @__PURE__ */ m("div", { style: F.screenshotColumn, children: [
3536
+ /* @__PURE__ */ d("span", { style: F.columnLabel, children: "Baseline" }),
3537
+ /* @__PURE__ */ d(
3538
+ po,
3375
3539
  {
3376
3540
  src: n.resolveScreenshotUrl(t.baselineScreenshot),
3377
3541
  alt: `Baseline screenshot of ${o.fixtureId}`,
@@ -3379,10 +3543,10 @@ const nt = T(
3379
3543
  }
3380
3544
  )
3381
3545
  ] }),
3382
- t.currentScreenshot && /* @__PURE__ */ u("div", { style: F.screenshotColumn, children: [
3383
- /* @__PURE__ */ s("span", { style: F.columnLabel, children: "Current" }),
3384
- /* @__PURE__ */ s(
3385
- io,
3546
+ t.currentScreenshot && /* @__PURE__ */ m("div", { style: F.screenshotColumn, children: [
3547
+ /* @__PURE__ */ d("span", { style: F.columnLabel, children: "Current" }),
3548
+ /* @__PURE__ */ d(
3549
+ po,
3386
3550
  {
3387
3551
  src: n.resolveScreenshotUrl(t.currentScreenshot),
3388
3552
  alt: `Current screenshot of ${o.fixtureId}`,
@@ -3391,21 +3555,21 @@ const nt = T(
3391
3555
  )
3392
3556
  ] })
3393
3557
  ] }),
3394
- !c && t.status === "unchanged" && /* @__PURE__ */ s("div", { style: F.hashRow, children: /* @__PURE__ */ u("span", { style: F.hashText, children: [
3558
+ !s && t.status === "unchanged" && /* @__PURE__ */ d("div", { style: F.hashRow, children: /* @__PURE__ */ m("span", { style: F.hashText, children: [
3395
3559
  "hash: ",
3396
3560
  t.targetHash
3397
3561
  ] }) })
3398
3562
  ] });
3399
3563
  }
3400
- ), tt = T(
3564
+ ), gt = H(
3401
3565
  {
3402
- name: m.const(),
3403
- path: m.const(),
3404
- items: m.const(),
3405
- reportModel: m.const()
3566
+ name: h.const(),
3567
+ path: h.const(),
3568
+ items: h.const(),
3569
+ reportModel: h.const()
3406
3570
  },
3407
- (r, e) => /* @__PURE__ */ s("div", { style: F.groupContent, children: e.items.map((o) => /* @__PURE__ */ s(
3408
- nt,
3571
+ (r, e) => /* @__PURE__ */ d("div", { style: F.groupContent, children: e.items.map((o) => /* @__PURE__ */ d(
3572
+ ut,
3409
3573
  {
3410
3574
  item: o,
3411
3575
  reportModel: e.reportModel
@@ -3476,37 +3640,37 @@ const nt = T(
3476
3640
  color: "var(--component-explorer-testing-iconQueued)",
3477
3641
  fontWeight: 500
3478
3642
  }
3479
- }, it = 280, at = 32, le = 32, ao = 400;
3480
- const $o = "component-explorer:scrollAnchors", co = 100;
3481
- function Uo() {
3643
+ }, mt = 280, ht = 32, le = 32, uo = 400;
3644
+ const Ko = "component-explorer:scrollAnchors", go = 100;
3645
+ function Jo() {
3482
3646
  try {
3483
- const r = localStorage.getItem($o);
3647
+ const r = localStorage.getItem(Ko);
3484
3648
  if (r) return JSON.parse(r);
3485
3649
  } catch {
3486
3650
  }
3487
3651
  return {};
3488
3652
  }
3489
- function ct(r, e) {
3653
+ function ft(r, e) {
3490
3654
  try {
3491
- const o = Uo();
3655
+ const o = Jo();
3492
3656
  o[r] = e;
3493
- const n = Object.entries(o), t = n.length > co ? Object.fromEntries(n.slice(-co)) : o;
3494
- localStorage.setItem($o, JSON.stringify(t));
3657
+ const n = Object.entries(o), t = n.length > go ? Object.fromEntries(n.slice(-go)) : o;
3658
+ localStorage.setItem(Ko, JSON.stringify(t));
3495
3659
  } catch {
3496
3660
  }
3497
3661
  }
3498
- function st(r) {
3499
- return Uo()[r];
3662
+ function xt(r) {
3663
+ return Jo()[r];
3500
3664
  }
3501
- function qo(r) {
3665
+ function Yo(r) {
3502
3666
  return r.type === "single" ? r.fixture.id : r.id;
3503
3667
  }
3504
- function dt(r, e) {
3668
+ function bt(r, e) {
3505
3669
  const o = new Array(r.length);
3506
3670
  let n = le;
3507
3671
  for (let t = 0; t < r.length; t++) {
3508
- const i = e.get(qo(r[t])) ?? it;
3509
- o[t] = { top: n, height: i }, n += i + at;
3672
+ const i = e.get(Yo(r[t])) ?? mt;
3673
+ o[t] = { top: n, height: i }, n += i + ht;
3510
3674
  }
3511
3675
  return o;
3512
3676
  }
@@ -3515,7 +3679,7 @@ function _e(r) {
3515
3679
  const e = r[r.length - 1];
3516
3680
  return e.top + e.height + le;
3517
3681
  }
3518
- function Qo(r, e) {
3682
+ function Zo(r, e) {
3519
3683
  let o = 0, n = r.length;
3520
3684
  for (; o < n; ) {
3521
3685
  const t = o + n >> 1;
@@ -3523,51 +3687,51 @@ function Qo(r, e) {
3523
3687
  }
3524
3688
  return o;
3525
3689
  }
3526
- function lt(r, e, o) {
3690
+ function vt(r, e, o) {
3527
3691
  if (r.length === 0) return { start: 0, end: 0 };
3528
- const n = Qo(r, e - ao);
3692
+ const n = Zo(r, e - uo);
3529
3693
  let t = n;
3530
- const i = e + o + ao;
3694
+ const i = e + o + uo;
3531
3695
  for (; t < r.length && r[t].top < i; )
3532
3696
  t++;
3533
3697
  return { start: n, end: t };
3534
3698
  }
3535
- function so(r, e) {
3699
+ function mo(r, e) {
3536
3700
  if (r.length === 0) return;
3537
- const o = Qo(r, e), n = Math.min(o, r.length - 1);
3701
+ const o = Zo(r, e), n = Math.min(o, r.length - 1);
3538
3702
  return {
3539
3703
  rowIndex: n,
3540
3704
  offsetFromViewport: r[n].top - e
3541
3705
  };
3542
3706
  }
3543
- function lo(r, e) {
3707
+ function ho(r, e) {
3544
3708
  return e.rowIndex >= r.length ? 0 : r[e.rowIndex].top - e.offsetFromViewport;
3545
3709
  }
3546
- function po(r) {
3710
+ function fo(r) {
3547
3711
  return r.type === "single" ? r.fixture.path : r.path;
3548
3712
  }
3549
- function go(r) {
3713
+ function xo(r) {
3550
3714
  return r.split(" / ").slice(1);
3551
3715
  }
3552
- function pt(r, e, o) {
3716
+ function kt(r, e, o) {
3553
3717
  const n = o.split("/"), t = n.length - r.length;
3554
3718
  for (let i = 0; i < r.length; i++)
3555
3719
  if (!e || i >= e.length || r[i] !== e[i])
3556
- return r.slice(i).map((a, c) => ({
3557
- depth: i + c,
3720
+ return r.slice(i).map((a, s) => ({
3721
+ depth: i + s,
3558
3722
  name: a,
3559
- nodeId: n.slice(0, t + i + c + 1).join("/")
3723
+ nodeId: n.slice(0, t + i + s + 1).join("/")
3560
3724
  }));
3561
3725
  return [];
3562
3726
  }
3563
- const uo = ["h1", "h2", "h3", "h4"];
3564
- function gt(r) {
3565
- return uo[Math.min(r, uo.length - 1)];
3727
+ const bo = ["h1", "h2", "h3", "h4"];
3728
+ function yt(r) {
3729
+ return bo[Math.min(r, bo.length - 1)];
3566
3730
  }
3567
- const mo = ["22px", "15px", "13px", "12px"];
3568
- function ut(r) {
3731
+ const vo = ["22px", "15px", "13px", "12px"];
3732
+ function wt(r) {
3569
3733
  return {
3570
- fontSize: mo[Math.min(r, mo.length - 1)],
3734
+ fontSize: vo[Math.min(r, vo.length - 1)],
3571
3735
  fontWeight: r <= 1 ? 600 : 500,
3572
3736
  color: "var(--component-explorer-foreground)",
3573
3737
  margin: 0,
@@ -3576,12 +3740,12 @@ function ut(r) {
3576
3740
  borderBottom: r === 0 ? "1px solid var(--component-explorer-widget-border, var(--component-explorer-panel-border, rgba(128,128,128,0.35)))" : void 0
3577
3741
  };
3578
3742
  }
3579
- class mt extends D({
3580
- model: m.const()
3743
+ class Bt extends N({
3744
+ model: h.const()
3581
3745
  }) {
3582
3746
  constructor() {
3583
3747
  super(...arguments);
3584
- p(this, "_rowHeights", B(this, En()));
3748
+ p(this, "_rowHeights", B(this, Nn()));
3585
3749
  p(this, "_scrollTop", B(this, 0));
3586
3750
  p(this, "_viewportHeight", B(this, 0));
3587
3751
  p(this, "_scrollContainerRef", null);
@@ -3592,11 +3756,11 @@ class mt extends D({
3592
3756
  p(this, "_suppressScrollHandler", !1);
3593
3757
  p(this, "layout", I(this, (o) => {
3594
3758
  const n = this.explorerModel.selectedFixtures.read(o), t = this._rowHeights.read(o);
3595
- return dt(n, t);
3759
+ return bt(n, t);
3596
3760
  }));
3597
3761
  p(this, "visibleRowRange", I(this, (o) => {
3598
3762
  const n = this.layout.read(o), t = this._scrollTop.read(o), i = this._viewportHeight.read(o);
3599
- return lt(n, t, i);
3763
+ return vt(n, t, i);
3600
3764
  }));
3601
3765
  p(this, "setScrollContainerRef", (o) => {
3602
3766
  var n;
@@ -3614,28 +3778,28 @@ class mt extends D({
3614
3778
  }
3615
3779
  this._scrollSaveTimeout && clearTimeout(this._scrollSaveTimeout), this._scrollSaveTimeout = setTimeout(() => {
3616
3780
  if (!this._currentNodeId) return;
3617
- const i = this.layout.get(), a = so(i, this._scrollTop.get());
3618
- a && ct(this._currentNodeId, a);
3781
+ const i = this.layout.get(), a = mo(i, this._scrollTop.get());
3782
+ a && ft(this._currentNodeId, a);
3619
3783
  }, 150);
3620
3784
  });
3621
3785
  p(this, "observeRowElement", (o, n) => {
3622
3786
  o && (this._resizeObserver || (this._resizeObserver = new ResizeObserver((t) => {
3623
3787
  const i = this._rowHeights.get();
3624
3788
  let a;
3625
- const c = [];
3626
- for (const d of t) {
3627
- const l = d.target.getAttribute("data-row-id");
3789
+ const s = [];
3790
+ for (const c of t) {
3791
+ const l = c.target.getAttribute("data-row-id");
3628
3792
  if (!l) continue;
3629
- const g = Math.round(d.contentRect.height);
3630
- g > 0 && i.get(l) !== g && (c.push({ rid: l, oldH: i.get(l), newH: g }), a || (a = new Map(i)), a.set(l, g), In(l, g));
3793
+ const u = Math.round(c.contentRect.height);
3794
+ u > 0 && i.get(l) !== u && (s.push({ rid: l, oldH: i.get(l), newH: u }), a || (a = new Map(i)), a.set(l, u), Dn(l, u));
3631
3795
  }
3632
3796
  if (a) {
3633
- const d = this.layout.get(), l = this._scrollTop.get(), g = so(d, l);
3797
+ const c = this.layout.get(), l = this._scrollTop.get(), u = mo(c, l);
3634
3798
  this._rowHeights.set(a, void 0);
3635
- const h = this.layout.get();
3636
- if (g && this._scrollContainerRef) {
3637
- const f = lo(h, g), b = f - l;
3638
- Math.abs(b) > 2 && (_e(d), _e(h), void 0), this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = f, this._scrollTop.set(f, void 0), requestAnimationFrame(() => {
3799
+ const g = this.layout.get();
3800
+ if (u && this._scrollContainerRef) {
3801
+ const f = ho(g, u), b = f - l;
3802
+ Math.abs(b) > 2 && (_e(c), _e(g), void 0), this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = f, this._scrollTop.set(f, void 0), requestAnimationFrame(() => {
3639
3803
  this._suppressScrollHandler = !1;
3640
3804
  });
3641
3805
  }
@@ -3665,12 +3829,12 @@ class mt extends D({
3665
3829
  }
3666
3830
  _restoreScrollPosition() {
3667
3831
  if (!this._scrollContainerRef || !this._currentNodeId) return;
3668
- const o = st(this._currentNodeId);
3832
+ const o = xt(this._currentNodeId);
3669
3833
  if (!o) {
3670
3834
  this._currentNodeId;
3671
3835
  return;
3672
3836
  }
3673
- const n = this.layout.get(), t = lo(n, o);
3837
+ const n = this.layout.get(), t = ho(n, o);
3674
3838
  this._scrollContainerRef.scrollTop, this._currentNodeId, n.length, this._suppressScrollHandler = !0, this._scrollContainerRef.scrollTop = t, this._scrollTop.set(t, void 0), requestAnimationFrame(() => {
3675
3839
  this._suppressScrollHandler = !1;
3676
3840
  });
@@ -3680,40 +3844,40 @@ class mt extends D({
3680
3844
  (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);
3681
3845
  }
3682
3846
  }
3683
- const ft = N(
3684
- mt,
3847
+ const _t = A(
3848
+ Bt,
3685
3849
  {},
3686
3850
  (r, e) => {
3687
3851
  const o = e.explorerModel.selectedFixtures.read(r), n = e.explorerModel.selectedNodeId.read(r), t = e.layout.read(r), { start: i, end: a } = e.visibleRowRange.read(r);
3688
3852
  if (e.updateForSelection(n), o.length === 0) {
3689
- const d = e.explorerModel.reportModel;
3690
- if (d) {
3691
- const l = d.state.read(r);
3853
+ const c = e.explorerModel.reportModel;
3854
+ if (c) {
3855
+ const l = c.state.read(r);
3692
3856
  if (l.status === "loading")
3693
- return /* @__PURE__ */ s("div", { style: L.emptyState, children: /* @__PURE__ */ s("span", { style: L.emptyText, children: "Loading report..." }) });
3857
+ return /* @__PURE__ */ d("div", { style: L.emptyState, children: /* @__PURE__ */ d("span", { style: L.emptyText, children: "Loading report..." }) });
3694
3858
  if (l.status === "error")
3695
- return /* @__PURE__ */ s("div", { style: L.emptyState, children: /* @__PURE__ */ u("span", { style: { ...L.emptyText, color: "var(--component-explorer-errorForeground)" }, children: [
3859
+ return /* @__PURE__ */ d("div", { style: L.emptyState, children: /* @__PURE__ */ m("span", { style: { ...L.emptyText, color: "var(--component-explorer-errorForeground)" }, children: [
3696
3860
  "Failed to load report: ",
3697
3861
  l.message
3698
3862
  ] }) });
3699
3863
  }
3700
- return /* @__PURE__ */ s("div", { style: L.emptyState, children: /* @__PURE__ */ s("span", { style: L.emptyText, children: "Select a component or folder to preview" }) });
3864
+ return /* @__PURE__ */ d("div", { style: L.emptyState, children: /* @__PURE__ */ d("span", { style: L.emptyText, children: "Select a component or folder to preview" }) });
3701
3865
  }
3702
- const c = _e(t);
3703
- return /* @__PURE__ */ s("div", { ref: e.setScrollContainerRef, style: L.scrollContainer, children: /* @__PURE__ */ s("div", { style: { position: "relative", height: c }, children: o.slice(i, a).map((d, l) => {
3704
- const g = i + l, { top: h } = t[g], f = qo(d), b = go(po(d)), C = g > 0 ? go(po(o[g - 1])) : void 0, y = pt(b, C, f);
3705
- return /* @__PURE__ */ u(
3866
+ const s = _e(t);
3867
+ return /* @__PURE__ */ d("div", { ref: e.setScrollContainerRef, style: L.scrollContainer, children: /* @__PURE__ */ d("div", { style: { position: "relative", height: s }, children: o.slice(i, a).map((c, l) => {
3868
+ const u = i + l, { top: g } = t[u], f = Yo(c), b = xo(fo(c)), C = u > 0 ? xo(fo(o[u - 1])) : void 0, y = kt(b, C, f);
3869
+ return /* @__PURE__ */ m(
3706
3870
  "div",
3707
3871
  {
3708
3872
  ref: (v) => e.observeRowElement(v, f),
3709
- style: { position: "absolute", top: h, left: le, right: le },
3873
+ style: { position: "absolute", top: g, left: le, right: le },
3710
3874
  children: [
3711
3875
  y.map((v) => {
3712
- const _ = gt(v.depth);
3713
- return /* @__PURE__ */ s(_, { style: ut(v.depth), children: /* @__PURE__ */ s(
3876
+ const _ = yt(v.depth);
3877
+ return /* @__PURE__ */ d(_, { style: wt(v.depth), children: /* @__PURE__ */ d(
3714
3878
  "a",
3715
3879
  {
3716
- href: Vo("fixture", v.nodeId),
3880
+ href: Ao("fixture", v.nodeId),
3717
3881
  style: L.headingLink,
3718
3882
  onClick: (w) => {
3719
3883
  w.preventDefault(), e.explorerModel.selectNode(v.nodeId);
@@ -3722,22 +3886,22 @@ const ft = N(
3722
3886
  }
3723
3887
  ) }, v.depth);
3724
3888
  }),
3725
- d.type === "single" ? /* @__PURE__ */ s(Po, { fixture: d.fixture, compact: !1, onSelect: e.explorerModel.selectNode }) : d.type === "variants" ? /* @__PURE__ */ s(ht, { row: d, onSelect: e.explorerModel.selectNode }) : d.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ s(
3726
- Zn,
3889
+ c.type === "single" ? /* @__PURE__ */ d(Uo, { fixture: c.fixture, compact: !1, onSelect: e.explorerModel.selectNode }) : c.type === "variants" ? /* @__PURE__ */ d(Ct, { row: c, onSelect: e.explorerModel.selectNode }) : c.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ d(
3890
+ ct,
3727
3891
  {
3728
- name: d.name,
3729
- path: d.path,
3730
- items: d.items,
3892
+ name: c.name,
3893
+ path: c.path,
3894
+ items: c.items,
3731
3895
  daemon: e.explorerModel.daemon,
3732
3896
  baselineSession: e.baselineSessionName,
3733
3897
  currentSession: e.currentSessionName
3734
3898
  }
3735
- ) : d.type === "report-comparison" && e.explorerModel.reportModel ? /* @__PURE__ */ s(
3736
- tt,
3899
+ ) : c.type === "report-comparison" && e.explorerModel.reportModel ? /* @__PURE__ */ d(
3900
+ gt,
3737
3901
  {
3738
- name: d.name,
3739
- path: d.path,
3740
- items: d.items,
3902
+ name: c.name,
3903
+ path: c.path,
3904
+ items: c.items,
3741
3905
  reportModel: e.explorerModel.reportModel
3742
3906
  }
3743
3907
  ) : null
@@ -3747,14 +3911,14 @@ const ft = N(
3747
3911
  );
3748
3912
  }) }) });
3749
3913
  }
3750
- ), ht = T(
3914
+ ), Ct = H(
3751
3915
  {
3752
- row: m.const(),
3753
- onSelect: m.const()
3916
+ row: h.const(),
3917
+ onSelect: h.const()
3754
3918
  },
3755
3919
  (r, e) => {
3756
3920
  const o = e.row;
3757
- return /* @__PURE__ */ s("div", { style: L.variantsContent, children: o.fixtures.map((n) => /* @__PURE__ */ s(Po, { fixture: n, compact: !0, onSelect: e.onSelect }, n.id)) });
3921
+ return /* @__PURE__ */ d("div", { style: L.variantsContent, children: o.fixtures.map((n) => /* @__PURE__ */ d(Uo, { fixture: n, compact: !0, onSelect: e.onSelect }, n.id)) });
3758
3922
  }
3759
3923
  ), L = {
3760
3924
  scrollContainer: {
@@ -3784,8 +3948,8 @@ const ft = N(
3784
3948
  color: "inherit"
3785
3949
  }
3786
3950
  };
3787
- class xt extends D({
3788
- store: m.const()
3951
+ class St extends N({
3952
+ store: h.const()
3789
3953
  }) {
3790
3954
  constructor() {
3791
3955
  super(...arguments);
@@ -3801,28 +3965,28 @@ class xt extends D({
3801
3965
  this.store.clear();
3802
3966
  }
3803
3967
  }
3804
- const bt = N(
3805
- xt,
3806
- { store: m.const() },
3968
+ const Ft = A(
3969
+ St,
3970
+ { store: h.const() },
3807
3971
  (r, e) => {
3808
3972
  const o = e.store, n = o.events.read(r), t = o.errorCount.read(r), i = e.expanded.read(r);
3809
- return n.length === 0 ? null : /* @__PURE__ */ u("div", { style: A.container, children: [
3810
- /* @__PURE__ */ u(
3973
+ return n.length === 0 ? null : /* @__PURE__ */ m("div", { style: G.container, children: [
3974
+ /* @__PURE__ */ m(
3811
3975
  "button",
3812
3976
  {
3813
- style: A.header,
3977
+ style: G.header,
3814
3978
  onClick: () => e.toggleExpanded(),
3815
3979
  children: [
3816
- /* @__PURE__ */ u("span", { style: A.headerLeft, children: [
3817
- /* @__PURE__ */ s("span", { style: A.chevron, children: i ? "▼" : "▶" }),
3818
- /* @__PURE__ */ s("span", { children: "Console" }),
3819
- t > 0 && /* @__PURE__ */ s("span", { style: A.errorBadge, children: t }),
3820
- n.length > t && /* @__PURE__ */ s("span", { style: A.warnBadge, children: n.length - t })
3980
+ /* @__PURE__ */ m("span", { style: G.headerLeft, children: [
3981
+ /* @__PURE__ */ d("span", { style: G.chevron, children: i ? "▼" : "▶" }),
3982
+ /* @__PURE__ */ d("span", { children: "Console" }),
3983
+ t > 0 && /* @__PURE__ */ d("span", { style: G.errorBadge, children: t }),
3984
+ n.length > t && /* @__PURE__ */ d("span", { style: G.warnBadge, children: n.length - t })
3821
3985
  ] }),
3822
- /* @__PURE__ */ s(
3986
+ /* @__PURE__ */ d(
3823
3987
  "button",
3824
3988
  {
3825
- style: A.clearButton,
3989
+ style: G.clearButton,
3826
3990
  onClick: (a) => {
3827
3991
  a.stopPropagation(), e.clear();
3828
3992
  },
@@ -3833,41 +3997,41 @@ const bt = N(
3833
3997
  ]
3834
3998
  }
3835
3999
  ),
3836
- i && /* @__PURE__ */ s("div", { style: A.content, children: n.map((a) => /* @__PURE__ */ s(vt, { event: a }, a.id)) })
4000
+ i && /* @__PURE__ */ d("div", { style: G.content, children: n.map((a) => /* @__PURE__ */ d(It, { event: a }, a.id)) })
3837
4001
  ] });
3838
4002
  }
3839
4003
  );
3840
- function vt({ event: r }) {
3841
- const [e, o] = ho.useState(!1), n = r.type === "console.error" || r.type === "window.error" || r.type === "window.unhandledrejection", t = r.type === "console.warn", a = new Date(r.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" });
3842
- return /* @__PURE__ */ u(
4004
+ function It({ event: r }) {
4005
+ const [e, o] = yo.useState(!1), n = r.type === "console.error" || r.type === "window.error" || r.type === "window.unhandledrejection", t = r.type === "console.warn", a = new Date(r.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" });
4006
+ return /* @__PURE__ */ m(
3843
4007
  "div",
3844
4008
  {
3845
4009
  style: {
3846
- ...Y.container,
4010
+ ...Z.container,
3847
4011
  backgroundColor: n ? "rgba(255, 80, 80, 0.1)" : t ? "rgba(255, 200, 0, 0.1)" : "transparent",
3848
4012
  borderLeft: `3px solid ${n ? "#f55" : t ? "#fc0" : "transparent"}`
3849
4013
  },
3850
4014
  children: [
3851
- /* @__PURE__ */ s("span", { style: Y.time, children: a }),
3852
- /* @__PURE__ */ s("span", { style: { ...Y.type, color: n ? "#f77" : t ? "#fc0" : "#888" }, children: r.type.replace("window.", "").replace("console.", "") }),
3853
- /* @__PURE__ */ u("span", { style: Y.message, children: [
4015
+ /* @__PURE__ */ d("span", { style: Z.time, children: a }),
4016
+ /* @__PURE__ */ d("span", { style: { ...Z.type, color: n ? "#f77" : t ? "#fc0" : "#888" }, children: r.type.replace("window.", "").replace("console.", "") }),
4017
+ /* @__PURE__ */ m("span", { style: Z.message, children: [
3854
4018
  r.message,
3855
- r.stack && /* @__PURE__ */ s(
4019
+ r.stack && /* @__PURE__ */ d(
3856
4020
  "span",
3857
4021
  {
3858
- style: Y.stackIndicator,
4022
+ style: Z.stackIndicator,
3859
4023
  onClick: () => o(!e),
3860
4024
  title: "Toggle stack trace",
3861
4025
  children: e ? " ▴" : " ▾"
3862
4026
  }
3863
4027
  )
3864
4028
  ] }),
3865
- e && r.stack && /* @__PURE__ */ s("pre", { style: Y.stack, children: r.stack })
4029
+ e && r.stack && /* @__PURE__ */ d("pre", { style: Z.stack, children: r.stack })
3866
4030
  ]
3867
4031
  }
3868
4032
  );
3869
4033
  }
3870
- const A = {
4034
+ const G = {
3871
4035
  container: {
3872
4036
  borderTop: "1px solid var(--component-explorer-panel-border)",
3873
4037
  backgroundColor: "var(--component-explorer-editor-background)",
@@ -3932,7 +4096,7 @@ const A = {
3932
4096
  userSelect: "text",
3933
4097
  cursor: "text"
3934
4098
  }
3935
- }, Y = {
4099
+ }, Z = {
3936
4100
  container: {
3937
4101
  display: "grid",
3938
4102
  gridTemplateColumns: "auto auto 1fr",
@@ -3972,9 +4136,9 @@ const A = {
3972
4136
  wordBreak: "break-word",
3973
4137
  lineHeight: 1.4
3974
4138
  }
3975
- }, Ko = de.getInstance();
3976
- Ko.install();
3977
- const fo = {
4139
+ }, Xo = de.getInstance();
4140
+ Xo.install();
4141
+ const ko = {
3978
4142
  display: "flex",
3979
4143
  flexDirection: "column",
3980
4144
  alignItems: "center",
@@ -3985,44 +4149,44 @@ const fo = {
3985
4149
  color: "var(--component-explorer-foreground)",
3986
4150
  opacity: 0.5,
3987
4151
  fontSize: "13px"
3988
- }, kt = {
4152
+ }, Et = {
3989
4153
  width: "24px",
3990
4154
  height: "24px",
3991
4155
  border: "2px solid currentColor",
3992
4156
  borderTopColor: "transparent",
3993
4157
  borderRadius: "50%",
3994
4158
  animation: "explorer-spin 0.8s linear infinite"
3995
- }, yt = N(
3996
- Zr,
3997
- { daemonModel: m.const(), reportModel: m.const() },
4159
+ }, Rt = A(
4160
+ sn,
4161
+ { daemonModel: h.const(), reportModel: h.const() },
3998
4162
  (r, e) => {
3999
4163
  const o = e.isDarkTheme.read(r), n = e.loading.read(r), t = e.error.read(r), i = o ? "vscode-theme default-dark-plus" : "vscode-theme default-light-plus";
4000
4164
  if (t)
4001
- return /* @__PURE__ */ s("div", { className: i, style: { ...x.container, backgroundColor: "var(--component-explorer-editor-background)" }, children: /* @__PURE__ */ u("div", { style: { ...fo, userSelect: "text", cursor: "text" }, children: [
4002
- /* @__PURE__ */ s("span", { style: { color: "var(--component-explorer-errorForeground)" }, children: "Failed to load fixtures" }),
4003
- /* @__PURE__ */ s("pre", { style: { fontSize: "12px", opacity: 0.7, whiteSpace: "pre-wrap", wordBreak: "break-word", margin: 0, fontFamily: "inherit" }, children: t })
4165
+ return /* @__PURE__ */ d("div", { className: i, style: { ...x.container, backgroundColor: "var(--component-explorer-editor-background)" }, children: /* @__PURE__ */ m("div", { style: { ...ko, userSelect: "text", cursor: "text" }, children: [
4166
+ /* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-errorForeground)" }, children: "Failed to load fixtures" }),
4167
+ /* @__PURE__ */ d("pre", { style: { fontSize: "12px", opacity: 0.7, whiteSpace: "pre-wrap", wordBreak: "break-word", margin: 0, fontFamily: "inherit" }, children: t })
4004
4168
  ] }) });
4005
4169
  if (n)
4006
- return /* @__PURE__ */ u("div", { className: i, style: { ...x.container, backgroundColor: "var(--component-explorer-editor-background)" }, children: [
4007
- /* @__PURE__ */ s("style", { children: "@keyframes explorer-spin { to { transform: rotate(360deg); } }" }),
4008
- /* @__PURE__ */ u("div", { style: fo, children: [
4009
- /* @__PURE__ */ s("div", { style: kt }),
4170
+ return /* @__PURE__ */ m("div", { className: i, style: { ...x.container, backgroundColor: "var(--component-explorer-editor-background)" }, children: [
4171
+ /* @__PURE__ */ d("style", { children: "@keyframes explorer-spin { to { transform: rotate(360deg); } }" }),
4172
+ /* @__PURE__ */ m("div", { style: ko, children: [
4173
+ /* @__PURE__ */ d("div", { style: Et }),
4010
4174
  "Loading fixtures…"
4011
4175
  ] })
4012
4176
  ] });
4013
- const a = e.leftSidebarVisible.read(r), c = e.rightSidebarVisible.read(r), d = e.selectedNode.read(r);
4014
- return /* @__PURE__ */ u("div", { className: i, style: x.container, children: [
4015
- a && /* @__PURE__ */ s(kn, { model: e }),
4016
- /* @__PURE__ */ u("div", { style: x.centerArea, children: [
4017
- /* @__PURE__ */ s(ln, { model: e }),
4018
- /* @__PURE__ */ s(ft, { model: e }),
4019
- /* @__PURE__ */ s(bt, { store: Ko })
4177
+ const a = e.leftSidebarVisible.read(r), s = e.rightSidebarVisible.read(r), c = e.selectedNode.read(r);
4178
+ return /* @__PURE__ */ m("div", { className: i, style: x.container, children: [
4179
+ a && /* @__PURE__ */ d(En, { model: e }),
4180
+ /* @__PURE__ */ m("div", { style: x.centerArea, children: [
4181
+ /* @__PURE__ */ d(vn, { model: e }),
4182
+ /* @__PURE__ */ d(_t, { model: e }),
4183
+ /* @__PURE__ */ d(Ft, { store: Xo })
4020
4184
  ] }),
4021
- c && /* @__PURE__ */ s(_n, { selectedNode: d })
4185
+ s && /* @__PURE__ */ d(Mn, { selectedNode: c })
4022
4186
  ] });
4023
4187
  }
4024
4188
  );
4025
- var wt = class Ce {
4189
+ var Ht = class Ce {
4026
4190
  constructor(e) {
4027
4191
  p(this, "iterator");
4028
4192
  this.iterator = e;
@@ -4036,14 +4200,14 @@ var wt = class Ce {
4036
4200
  [Symbol.asyncIterator]() {
4037
4201
  return this.iterator;
4038
4202
  }
4039
- }, Bt = class extends Error {
4203
+ }, Tt = class extends Error {
4040
4204
  constructor(e, o, n) {
4041
4205
  super(n);
4042
4206
  p(this, "statusCode");
4043
4207
  p(this, "method");
4044
4208
  this.statusCode = e, this.method = o, this.name = "ApiError";
4045
4209
  }
4046
- }, _t = class {
4210
+ }, Mt = class {
4047
4211
  constructor(r) {
4048
4212
  p(this, "_request");
4049
4213
  p(this, "methods", this._createProxy(""));
@@ -4060,55 +4224,55 @@ var wt = class Ce {
4060
4224
  });
4061
4225
  }
4062
4226
  };
4063
- function Ct(r, e) {
4064
- return new _t(async (o, n) => {
4065
- var c, d;
4227
+ function Ot(r, e) {
4228
+ return new Mt(async (o, n) => {
4229
+ var s, c;
4066
4230
  const t = await fetch(`${r}/${o}`, {
4067
4231
  method: "POST",
4068
4232
  headers: {
4069
4233
  "Content-Type": "application/json",
4070
- ...(c = e == null ? void 0 : e.getHeaders) == null ? void 0 : c.call(e)
4234
+ ...(s = e == null ? void 0 : e.getHeaders) == null ? void 0 : s.call(e)
4071
4235
  },
4072
4236
  body: JSON.stringify(n)
4073
4237
  });
4074
4238
  if (t.status !== 200) {
4075
4239
  const l = await t.json().catch(() => null);
4076
- let g;
4240
+ let u;
4077
4241
  if (l && typeof l == "object" && ("errorMessage" in l || "error" in l)) {
4078
4242
  const f = l.errorMessage ?? l.error, b = l.stack;
4079
- g = `${f}${b ? `
4243
+ u = `${f}${b ? `
4080
4244
  ${b}` : ""}`;
4081
4245
  } else
4082
- g = `Error calling API method "${o}" (${t.status}): ${JSON.stringify(l)}`;
4083
- const h = new Bt(t.status, o, g);
4084
- throw (d = e == null ? void 0 : e.onError) == null || d.call(e, h), h;
4246
+ u = `Error calling API method "${o}" (${t.status}): ${JSON.stringify(l)}`;
4247
+ const g = new Tt(t.status, o, u);
4248
+ throw (c = e == null ? void 0 : e.onError) == null || c.call(e, g), g;
4085
4249
  }
4086
4250
  const i = t.headers.get("Content-Type");
4087
- return i != null && i.startsWith("application/jsonl") ? wt.fromFn(async function* () {
4251
+ return i != null && i.startsWith("application/jsonl") ? Ht.fromFn(async function* () {
4088
4252
  var b;
4089
4253
  const l = (b = t.body) == null ? void 0 : b.getReader();
4090
4254
  if (!l)
4091
4255
  return;
4092
- let g = "";
4093
- const h = new TextDecoder("utf-8");
4256
+ let u = "";
4257
+ const g = new TextDecoder("utf-8");
4094
4258
  for (; ; ) {
4095
4259
  const { done: C, value: y } = await l.read();
4096
4260
  if (C)
4097
4261
  break;
4098
- g += h.decode(y, { stream: !0 });
4262
+ u += g.decode(y, { stream: !0 });
4099
4263
  let v;
4100
- for (; (v = g.indexOf(`
4264
+ for (; (v = u.indexOf(`
4101
4265
  `)) >= 0; ) {
4102
- const _ = g.slice(0, v).trim();
4103
- g = g.slice(v + 1), _.length > 0 && (yield JSON.parse(_));
4266
+ const _ = u.slice(0, v).trim();
4267
+ u = u.slice(v + 1), _.length > 0 && (yield JSON.parse(_));
4104
4268
  }
4105
4269
  }
4106
- const f = g.trim();
4270
+ const f = u.trim();
4107
4271
  f.length > 0 && (yield JSON.parse(f));
4108
4272
  }) : await t.json();
4109
4273
  });
4110
4274
  }
4111
- class St {
4275
+ class Vt {
4112
4276
  constructor(e) {
4113
4277
  p(this, "_sourceTreeIds", B(this, /* @__PURE__ */ new Map()));
4114
4278
  p(this, "_sessions", B(this, []));
@@ -4120,7 +4284,7 @@ class St {
4120
4284
  p(this, "sourceTreeIds", this._sourceTreeIds);
4121
4285
  /** Observable list of sessions from the daemon */
4122
4286
  p(this, "sessions", this._sessions);
4123
- this.config = e, this.sessionName = e.sessionName, this._client = Ct("/__explorer/daemon-api", {
4287
+ this.config = e, this.sessionName = e.sessionName, this._client = Ot("/__explorer/daemon-api", {
4124
4288
  getHeaders: () => ({ "X-Client-Name": "explorer-ui" })
4125
4289
  });
4126
4290
  }
@@ -4220,19 +4384,19 @@ class St {
4220
4384
  }
4221
4385
  }
4222
4386
  _validateProtocolVersions() {
4223
- const e = ue.parse("1.0.0"), o = ue.parse(this.config.daemonApiVersion);
4387
+ const e = ge.parse("1.0.0"), o = ge.parse(this.config.daemonApiVersion);
4224
4388
  if (e.major !== o.major || e.minor !== o.minor)
4225
4389
  throw new Error(
4226
4390
  `Daemon API version mismatch. Explorer expects 1.0.0, daemon provides ${this.config.daemonApiVersion}. Update CLI, vite plugin, and explorer together.`
4227
4391
  );
4228
- const n = ue.parse(this.config.runtimeVersionNeededByPlugin);
4229
- if (n.major !== ae.major || n.minor !== ae.minor)
4392
+ const n = ge.parse(this.config.runtimeVersionNeededByPlugin);
4393
+ if (n.major !== ce.major || n.minor !== ce.minor)
4230
4394
  throw new Error(
4231
- `Explorer runtime version mismatch. Plugin requires ${this.config.runtimeVersionNeededByPlugin}, explorer provides ${ae.toString()}. Reinstall dependencies to align plugin and explorer runtime versions.`
4395
+ `Explorer runtime version mismatch. Plugin requires ${this.config.runtimeVersionNeededByPlugin}, explorer provides ${ce.toString()}. Reinstall dependencies to align plugin and explorer runtime versions.`
4232
4396
  );
4233
4397
  }
4234
4398
  }
4235
- class Ft {
4399
+ class Lt {
4236
4400
  constructor(e) {
4237
4401
  p(this, "state", B(this, { status: "loading" }));
4238
4402
  p(this, "_baseUrl");
@@ -4245,7 +4409,7 @@ class Ft {
4245
4409
  }
4246
4410
  buildTree(e) {
4247
4411
  const o = this.state.read(e);
4248
- return o.status !== "ready" ? { id: new O(""), name: "Report", type: "folder", children: [], labels: [] } : It(o.report.fixtures);
4412
+ return o.status !== "ready" ? { id: new V(""), name: "Report", type: "folder", children: [], labels: [] } : Dt(o.report.fixtures);
4249
4413
  }
4250
4414
  async _fetch() {
4251
4415
  this.state.set({ status: "loading" }, void 0);
@@ -4260,51 +4424,51 @@ class Ft {
4260
4424
  }
4261
4425
  }
4262
4426
  }
4263
- function It(r) {
4264
- const e = { id: new O(""), name: "Components", type: "folder", children: [], labels: [] };
4427
+ function Dt(r) {
4428
+ const e = { id: new V(""), name: "Components", type: "folder", children: [], labels: [] };
4265
4429
  for (const [o, n] of Object.entries(r)) {
4266
- const t = new O(o).segments;
4430
+ const t = new V(o).segments;
4267
4431
  let i = e;
4268
4432
  for (let a = 0; a < t.length; a++) {
4269
- const c = t[a], d = a === t.length - 1, l = new O(t.slice(0, a + 1).join("/"));
4270
- if (d) {
4271
- const g = [...(n == null ? void 0 : n.labels) ?? []];
4272
- (n == null ? void 0 : n.status) === "changed" && !g.includes("changed") && g.push("changed"), i.children.push({
4433
+ const s = t[a], c = a === t.length - 1, l = new V(t.slice(0, a + 1).join("/"));
4434
+ if (c) {
4435
+ const u = [...(n == null ? void 0 : n.labels) ?? []];
4436
+ (n == null ? void 0 : n.status) === "changed" && !u.includes("changed") && u.push("changed"), i.children.push({
4273
4437
  id: l,
4274
- name: c,
4438
+ name: s,
4275
4439
  type: "component",
4276
4440
  reportEntry: n,
4277
- labels: g
4441
+ labels: u
4278
4442
  });
4279
4443
  } else {
4280
- let g = i.children.find((h) => h.type === "folder" && h.name === c);
4281
- g || (g = { id: l, name: c, type: "folder", children: [], labels: [] }, i.children.push(g)), i = g;
4444
+ let u = i.children.find((g) => g.type === "folder" && g.name === s);
4445
+ u || (u = { id: l, name: s, type: "folder", children: [], labels: [] }, i.children.push(u)), i = u;
4282
4446
  }
4283
4447
  }
4284
4448
  }
4285
4449
  return e;
4286
4450
  }
4287
- const Et = '/*! tailwindcss v4.2.2 | 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}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\\/2{top:50%}.right-2{right:calc(var(--spacing) * 2)}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.ml-3\\.5{margin-left:calc(var(--spacing) * 3.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.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}', Rt = '.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}', Tt = '.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}';
4288
- class Ht {
4451
+ const Nt = '/*! tailwindcss v4.2.2 | 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}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\\/2{top:50%}.right-2{right:calc(var(--spacing) * 2)}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.ml-3\\.5{margin-left:calc(var(--spacing) * 3.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.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}', At = '.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}', Gt = '.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}';
4452
+ class zt {
4289
4453
  constructor(e, o, n) {
4290
4454
  p(this, "_root");
4291
- p(this, "_registry", new Ar());
4455
+ p(this, "_registry", new Qr());
4292
4456
  p(this, "_daemonModel");
4293
4457
  p(this, "_reportModel");
4294
4458
  this._registry.loading.set(!0, void 0), o.then(
4295
- (c) => {
4296
- this._populateRegistry(c), this._registry.loading.set(!1, void 0), this._registry.error.set(void 0, void 0);
4459
+ (s) => {
4460
+ this._populateRegistry(s), this._registry.loading.set(!1, void 0), this._registry.error.set(void 0, void 0);
4297
4461
  },
4298
- (c) => {
4299
- const d = c instanceof Error ? c.stack ?? c.message : String(c);
4300
- this._registry.loading.set(!1, void 0), this._registry.error.set(d, void 0);
4462
+ (s) => {
4463
+ const c = s instanceof Error ? s.stack ?? s.message : String(s);
4464
+ this._registry.loading.set(!1, void 0), this._registry.error.set(c, void 0);
4301
4465
  }
4302
4466
  ), this._reportModel = this._initializeReportModel(), this._daemonModel = this._reportModel ? void 0 : this._initializeDaemonModel(n);
4303
4467
  const t = e.attachShadow({ mode: "open" }), i = new CSSStyleSheet();
4304
- i.replaceSync([Et, Rt, Tt].join(`
4305
- `)), t.adoptedStyleSheets = [i], Ln(e);
4468
+ i.replaceSync([Nt, At, Gt].join(`
4469
+ `)), t.adoptedStyleSheets = [i], jn(e);
4306
4470
  const a = document.createElement("div");
4307
- a.style.height = "100%", a.style.width = "100%", t.appendChild(a), this._root = er(a), this._root.render(tr(yt, {
4471
+ a.style.height = "100%", a.style.width = "100%", t.appendChild(a), this._root = tr(a), this._root.render(sr(Rt, {
4308
4472
  registry: this._registry,
4309
4473
  daemonModel: this._daemonModel,
4310
4474
  reportModel: this._reportModel
@@ -4313,12 +4477,12 @@ class Ht {
4313
4477
  _initializeReportModel() {
4314
4478
  const o = new URLSearchParams(location.search).get("report");
4315
4479
  if (o)
4316
- return new Ft(o);
4480
+ return new Lt(o);
4317
4481
  }
4318
4482
  _initializeDaemonModel(e) {
4319
4483
  if (!e)
4320
4484
  return;
4321
- const o = new St(e);
4485
+ const o = new Vt(e);
4322
4486
  return o.initialize().catch((n) => {
4323
4487
  console.error("[ExplorerUIMode] Failed to initialize DaemonModel:", n);
4324
4488
  }), o;
@@ -4340,7 +4504,7 @@ class Ht {
4340
4504
  (e = this._daemonModel) == null || e.dispose(), this._root.unmount();
4341
4505
  }
4342
4506
  }
4343
- class Mt {
4507
+ class Pt {
4344
4508
  constructor(e, o) {
4345
4509
  /** Random ID generated on construction — changes on full page reload. */
4346
4510
  p(this, "pageInstanceId", Math.random().toString(36).slice(2));
@@ -4410,11 +4574,11 @@ class Mt {
4410
4574
  throw new Error(this._loadError);
4411
4575
  const n = this._findFixtureNode(this._root, e);
4412
4576
  if (!n || !n.component) {
4413
- const w = this._flattenFixtures(this._root).map((ge) => ge.fixtureId), M = Vt(e, w, 5), Jo = M.length > 0 ? `
4577
+ const w = this._flattenFixtures(this._root).map((ue) => ue.fixtureId), M = Wt(e, w, 5), er = M.length > 0 ? `
4414
4578
  Did you mean one of these?
4415
- ${M.map((ge) => ` - ${ge}`).join(`
4579
+ ${M.map((ue) => ` - ${ue}`).join(`
4416
4580
  `)}` : "";
4417
- throw new Error("Fixture not found: " + e + Jo);
4581
+ throw new Error("Fixture not found: " + e + er);
4418
4582
  }
4419
4583
  if (o !== void 0 && (typeof o != "object" || o === null || Array.isArray(o)))
4420
4584
  throw new Error(
@@ -4422,27 +4586,27 @@ ${M.map((ge) => ` - ${ge}`).join(`
4422
4586
  );
4423
4587
  const t = await this.disposeCurrentFixture(), i = document.createElement("div");
4424
4588
  i.style.display = "inline-block", this._containerElement.appendChild(i), this._currentContainer = i;
4425
- const a = n.component, c = [];
4426
- let d;
4589
+ const a = n.component, s = [];
4590
+ let c;
4427
4591
  const l = (w) => {
4428
- d || (d = w);
4429
- }, g = this._captureEvents(c);
4430
- let h;
4592
+ c || (c = w);
4593
+ }, u = this._captureEvents(s);
4594
+ let g;
4431
4595
  const f = performance.now();
4432
4596
  let b;
4433
4597
  try {
4434
- const w = new Le(i, a, { kind: "headless", interactive: !1 }, o);
4598
+ const w = new De(i, a, { kind: "headless", interactive: !1 }, o);
4435
4599
  b = performance.now() - f, this._currentRendering = w;
4436
4600
  const M = await w.waitForRendering();
4437
- h = M == null ? void 0 : M.output;
4601
+ g = M == null ? void 0 : M.output;
4438
4602
  } catch (w) {
4439
4603
  l(this._toError(w));
4440
4604
  } finally {
4441
- g();
4605
+ u();
4442
4606
  }
4443
- d || await new Promise((w) => requestAnimationFrame(() => requestAnimationFrame(() => w())));
4444
- const C = performance.now() - f, y = !!d || c.some((w) => w.type !== "console.log" && w.type !== "console.warn"), v = { sync: Math.round(b ?? C), total: Math.round(C) }, _ = t.hasError || t.events.length > 0 || t.errors.length > 0 ? t : void 0;
4445
- return { hasError: y, error: d, events: c, output: h, renderTimeMs: v, previousDispose: _ };
4607
+ c || await new Promise((w) => requestAnimationFrame(() => requestAnimationFrame(() => w())));
4608
+ const C = performance.now() - f, y = !!c || s.some((w) => w.type !== "console.log" && w.type !== "console.warn"), v = { sync: Math.round(b ?? C), total: Math.round(C) }, _ = t.hasError || t.events.length > 0 || t.errors.length > 0 ? t : void 0;
4609
+ return { hasError: y, error: c, events: s, output: g, renderTimeMs: v, previousDispose: _ };
4446
4610
  }
4447
4611
  /**
4448
4612
  * Install console + window error/rejection listeners that push into `events`.
@@ -4452,27 +4616,27 @@ ${M.map((ge) => ` - ${ge}`).join(`
4452
4616
  * the closure over `originalError` etc.).
4453
4617
  */
4454
4618
  _captureEvents(e) {
4455
- const o = console.error, n = console.warn, t = console.log, i = (d) => {
4456
- for (const l of d)
4619
+ const o = console.error, n = console.warn, t = console.log, i = (c) => {
4620
+ for (const l of c)
4457
4621
  if (l instanceof Error && l.stack)
4458
4622
  return l.stack;
4459
4623
  };
4460
- console.error = (...d) => {
4461
- e.push({ type: "console.error", message: d.map(String).join(" "), stack: i(d) }), o.apply(console, d);
4462
- }, console.warn = (...d) => {
4463
- e.push({ type: "console.warn", message: d.map(String).join(" "), stack: i(d) }), n.apply(console, d);
4464
- }, console.log = (...d) => {
4465
- e.push({ type: "console.log", message: d.map(String).join(" ") }), t.apply(console, d);
4624
+ console.error = (...c) => {
4625
+ e.push({ type: "console.error", message: c.map(String).join(" "), stack: i(c) }), o.apply(console, c);
4626
+ }, console.warn = (...c) => {
4627
+ e.push({ type: "console.warn", message: c.map(String).join(" "), stack: i(c) }), n.apply(console, c);
4628
+ }, console.log = (...c) => {
4629
+ e.push({ type: "console.log", message: c.map(String).join(" ") }), t.apply(console, c);
4466
4630
  };
4467
- const a = (d) => {
4631
+ const a = (c) => {
4468
4632
  var l;
4469
- e.push({ type: "window.error", message: d.message, stack: (l = d.error) == null ? void 0 : l.stack });
4470
- }, c = (d) => {
4471
- const l = d.reason, g = l instanceof Error ? l.message : String(l), h = l instanceof Error ? l.stack : void 0;
4472
- e.push({ type: "window.unhandledrejection", message: g, stack: h });
4633
+ e.push({ type: "window.error", message: c.message, stack: (l = c.error) == null ? void 0 : l.stack });
4634
+ }, s = (c) => {
4635
+ const l = c.reason, u = l instanceof Error ? l.message : String(l), g = l instanceof Error ? l.stack : void 0;
4636
+ e.push({ type: "window.unhandledrejection", message: u, stack: g });
4473
4637
  };
4474
- return window.addEventListener("error", a), window.addEventListener("unhandledrejection", c), () => {
4475
- console.error = o, console.warn = n, console.log = t, window.removeEventListener("error", a), window.removeEventListener("unhandledrejection", c);
4638
+ return window.addEventListener("error", a), window.addEventListener("unhandledrejection", s), () => {
4639
+ console.error = o, console.warn = n, console.log = t, window.removeEventListener("error", a), window.removeEventListener("unhandledrejection", s);
4476
4640
  };
4477
4641
  }
4478
4642
  _toError(e) {
@@ -4487,10 +4651,10 @@ ${M.map((ge) => ` - ${ge}`).join(`
4487
4651
  const i = t.default;
4488
4652
  i && typeof i == "object" && o.set(n, i);
4489
4653
  }
4490
- return ce(o);
4654
+ return se(o);
4491
4655
  }
4492
4656
  _flattenFixtures(e, o = [], n = []) {
4493
- var a, c, d;
4657
+ var a, s, c;
4494
4658
  const t = n.length > 0 && e.labels.length > 0 ? [.../* @__PURE__ */ new Set([...n, ...e.labels])] : e.labels.length > 0 ? [...e.labels] : [...n], i = [];
4495
4659
  e.type === "component" && i.push({
4496
4660
  fixtureId: e.id.value,
@@ -4498,12 +4662,12 @@ ${M.map((ge) => ` - ${ge}`).join(`
4498
4662
  groupPath: o,
4499
4663
  background: ((a = e.component) == null ? void 0 : a.background) ?? "light",
4500
4664
  labels: t,
4501
- expectedVisualDescriptions: ((c = e.component) == null ? void 0 : c.expectedVisualDescriptions) ?? [],
4502
- inputSchema: (d = e.component) == null ? void 0 : d.inputSchema
4665
+ expectedVisualDescriptions: ((s = e.component) == null ? void 0 : s.expectedVisualDescriptions) ?? [],
4666
+ inputSchema: (c = e.component) == null ? void 0 : c.inputSchema
4503
4667
  });
4504
4668
  for (const l of e.children ?? []) {
4505
- const g = e.id.value ? [...o, e.name] : o;
4506
- i.push(...this._flattenFixtures(l, g, t));
4669
+ const u = e.id.value ? [...o, e.name] : o;
4670
+ i.push(...this._flattenFixtures(l, u, t));
4507
4671
  }
4508
4672
  return i;
4509
4673
  }
@@ -4520,7 +4684,7 @@ ${M.map((ge) => ` - ${ge}`).join(`
4520
4684
  get updateVersion() {
4521
4685
  return e._updateVersion;
4522
4686
  },
4523
- runtimeVersion: ae.toString(),
4687
+ runtimeVersion: ce.toString(),
4524
4688
  listFixtures: () => this.listFixtures(),
4525
4689
  renderFixture: (n, t) => this.renderFixture(n, t),
4526
4690
  disposeCurrentFixture: () => this.disposeCurrentFixture()
@@ -4528,7 +4692,7 @@ ${M.map((ge) => ` - ${ge}`).join(`
4528
4692
  window.__componentExplorer__ = o;
4529
4693
  }
4530
4694
  }
4531
- function Ot(r, e) {
4695
+ function $t(r, e) {
4532
4696
  const o = r.length, n = e.length, t = Array.from({ length: o + 1 }, () => new Array(n + 1));
4533
4697
  for (let i = 0; i <= o; i++) t[i][0] = i;
4534
4698
  for (let i = 0; i <= n; i++) t[0][i] = i;
@@ -4537,10 +4701,10 @@ function Ot(r, e) {
4537
4701
  t[i][a] = r[i - 1] === e[a - 1] ? t[i - 1][a - 1] : 1 + Math.min(t[i - 1][a - 1], t[i - 1][a], t[i][a - 1]);
4538
4702
  return t[o][n];
4539
4703
  }
4540
- function Vt(r, e, o) {
4541
- return e.map((n) => ({ id: n, dist: Ot(r.toLowerCase(), n.toLowerCase()) })).sort((n, t) => n.dist - t.dist).slice(0, o).map((n) => n.id);
4704
+ function Wt(r, e, o) {
4705
+ return e.map((n) => ({ id: n, dist: $t(r.toLowerCase(), n.toLowerCase()) })).sort((n, t) => n.dist - t.dist).slice(0, o).map((n) => n.id);
4542
4706
  }
4543
- class Lt {
4707
+ class jt {
4544
4708
  constructor(e, o, n) {
4545
4709
  p(this, "_root");
4546
4710
  p(this, "_rendering");
@@ -4596,9 +4760,9 @@ ${i}`, this._container.appendChild(a), this._postError({ message: t instanceof E
4596
4760
  this._render();
4597
4761
  }
4598
4762
  _render() {
4599
- var a, c;
4763
+ var a, s;
4600
4764
  if ((a = this._rendering) == null || a.dispose().catch(() => {
4601
- }), this._rendering = void 0, (c = this._resizeObserver) == null || c.disconnect(), this._resizeObserver = void 0, this._container.innerHTML = "", !this._root) return;
4765
+ }), this._rendering = void 0, (s = this._resizeObserver) == null || s.disconnect(), this._resizeObserver = void 0, this._container.innerHTML = "", !this._root) return;
4602
4766
  const e = this._findNode(this._root, this._fixtureId);
4603
4767
  if (!(e != null && e.component)) {
4604
4768
  console.error(`[EmbeddedMode] Fixture not found: ${this._fixtureId}`);
@@ -4607,21 +4771,21 @@ ${i}`, this._container.appendChild(a), this._postError({ message: t instanceof E
4607
4771
  const o = { ...e.component, isolation: "none" };
4608
4772
  this._errorPosted = !1, this._container.style.width = o.displayMode.type === "component" ? "fit-content" : "";
4609
4773
  try {
4610
- const d = new Le(this._container, o, { kind: "embedded", interactive: !1 });
4611
- this._rendering = d, d.waitForRendering().catch((l) => {
4774
+ const c = new De(this._container, o, { kind: "embedded", interactive: !1 });
4775
+ this._rendering = c, c.waitForRendering().catch((l) => {
4612
4776
  l && typeof l == "object" && "message" in l ? this._postError(l) : this._postError({ message: l instanceof Error ? l.message : String(l), stack: l instanceof Error ? l.stack : void 0 });
4613
4777
  });
4614
- } catch (d) {
4615
- this._postError({ message: d instanceof Error ? d.message : String(d), stack: d instanceof Error ? d.stack : void 0 }), console.error("[EmbeddedMode] Error during rendering:", d);
4778
+ } catch (c) {
4779
+ this._postError({ message: c instanceof Error ? c.message : String(c), stack: c instanceof Error ? c.stack : void 0 }), console.error("[EmbeddedMode] Error during rendering:", c);
4616
4780
  return;
4617
4781
  }
4618
4782
  const n = this._rendering, t = this._fixtureId, i = () => {
4619
- const d = n.renderTarget.getBoundingClientRect();
4783
+ const c = n.renderTarget.getBoundingClientRect();
4620
4784
  window.parent.postMessage({
4621
4785
  type: "component-explorer:resize",
4622
4786
  fixtureId: t,
4623
- width: d.width,
4624
- height: d.height
4787
+ width: c.width,
4788
+ height: c.height
4625
4789
  }, "*");
4626
4790
  };
4627
4791
  this._resizeObserver = new ResizeObserver(i), this._resizeObserver.observe(n.renderTarget);
@@ -4632,7 +4796,7 @@ ${i}`, this._container.appendChild(a), this._postError({ message: t instanceof E
4632
4796
  const i = t.default;
4633
4797
  i && typeof i == "object" && o.set(n, i);
4634
4798
  }
4635
- return ce(o);
4799
+ return se(o);
4636
4800
  }
4637
4801
  _findNode(e, o) {
4638
4802
  if (e.id.value === o) return e;
@@ -4642,7 +4806,7 @@ ${i}`, this._container.appendChild(a), this._postError({ message: t instanceof E
4642
4806
  }
4643
4807
  }
4644
4808
  }
4645
- function Dt(r) {
4809
+ function Ut(r) {
4646
4810
  const e = r.get("mode");
4647
4811
  return {
4648
4812
  mode: e === "headless" || e === "embedded" ? e : void 0,
@@ -4651,21 +4815,21 @@ function Dt(r) {
4651
4815
  report: r.get("report") ?? void 0
4652
4816
  };
4653
4817
  }
4654
- globalThis._buildInfo = Xo;
4655
- class Jt {
4818
+ globalThis._buildInfo = nr;
4819
+ class ai {
4656
4820
  constructor(e, o) {
4657
4821
  p(this, "_runtime");
4658
4822
  const n = globalThis._buildInfo;
4659
4823
  n && console.log(`[component-explorer] v${n.version} (built ${n.date})`);
4660
- const t = new URLSearchParams(location.search), i = Dt(t), a = i.fixture;
4824
+ const t = new URLSearchParams(location.search), i = Ut(t), a = i.fixture;
4661
4825
  if (i.mode === "embedded") {
4662
4826
  if (!a)
4663
4827
  throw new Error("Embedded mode requires a fixture query parameter");
4664
- const c = i.file, d = o.loadFixtures(c ? { file: c } : void 0);
4665
- this._runtime = new Lt(e, a, d);
4828
+ const s = i.file, c = o.loadFixtures(s ? { file: s } : void 0);
4829
+ this._runtime = new jt(e, a, c);
4666
4830
  } else {
4667
- const c = o.loadFixtures();
4668
- this._runtime = i.mode === "headless" ? new Mt(e, c) : new Ht(e, c, o.daemonConfig);
4831
+ const s = o.loadFixtures();
4832
+ this._runtime = i.mode === "headless" ? new Pt(e, s) : new zt(e, s, o.daemonConfig);
4669
4833
  }
4670
4834
  }
4671
4835
  updateFixtures(e) {
@@ -4676,51 +4840,51 @@ class Jt {
4676
4840
  }
4677
4841
  }
4678
4842
  export {
4679
- on as ChevronDownIcon,
4680
- en as ChevronRightIcon,
4681
- rn as ComponentIcon,
4682
- St as DaemonModel,
4683
- yt as Explorer,
4684
- Jt as ExplorerApp,
4685
- Zr as ExplorerModel,
4686
- O as FixturePath,
4687
- Ar as FixtureRegistry,
4688
- nn as FolderIcon,
4689
- kn as LeftSidebar,
4690
- sn as MoonIcon,
4691
- tn as PanelLeftIcon,
4692
- an as PanelRightIcon,
4693
- Ft as ReportModel,
4694
- _n as RightSidebar,
4695
- cn as SunIcon,
4696
- ln as TitleBar,
4697
- fe as TitleBarButton,
4698
- mn as TreeItem,
4699
- Do as TreeView,
4700
- ir as VIEWPORT_SIZES,
4701
- Xt as asyncRender,
4702
- sr as collectComponents,
4703
- ze as createComponentDefinition,
4704
- ce as createFixtureTree,
4705
- ei as defineFixture,
4706
- oi as defineFixtureGroup,
4707
- ri as defineFixtureVariants,
4843
+ pn as ChevronDownIcon,
4844
+ ln as ChevronRightIcon,
4845
+ un as ComponentIcon,
4846
+ Vt as DaemonModel,
4847
+ Rt as Explorer,
4848
+ ai as ExplorerApp,
4849
+ sn as ExplorerModel,
4850
+ V as FixturePath,
4851
+ Qr as FixtureRegistry,
4852
+ gn as FolderIcon,
4853
+ En as LeftSidebar,
4854
+ xn as MoonIcon,
4855
+ mn as PanelLeftIcon,
4856
+ hn as PanelRightIcon,
4857
+ Lt as ReportModel,
4858
+ Mn as RightSidebar,
4859
+ fn as SunIcon,
4860
+ vn as TitleBar,
4861
+ he as TitleBarButton,
4862
+ Bn as TreeItem,
4863
+ zo as TreeView,
4864
+ dr as VIEWPORT_SIZES,
4865
+ di as asyncRender,
4866
+ ur as collectComponents,
4867
+ Pe as createComponentDefinition,
4868
+ se as createFixtureTree,
4869
+ li as defineFixture,
4870
+ pi as defineFixtureGroup,
4871
+ ui as defineFixtureVariants,
4708
4872
  We as findNodeByPath,
4709
- De as fixtureGroupBrand,
4710
- Ne as fixtureVariantsBrand,
4711
- Kt as isComponentDefinition,
4873
+ Ne as fixtureGroupBrand,
4874
+ Ae as fixtureVariantsBrand,
4875
+ ti as isComponentDefinition,
4712
4876
  Ie as isFixtureGroup,
4713
4877
  Ee as isFixtureVariants,
4714
4878
  Fe as isSingleFixture,
4715
- Oe as mergeStyles,
4716
- $t as parseFixtureExport,
4717
- qt as parseFixtureGroup,
4718
- Qt as parseFixtureVariants,
4719
- Ut as parseSingleFixture,
4720
- ar as resolveViewport,
4721
- Ae as singleFixtureBrand,
4879
+ Ve as mergeStyles,
4880
+ ei as parseFixtureExport,
4881
+ ri as parseFixtureGroup,
4882
+ ni as parseFixtureVariants,
4883
+ oi as parseSingleFixture,
4884
+ lr as resolveViewport,
4885
+ Ge as singleFixtureBrand,
4722
4886
  x as styles,
4723
- ni as syncRender,
4724
- Mo as toExplorerTree
4887
+ gi as syncRender,
4888
+ Do as toExplorerTree
4725
4889
  };
4726
4890
  //# sourceMappingURL=viewer.js.map