@vscode/component-explorer 0.2.1-48 → 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
|
|
2
|
-
var
|
|
3
|
-
var p = (r, e, o) =>
|
|
4
|
-
import { f as
|
|
5
|
-
import { e as
|
|
6
|
-
import { createRoot as
|
|
7
|
-
import * as
|
|
8
|
-
import { createContext as
|
|
9
|
-
import { jsx as
|
|
10
|
-
import { unstable_batchedUpdates as
|
|
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 &&
|
|
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 &&
|
|
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 &&
|
|
19
|
+
return typeof r == "object" && r !== null && Ae in r && r[Ae] === !0 && "_variants" in r && typeof r._variants == "object";
|
|
20
20
|
}
|
|
21
|
-
function
|
|
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
|
|
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
|
|
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
|
|
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
|
|
34
|
-
const i = r._options, a = i.expectedVisualDescriptions ? typeof i.expectedVisualDescriptions == "string" ? [i.expectedVisualDescriptions] : [...i.expectedVisualDescriptions] : [],
|
|
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:
|
|
44
|
+
expectedVisualDescriptions: s,
|
|
45
45
|
inputSchema: i.inputSchema,
|
|
46
46
|
sourceFile: n,
|
|
47
47
|
render: i.render
|
|
48
48
|
};
|
|
49
49
|
}
|
|
50
|
-
function
|
|
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
|
|
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
|
|
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
|
|
71
|
-
return typeof r == "string" ? { name: r, ...
|
|
70
|
+
function lr(r) {
|
|
71
|
+
return typeof r == "string" ? { name: r, ...dr[r] } : r;
|
|
72
72
|
}
|
|
73
|
-
function
|
|
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
|
|
82
|
-
const o =
|
|
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
|
|
88
|
+
return $e(n), [...n.split("/"), o];
|
|
89
89
|
throw new Error(`Fixture path cannot be just '/': ${e}`);
|
|
90
90
|
} else
|
|
91
|
-
return
|
|
91
|
+
return $e(e), e.split("/");
|
|
92
92
|
}
|
|
93
|
-
function
|
|
93
|
+
function se(r) {
|
|
94
94
|
const e = {
|
|
95
|
-
id: new
|
|
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 =
|
|
104
|
-
id: new
|
|
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 =
|
|
113
|
-
|
|
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
|
|
117
|
+
function _o(r) {
|
|
118
118
|
return (r.split("/").pop() ?? r).replace(/\.fixture\.(tsx?|jsx?)$/, "");
|
|
119
119
|
}
|
|
120
|
-
function
|
|
121
|
-
var
|
|
120
|
+
function Co(r, e, o, n = [], t = "", i = []) {
|
|
121
|
+
var u, g;
|
|
122
122
|
let a = r;
|
|
123
|
-
const
|
|
123
|
+
const s = [...n];
|
|
124
124
|
for (let f = 0; f < e.length - 1; f++) {
|
|
125
125
|
const b = e[f];
|
|
126
|
-
|
|
127
|
-
const C = new
|
|
128
|
-
let y = (
|
|
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
|
|
140
|
-
|
|
141
|
-
const l = new
|
|
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 =
|
|
143
|
+
const f = Pe(o, l.value, c, t, i), b = {
|
|
144
144
|
id: l,
|
|
145
|
-
name:
|
|
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 = (
|
|
153
|
-
(b) => b.type === "folder" && b.name ===
|
|
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:
|
|
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
|
-
|
|
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:
|
|
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
|
|
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:
|
|
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
|
|
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(...
|
|
203
|
+
e.push(...ur(o));
|
|
204
204
|
return e;
|
|
205
205
|
}
|
|
206
|
-
let
|
|
207
|
-
function
|
|
208
|
-
|
|
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
|
|
211
|
+
return j;
|
|
212
212
|
}
|
|
213
|
-
let
|
|
214
|
-
function
|
|
215
|
-
|
|
213
|
+
let fe;
|
|
214
|
+
function mr(r) {
|
|
215
|
+
fe = r;
|
|
216
216
|
}
|
|
217
|
-
function
|
|
218
|
-
|
|
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
|
|
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(
|
|
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,
|
|
288
|
-
a.stackTraceLimit =
|
|
289
|
-
const
|
|
290
|
-
return a.stackTraceLimit =
|
|
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
|
-
})(
|
|
293
|
+
})(T || (T = {}));
|
|
294
294
|
class Re {
|
|
295
295
|
static fromStack(e, o) {
|
|
296
296
|
const n = e.split(`
|
|
297
|
-
`), t =
|
|
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
|
|
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
|
|
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
|
|
330
|
+
return xr(e, this);
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
|
-
const
|
|
334
|
-
function
|
|
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 =
|
|
338
|
+
const n = br(r, e);
|
|
339
339
|
if (n) {
|
|
340
|
-
let t =
|
|
341
|
-
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
|
|
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 ?
|
|
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 =
|
|
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
|
|
364
|
-
if (
|
|
365
|
-
return n +
|
|
363
|
+
const s = vr(e.owner, r);
|
|
364
|
+
if (s !== void 0)
|
|
365
|
+
return n + s;
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
|
-
function
|
|
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
|
|
374
|
-
function
|
|
375
|
-
const e =
|
|
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 =
|
|
379
|
-
let n =
|
|
380
|
-
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
|
|
382
|
+
return Qe.set(r, t), t;
|
|
383
383
|
}
|
|
384
|
-
function
|
|
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
|
|
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
|
|
394
|
+
function yr(r) {
|
|
395
395
|
be = r;
|
|
396
396
|
}
|
|
397
|
-
let
|
|
398
|
-
function
|
|
399
|
-
|
|
397
|
+
let Fo;
|
|
398
|
+
function wr(r) {
|
|
399
|
+
Fo = r;
|
|
400
400
|
}
|
|
401
|
-
let
|
|
402
|
-
function
|
|
403
|
-
|
|
401
|
+
let Io;
|
|
402
|
+
function Br(r) {
|
|
403
|
+
Io = r;
|
|
404
404
|
}
|
|
405
|
-
let
|
|
406
|
-
function
|
|
407
|
-
|
|
405
|
+
let Te;
|
|
406
|
+
function _r(r) {
|
|
407
|
+
Te = r;
|
|
408
|
+
}
|
|
409
|
+
function Cr() {
|
|
410
|
+
return Te;
|
|
408
411
|
}
|
|
409
|
-
class
|
|
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 =
|
|
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 =
|
|
428
|
+
const a = He(i);
|
|
426
429
|
if (a !== void 0)
|
|
427
430
|
return a;
|
|
428
|
-
const
|
|
429
|
-
if (
|
|
430
|
-
return `${this.debugName}.${
|
|
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(
|
|
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(
|
|
459
|
+
return e.add(Io(this)), this;
|
|
457
460
|
}
|
|
458
461
|
get debugValue() {
|
|
459
462
|
return this.get();
|
|
460
463
|
}
|
|
461
|
-
|
|
462
|
-
return
|
|
464
|
+
get debug() {
|
|
465
|
+
return new Te(this);
|
|
463
466
|
}
|
|
464
467
|
}
|
|
465
|
-
class
|
|
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
|
|
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
|
|
496
|
+
function Eo(r) {
|
|
494
497
|
return {
|
|
495
498
|
dispose: r
|
|
496
499
|
};
|
|
497
500
|
}
|
|
498
|
-
class
|
|
501
|
+
class z extends Error {
|
|
499
502
|
constructor(e) {
|
|
500
|
-
super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this,
|
|
503
|
+
super(e || "An unexpected bug occurred."), Object.setPrototypeOf(this, z.prototype);
|
|
501
504
|
}
|
|
502
505
|
}
|
|
503
|
-
function
|
|
506
|
+
function te(r) {
|
|
504
507
|
throw r;
|
|
505
508
|
}
|
|
506
|
-
function
|
|
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
|
|
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
|
|
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
|
|
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 = (
|
|
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
|
|
599
|
-
this._isReaderValid = !0, this._changeTracker && (this._isInBeforeUpdate = !0, (t = (n = this._changeTracker).beforeUpdate) == null || t.call(n, this,
|
|
600
|
-
const
|
|
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
|
|
603
|
-
|
|
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,
|
|
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
|
|
609
|
-
|
|
610
|
-
this._dependenciesToBeRemoved.clear(),
|
|
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 ||
|
|
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:
|
|
620
|
+
hadValue: c
|
|
618
621
|
});
|
|
619
|
-
} catch (
|
|
620
|
-
|
|
622
|
+
} catch (s) {
|
|
623
|
+
te(s);
|
|
621
624
|
}
|
|
622
625
|
if (this._isComputing = !1, !this._didReportChange && e)
|
|
623
|
-
for (const
|
|
624
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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 && (
|
|
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:
|
|
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.
|
|
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 =
|
|
741
|
-
return e !== void 0 ? new
|
|
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
|
|
744
|
-
return new
|
|
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
|
-
|
|
747
|
-
function
|
|
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
|
|
760
|
+
return new q(new D(t, void 0, n), (a) => {
|
|
752
761
|
i ? i.clear() : i = new re();
|
|
753
|
-
const
|
|
754
|
-
return
|
|
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
|
|
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
|
|
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,
|
|
796
|
-
|
|
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 (
|
|
800
|
-
|
|
808
|
+
} catch (c) {
|
|
809
|
+
te(c);
|
|
801
810
|
} finally {
|
|
802
|
-
this._isRunning = !1,
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
892
|
-
return new
|
|
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
|
|
910
|
+
function Ke(r) {
|
|
895
911
|
const e = new Error("BugIndicatingErrorRecovery: " + r);
|
|
896
|
-
|
|
912
|
+
Fr(e), console.error("recovered from an error that indicates a bug", e);
|
|
897
913
|
}
|
|
898
|
-
function
|
|
899
|
-
const o = new
|
|
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
|
|
907
|
-
r ? e(r) :
|
|
922
|
+
function Tr(r, e, o) {
|
|
923
|
+
r ? e(r) : To(e, o);
|
|
908
924
|
}
|
|
909
|
-
class
|
|
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() :
|
|
931
|
+
return this._getDebugName ? this._getDebugName() : He(this._fn);
|
|
916
932
|
}
|
|
917
933
|
updateObserver(e, o) {
|
|
918
934
|
if (!this._updatingObservers) {
|
|
919
|
-
|
|
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
|
-
|
|
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
|
|
944
|
-
|
|
945
|
-
|
|
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
|
|
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
|
|
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
|
|
969
|
-
o.updateObserver(
|
|
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
|
|
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
|
|
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
|
|
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 = (
|
|
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
|
|
998
|
-
let
|
|
999
|
-
|
|
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:
|
|
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),
|
|
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 =
|
|
1053
|
+
r.Observer = U;
|
|
1035
1054
|
function e(o, n) {
|
|
1036
1055
|
let t = !1;
|
|
1037
|
-
|
|
1056
|
+
U.globalTransaction === void 0 && (U.globalTransaction = o, t = !0);
|
|
1038
1057
|
try {
|
|
1039
1058
|
n();
|
|
1040
1059
|
} finally {
|
|
1041
|
-
t && (
|
|
1060
|
+
t && (U.globalTransaction = void 0);
|
|
1042
1061
|
}
|
|
1043
1062
|
}
|
|
1044
1063
|
r.batchEventsGlobally = e;
|
|
1045
|
-
})(
|
|
1046
|
-
function
|
|
1047
|
-
const e = new
|
|
1048
|
-
return r.addObserver(e),
|
|
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
|
-
|
|
1053
|
-
function
|
|
1054
|
-
const o = new
|
|
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
|
|
1080
|
+
return Eo(() => {
|
|
1062
1081
|
r.removeObserver(o);
|
|
1063
1082
|
});
|
|
1064
1083
|
}
|
|
1065
|
-
|
|
1066
|
-
class
|
|
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
|
|
1082
|
-
function
|
|
1083
|
-
|
|
1100
|
+
let ie;
|
|
1101
|
+
function Lr(r) {
|
|
1102
|
+
ie || (ie = new Dr(), gr(ie)), ie.addFilteredObj(r);
|
|
1084
1103
|
}
|
|
1085
|
-
class
|
|
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
|
|
1098
|
-
|
|
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
|
-
|
|
1105
|
-
R(
|
|
1123
|
+
Q(" "),
|
|
1124
|
+
R(P(e.oldValue, 70), {
|
|
1106
1125
|
color: "red",
|
|
1107
1126
|
strikeThrough: !0
|
|
1108
1127
|
}),
|
|
1109
|
-
|
|
1110
|
-
R(
|
|
1128
|
+
Q(" "),
|
|
1129
|
+
R(P(e.newValue, 60), {
|
|
1111
1130
|
color: "green"
|
|
1112
1131
|
})
|
|
1113
|
-
] : [
|
|
1114
|
-
|
|
1115
|
-
R(
|
|
1132
|
+
] : [Q(" (unchanged)")] : [
|
|
1133
|
+
Q(" "),
|
|
1134
|
+
R(P(e.newValue, 60), {
|
|
1116
1135
|
color: "green"
|
|
1117
1136
|
}),
|
|
1118
|
-
|
|
1137
|
+
Q(" (initial)")
|
|
1119
1138
|
];
|
|
1120
1139
|
}
|
|
1121
1140
|
handleObservableCreated(e) {
|
|
1122
|
-
if (e instanceof
|
|
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
|
|
1150
|
+
if (e instanceof q) {
|
|
1132
1151
|
this._handleDerivedRecomputed(e, o);
|
|
1133
1152
|
return;
|
|
1134
1153
|
}
|
|
1135
1154
|
console.log(...this.textToConsoleArgs([
|
|
1136
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
1214
|
-
|
|
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
|
|
1240
|
+
function Q(r) {
|
|
1222
1241
|
return R(r, { color: "black" });
|
|
1223
1242
|
}
|
|
1224
|
-
function
|
|
1225
|
-
return R(
|
|
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,
|
|
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
|
|
1260
|
+
function P(r, e) {
|
|
1242
1261
|
try {
|
|
1243
|
-
return
|
|
1262
|
+
return Ar(r, e);
|
|
1244
1263
|
} catch {
|
|
1245
1264
|
return "[[???]]";
|
|
1246
1265
|
}
|
|
1247
1266
|
}
|
|
1248
|
-
function
|
|
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) ?
|
|
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
|
|
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 += `${
|
|
1294
|
+
n = !1, o += `${P(t, e - o.length)}`;
|
|
1276
1295
|
}
|
|
1277
1296
|
return o += " ]", o;
|
|
1278
1297
|
}
|
|
1279
|
-
function
|
|
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 =
|
|
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,
|
|
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}: ${
|
|
1319
|
+
t = !1, n += `${a}: ${P(s, e - n.length)}`;
|
|
1301
1320
|
}
|
|
1302
1321
|
return n += o ? ")" : " }", n;
|
|
1303
1322
|
}
|
|
1304
|
-
function
|
|
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
|
|
1329
|
+
function $r(r, e) {
|
|
1311
1330
|
for (; r.length < e; )
|
|
1312
1331
|
r += " ";
|
|
1313
1332
|
return r;
|
|
1314
1333
|
}
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
1325
|
-
t.push(`${n}
|
|
1326
|
-
for (const
|
|
1327
|
-
t.push(
|
|
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
|
-
|
|
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
|
|
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
|
|
1340
|
-
} else
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
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
|
|
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
|
-
|
|
1356
|
-
|
|
1357
|
-
class
|
|
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
|
|
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 =
|
|
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
|
|
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
|
|
1577
|
+
function h() {
|
|
1414
1578
|
return ve.instance;
|
|
1415
1579
|
}
|
|
1416
|
-
function
|
|
1580
|
+
function Jr() {
|
|
1417
1581
|
return ke.instance;
|
|
1418
1582
|
}
|
|
1419
|
-
function
|
|
1583
|
+
function Yr() {
|
|
1420
1584
|
return ye.instance;
|
|
1421
1585
|
}
|
|
1422
|
-
|
|
1423
|
-
|
|
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
|
|
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
|
|
1612
|
+
function Zr(r) {
|
|
1449
1613
|
return typeof r == "object" && r !== null && "read" in r;
|
|
1450
1614
|
}
|
|
1451
|
-
function
|
|
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
|
|
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
|
|
1464
|
-
return r[me] || (r[me] =
|
|
1627
|
+
function en(r) {
|
|
1628
|
+
return r[me] || (r[me] = wo(void 0)), r[me];
|
|
1465
1629
|
}
|
|
1466
|
-
function
|
|
1630
|
+
function N(r = {}) {
|
|
1467
1631
|
var e;
|
|
1468
|
-
return e = class extends
|
|
1632
|
+
return e = class extends Xr {
|
|
1469
1633
|
}, e._props = r, e;
|
|
1470
1634
|
}
|
|
1471
1635
|
let we = 0;
|
|
1472
|
-
const
|
|
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
|
-
|
|
1643
|
+
Bo(() => {
|
|
1480
1644
|
for (const e of r)
|
|
1481
1645
|
e.rendered || e.forceUpdate();
|
|
1482
1646
|
});
|
|
1483
1647
|
});
|
|
1484
|
-
let
|
|
1485
|
-
class
|
|
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
|
-
|
|
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 =
|
|
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
|
|
1505
|
-
const n = (a) => a + 1, t = () => new
|
|
1506
|
-
const
|
|
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
|
-
|
|
1509
|
-
if (
|
|
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
|
-
|
|
1675
|
+
c.isRendering = !0, we++;
|
|
1512
1676
|
try {
|
|
1513
|
-
|
|
1514
|
-
const l =
|
|
1515
|
-
return
|
|
1677
|
+
c.forceUpdate = s, c.updateProps(a);
|
|
1678
|
+
const l = c.rendering.get();
|
|
1679
|
+
return c.rendered = !0, l;
|
|
1516
1680
|
} finally {
|
|
1517
|
-
|
|
1681
|
+
c.isRendering = !1, we--;
|
|
1518
1682
|
}
|
|
1519
1683
|
};
|
|
1520
1684
|
return i.displayName = r, i;
|
|
1521
1685
|
}
|
|
1522
|
-
|
|
1523
|
-
function
|
|
1524
|
-
return
|
|
1525
|
-
const n =
|
|
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 =
|
|
1691
|
+
const i = X(n, (a) => a.read(t));
|
|
1528
1692
|
return e(t, i);
|
|
1529
1693
|
};
|
|
1530
1694
|
});
|
|
1531
1695
|
}
|
|
1532
|
-
function
|
|
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
|
|
1541
|
-
const n = typeof e == "function" ? {} : e, t = typeof e == "function" ? e : o, i = "_props" in r ? r._props : {}, a =
|
|
1542
|
-
return
|
|
1543
|
-
const
|
|
1544
|
-
} } :
|
|
1545
|
-
const _ =
|
|
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 =
|
|
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 =
|
|
1713
|
+
const _ = C.read(v), w = X(y, (M) => M.read(v));
|
|
1550
1714
|
return t(v, _, w);
|
|
1551
1715
|
};
|
|
1552
|
-
},
|
|
1716
|
+
}, c.length > 0 ? c : void 0);
|
|
1553
1717
|
}
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
function
|
|
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(
|
|
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
|
|
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
|
|
1737
|
+
function cn(r, e) {
|
|
1574
1738
|
if (!e) return r;
|
|
1575
1739
|
const o = e.toLowerCase();
|
|
1576
|
-
return
|
|
1740
|
+
return No(r, o);
|
|
1577
1741
|
}
|
|
1578
|
-
function
|
|
1579
|
-
const o =
|
|
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 =
|
|
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
|
|
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
|
|
1608
|
-
return
|
|
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
|
-
|
|
1614
|
-
},
|
|
1777
|
+
c(l, u);
|
|
1778
|
+
}, s;
|
|
1615
1779
|
}
|
|
1616
|
-
function
|
|
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,
|
|
1624
|
-
const
|
|
1625
|
-
a ?
|
|
1626
|
-
const l =
|
|
1627
|
-
history.replaceState(history.state, "",
|
|
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
|
|
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
|
|
1635
|
-
registry:
|
|
1636
|
-
daemonModel:
|
|
1637
|
-
reportModel:
|
|
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",
|
|
1805
|
+
p(this, "leftSidebarVisible", ae(this, {
|
|
1642
1806
|
storageKey: "component-explorer:leftSidebarVisible",
|
|
1643
1807
|
defaultValue: !0
|
|
1644
1808
|
}));
|
|
1645
|
-
p(this, "rightSidebarVisible",
|
|
1809
|
+
p(this, "rightSidebarVisible", ae(this, {
|
|
1646
1810
|
storageKey: "component-explorer:rightSidebarVisible",
|
|
1647
1811
|
defaultValue: !1
|
|
1648
1812
|
}));
|
|
1649
|
-
p(this, "isDarkTheme",
|
|
1813
|
+
p(this, "isDarkTheme", ae(this, {
|
|
1650
1814
|
storageKey: "component-explorer:isDarkTheme",
|
|
1651
1815
|
defaultValue: !0
|
|
1652
1816
|
}));
|
|
1653
|
-
p(this, "selectedNodeId",
|
|
1817
|
+
p(this, "selectedNodeId", oo(this, "fixture"));
|
|
1654
1818
|
p(this, "expandedNodeIds", B(this, this._initialExpandedNodes()));
|
|
1655
|
-
p(this, "viewMode",
|
|
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",
|
|
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
|
|
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
|
|
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
|
|
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
|
|
1826
|
-
return
|
|
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:
|
|
1999
|
+
entry: s
|
|
1836
2000
|
}]
|
|
1837
2001
|
}] : [];
|
|
1838
2002
|
}
|
|
1839
2003
|
const a = [];
|
|
1840
|
-
for (const
|
|
1841
|
-
const
|
|
1842
|
-
a.push(...this._collectReportRows(
|
|
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
|
|
2200
|
+
function Ve(...r) {
|
|
2037
2201
|
return Object.assign({}, ...r.filter(Boolean));
|
|
2038
2202
|
}
|
|
2039
|
-
class
|
|
2040
|
-
active:
|
|
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
|
|
2054
|
-
|
|
2217
|
+
const he = A(
|
|
2218
|
+
dn,
|
|
2055
2219
|
{
|
|
2056
|
-
onClick:
|
|
2057
|
-
title:
|
|
2058
|
-
children:
|
|
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 =
|
|
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__ */
|
|
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
|
-
),
|
|
2079
|
-
{ model:
|
|
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
|
|
2082
|
-
const o = e.model, n = o.viewMode.read(r), t = ((
|
|
2083
|
-
return t.length <= 1 ? null : /* @__PURE__ */
|
|
2084
|
-
/* @__PURE__ */
|
|
2085
|
-
/* @__PURE__ */
|
|
2086
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2252
|
+
a.length > 0 && /* @__PURE__ */ d("div", { style: ee.sessionLinks, children: a.map((l) => /* @__PURE__ */ m(
|
|
2089
2253
|
"button",
|
|
2090
2254
|
{
|
|
2091
|
-
style:
|
|
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
|
|
2105
|
-
return /* @__PURE__ */
|
|
2268
|
+
function ro({ label: r, mode: e, active: o, onClick: n }) {
|
|
2269
|
+
return /* @__PURE__ */ d(
|
|
2106
2270
|
"button",
|
|
2107
2271
|
{
|
|
2108
|
-
style: o ?
|
|
2272
|
+
style: o ? ee.segmentActive : ee.segment,
|
|
2109
2273
|
onClick: n,
|
|
2110
2274
|
children: r
|
|
2111
2275
|
}
|
|
2112
2276
|
);
|
|
2113
2277
|
}
|
|
2114
|
-
const
|
|
2278
|
+
const vn = H(
|
|
2115
2279
|
{
|
|
2116
|
-
model:
|
|
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__ */
|
|
2121
|
-
/* @__PURE__ */
|
|
2122
|
-
|
|
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__ */
|
|
2291
|
+
children: /* @__PURE__ */ d(mn, {})
|
|
2128
2292
|
}
|
|
2129
2293
|
) }),
|
|
2130
|
-
/* @__PURE__ */
|
|
2131
|
-
o.isReportMode ? /* @__PURE__ */
|
|
2132
|
-
a ? /* @__PURE__ */
|
|
2133
|
-
/* @__PURE__ */
|
|
2134
|
-
/* @__PURE__ */
|
|
2135
|
-
/* @__PURE__ */
|
|
2136
|
-
] }) : /* @__PURE__ */
|
|
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__ */
|
|
2139
|
-
/* @__PURE__ */
|
|
2140
|
-
|
|
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__ */
|
|
2309
|
+
children: i ? /* @__PURE__ */ d(fn, {}) : /* @__PURE__ */ d(xn, {})
|
|
2146
2310
|
}
|
|
2147
2311
|
),
|
|
2148
|
-
/* @__PURE__ */
|
|
2149
|
-
|
|
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__ */
|
|
2318
|
+
children: /* @__PURE__ */ d(hn, {})
|
|
2155
2319
|
}
|
|
2156
2320
|
)
|
|
2157
2321
|
] })
|
|
2158
2322
|
] });
|
|
2159
2323
|
}
|
|
2160
|
-
),
|
|
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
|
-
},
|
|
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
|
|
2213
|
-
return r.type === "component" ? 1 : (r.children ?? []).reduce((e, o) => e +
|
|
2376
|
+
function Go(r) {
|
|
2377
|
+
return r.type === "component" ? 1 : (r.children ?? []).reduce((e, o) => e + Go(o), 0);
|
|
2214
2378
|
}
|
|
2215
|
-
const
|
|
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
|
-
},
|
|
2391
|
+
}, zo = H(
|
|
2228
2392
|
{
|
|
2229
|
-
model:
|
|
2230
|
-
nodes:
|
|
2231
|
-
depth:
|
|
2393
|
+
model: h.const(),
|
|
2394
|
+
nodes: h.const(),
|
|
2395
|
+
depth: h.const()
|
|
2232
2396
|
},
|
|
2233
|
-
(r, e) => /* @__PURE__ */
|
|
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
|
|
2236
|
-
model:
|
|
2237
|
-
node:
|
|
2238
|
-
depth:
|
|
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
|
|
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,
|
|
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
|
-
|
|
2275
|
-
!
|
|
2438
|
+
c && x.treeItemSelected,
|
|
2439
|
+
!c && l && x.treeItemHover
|
|
2276
2440
|
);
|
|
2277
|
-
return /* @__PURE__ */
|
|
2278
|
-
/* @__PURE__ */
|
|
2441
|
+
return /* @__PURE__ */ m(Se, { children: [
|
|
2442
|
+
/* @__PURE__ */ m(
|
|
2279
2443
|
"div",
|
|
2280
2444
|
{
|
|
2281
|
-
style:
|
|
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__ */
|
|
2288
|
-
/* @__PURE__ */
|
|
2289
|
-
/* @__PURE__ */
|
|
2290
|
-
n.labels.some((
|
|
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:
|
|
2457
|
+
style: yn,
|
|
2294
2458
|
onClick: (f) => {
|
|
2295
|
-
f.stopPropagation(), o.searchQuery.set(
|
|
2459
|
+
f.stopPropagation(), o.searchQuery.set(g, void 0);
|
|
2296
2460
|
},
|
|
2297
|
-
title:
|
|
2298
|
-
children:
|
|
2461
|
+
title: g,
|
|
2462
|
+
children: g
|
|
2299
2463
|
},
|
|
2300
|
-
|
|
2464
|
+
g
|
|
2301
2465
|
)) }),
|
|
2302
|
-
n.type === "folder" && i && /* @__PURE__ */
|
|
2466
|
+
n.type === "folder" && i && /* @__PURE__ */ d("span", { style: x.treeItemCount, children: Go(n) })
|
|
2303
2467
|
]
|
|
2304
2468
|
}
|
|
2305
2469
|
),
|
|
2306
|
-
i && a && /* @__PURE__ */
|
|
2470
|
+
i && a && /* @__PURE__ */ d(zo, { model: o, nodes: n.children, depth: t + 1 })
|
|
2307
2471
|
] });
|
|
2308
|
-
}),
|
|
2472
|
+
}), _n = {
|
|
2309
2473
|
padding: "4px 8px",
|
|
2310
2474
|
borderBottom: "1px solid var(--component-explorer-panel-border)"
|
|
2311
|
-
},
|
|
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
|
-
},
|
|
2486
|
+
}, Sn = {
|
|
2323
2487
|
position: "relative"
|
|
2324
|
-
},
|
|
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
|
-
},
|
|
2505
|
+
}, In = H(
|
|
2342
2506
|
{
|
|
2343
|
-
model:
|
|
2507
|
+
model: h.const()
|
|
2344
2508
|
},
|
|
2345
2509
|
(r, e) => {
|
|
2346
2510
|
const o = e.model.searchQuery.read(r);
|
|
2347
|
-
return /* @__PURE__ */
|
|
2348
|
-
/* @__PURE__ */
|
|
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:
|
|
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__ */
|
|
2524
|
+
o && /* @__PURE__ */ d(
|
|
2361
2525
|
"button",
|
|
2362
2526
|
{
|
|
2363
|
-
style:
|
|
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
|
-
),
|
|
2535
|
+
), En = H(
|
|
2372
2536
|
{
|
|
2373
|
-
model:
|
|
2537
|
+
model: h.const()
|
|
2374
2538
|
},
|
|
2375
2539
|
(r, e) => {
|
|
2376
2540
|
const o = e.model.filteredTree.read(r);
|
|
2377
|
-
return /* @__PURE__ */
|
|
2378
|
-
/* @__PURE__ */
|
|
2379
|
-
/* @__PURE__ */
|
|
2380
|
-
/* @__PURE__ */
|
|
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
|
|
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
|
|
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__ */
|
|
2414
|
-
}),
|
|
2577
|
+
return /* @__PURE__ */ d("div", { style: n, onClick: e.toggle, children: /* @__PURE__ */ d("div", { style: t }) });
|
|
2578
|
+
}), Tn = H(
|
|
2415
2579
|
{
|
|
2416
|
-
node:
|
|
2580
|
+
node: h.const()
|
|
2417
2581
|
},
|
|
2418
|
-
(r, e) => e.node.type !== "component" ? /* @__PURE__ */
|
|
2419
|
-
/* @__PURE__ */
|
|
2420
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2586
|
+
/* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : string" })
|
|
2423
2587
|
] }),
|
|
2424
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2597
|
+
/* @__PURE__ */ d("div", { style: x.propertyDescription, children: "Button text content" })
|
|
2434
2598
|
] }),
|
|
2435
|
-
/* @__PURE__ */
|
|
2436
|
-
/* @__PURE__ */
|
|
2599
|
+
/* @__PURE__ */ m("div", { style: x.propertyRow, children: [
|
|
2600
|
+
/* @__PURE__ */ m("div", { style: x.propertyLabel, children: [
|
|
2437
2601
|
"variant",
|
|
2438
|
-
/* @__PURE__ */
|
|
2602
|
+
/* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
|
|
2439
2603
|
] }),
|
|
2440
|
-
/* @__PURE__ */
|
|
2441
|
-
/* @__PURE__ */
|
|
2442
|
-
/* @__PURE__ */
|
|
2443
|
-
/* @__PURE__ */
|
|
2444
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2610
|
+
/* @__PURE__ */ d("div", { style: x.propertyDescription, children: "Visual style variant" })
|
|
2447
2611
|
] }),
|
|
2448
|
-
/* @__PURE__ */
|
|
2449
|
-
/* @__PURE__ */
|
|
2612
|
+
/* @__PURE__ */ m("div", { style: x.propertyRow, children: [
|
|
2613
|
+
/* @__PURE__ */ m("div", { style: x.propertyLabel, children: [
|
|
2450
2614
|
"size",
|
|
2451
|
-
/* @__PURE__ */
|
|
2615
|
+
/* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : select" })
|
|
2452
2616
|
] }),
|
|
2453
|
-
/* @__PURE__ */
|
|
2454
|
-
/* @__PURE__ */
|
|
2455
|
-
/* @__PURE__ */
|
|
2456
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2622
|
+
/* @__PURE__ */ d("div", { style: x.propertyDescription, children: "Button size" })
|
|
2459
2623
|
] }),
|
|
2460
|
-
/* @__PURE__ */
|
|
2461
|
-
/* @__PURE__ */
|
|
2624
|
+
/* @__PURE__ */ m("div", { style: x.propertyRow, children: [
|
|
2625
|
+
/* @__PURE__ */ m("div", { style: x.propertyLabel, children: [
|
|
2462
2626
|
"disabled",
|
|
2463
|
-
/* @__PURE__ */
|
|
2627
|
+
/* @__PURE__ */ d("span", { style: { color: "var(--component-explorer-descriptionForeground)" }, children: " : boolean" })
|
|
2464
2628
|
] }),
|
|
2465
|
-
/* @__PURE__ */
|
|
2466
|
-
/* @__PURE__ */
|
|
2629
|
+
/* @__PURE__ */ d(Hn, {}),
|
|
2630
|
+
/* @__PURE__ */ d("div", { style: x.propertyDescription, children: "Disable the button" })
|
|
2467
2631
|
] })
|
|
2468
2632
|
] })
|
|
2469
|
-
),
|
|
2633
|
+
), Mn = H(
|
|
2470
2634
|
{
|
|
2471
|
-
selectedNode:
|
|
2635
|
+
selectedNode: h.const()
|
|
2472
2636
|
},
|
|
2473
|
-
(r, e) => /* @__PURE__ */
|
|
2474
|
-
/* @__PURE__ */
|
|
2475
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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
|
-
),
|
|
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
|
-
]),
|
|
2488
|
-
type:
|
|
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
|
-
}),
|
|
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:
|
|
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(
|
|
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:
|
|
2703
|
+
coverage: no.optional()
|
|
2540
2704
|
}))
|
|
2541
2705
|
});
|
|
2542
|
-
function
|
|
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
|
|
2549
|
-
function
|
|
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 >
|
|
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
|
|
2582
|
-
function
|
|
2583
|
-
|
|
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
|
|
2586
|
-
return
|
|
2749
|
+
function Nn() {
|
|
2750
|
+
return Po.getAll();
|
|
2587
2751
|
}
|
|
2588
|
-
function
|
|
2589
|
-
|
|
2752
|
+
function An(r, e) {
|
|
2753
|
+
$o.set(r, e);
|
|
2590
2754
|
}
|
|
2591
|
-
function
|
|
2592
|
-
return
|
|
2755
|
+
function Gn(r) {
|
|
2756
|
+
return $o.get(r);
|
|
2593
2757
|
}
|
|
2594
|
-
const
|
|
2595
|
-
function
|
|
2596
|
-
|
|
2758
|
+
const Wo = Le("component-explorer:fixtureContentWidths");
|
|
2759
|
+
function zn(r, e) {
|
|
2760
|
+
Wo.set(r, e);
|
|
2597
2761
|
}
|
|
2598
|
-
function
|
|
2599
|
-
return
|
|
2762
|
+
function Pn(r) {
|
|
2763
|
+
return Wo.get(r);
|
|
2600
2764
|
}
|
|
2601
|
-
let
|
|
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:
|
|
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
|
|
2655
|
-
function
|
|
2818
|
+
const io = 3e3;
|
|
2819
|
+
function ao(r) {
|
|
2656
2820
|
return !!r && typeof r.then == "function";
|
|
2657
2821
|
}
|
|
2658
|
-
function
|
|
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
|
|
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
|
|
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
|
|
2691
|
-
if (this._styleTarget =
|
|
2692
|
-
const { injectedElements:
|
|
2693
|
-
this._injectedElements =
|
|
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"),
|
|
2859
|
+
this.renderTarget = document.createElement("div"), s.appendChild(this.renderTarget);
|
|
2696
2860
|
} else if (i === "iframe") {
|
|
2697
|
-
const
|
|
2698
|
-
|
|
2699
|
-
const
|
|
2700
|
-
|
|
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),
|
|
2703
|
-
let
|
|
2704
|
-
const
|
|
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 ===
|
|
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
|
-
|
|
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 },
|
|
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",
|
|
2720
|
-
window.removeEventListener("message",
|
|
2721
|
-
}), this.renderTarget =
|
|
2722
|
-
|
|
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:
|
|
2728
|
-
this._injectedElements =
|
|
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: (
|
|
2901
|
+
addDisposable: (s) => (this._disposables.push(s), s),
|
|
2738
2902
|
host: this._renderHost,
|
|
2739
2903
|
input: this._input
|
|
2740
2904
|
});
|
|
2741
|
-
} catch (
|
|
2742
|
-
const
|
|
2743
|
-
message:
|
|
2744
|
-
stack:
|
|
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:
|
|
2910
|
+
this._resolvedResult = { error: c }, this._rendered = Promise.reject(c);
|
|
2747
2911
|
return;
|
|
2748
2912
|
}
|
|
2749
|
-
a instanceof Promise ? this._rendered = a.then((
|
|
2750
|
-
var
|
|
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 = (
|
|
2754
|
-
|
|
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 =
|
|
2761
|
-
}).catch((
|
|
2762
|
-
const
|
|
2763
|
-
message:
|
|
2764
|
-
stack:
|
|
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:
|
|
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 ${
|
|
2773
|
-
},
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
2979
|
+
function jn(r) {
|
|
2816
2980
|
Be = r;
|
|
2817
2981
|
}
|
|
2818
|
-
function
|
|
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
|
|
2987
|
+
const jo = /* @__PURE__ */ new WeakSet(), so = HTMLElement.prototype.focus;
|
|
2824
2988
|
HTMLElement.prototype.focus = function(r) {
|
|
2825
|
-
!(r != null && r.preventScroll) &&
|
|
2989
|
+
!(r != null && r.preventScroll) && qn(this) ? so.call(this, { ...r, preventScroll: !0 }) : so.call(this, r);
|
|
2826
2990
|
};
|
|
2827
|
-
function
|
|
2991
|
+
function qn(r) {
|
|
2828
2992
|
let e = r;
|
|
2829
2993
|
for (; e; ) {
|
|
2830
|
-
if (e instanceof HTMLElement &&
|
|
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
|
|
2837
|
-
|
|
3000
|
+
function Qn(r) {
|
|
3001
|
+
jo.add(r);
|
|
2838
3002
|
}
|
|
2839
|
-
function
|
|
2840
|
-
return
|
|
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
|
|
2848
|
-
class
|
|
2849
|
-
fixture:
|
|
2850
|
-
compact:
|
|
2851
|
-
onSelect:
|
|
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-${
|
|
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 =
|
|
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
|
|
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,
|
|
2874
|
-
const
|
|
2875
|
-
this._rendering =
|
|
2876
|
-
this.error.set(
|
|
2877
|
-
}), this._resizeObserver = new ResizeObserver((
|
|
2878
|
-
for (const l of
|
|
2879
|
-
const { width:
|
|
2880
|
-
|
|
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(
|
|
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
|
|
2904
|
-
|
|
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),
|
|
2908
|
-
return /* @__PURE__ */
|
|
2909
|
-
/* @__PURE__ */
|
|
2910
|
-
|
|
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:
|
|
2914
|
-
style: { ...
|
|
2915
|
-
onClick: (
|
|
2916
|
-
e.onSelect && (
|
|
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
|
-
!
|
|
2922
|
-
/* @__PURE__ */
|
|
3085
|
+
!s && c && /* @__PURE__ */ d("span", { style: $.dimensions, children: c }),
|
|
3086
|
+
/* @__PURE__ */ d(
|
|
2923
3087
|
"a",
|
|
2924
3088
|
{
|
|
2925
|
-
href:
|
|
3089
|
+
href: Kn(o.id),
|
|
2926
3090
|
target: "_blank",
|
|
2927
3091
|
rel: "noopener noreferrer",
|
|
2928
3092
|
title: "Open in embedded mode",
|
|
2929
|
-
style:
|
|
2930
|
-
children: /* @__PURE__ */
|
|
3093
|
+
style: $.embeddedLink,
|
|
3094
|
+
children: /* @__PURE__ */ d(rt, {})
|
|
2931
3095
|
}
|
|
2932
3096
|
)
|
|
2933
3097
|
] }),
|
|
2934
|
-
/* @__PURE__ */
|
|
2935
|
-
a && /* @__PURE__ */
|
|
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
|
-
),
|
|
2939
|
-
function
|
|
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
|
|
3111
|
+
const Zn = {
|
|
2948
3112
|
backgroundColor: "#ffffff",
|
|
2949
|
-
backgroundImage:
|
|
2950
|
-
},
|
|
3113
|
+
backgroundImage: qo("#ffffff", "#e5e5e5")
|
|
3114
|
+
}, Xn = {
|
|
2951
3115
|
backgroundColor: "#1e1e1e",
|
|
2952
|
-
backgroundImage:
|
|
2953
|
-
},
|
|
3116
|
+
backgroundImage: qo("#1e1e1e", "#2d2d2d")
|
|
3117
|
+
}, et = {
|
|
2954
3118
|
display: "inline-block",
|
|
2955
3119
|
padding: "12px",
|
|
2956
3120
|
borderRadius: "4px",
|
|
2957
|
-
backgroundSize: `${
|
|
2958
|
-
backgroundPosition: `0 0, 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
|
|
2964
|
-
const e = r === "dark" ?
|
|
3127
|
+
function ot(r) {
|
|
3128
|
+
const e = r === "dark" ? Xn : Zn;
|
|
2965
3129
|
return {
|
|
2966
|
-
|
|
3130
|
+
...et,
|
|
2967
3131
|
backgroundColor: e.backgroundColor,
|
|
2968
3132
|
backgroundImage: e.backgroundImage
|
|
2969
3133
|
};
|
|
2970
3134
|
}
|
|
2971
|
-
const
|
|
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
|
|
3015
|
-
return /* @__PURE__ */
|
|
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
|
|
3018
|
-
const [e, o] =
|
|
3019
|
-
return /* @__PURE__ */
|
|
3020
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3027
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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
|
|
3080
|
-
fixtureId:
|
|
3081
|
-
sessionName:
|
|
3082
|
-
daemon:
|
|
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(
|
|
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
|
|
3107
|
-
|
|
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__ */
|
|
3277
|
+
return /* @__PURE__ */ d("div", { style: W.placeholder, children: /* @__PURE__ */ d("div", { style: W.shimmer }) });
|
|
3114
3278
|
if (o.status === "error")
|
|
3115
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
3281
|
+
return n.image ? /* @__PURE__ */ d(
|
|
3118
3282
|
"img",
|
|
3119
3283
|
{
|
|
3120
3284
|
src: `data:image/png;base64,${n.image}`,
|
|
3121
|
-
style:
|
|
3285
|
+
style: W.image,
|
|
3122
3286
|
alt: `Screenshot of ${e.fixtureId}`
|
|
3123
3287
|
}
|
|
3124
|
-
) : /* @__PURE__ */
|
|
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
|
-
),
|
|
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
|
|
3170
|
-
fixtureId:
|
|
3171
|
-
daemon:
|
|
3172
|
-
baselineSession:
|
|
3173
|
-
currentSession:
|
|
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(
|
|
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
|
|
3210
|
-
|
|
3373
|
+
const at = A(
|
|
3374
|
+
it,
|
|
3211
3375
|
{},
|
|
3212
3376
|
(r, e) => {
|
|
3213
|
-
const o = e.comparisonStatus.read(r), n = o.status === "loading" ? /* @__PURE__ */
|
|
3214
|
-
return /* @__PURE__ */
|
|
3215
|
-
/* @__PURE__ */
|
|
3216
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3220
|
-
/* @__PURE__ */
|
|
3221
|
-
/* @__PURE__ */
|
|
3222
|
-
/* @__PURE__ */
|
|
3223
|
-
|
|
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__ */
|
|
3232
|
-
/* @__PURE__ */
|
|
3233
|
-
/* @__PURE__ */
|
|
3234
|
-
|
|
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
|
-
),
|
|
3409
|
+
), ct = H(
|
|
3246
3410
|
{
|
|
3247
|
-
name:
|
|
3248
|
-
path:
|
|
3249
|
-
items:
|
|
3250
|
-
daemon:
|
|
3251
|
-
baselineSession:
|
|
3252
|
-
currentSession:
|
|
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__ */
|
|
3255
|
-
|
|
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
|
-
},
|
|
3325
|
-
function
|
|
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
|
|
3497
|
+
const st = {
|
|
3334
3498
|
backgroundColor: "#ffffff",
|
|
3335
|
-
backgroundImage:
|
|
3336
|
-
},
|
|
3499
|
+
backgroundImage: Qo("#ffffff", "#e5e5e5")
|
|
3500
|
+
}, dt = {
|
|
3337
3501
|
backgroundColor: "#1e1e1e",
|
|
3338
|
-
backgroundImage:
|
|
3339
|
-
},
|
|
3502
|
+
backgroundImage: Qo("#1e1e1e", "#2d2d2d")
|
|
3503
|
+
}, lt = {
|
|
3340
3504
|
display: "inline-block",
|
|
3341
3505
|
padding: "12px",
|
|
3342
3506
|
borderRadius: "4px",
|
|
3343
|
-
backgroundSize: `${
|
|
3344
|
-
backgroundPosition: `0 0, 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
|
|
3348
|
-
const e = r === "dark" ?
|
|
3511
|
+
function pt(r) {
|
|
3512
|
+
const e = r === "dark" ? dt : st;
|
|
3349
3513
|
return {
|
|
3350
|
-
...
|
|
3514
|
+
...lt,
|
|
3351
3515
|
backgroundColor: e.backgroundColor,
|
|
3352
3516
|
backgroundImage: e.backgroundImage
|
|
3353
3517
|
};
|
|
3354
3518
|
}
|
|
3355
|
-
function
|
|
3356
|
-
return /* @__PURE__ */
|
|
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
|
|
3522
|
+
const ut = H(
|
|
3359
3523
|
{
|
|
3360
|
-
item:
|
|
3361
|
-
reportModel:
|
|
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__ */
|
|
3365
|
-
return /* @__PURE__ */
|
|
3366
|
-
/* @__PURE__ */
|
|
3367
|
-
/* @__PURE__ */
|
|
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
|
-
|
|
3371
|
-
t.baselineScreenshot && /* @__PURE__ */
|
|
3372
|
-
/* @__PURE__ */
|
|
3373
|
-
/* @__PURE__ */
|
|
3374
|
-
|
|
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__ */
|
|
3383
|
-
/* @__PURE__ */
|
|
3384
|
-
/* @__PURE__ */
|
|
3385
|
-
|
|
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
|
-
!
|
|
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
|
-
),
|
|
3564
|
+
), gt = H(
|
|
3401
3565
|
{
|
|
3402
|
-
name:
|
|
3403
|
-
path:
|
|
3404
|
-
items:
|
|
3405
|
-
reportModel:
|
|
3566
|
+
name: h.const(),
|
|
3567
|
+
path: h.const(),
|
|
3568
|
+
items: h.const(),
|
|
3569
|
+
reportModel: h.const()
|
|
3406
3570
|
},
|
|
3407
|
-
(r, e) => /* @__PURE__ */
|
|
3408
|
-
|
|
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
|
-
},
|
|
3480
|
-
const
|
|
3481
|
-
function
|
|
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(
|
|
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
|
|
3653
|
+
function ft(r, e) {
|
|
3490
3654
|
try {
|
|
3491
|
-
const o =
|
|
3655
|
+
const o = Jo();
|
|
3492
3656
|
o[r] = e;
|
|
3493
|
-
const n = Object.entries(o), t = n.length >
|
|
3494
|
-
localStorage.setItem(
|
|
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
|
|
3499
|
-
return
|
|
3662
|
+
function xt(r) {
|
|
3663
|
+
return Jo()[r];
|
|
3500
3664
|
}
|
|
3501
|
-
function
|
|
3665
|
+
function Yo(r) {
|
|
3502
3666
|
return r.type === "single" ? r.fixture.id : r.id;
|
|
3503
3667
|
}
|
|
3504
|
-
function
|
|
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(
|
|
3509
|
-
o[t] = { top: n, height: i }, n += i +
|
|
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
|
|
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
|
|
3690
|
+
function vt(r, e, o) {
|
|
3527
3691
|
if (r.length === 0) return { start: 0, end: 0 };
|
|
3528
|
-
const n =
|
|
3692
|
+
const n = Zo(r, e - uo);
|
|
3529
3693
|
let t = n;
|
|
3530
|
-
const i = e + o +
|
|
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
|
|
3699
|
+
function mo(r, e) {
|
|
3536
3700
|
if (r.length === 0) return;
|
|
3537
|
-
const o =
|
|
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
|
|
3707
|
+
function ho(r, e) {
|
|
3544
3708
|
return e.rowIndex >= r.length ? 0 : r[e.rowIndex].top - e.offsetFromViewport;
|
|
3545
3709
|
}
|
|
3546
|
-
function
|
|
3710
|
+
function fo(r) {
|
|
3547
3711
|
return r.type === "single" ? r.fixture.path : r.path;
|
|
3548
3712
|
}
|
|
3549
|
-
function
|
|
3713
|
+
function xo(r) {
|
|
3550
3714
|
return r.split(" / ").slice(1);
|
|
3551
3715
|
}
|
|
3552
|
-
function
|
|
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,
|
|
3557
|
-
depth: i +
|
|
3720
|
+
return r.slice(i).map((a, s) => ({
|
|
3721
|
+
depth: i + s,
|
|
3558
3722
|
name: a,
|
|
3559
|
-
nodeId: n.slice(0, t + i +
|
|
3723
|
+
nodeId: n.slice(0, t + i + s + 1).join("/")
|
|
3560
3724
|
}));
|
|
3561
3725
|
return [];
|
|
3562
3726
|
}
|
|
3563
|
-
const
|
|
3564
|
-
function
|
|
3565
|
-
return
|
|
3727
|
+
const bo = ["h1", "h2", "h3", "h4"];
|
|
3728
|
+
function yt(r) {
|
|
3729
|
+
return bo[Math.min(r, bo.length - 1)];
|
|
3566
3730
|
}
|
|
3567
|
-
const
|
|
3568
|
-
function
|
|
3731
|
+
const vo = ["22px", "15px", "13px", "12px"];
|
|
3732
|
+
function wt(r) {
|
|
3569
3733
|
return {
|
|
3570
|
-
fontSize:
|
|
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
|
|
3580
|
-
model:
|
|
3743
|
+
class Bt extends N({
|
|
3744
|
+
model: h.const()
|
|
3581
3745
|
}) {
|
|
3582
3746
|
constructor() {
|
|
3583
3747
|
super(...arguments);
|
|
3584
|
-
p(this, "_rowHeights", B(this,
|
|
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
|
|
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
|
|
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 =
|
|
3618
|
-
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
|
|
3626
|
-
for (const
|
|
3627
|
-
const l =
|
|
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
|
|
3630
|
-
|
|
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
|
|
3797
|
+
const c = this.layout.get(), l = this._scrollTop.get(), u = mo(c, l);
|
|
3634
3798
|
this._rowHeights.set(a, void 0);
|
|
3635
|
-
const
|
|
3636
|
-
if (
|
|
3637
|
-
const f =
|
|
3638
|
-
Math.abs(b) > 2 && (_e(
|
|
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 =
|
|
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 =
|
|
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
|
|
3684
|
-
|
|
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
|
|
3690
|
-
if (
|
|
3691
|
-
const l =
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
3703
|
-
return /* @__PURE__ */
|
|
3704
|
-
const
|
|
3705
|
-
return /* @__PURE__ */
|
|
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:
|
|
3873
|
+
style: { position: "absolute", top: g, left: le, right: le },
|
|
3710
3874
|
children: [
|
|
3711
3875
|
y.map((v) => {
|
|
3712
|
-
const _ =
|
|
3713
|
-
return /* @__PURE__ */
|
|
3876
|
+
const _ = yt(v.depth);
|
|
3877
|
+
return /* @__PURE__ */ d(_, { style: wt(v.depth), children: /* @__PURE__ */ d(
|
|
3714
3878
|
"a",
|
|
3715
3879
|
{
|
|
3716
|
-
href:
|
|
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
|
-
|
|
3726
|
-
|
|
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:
|
|
3729
|
-
path:
|
|
3730
|
-
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
|
-
) :
|
|
3736
|
-
|
|
3899
|
+
) : c.type === "report-comparison" && e.explorerModel.reportModel ? /* @__PURE__ */ d(
|
|
3900
|
+
gt,
|
|
3737
3901
|
{
|
|
3738
|
-
name:
|
|
3739
|
-
path:
|
|
3740
|
-
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
|
-
),
|
|
3914
|
+
), Ct = H(
|
|
3751
3915
|
{
|
|
3752
|
-
row:
|
|
3753
|
-
onSelect:
|
|
3916
|
+
row: h.const(),
|
|
3917
|
+
onSelect: h.const()
|
|
3754
3918
|
},
|
|
3755
3919
|
(r, e) => {
|
|
3756
3920
|
const o = e.row;
|
|
3757
|
-
return /* @__PURE__ */
|
|
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
|
|
3788
|
-
store:
|
|
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
|
|
3805
|
-
|
|
3806
|
-
{ store:
|
|
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__ */
|
|
3810
|
-
/* @__PURE__ */
|
|
3973
|
+
return n.length === 0 ? null : /* @__PURE__ */ m("div", { style: G.container, children: [
|
|
3974
|
+
/* @__PURE__ */ m(
|
|
3811
3975
|
"button",
|
|
3812
3976
|
{
|
|
3813
|
-
style:
|
|
3977
|
+
style: G.header,
|
|
3814
3978
|
onClick: () => e.toggleExpanded(),
|
|
3815
3979
|
children: [
|
|
3816
|
-
/* @__PURE__ */
|
|
3817
|
-
/* @__PURE__ */
|
|
3818
|
-
/* @__PURE__ */
|
|
3819
|
-
t > 0 && /* @__PURE__ */
|
|
3820
|
-
n.length > t && /* @__PURE__ */
|
|
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__ */
|
|
3986
|
+
/* @__PURE__ */ d(
|
|
3823
3987
|
"button",
|
|
3824
3988
|
{
|
|
3825
|
-
style:
|
|
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__ */
|
|
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
|
|
3841
|
-
const [e, o] =
|
|
3842
|
-
return /* @__PURE__ */
|
|
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
|
-
...
|
|
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__ */
|
|
3852
|
-
/* @__PURE__ */
|
|
3853
|
-
/* @__PURE__ */
|
|
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__ */
|
|
4019
|
+
r.stack && /* @__PURE__ */ d(
|
|
3856
4020
|
"span",
|
|
3857
4021
|
{
|
|
3858
|
-
style:
|
|
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__ */
|
|
4029
|
+
e && r.stack && /* @__PURE__ */ d("pre", { style: Z.stack, children: r.stack })
|
|
3866
4030
|
]
|
|
3867
4031
|
}
|
|
3868
4032
|
);
|
|
3869
4033
|
}
|
|
3870
|
-
const
|
|
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
|
-
},
|
|
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
|
-
},
|
|
3976
|
-
|
|
3977
|
-
const
|
|
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
|
-
},
|
|
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
|
-
},
|
|
3996
|
-
|
|
3997
|
-
{ daemonModel:
|
|
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__ */
|
|
4002
|
-
/* @__PURE__ */
|
|
4003
|
-
/* @__PURE__ */
|
|
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__ */
|
|
4007
|
-
/* @__PURE__ */
|
|
4008
|
-
/* @__PURE__ */
|
|
4009
|
-
/* @__PURE__ */
|
|
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),
|
|
4014
|
-
return /* @__PURE__ */
|
|
4015
|
-
a && /* @__PURE__ */
|
|
4016
|
-
/* @__PURE__ */
|
|
4017
|
-
/* @__PURE__ */
|
|
4018
|
-
/* @__PURE__ */
|
|
4019
|
-
/* @__PURE__ */
|
|
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
|
-
|
|
4185
|
+
s && /* @__PURE__ */ d(Mn, { selectedNode: c })
|
|
4022
4186
|
] });
|
|
4023
4187
|
}
|
|
4024
4188
|
);
|
|
4025
|
-
var
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
|
4064
|
-
return new
|
|
4065
|
-
var
|
|
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
|
-
...(
|
|
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
|
|
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
|
-
|
|
4243
|
+
u = `${f}${b ? `
|
|
4080
4244
|
${b}` : ""}`;
|
|
4081
4245
|
} else
|
|
4082
|
-
|
|
4083
|
-
const
|
|
4084
|
-
throw (
|
|
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") ?
|
|
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
|
|
4093
|
-
const
|
|
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
|
-
|
|
4262
|
+
u += g.decode(y, { stream: !0 });
|
|
4099
4263
|
let v;
|
|
4100
|
-
for (; (v =
|
|
4264
|
+
for (; (v = u.indexOf(`
|
|
4101
4265
|
`)) >= 0; ) {
|
|
4102
|
-
const _ =
|
|
4103
|
-
|
|
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 =
|
|
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
|
|
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 =
|
|
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 =
|
|
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 =
|
|
4229
|
-
if (n.major !==
|
|
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 ${
|
|
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
|
|
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
|
|
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
|
|
4264
|
-
const e = { id: new
|
|
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
|
|
4430
|
+
const t = new V(o).segments;
|
|
4267
4431
|
let i = e;
|
|
4268
4432
|
for (let a = 0; a < t.length; a++) {
|
|
4269
|
-
const
|
|
4270
|
-
if (
|
|
4271
|
-
const
|
|
4272
|
-
(n == null ? void 0 : n.status) === "changed" && !
|
|
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:
|
|
4438
|
+
name: s,
|
|
4275
4439
|
type: "component",
|
|
4276
4440
|
reportEntry: n,
|
|
4277
|
-
labels:
|
|
4441
|
+
labels: u
|
|
4278
4442
|
});
|
|
4279
4443
|
} else {
|
|
4280
|
-
let
|
|
4281
|
-
|
|
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
|
|
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
|
|
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
|
-
(
|
|
4296
|
-
this._populateRegistry(
|
|
4459
|
+
(s) => {
|
|
4460
|
+
this._populateRegistry(s), this._registry.loading.set(!1, void 0), this._registry.error.set(void 0, void 0);
|
|
4297
4461
|
},
|
|
4298
|
-
(
|
|
4299
|
-
const
|
|
4300
|
-
this._registry.loading.set(!1, void 0), this._registry.error.set(
|
|
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([
|
|
4305
|
-
`)), t.adoptedStyleSheets = [i],
|
|
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 =
|
|
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
|
|
4480
|
+
return new Lt(o);
|
|
4317
4481
|
}
|
|
4318
4482
|
_initializeDaemonModel(e) {
|
|
4319
4483
|
if (!e)
|
|
4320
4484
|
return;
|
|
4321
|
-
const o = new
|
|
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
|
|
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((
|
|
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((
|
|
4579
|
+
${M.map((ue) => ` - ${ue}`).join(`
|
|
4416
4580
|
`)}` : "";
|
|
4417
|
-
throw new Error("Fixture not found: " + e +
|
|
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,
|
|
4426
|
-
let
|
|
4589
|
+
const a = n.component, s = [];
|
|
4590
|
+
let c;
|
|
4427
4591
|
const l = (w) => {
|
|
4428
|
-
|
|
4429
|
-
},
|
|
4430
|
-
let
|
|
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
|
|
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
|
-
|
|
4601
|
+
g = M == null ? void 0 : M.output;
|
|
4438
4602
|
} catch (w) {
|
|
4439
4603
|
l(this._toError(w));
|
|
4440
4604
|
} finally {
|
|
4441
|
-
|
|
4605
|
+
u();
|
|
4442
4606
|
}
|
|
4443
|
-
|
|
4444
|
-
const C = performance.now() - f, y = !!
|
|
4445
|
-
return { hasError: y, error:
|
|
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 = (
|
|
4456
|
-
for (const l of
|
|
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 = (...
|
|
4461
|
-
e.push({ type: "console.error", message:
|
|
4462
|
-
}, console.warn = (...
|
|
4463
|
-
e.push({ type: "console.warn", message:
|
|
4464
|
-
}, console.log = (...
|
|
4465
|
-
e.push({ type: "console.log", message:
|
|
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 = (
|
|
4631
|
+
const a = (c) => {
|
|
4468
4632
|
var l;
|
|
4469
|
-
e.push({ type: "window.error", message:
|
|
4470
|
-
},
|
|
4471
|
-
const l =
|
|
4472
|
-
e.push({ type: "window.unhandledrejection", message:
|
|
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",
|
|
4475
|
-
console.error = o, console.warn = n, console.log = t, window.removeEventListener("error", a), window.removeEventListener("unhandledrejection",
|
|
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
|
|
4654
|
+
return se(o);
|
|
4491
4655
|
}
|
|
4492
4656
|
_flattenFixtures(e, o = [], n = []) {
|
|
4493
|
-
var a,
|
|
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: ((
|
|
4502
|
-
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
|
|
4506
|
-
i.push(...this._flattenFixtures(l,
|
|
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:
|
|
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
|
|
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
|
|
4541
|
-
return e.map((n) => ({ id: n, dist:
|
|
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
|
|
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,
|
|
4763
|
+
var a, s;
|
|
4600
4764
|
if ((a = this._rendering) == null || a.dispose().catch(() => {
|
|
4601
|
-
}), this._rendering = void 0, (
|
|
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
|
|
4611
|
-
this._rendering =
|
|
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 (
|
|
4615
|
-
this._postError({ message:
|
|
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
|
|
4783
|
+
const c = n.renderTarget.getBoundingClientRect();
|
|
4620
4784
|
window.parent.postMessage({
|
|
4621
4785
|
type: "component-explorer:resize",
|
|
4622
4786
|
fixtureId: t,
|
|
4623
|
-
width:
|
|
4624
|
-
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
|
|
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
|
|
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 =
|
|
4655
|
-
class
|
|
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 =
|
|
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
|
|
4665
|
-
this._runtime = new
|
|
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
|
|
4668
|
-
this._runtime = i.mode === "headless" ? new
|
|
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
|
-
|
|
4680
|
-
|
|
4681
|
-
|
|
4682
|
-
|
|
4683
|
-
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
4687
|
-
|
|
4688
|
-
|
|
4689
|
-
|
|
4690
|
-
|
|
4691
|
-
|
|
4692
|
-
|
|
4693
|
-
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4697
|
-
|
|
4698
|
-
|
|
4699
|
-
|
|
4700
|
-
|
|
4701
|
-
|
|
4702
|
-
|
|
4703
|
-
|
|
4704
|
-
|
|
4705
|
-
|
|
4706
|
-
|
|
4707
|
-
|
|
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
|
-
|
|
4710
|
-
|
|
4711
|
-
|
|
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
|
-
|
|
4716
|
-
|
|
4717
|
-
|
|
4718
|
-
|
|
4719
|
-
|
|
4720
|
-
|
|
4721
|
-
|
|
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
|
-
|
|
4724
|
-
|
|
4887
|
+
gi as syncRender,
|
|
4888
|
+
Do as toExplorerTree
|
|
4725
4889
|
};
|
|
4726
4890
|
//# sourceMappingURL=viewer.js.map
|