@concavejs/devtools 0.0.1-alpha.11 → 0.0.1-alpha.13
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/{client-CRYWrjNv.js → client-Bnix0wGg.js} +195 -192
- package/dist/client.js +1 -1
- package/dist/index.js +266 -268
- package/dist/interceptor/websocket-interceptor.d.ts +6 -4
- package/dist/store/event-store.d.ts +1 -0
- package/dist/vite-plugin.js +143 -98
- package/package.json +3 -3
|
@@ -34,7 +34,7 @@ function Yt(e) {
|
|
|
34
34
|
} catch {
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
const be = "0.0.1-alpha.
|
|
37
|
+
const be = "0.0.1-alpha.11", Zt = {
|
|
38
38
|
version: be
|
|
39
39
|
}, de = Zt.version.length > 0 ? Zt.version : "0.0.0", ce = de;
|
|
40
40
|
de.split("-")[0];
|
|
@@ -67,8 +67,8 @@ class Nt {
|
|
|
67
67
|
static MAX_EVENTS = 1e4;
|
|
68
68
|
static MAX_SIMULATED_LATENCY_MS = 5e3;
|
|
69
69
|
constructor(r = 1e3, a = "global") {
|
|
70
|
-
const
|
|
71
|
-
this.storageKey = `${ge}:${d}`, this.settingsKey = `${fe}:${d}`, this.persistenceEnabled =
|
|
70
|
+
const i = typeof r == "number" ? { maxEvents: r, storageScope: a } : r, d = (i.storageScope ?? "global").trim() || "global";
|
|
71
|
+
this.storageKey = `${ge}:${d}`, this.settingsKey = `${fe}:${d}`, this.persistenceEnabled = i.enablePersistence !== !1, this.maxEvents = i.maxEvents ?? 1e3, this.persistenceEnabled || (this.settings.persistEvents = !1), this.loadSettings(), this.persistenceEnabled || (this.settings.persistEvents = !1), this.loadPersistedEvents();
|
|
72
72
|
}
|
|
73
73
|
/**
|
|
74
74
|
* Add an event to the store
|
|
@@ -76,9 +76,9 @@ class Nt {
|
|
|
76
76
|
addEvent(r) {
|
|
77
77
|
if (!this.isPaused && !(r.type === "log" && !this.settings.captureLogLines) && !this.recentEventIds.has(r.id)) {
|
|
78
78
|
if (this.recentEventIds.add(r.id), this.recentEventIds.size > te) {
|
|
79
|
-
const a = this.recentEventIds.size - te,
|
|
79
|
+
const a = this.recentEventIds.size - te, i = this.recentEventIds.values();
|
|
80
80
|
for (let d = 0; d < a; d++)
|
|
81
|
-
this.recentEventIds.delete(
|
|
81
|
+
this.recentEventIds.delete(i.next().value);
|
|
82
82
|
}
|
|
83
83
|
if (this.reconcilePendingOperation(r), this.events.push(r), this.events.length > this.maxEvents + 100 && (this.events = this.events.slice(-this.maxEvents)), r.type === "subscription")
|
|
84
84
|
this.updateSubscription(r);
|
|
@@ -179,12 +179,12 @@ class Nt {
|
|
|
179
179
|
y !== null && N.push({ event: k, duration: y });
|
|
180
180
|
}
|
|
181
181
|
return N;
|
|
182
|
-
},
|
|
182
|
+
}, i = a(this.getEventsByType("query")), d = a(this.getEventsByType("mutation")), x = a(this.getEventsByType("action")), c = (b) => b.length === 0 ? 0 : b.reduce((k, y) => k + y, 0) / b.length, m = (b, N) => {
|
|
183
183
|
if (b.length === 0) return 0;
|
|
184
184
|
const k = [...b].sort((S, $) => S - $), y = Math.floor(k.length * N);
|
|
185
185
|
return k[Math.min(y, k.length - 1)] || 0;
|
|
186
186
|
}, w = [
|
|
187
|
-
...
|
|
187
|
+
...i.map(({ event: b, duration: N }) => ({
|
|
188
188
|
type: "query",
|
|
189
189
|
eventId: b.id,
|
|
190
190
|
udfPath: b.udfPath,
|
|
@@ -205,9 +205,9 @@ class Nt {
|
|
|
205
205
|
duration: N,
|
|
206
206
|
timestamp: b.timestamp
|
|
207
207
|
}))
|
|
208
|
-
].sort((b, N) => N.duration - b.duration).slice(0, 10), v =
|
|
208
|
+
].sort((b, N) => N.duration - b.duration).slice(0, 10), v = i.map(({ duration: b }) => b), E = d.map(({ duration: b }) => b), f = x.map(({ duration: b }) => b);
|
|
209
209
|
return {
|
|
210
|
-
totalQueries:
|
|
210
|
+
totalQueries: i.length,
|
|
211
211
|
totalMutations: d.length,
|
|
212
212
|
totalActions: x.length,
|
|
213
213
|
avgQueryDuration: c(v),
|
|
@@ -275,9 +275,9 @@ class Nt {
|
|
|
275
275
|
* Restore from a snapshot
|
|
276
276
|
*/
|
|
277
277
|
restoreSnapshot(r) {
|
|
278
|
-
const a = this.snapshots.find((
|
|
279
|
-
return a ? (this.events = [...a.events], this.subscriptions = new Map(a.subscriptions), this.setFocusedEventId(null), this.listeners.forEach((
|
|
280
|
-
|
|
278
|
+
const a = this.snapshots.find((i) => i.timestamp === r);
|
|
279
|
+
return a ? (this.events = [...a.events], this.subscriptions = new Map(a.subscriptions), this.setFocusedEventId(null), this.listeners.forEach((i) => {
|
|
280
|
+
i({
|
|
281
281
|
id: "restore",
|
|
282
282
|
timestamp: Date.now(),
|
|
283
283
|
type: "log",
|
|
@@ -316,7 +316,7 @@ class Nt {
|
|
|
316
316
|
throw new Error("Invalid session format");
|
|
317
317
|
if (this.events = [], this.subscriptions.clear(), this.setFocusedEventId(null), this.events = this.sanitizeEvents(r.events).slice(-this.maxEvents), Array.isArray(r.subscriptions)) {
|
|
318
318
|
const a = r.subscriptions.filter(
|
|
319
|
-
(
|
|
319
|
+
(i) => Array.isArray(i) && i.length === 2 && typeof i[0] == "number" && Number.isFinite(i[0]) && typeof i[1] == "object" && i[1] !== null
|
|
320
320
|
);
|
|
321
321
|
this.subscriptions = new Map(a);
|
|
322
322
|
}
|
|
@@ -426,7 +426,10 @@ class Nt {
|
|
|
426
426
|
updateCount: 0,
|
|
427
427
|
lastUpdate: r.timestamp,
|
|
428
428
|
status: "active"
|
|
429
|
-
}) : r.status === "removed" && this.subscriptions.delete(r.queryId);
|
|
429
|
+
}) : r.status === "removed" && (this.subscriptions.delete(r.queryId), this.clearPendingQueryEvents(r.queryId, r.timestamp));
|
|
430
|
+
}
|
|
431
|
+
clearPendingQueryEvents(r, a) {
|
|
432
|
+
this.events = this.events.filter((i) => i.type !== "query" || i.status !== "pending" || i.queryId !== r || typeof a == "number" && i.timestamp > a);
|
|
430
433
|
}
|
|
431
434
|
sanitizeEvents(r) {
|
|
432
435
|
return Array.isArray(r) ? r.filter((a) => this.isEventLike(a)) : [];
|
|
@@ -440,8 +443,8 @@ class Nt {
|
|
|
440
443
|
const a = typeof r == "number" ? r : Number(r);
|
|
441
444
|
if (!Number.isFinite(a))
|
|
442
445
|
return 1e3;
|
|
443
|
-
const
|
|
444
|
-
return Math.min(Nt.MAX_EVENTS, Math.max(Nt.MIN_EVENTS,
|
|
446
|
+
const i = Math.round(a);
|
|
447
|
+
return Math.min(Nt.MAX_EVENTS, Math.max(Nt.MIN_EVENTS, i));
|
|
445
448
|
}
|
|
446
449
|
normalizeLatencySettings() {
|
|
447
450
|
const r = (d) => {
|
|
@@ -451,8 +454,8 @@ class Nt {
|
|
|
451
454
|
const c = Math.round(x);
|
|
452
455
|
return Math.min(Nt.MAX_SIMULATED_LATENCY_MS, Math.max(0, c));
|
|
453
456
|
}, a = r(this.settings.wsLatencyMs);
|
|
454
|
-
let
|
|
455
|
-
a > 0 &&
|
|
457
|
+
let i = r(this.settings.wsJitterMs);
|
|
458
|
+
a > 0 && i > a && (i = a), this.settings.wsLatencyMs = a, this.settings.wsJitterMs = i;
|
|
456
459
|
}
|
|
457
460
|
isOperationEvent(r) {
|
|
458
461
|
return r.type === "query" || r.type === "mutation" || r.type === "action";
|
|
@@ -515,14 +518,14 @@ const Ne = {
|
|
|
515
518
|
function Ee(e, r, a) {
|
|
516
519
|
if (e.length <= r)
|
|
517
520
|
return e;
|
|
518
|
-
const
|
|
521
|
+
const i = Math.max(12, r), d = Math.max(
|
|
519
522
|
4,
|
|
520
|
-
Math.min(a, Math.floor(
|
|
521
|
-
), x = Math.max(6,
|
|
523
|
+
Math.min(a, Math.floor(i / 2))
|
|
524
|
+
), x = Math.max(6, i - d - 1);
|
|
522
525
|
return `${e.slice(0, x)}…${e.slice(-d)}`;
|
|
523
526
|
}
|
|
524
527
|
function Mt(e, r = {}, a = 0) {
|
|
525
|
-
const
|
|
528
|
+
const i = {
|
|
526
529
|
...Ne,
|
|
527
530
|
...r
|
|
528
531
|
};
|
|
@@ -531,22 +534,22 @@ function Mt(e, r = {}, a = 0) {
|
|
|
531
534
|
if (typeof e == "string")
|
|
532
535
|
return `"${Ee(
|
|
533
536
|
e,
|
|
534
|
-
|
|
535
|
-
|
|
537
|
+
i.maxStringLength,
|
|
538
|
+
i.stringTailLength
|
|
536
539
|
)}"`;
|
|
537
540
|
if (typeof e == "number" || typeof e == "boolean")
|
|
538
541
|
return String(e);
|
|
539
542
|
if (Array.isArray(e)) {
|
|
540
543
|
if (e.length === 0) return "[]";
|
|
541
|
-
if (a >=
|
|
542
|
-
const d = e.slice(0,
|
|
544
|
+
if (a >= i.maxDepth) return "[…]";
|
|
545
|
+
const d = e.slice(0, i.maxArrayItems).map((c) => Mt(c, i, a + 1)), x = e.length > i.maxArrayItems ? ", …" : "";
|
|
543
546
|
return `[${d.join(", ")}${x}]`;
|
|
544
547
|
}
|
|
545
548
|
if (typeof e == "object") {
|
|
546
549
|
const d = Object.entries(e);
|
|
547
550
|
if (d.length === 0) return "{}";
|
|
548
|
-
if (a >=
|
|
549
|
-
const x = d.slice(0,
|
|
551
|
+
if (a >= i.maxDepth) return "{…}";
|
|
552
|
+
const x = d.slice(0, i.maxObjectEntries).map(([m, w]) => `${m}: ${Mt(w, i, a + 1)}`), c = d.length > i.maxObjectEntries ? ", …" : "";
|
|
550
553
|
return `{${x.join(", ")}${c}}`;
|
|
551
554
|
}
|
|
552
555
|
return String(e);
|
|
@@ -563,7 +566,7 @@ function Et({
|
|
|
563
566
|
data: e,
|
|
564
567
|
label: r,
|
|
565
568
|
onCopy: a,
|
|
566
|
-
maxHeight:
|
|
569
|
+
maxHeight: i = 300
|
|
567
570
|
}) {
|
|
568
571
|
const [d, x] = z(!0), [c, m] = z("tree"), [w, v] = z(""), E = () => {
|
|
569
572
|
F(JSON.stringify(e, null, 2)), a?.();
|
|
@@ -682,7 +685,7 @@ function Et({
|
|
|
682
685
|
{
|
|
683
686
|
className: "overflow-auto bg-zinc-950/50 rounded-b border border-dt-border-light p-2 font-mono text-[11px]",
|
|
684
687
|
id: r ? `inspector-content-${r}` : void 0,
|
|
685
|
-
style: { maxHeight:
|
|
688
|
+
style: { maxHeight: i },
|
|
686
689
|
role: "region",
|
|
687
690
|
"aria-label": `${r || "Data"} content`,
|
|
688
691
|
children: c === "tree" ? /* @__PURE__ */ t(Ut, { data: e, matchingPaths: b, searchTerm: w }) : /* @__PURE__ */ t("pre", { className: "text-dt-text-muted whitespace-pre-wrap break-all m-0", "aria-readonly": "true", children: w ? /* @__PURE__ */ t(Ce, { text: f, term: w }) : f })
|
|
@@ -693,16 +696,16 @@ function Et({
|
|
|
693
696
|
}
|
|
694
697
|
function Ce({ text: e, term: r }) {
|
|
695
698
|
if (!r) return /* @__PURE__ */ t(et, { children: e });
|
|
696
|
-
const a = [],
|
|
697
|
-
let x = 0, c =
|
|
699
|
+
const a = [], i = e.toLowerCase(), d = r.toLowerCase();
|
|
700
|
+
let x = 0, c = i.indexOf(d, x), m = 0;
|
|
698
701
|
for (; c !== -1; )
|
|
699
702
|
c > x && a.push(e.slice(x, c)), a.push(
|
|
700
703
|
/* @__PURE__ */ t("mark", { className: "bg-yellow-400/30 text-yellow-200 rounded-sm px-px", children: e.slice(c, c + r.length) }, m++)
|
|
701
|
-
), x = c + r.length, c =
|
|
704
|
+
), x = c + r.length, c = i.indexOf(d, x);
|
|
702
705
|
return x < e.length && a.push(e.slice(x)), /* @__PURE__ */ t(et, { children: a });
|
|
703
706
|
}
|
|
704
|
-
function Ut({ data: e, depth: r = 0, path: a = "$", matchingPaths:
|
|
705
|
-
const x =
|
|
707
|
+
function Ut({ data: e, depth: r = 0, path: a = "$", matchingPaths: i, searchTerm: d }) {
|
|
708
|
+
const x = i ? Ft(a, i) : !1, [c, m] = z(r < 2), w = i?.has(a) ?? !1, v = c || !!i && x;
|
|
706
709
|
if (e === null)
|
|
707
710
|
return /* @__PURE__ */ t("span", { className: `italic ${w ? "bg-yellow-400/25 rounded-sm px-0.5 text-yellow-200" : "text-dt-text-muted"}`, children: "null" });
|
|
708
711
|
if (typeof e == "string")
|
|
@@ -739,13 +742,13 @@ function Ut({ data: e, depth: r = 0, path: a = "$", matchingPaths: s, searchTerm
|
|
|
739
742
|
v && /* @__PURE__ */ n(et, { children: [
|
|
740
743
|
/* @__PURE__ */ t("div", { className: "pl-4 border-l border-dt-border-light/30 ml-1", children: e.map((E, f) => {
|
|
741
744
|
const b = `${a}[${f}]`;
|
|
742
|
-
return
|
|
745
|
+
return i && !Ft(b, i) && !i.has(b) ? null : /* @__PURE__ */ n("div", { className: "py-px", children: [
|
|
743
746
|
/* @__PURE__ */ n("span", { className: "text-dt-text-tertiary", children: [
|
|
744
747
|
f,
|
|
745
748
|
":"
|
|
746
749
|
] }),
|
|
747
750
|
" ",
|
|
748
|
-
/* @__PURE__ */ t(Ut, { data: E, depth: r + 1, path: b, matchingPaths:
|
|
751
|
+
/* @__PURE__ */ t(Ut, { data: E, depth: r + 1, path: b, matchingPaths: i, searchTerm: d })
|
|
749
752
|
] }, f);
|
|
750
753
|
}) }),
|
|
751
754
|
/* @__PURE__ */ t("span", { className: "text-dt-text-muted", children: "]" })
|
|
@@ -775,15 +778,15 @@ function Ut({ data: e, depth: r = 0, path: a = "$", matchingPaths: s, searchTerm
|
|
|
775
778
|
),
|
|
776
779
|
v && /* @__PURE__ */ n(et, { children: [
|
|
777
780
|
/* @__PURE__ */ t("div", { className: "pl-4 border-l border-dt-border-light/30 ml-1", children: E.map(([f, b]) => {
|
|
778
|
-
const N = `${a}.${f}`, k =
|
|
779
|
-
return
|
|
781
|
+
const N = `${a}.${f}`, k = i?.has(N) && d && f.toLowerCase().includes(d.toLowerCase());
|
|
782
|
+
return i && !Ft(N, i) && !i.has(N) ? null : /* @__PURE__ */ n("div", { className: "py-px", children: [
|
|
780
783
|
/* @__PURE__ */ n("span", { className: k ? "bg-yellow-400/25 rounded-sm px-0.5 text-yellow-200" : "text-dt-text-tertiary", children: [
|
|
781
784
|
'"',
|
|
782
785
|
d ? /* @__PURE__ */ t(re, { text: f, term: d }) : f,
|
|
783
786
|
'":'
|
|
784
787
|
] }),
|
|
785
788
|
" ",
|
|
786
|
-
/* @__PURE__ */ t(Ut, { data: b, depth: r + 1, path: N, matchingPaths:
|
|
789
|
+
/* @__PURE__ */ t(Ut, { data: b, depth: r + 1, path: N, matchingPaths: i, searchTerm: d })
|
|
787
790
|
] }, f);
|
|
788
791
|
}) }),
|
|
789
792
|
/* @__PURE__ */ t("span", { className: "text-dt-text-muted", children: "}" })
|
|
@@ -799,12 +802,12 @@ function Ft(e, r) {
|
|
|
799
802
|
}
|
|
800
803
|
function re({ text: e, term: r }) {
|
|
801
804
|
if (!r) return /* @__PURE__ */ t(et, { children: e });
|
|
802
|
-
const a = e.toLowerCase(),
|
|
803
|
-
let x = 0, c = a.indexOf(
|
|
805
|
+
const a = e.toLowerCase(), i = r.toLowerCase(), d = [];
|
|
806
|
+
let x = 0, c = a.indexOf(i, x), m = 0;
|
|
804
807
|
for (; c !== -1; )
|
|
805
808
|
c > x && d.push(e.slice(x, c)), d.push(
|
|
806
809
|
/* @__PURE__ */ t("mark", { className: "bg-yellow-400/30 text-yellow-200 rounded-sm px-px", children: e.slice(c, c + r.length) }, m++)
|
|
807
|
-
), x = c + r.length, c = a.indexOf(
|
|
810
|
+
), x = c + r.length, c = a.indexOf(i, x);
|
|
808
811
|
return x < e.length && d.push(e.slice(x)), /* @__PURE__ */ t(et, { children: d });
|
|
809
812
|
}
|
|
810
813
|
const oe = "minmax(0,1fr) 56px 56px 62px 34px minmax(150px,1fr)", Me = 140, Se = 1e-4;
|
|
@@ -843,11 +846,11 @@ function $e(e) {
|
|
|
843
846
|
}
|
|
844
847
|
for (const m of r.values())
|
|
845
848
|
m.sort((w, v) => w.startMs - v.startMs || w.name.localeCompare(v.name));
|
|
846
|
-
const
|
|
849
|
+
const i = [], d = /* @__PURE__ */ new Set(), x = (m, w) => {
|
|
847
850
|
if (d.has(m.id)) return;
|
|
848
851
|
d.add(m.id);
|
|
849
852
|
const v = r.get(m.id) ?? [], E = v.reduce((f, b) => !Number.isFinite(b.durationMs) || b.durationMs <= 0 ? f : f + b.durationMs, 0);
|
|
850
|
-
|
|
853
|
+
i.push({
|
|
851
854
|
span: m,
|
|
852
855
|
depth: w,
|
|
853
856
|
hasChildren: v.length > 0,
|
|
@@ -858,21 +861,21 @@ function $e(e) {
|
|
|
858
861
|
c && x(c, 0);
|
|
859
862
|
for (const m of r.get(null) ?? []) x(m, 0);
|
|
860
863
|
for (const m of e.spans) x(m, 0);
|
|
861
|
-
return { rows:
|
|
864
|
+
return { rows: i, parentById: a, childrenByParent: r };
|
|
862
865
|
}
|
|
863
866
|
function De(e) {
|
|
864
|
-
const r = e.attributes ? Object.keys(e.attributes).join(" ") : "", a = e.events?.map((
|
|
867
|
+
const r = e.attributes ? Object.keys(e.attributes).join(" ") : "", a = e.events?.map((i) => i.name).join(" ") ?? "";
|
|
865
868
|
return `${e.name} ${e.kind} ${e.status} ${r} ${a}`.toLowerCase();
|
|
866
869
|
}
|
|
867
|
-
function ae(e, r, a,
|
|
868
|
-
const d = Number.isFinite(e) ? e : a, x = Number.isFinite(r) && r > 0 ? r : 0, c = (d - a) /
|
|
870
|
+
function ae(e, r, a, i) {
|
|
871
|
+
const d = Number.isFinite(e) ? e : a, x = Number.isFinite(r) && r > 0 ? r : 0, c = (d - a) / i * 100, m = Math.min(99.8, ue(c)), w = x / i * 100, v = Math.max(0.3, 100 - m), E = Math.max(0.3, Math.min(w || 0.3, v));
|
|
869
872
|
return { leftPct: m, widthPct: E };
|
|
870
873
|
}
|
|
871
874
|
function Kt(e, r) {
|
|
872
875
|
const a = e.replace("#", "");
|
|
873
876
|
if (a.length !== 6) return `rgba(59,130,246,${r})`;
|
|
874
|
-
const
|
|
875
|
-
return `rgba(${
|
|
877
|
+
const i = parseInt(a.slice(0, 2), 16), d = parseInt(a.slice(2, 4), 16), x = parseInt(a.slice(4, 6), 16);
|
|
878
|
+
return `rgba(${i}, ${d}, ${x}, ${r})`;
|
|
876
879
|
}
|
|
877
880
|
function xe(e) {
|
|
878
881
|
if (e.status === "error") return "#ef4444";
|
|
@@ -898,13 +901,13 @@ function Le(e) {
|
|
|
898
901
|
}
|
|
899
902
|
function Ae(e) {
|
|
900
903
|
const r = /* @__PURE__ */ new Map();
|
|
901
|
-
for (const
|
|
902
|
-
const d = r.get(
|
|
903
|
-
d.push(
|
|
904
|
+
for (const i of e) {
|
|
905
|
+
const d = r.get(i.depth) ?? [];
|
|
906
|
+
d.push(i), r.set(i.depth, d);
|
|
904
907
|
}
|
|
905
908
|
const a = [];
|
|
906
|
-
for (const [
|
|
907
|
-
const x = [...r.get(
|
|
909
|
+
for (const [i] of Array.from(r.entries()).sort((d, x) => d[0] - x[0])) {
|
|
910
|
+
const x = [...r.get(i) ?? []].sort(
|
|
908
911
|
(w, v) => w.span.startMs - v.span.startMs || v.span.durationMs - w.span.durationMs || w.span.name.localeCompare(v.span.name)
|
|
909
912
|
), c = [], m = [];
|
|
910
913
|
for (const w of x) {
|
|
@@ -922,13 +925,13 @@ function Ae(e) {
|
|
|
922
925
|
return a;
|
|
923
926
|
}
|
|
924
927
|
function Te({ trace: e, maxHeight: r = 680 }) {
|
|
925
|
-
const [a,
|
|
928
|
+
const [a, i] = z(!0), [d, x] = z("waterfall"), [c, m] = z(e.rootSpanId || e.spans[0]?.id || null), [w, v] = z(""), [E, f] = z(!1), [b, N] = z(/* @__PURE__ */ new Set()), [k, y] = z(null), S = V(() => $e(e), [e]), $ = V(() => Math.min(...e.spans.map((l) => l.startMs), 0), [e.spans]), P = V(() => Math.max(...e.spans.map((l) => l.endMs), 0), [e.spans]), M = V(() => {
|
|
926
929
|
const l = Math.max(0, P - $);
|
|
927
930
|
return Math.max(e.summary.totalDurationMs, l, 1);
|
|
928
931
|
}, [P, $, e.summary.totalDurationMs]), q = V(() => Math.max(220, r - 180), [r]), R = V(
|
|
929
932
|
() => e.spans.reduce((l, h) => l + (h.status === "error" ? 1 : 0), 0),
|
|
930
933
|
[e.spans]
|
|
931
|
-
), p = w.trim().toLowerCase(), u = p.length > 0 || E,
|
|
934
|
+
), p = w.trim().toLowerCase(), u = p.length > 0 || E, s = V(() => {
|
|
932
935
|
if (!u) return null;
|
|
933
936
|
const l = /* @__PURE__ */ new Set(), h = (g) => {
|
|
934
937
|
let T = S.parentById.get(g) ?? null;
|
|
@@ -952,11 +955,11 @@ function Te({ trace: e, maxHeight: r = 680 }) {
|
|
|
952
955
|
for (const g of S.rows) {
|
|
953
956
|
for (; _.length > 0 && g.depth <= _[_.length - 1]; )
|
|
954
957
|
_.pop();
|
|
955
|
-
const T = h && _.length > 0, A = !
|
|
958
|
+
const T = h && _.length > 0, A = !s || s.has(g.span.id), O = !T && A;
|
|
956
959
|
O && l.push(g), h && O && g.hasChildren && b.has(g.span.id) && _.push(g.depth);
|
|
957
960
|
}
|
|
958
961
|
return l;
|
|
959
|
-
}, [S.rows, u,
|
|
962
|
+
}, [S.rows, u, s, b]), I = V(() => Ae(C), [C]), L = V(() => {
|
|
960
963
|
const l = /* @__PURE__ */ new Map();
|
|
961
964
|
for (const h of e.spans) l.set(h.id, h);
|
|
962
965
|
return l;
|
|
@@ -1000,7 +1003,7 @@ function Te({ trace: e, maxHeight: r = 680 }) {
|
|
|
1000
1003
|
"button",
|
|
1001
1004
|
{
|
|
1002
1005
|
className: "flex items-center gap-1 bg-transparent border-none text-dt-text-tertiary cursor-pointer text-[11px] font-semibold uppercase tracking-wider p-0 hover:text-dt-text-secondary",
|
|
1003
|
-
onClick: () =>
|
|
1006
|
+
onClick: () => i((l) => !l),
|
|
1004
1007
|
"aria-expanded": a,
|
|
1005
1008
|
"aria-controls": "trace-viewer-content",
|
|
1006
1009
|
children: [
|
|
@@ -1366,7 +1369,7 @@ function Te({ trace: e, maxHeight: r = 680 }) {
|
|
|
1366
1369
|
] });
|
|
1367
1370
|
}
|
|
1368
1371
|
const Xt = me.forwardRef(
|
|
1369
|
-
({ value: e, onValueChange: r, onClear: a, placeholder:
|
|
1372
|
+
({ value: e, onValueChange: r, onClear: a, placeholder: i, className: d = "", ...x }, c) => {
|
|
1370
1373
|
const m = () => {
|
|
1371
1374
|
a ? a() : r("");
|
|
1372
1375
|
};
|
|
@@ -1380,9 +1383,9 @@ const Xt = me.forwardRef(
|
|
|
1380
1383
|
className: "w-full bg-dt-bg-tertiary/50 border border-dt-border-light rounded-md px-2.5 pr-7 py-1 text-[11px] text-dt-text-secondary placeholder:text-dt-text-muted/50 outline-none focus:border-dt-info/50 focus:bg-dt-bg-tertiary transition-colors font-sans [&::-webkit-search-cancel-button]:hidden",
|
|
1381
1384
|
value: e,
|
|
1382
1385
|
onChange: (w) => r(w.target.value),
|
|
1383
|
-
placeholder:
|
|
1386
|
+
placeholder: i,
|
|
1384
1387
|
spellCheck: x.spellCheck ?? !1,
|
|
1385
|
-
"aria-label": x["aria-label"] ||
|
|
1388
|
+
"aria-label": x["aria-label"] || i || "Search"
|
|
1386
1389
|
}
|
|
1387
1390
|
),
|
|
1388
1391
|
e && /* @__PURE__ */ t(
|
|
@@ -1399,7 +1402,7 @@ const Xt = me.forwardRef(
|
|
|
1399
1402
|
] });
|
|
1400
1403
|
}
|
|
1401
1404
|
);
|
|
1402
|
-
function Gt({ x: e, y: r, items: a, onClose:
|
|
1405
|
+
function Gt({ x: e, y: r, items: a, onClose: i }) {
|
|
1403
1406
|
const [d, x] = z(-1), c = Ct(null), [m, w] = z({ x: e, y: r });
|
|
1404
1407
|
U(() => {
|
|
1405
1408
|
const f = c.current;
|
|
@@ -1409,20 +1412,20 @@ function Gt({ x: e, y: r, items: a, onClose: s }) {
|
|
|
1409
1412
|
e + N.width > k - b && (S = Math.max(b, k - N.width - b)), r + N.height > y - b && ($ = Math.max(b, y - N.height - b)), (S !== m.x || $ !== m.y) && w({ x: S, y: $ });
|
|
1410
1413
|
}, [e, r]), U(() => {
|
|
1411
1414
|
const f = (S) => {
|
|
1412
|
-
c.current && !c.current.contains(S.target) &&
|
|
1415
|
+
c.current && !c.current.contains(S.target) && i();
|
|
1413
1416
|
}, b = (S) => {
|
|
1414
|
-
c.current && !c.current.contains(S.target) &&
|
|
1415
|
-
}, N = () =>
|
|
1417
|
+
c.current && !c.current.contains(S.target) && i();
|
|
1418
|
+
}, N = () => i(), k = () => i(), y = setTimeout(() => {
|
|
1416
1419
|
document.addEventListener("mousedown", f), document.addEventListener("contextmenu", b);
|
|
1417
1420
|
}, 0);
|
|
1418
1421
|
return window.addEventListener("scroll", N, !0), window.addEventListener("blur", k), () => {
|
|
1419
1422
|
clearTimeout(y), document.removeEventListener("mousedown", f), document.removeEventListener("contextmenu", b), window.removeEventListener("scroll", N, !0), window.removeEventListener("blur", k);
|
|
1420
1423
|
};
|
|
1421
|
-
}, [
|
|
1424
|
+
}, [i]);
|
|
1422
1425
|
const v = a.map((f, b) => ({ ...f, index: b })).filter((f) => !f.disabled), E = J(
|
|
1423
1426
|
(f) => {
|
|
1424
1427
|
if (f.key === "Escape") {
|
|
1425
|
-
f.preventDefault(), f.stopPropagation(),
|
|
1428
|
+
f.preventDefault(), f.stopPropagation(), i();
|
|
1426
1429
|
return;
|
|
1427
1430
|
}
|
|
1428
1431
|
if (f.key === "ArrowDown") {
|
|
@@ -1440,11 +1443,11 @@ function Gt({ x: e, y: r, items: a, onClose: s }) {
|
|
|
1440
1443
|
return;
|
|
1441
1444
|
}
|
|
1442
1445
|
if (f.key === "Enter") {
|
|
1443
|
-
f.preventDefault(), d >= 0 && !a[d].disabled && (a[d].action(),
|
|
1446
|
+
f.preventDefault(), d >= 0 && !a[d].disabled && (a[d].action(), i());
|
|
1444
1447
|
return;
|
|
1445
1448
|
}
|
|
1446
1449
|
},
|
|
1447
|
-
[
|
|
1450
|
+
[i, d, a, v]
|
|
1448
1451
|
);
|
|
1449
1452
|
return U(() => (window.addEventListener("keydown", E, !0), () => window.removeEventListener("keydown", E, !0)), [E]), U(() => {
|
|
1450
1453
|
v.length > 0 && d === -1 && x(v[0].index);
|
|
@@ -1469,7 +1472,7 @@ function Gt({ x: e, y: r, items: a, onClose: s }) {
|
|
|
1469
1472
|
f.disabled || x(b);
|
|
1470
1473
|
},
|
|
1471
1474
|
onClick: (N) => {
|
|
1472
|
-
N.stopPropagation(), f.disabled || (f.action(),
|
|
1475
|
+
N.stopPropagation(), f.disabled || (f.action(), i());
|
|
1473
1476
|
},
|
|
1474
1477
|
children: [
|
|
1475
1478
|
/* @__PURE__ */ t("span", { className: "flex-1 truncate", children: f.label }),
|
|
@@ -1521,7 +1524,7 @@ function Pe(e) {
|
|
|
1521
1524
|
return r === "query" && a ? `Q${a}` : r === "mutation" && a ? `M${a}` : r === "action" && a ? `A${a}` : e;
|
|
1522
1525
|
}
|
|
1523
1526
|
function qe({ eventStore: e, panelConnectionState: r }) {
|
|
1524
|
-
const [a,
|
|
1527
|
+
const [a, i] = z([]), [d, x] = z("all"), [c, m] = z(""), [w, v] = z(At), [E, f] = z(null), [b, N] = z(0), [k, y] = z(null), [S, $] = z(null), P = Ct(null), M = E && zt(E) ? E : null, q = E && Ht(E) ? E : null, R = J(() => {
|
|
1525
1528
|
v(At), N(0);
|
|
1526
1529
|
}, []), p = J(
|
|
1527
1530
|
(o) => {
|
|
@@ -1536,7 +1539,7 @@ function qe({ eventStore: e, panelConnectionState: r }) {
|
|
|
1536
1539
|
);
|
|
1537
1540
|
U(() => {
|
|
1538
1541
|
const o = () => {
|
|
1539
|
-
|
|
1542
|
+
i(e.getAllEvents());
|
|
1540
1543
|
}, l = e.subscribe(o);
|
|
1541
1544
|
return o(), l;
|
|
1542
1545
|
}, [e]), U(() => {
|
|
@@ -1550,7 +1553,7 @@ function qe({ eventStore: e, panelConnectionState: r }) {
|
|
|
1550
1553
|
}, l = e.subscribeFocus(o);
|
|
1551
1554
|
return o(e.getFocusedEventId()), l;
|
|
1552
1555
|
}, [e]);
|
|
1553
|
-
const
|
|
1556
|
+
const s = J((o) => {
|
|
1554
1557
|
const l = ct(o.args), h = [o.id, o.type, o.status, o.udfPath];
|
|
1555
1558
|
if (o.componentPath && h.push(o.componentPath), o.type === "query")
|
|
1556
1559
|
h.push(String(o.queryId), `q${o.queryId}`), o.triggeredBy && h.push(o.triggeredBy);
|
|
@@ -1564,12 +1567,12 @@ function qe({ eventStore: e, panelConnectionState: r }) {
|
|
|
1564
1567
|
}, []), C = J(
|
|
1565
1568
|
(o) => {
|
|
1566
1569
|
if (zt(o))
|
|
1567
|
-
return
|
|
1570
|
+
return s(o);
|
|
1568
1571
|
const l = [o.id, o.type, o.status, o.direction, o.messageType];
|
|
1569
1572
|
return o.tokenType && l.push(o.tokenType), o.error && l.push(o.error), o.details !== void 0 && l.push(Rt(o.details)), l.join(`
|
|
1570
1573
|
`).toLowerCase();
|
|
1571
1574
|
},
|
|
1572
|
-
[
|
|
1575
|
+
[s]
|
|
1573
1576
|
), { filteredEvents: I, totalMatchCount: L, hasMoreResults: X } = V(() => {
|
|
1574
1577
|
let o = a.filter(Lt);
|
|
1575
1578
|
d !== "all" && (d === "error" ? o = o.filter((g) => g.status === "error") : o = o.filter((g) => g.type === d));
|
|
@@ -2322,8 +2325,8 @@ function Bt({ json: e }) {
|
|
|
2322
2325
|
const r = V(() => e.replace(
|
|
2323
2326
|
/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,
|
|
2324
2327
|
(a) => {
|
|
2325
|
-
let
|
|
2326
|
-
return /^"/.test(a) ? /:$/.test(a) ?
|
|
2328
|
+
let i = "cdv-json-value";
|
|
2329
|
+
return /^"/.test(a) ? /:$/.test(a) ? i = "cdv-json-key" : i = "cdv-json-string" : /true|false/.test(a) ? i = "cdv-json-boolean" : /null/.test(a) ? i = "cdv-json-null" : i = "cdv-json-number", `<span class="${i}">${a}</span>`;
|
|
2327
2330
|
}
|
|
2328
2331
|
), [e]);
|
|
2329
2332
|
return /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: r } });
|
|
@@ -2345,7 +2348,7 @@ const se = {
|
|
|
2345
2348
|
maxDepth: 3
|
|
2346
2349
|
};
|
|
2347
2350
|
function Oe({ eventStore: e }) {
|
|
2348
|
-
const [r, a] = z([]), [
|
|
2351
|
+
const [r, a] = z([]), [i, d] = z(null), [x, c] = z(0), [m, w] = z("all"), [v, E] = z(""), [f, b] = z(null), [N, k] = z(null), y = Ct(null);
|
|
2349
2352
|
U(() => {
|
|
2350
2353
|
const p = () => {
|
|
2351
2354
|
a(e.getActiveSubscriptions());
|
|
@@ -2356,7 +2359,7 @@ function Oe({ eventStore: e }) {
|
|
|
2356
2359
|
let p = r;
|
|
2357
2360
|
return m !== "all" && (p = p.filter((u) => u.status === m)), v && (p = p.filter(
|
|
2358
2361
|
(u) => u.udfPath.toLowerCase().includes(v.toLowerCase()) || u.componentPath?.toLowerCase().includes(v.toLowerCase())
|
|
2359
|
-
)), [...p].sort((u,
|
|
2362
|
+
)), [...p].sort((u, s) => u.lastUpdate !== s.lastUpdate ? s.lastUpdate - u.lastUpdate : u.addedAt !== s.addedAt ? s.addedAt - u.addedAt : s.queryId - u.queryId);
|
|
2360
2363
|
}, [r, m, v]);
|
|
2361
2364
|
U(() => {
|
|
2362
2365
|
const p = (u) => {
|
|
@@ -2366,45 +2369,45 @@ function Oe({ eventStore: e }) {
|
|
|
2366
2369
|
return;
|
|
2367
2370
|
}
|
|
2368
2371
|
if (u.key === "Escape") {
|
|
2369
|
-
u.preventDefault(),
|
|
2372
|
+
u.preventDefault(), i !== null ? d(null) : (m !== "all" || v) && (w("all"), E(""));
|
|
2370
2373
|
return;
|
|
2371
2374
|
}
|
|
2372
2375
|
if (pe() !== y.current && S.length !== 0) {
|
|
2373
2376
|
if (u.key === "ArrowDown")
|
|
2374
|
-
u.preventDefault(), c((
|
|
2377
|
+
u.preventDefault(), c((s) => Math.min(s + 1, S.length - 1));
|
|
2375
2378
|
else if (u.key === "ArrowUp")
|
|
2376
|
-
u.preventDefault(), c((
|
|
2379
|
+
u.preventDefault(), c((s) => Math.max(s - 1, 0));
|
|
2377
2380
|
else if (u.key === "Enter" || u.key === " ") {
|
|
2378
2381
|
u.preventDefault();
|
|
2379
|
-
const
|
|
2380
|
-
|
|
2382
|
+
const s = S[x];
|
|
2383
|
+
s && d(i === s.queryId ? null : s.queryId);
|
|
2381
2384
|
}
|
|
2382
2385
|
}
|
|
2383
2386
|
}
|
|
2384
2387
|
};
|
|
2385
2388
|
return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
|
|
2386
|
-
}, [S, x,
|
|
2389
|
+
}, [S, x, i, m, v]), U(() => {
|
|
2387
2390
|
c(0);
|
|
2388
2391
|
}, [m, v]);
|
|
2389
2392
|
const $ = J((p) => {
|
|
2390
2393
|
F(p);
|
|
2391
2394
|
}, []), P = J((p, u) => {
|
|
2392
2395
|
if (typeof window > "u") return null;
|
|
2393
|
-
const
|
|
2394
|
-
let B = u.right +
|
|
2395
|
-
B + C > I -
|
|
2396
|
+
const s = 8, C = 300, I = window.innerWidth, L = window.innerHeight, X = Math.min(260, L - s * 2);
|
|
2397
|
+
let B = u.right + s;
|
|
2398
|
+
B + C > I - s && (B = u.left - C - s), B < s && (B = Math.max(s, I - C - s));
|
|
2396
2399
|
let rt = u.top + u.height / 2 - X / 2;
|
|
2397
|
-
return rt <
|
|
2400
|
+
return rt < s && (rt = s), rt + X > L - s && (rt = Math.max(s, L - s - X)), { subscription: p, x: B, y: rt };
|
|
2398
2401
|
}, []), M = J((p) => {
|
|
2399
2402
|
if (p == null) return "0";
|
|
2400
|
-
const u = JSON.stringify(p),
|
|
2401
|
-
return
|
|
2403
|
+
const u = JSON.stringify(p), s = new Blob([u]).size;
|
|
2404
|
+
return s < 1024 ? `${s}B` : s < 1024 * 1024 ? `${(s / 1024).toFixed(1)}KB` : `${(s / (1024 * 1024)).toFixed(1)}MB`;
|
|
2402
2405
|
}, []), q = J(
|
|
2403
2406
|
(p) => {
|
|
2404
|
-
const u = ct(p.args),
|
|
2407
|
+
const u = ct(p.args), s = u != null, C = p.currentValue !== void 0, I = [
|
|
2405
2408
|
{ label: "Copy Function Path", action: () => F(p.udfPath), shortcut: "⌘C" }
|
|
2406
2409
|
];
|
|
2407
|
-
return
|
|
2410
|
+
return s && I.push({
|
|
2408
2411
|
label: "Copy Arguments",
|
|
2409
2412
|
action: () => F(JSON.stringify(u, null, 2))
|
|
2410
2413
|
}), C && I.push({
|
|
@@ -2423,8 +2426,8 @@ function Oe({ eventStore: e }) {
|
|
|
2423
2426
|
), R = (p) => {
|
|
2424
2427
|
const u = Math.floor((Date.now() - p) / 1e3);
|
|
2425
2428
|
if (u < 60) return `${u}s ago`;
|
|
2426
|
-
const
|
|
2427
|
-
return
|
|
2429
|
+
const s = Math.floor(u / 60);
|
|
2430
|
+
return s < 60 ? `${s}m ago` : `${Math.floor(s / 60)}h ago`;
|
|
2428
2431
|
};
|
|
2429
2432
|
return /* @__PURE__ */ n("div", { className: "flex flex-col h-full overflow-hidden", children: [
|
|
2430
2433
|
/* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-3 py-1.5 border-b border-dt-border-light", children: [
|
|
@@ -2479,21 +2482,21 @@ function Oe({ eventStore: e }) {
|
|
|
2479
2482
|
m !== "all" || v ? /* @__PURE__ */ t("p", { className: "text-[11px] text-dt-text-muted/60", children: "Try adjusting your filters or search" }) : null
|
|
2480
2483
|
] }),
|
|
2481
2484
|
S.map((p, u) => {
|
|
2482
|
-
const
|
|
2485
|
+
const s = i === p.queryId, C = u === x, I = p.status === "error" ? "error" : "success", L = ct(p.args), X = L != null, B = JSON.stringify(L ?? null, null, 2), rt = `Subscription ${p.queryId} ${p.udfPath} ${p.status}${X ? ` with args ${Mt(L, se)}` : ""}`;
|
|
2483
2486
|
return /* @__PURE__ */ n(
|
|
2484
2487
|
"div",
|
|
2485
2488
|
{
|
|
2486
|
-
className: `border-b border-dt-border-light/50 transition-colors ${p.status === "error" ? "border-l-2 border-l-dt-error/40" : ""} ${
|
|
2489
|
+
className: `border-b border-dt-border-light/50 transition-colors ${p.status === "error" ? "border-l-2 border-l-dt-error/40" : ""} ${s ? "bg-white/[0.03]" : ""} ${C ? "bg-white/[0.03] outline outline-1 outline-dt-info/30 -outline-offset-1" : ""}`,
|
|
2487
2490
|
children: [
|
|
2488
2491
|
/* @__PURE__ */ n(
|
|
2489
2492
|
"div",
|
|
2490
2493
|
{
|
|
2491
2494
|
className: "flex items-center gap-2 px-3 py-1.5 cursor-pointer hover:bg-white/[0.03]",
|
|
2492
2495
|
onClick: () => {
|
|
2493
|
-
d(
|
|
2496
|
+
d(s ? null : p.queryId), c(u);
|
|
2494
2497
|
},
|
|
2495
2498
|
onKeyDown: (G) => {
|
|
2496
|
-
(G.key === "Enter" || G.key === " ") && (G.preventDefault(), d(
|
|
2499
|
+
(G.key === "Enter" || G.key === " ") && (G.preventDefault(), d(s ? null : p.queryId), c(u));
|
|
2497
2500
|
},
|
|
2498
2501
|
onContextMenu: (G) => {
|
|
2499
2502
|
G.preventDefault(), b(null), k({
|
|
@@ -2520,7 +2523,7 @@ function Oe({ eventStore: e }) {
|
|
|
2520
2523
|
role: "button",
|
|
2521
2524
|
tabIndex: 0,
|
|
2522
2525
|
"aria-label": rt,
|
|
2523
|
-
"aria-expanded":
|
|
2526
|
+
"aria-expanded": s,
|
|
2524
2527
|
"aria-current": C ? "true" : void 0,
|
|
2525
2528
|
children: [
|
|
2526
2529
|
/* @__PURE__ */ n("span", { className: "text-[10px] font-mono text-dt-text-muted font-semibold shrink-0", children: [
|
|
@@ -2555,12 +2558,12 @@ function Oe({ eventStore: e }) {
|
|
|
2555
2558
|
p.updateCount
|
|
2556
2559
|
] }),
|
|
2557
2560
|
/* @__PURE__ */ t("span", { className: "text-dt-text-muted/60 font-mono", children: R(p.lastUpdate) }),
|
|
2558
|
-
/* @__PURE__ */ t("span", { className: "text-[10px] text-dt-text-muted/40", children:
|
|
2561
|
+
/* @__PURE__ */ t("span", { className: "text-[10px] text-dt-text-muted/40", children: s ? "▼" : "▶" })
|
|
2559
2562
|
] })
|
|
2560
2563
|
]
|
|
2561
2564
|
}
|
|
2562
2565
|
),
|
|
2563
|
-
|
|
2566
|
+
s && /* @__PURE__ */ n("div", { className: "px-3 py-2 bg-dt-bg-secondary/30 border-t border-dt-border-light/30 flex flex-col gap-2 animate-[dt-fade-in_0.15s_ease-out]", children: [
|
|
2564
2567
|
/* @__PURE__ */ n("div", { className: "flex items-center gap-1 flex-wrap text-[10px] font-mono", children: [
|
|
2565
2568
|
/* @__PURE__ */ n("span", { className: "px-1.5 py-0.5 bg-dt-bg-tertiary rounded text-dt-text-muted", children: [
|
|
2566
2569
|
"Started ",
|
|
@@ -2603,7 +2606,7 @@ function Oe({ eventStore: e }) {
|
|
|
2603
2606
|
})
|
|
2604
2607
|
] }),
|
|
2605
2608
|
f && (() => {
|
|
2606
|
-
const p = f.subscription, u = ct(p.args),
|
|
2609
|
+
const p = f.subscription, u = ct(p.args), s = u !== void 0 ? at(u) : null, C = u !== void 0 ? M(u) : null, I = u !== void 0 ? at(u) : "", L = p.currentValue, X = L !== void 0 ? at(L) : null, B = L !== void 0 ? at(L) : "", rt = L !== void 0 ? M(L) : null, G = p.status === "error" && p.error ? p.error.length > 160 ? `${p.error.slice(0, 157)}…` : p.error : null;
|
|
2607
2610
|
return /* @__PURE__ */ n("div", { className: "fixed z-[9999999] w-[300px] bg-zinc-900/[0.98] border border-dt-border rounded-lg shadow-2xl p-3 flex flex-col gap-2 pointer-events-none animate-[dt-fade-in_0.15s_ease-out] backdrop-blur-lg", style: { top: f.y, left: f.x }, role: "tooltip", children: [
|
|
2608
2611
|
/* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
|
|
2609
2612
|
/* @__PURE__ */ t("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-[3px] bg-dt-query/20 text-dt-query text-[9px] font-bold shrink-0 shadow-[0_1px_2px_rgba(96,165,250,0.35)]", children: "Q" }),
|
|
@@ -2631,7 +2634,7 @@ function Oe({ eventStore: e }) {
|
|
|
2631
2634
|
/* @__PURE__ */ t("span", { className: "text-[10px] font-semibold text-dt-text-tertiary uppercase tracking-wider", children: "Args" }),
|
|
2632
2635
|
C && /* @__PURE__ */ t("span", { className: "text-[9px] text-dt-text-muted/60 font-mono", children: C })
|
|
2633
2636
|
] }),
|
|
2634
|
-
/* @__PURE__ */ t("pre", { className: "font-mono text-[10px] text-dt-text-muted bg-zinc-950/50 rounded p-1.5 overflow-hidden max-h-[80px] whitespace-pre-wrap break-all m-0", title:
|
|
2637
|
+
/* @__PURE__ */ t("pre", { className: "font-mono text-[10px] text-dt-text-muted bg-zinc-950/50 rounded p-1.5 overflow-hidden max-h-[80px] whitespace-pre-wrap break-all m-0", title: s ?? void 0, children: I })
|
|
2635
2638
|
] }),
|
|
2636
2639
|
L !== void 0 && /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
|
|
2637
2640
|
/* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
|
|
@@ -2658,13 +2661,13 @@ function Oe({ eventStore: e }) {
|
|
|
2658
2661
|
] });
|
|
2659
2662
|
}
|
|
2660
2663
|
function je({ previous: e, current: r }) {
|
|
2661
|
-
const [a,
|
|
2664
|
+
const [a, i] = z(!0), d = V(() => Qt(e, r), [e, r]);
|
|
2662
2665
|
return d.length === 0 ? null : /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
|
|
2663
2666
|
/* @__PURE__ */ n(
|
|
2664
2667
|
"button",
|
|
2665
2668
|
{
|
|
2666
2669
|
className: "flex items-center gap-1 bg-transparent border-none text-dt-text-tertiary cursor-pointer text-[11px] font-semibold uppercase tracking-wider p-0 hover:text-dt-text-secondary transition-colors",
|
|
2667
|
-
onClick: () =>
|
|
2670
|
+
onClick: () => i(!a),
|
|
2668
2671
|
children: [
|
|
2669
2672
|
/* @__PURE__ */ t("span", { className: `text-[10px] transition-transform ${a ? "rotate-90" : ""}`, children: "▶" }),
|
|
2670
2673
|
/* @__PURE__ */ n("span", { children: [
|
|
@@ -2691,33 +2694,33 @@ function je({ previous: e, current: r }) {
|
|
|
2691
2694
|
] });
|
|
2692
2695
|
}
|
|
2693
2696
|
function Qt(e, r, a = "$") {
|
|
2694
|
-
const
|
|
2697
|
+
const i = [], d = (x) => {
|
|
2695
2698
|
const c = JSON.stringify(x);
|
|
2696
2699
|
return c && c.length > 80 ? c.slice(0, 77) + "…" : c;
|
|
2697
2700
|
};
|
|
2698
|
-
if (e === r) return
|
|
2701
|
+
if (e === r) return i;
|
|
2699
2702
|
if (e === null || r === null || typeof e != typeof r || typeof e != "object" || typeof r != "object")
|
|
2700
|
-
return
|
|
2703
|
+
return i.push({ type: "changed", path: a, oldVal: d(e), newVal: d(r) }), i;
|
|
2701
2704
|
if (Array.isArray(e) && Array.isArray(r)) {
|
|
2702
2705
|
const x = Math.max(e.length, r.length);
|
|
2703
|
-
for (let c = 0; c < x &&
|
|
2704
|
-
c >= e.length ?
|
|
2705
|
-
return
|
|
2706
|
+
for (let c = 0; c < x && i.length < 50; c++)
|
|
2707
|
+
c >= e.length ? i.push({ type: "added", path: `${a}[${c}]`, value: d(r[c]) }) : c >= r.length ? i.push({ type: "removed", path: `${a}[${c}]`, value: d(e[c]) }) : i.push(...Qt(e[c], r[c], `${a}[${c}]`));
|
|
2708
|
+
return i;
|
|
2706
2709
|
}
|
|
2707
2710
|
if (!Array.isArray(e) && !Array.isArray(r)) {
|
|
2708
2711
|
const x = e, c = r, m = /* @__PURE__ */ new Set([...Object.keys(x), ...Object.keys(c)]);
|
|
2709
2712
|
for (const w of m) {
|
|
2710
|
-
if (
|
|
2711
|
-
w in x ? w in c ?
|
|
2713
|
+
if (i.length >= 50) break;
|
|
2714
|
+
w in x ? w in c ? i.push(...Qt(x[w], c[w], `${a}.${w}`)) : i.push({ type: "removed", path: `${a}.${w}`, value: d(x[w]) }) : i.push({ type: "added", path: `${a}.${w}`, value: d(c[w]) });
|
|
2712
2715
|
}
|
|
2713
2716
|
}
|
|
2714
|
-
return
|
|
2717
|
+
return i;
|
|
2715
2718
|
}
|
|
2716
2719
|
function Fe({ eventStore: e, onNavigate: r }) {
|
|
2717
|
-
const [a,
|
|
2720
|
+
const [a, i] = z(null), [d, x] = z([]);
|
|
2718
2721
|
U(() => {
|
|
2719
2722
|
const y = () => {
|
|
2720
|
-
|
|
2723
|
+
i(e.getPerformanceMetrics()), x(e.getAllEvents());
|
|
2721
2724
|
}, S = e.subscribe(y);
|
|
2722
2725
|
return y(), S;
|
|
2723
2726
|
}, [e]);
|
|
@@ -2728,18 +2731,18 @@ function Fe({ eventStore: e, onNavigate: r }) {
|
|
|
2728
2731
|
}, S = Date.now(), $ = 6e4, P = 60, M = $ / P, q = d.flatMap((p) => {
|
|
2729
2732
|
if (p?.type !== "query" && p?.type !== "mutation" && p?.type !== "action")
|
|
2730
2733
|
return [];
|
|
2731
|
-
const u = typeof p.timestamp == "number" && Number.isFinite(p.timestamp) ? p.timestamp : null,
|
|
2732
|
-
return u === null ||
|
|
2734
|
+
const u = typeof p.timestamp == "number" && Number.isFinite(p.timestamp) ? p.timestamp : null, s = y(p.endToEndDurationMs ?? p.duration);
|
|
2735
|
+
return u === null || s === null ? [] : [{ type: p.type, timestamp: u, duration: s }];
|
|
2733
2736
|
}), R = (p) => {
|
|
2734
|
-
const u = new Array(P).fill(0),
|
|
2737
|
+
const u = new Array(P).fill(0), s = new Array(P).fill(0);
|
|
2735
2738
|
for (const C of q) {
|
|
2736
2739
|
if (p && C.type !== p) continue;
|
|
2737
2740
|
const I = S - C.timestamp;
|
|
2738
2741
|
if (I > $ || I < 0) continue;
|
|
2739
2742
|
const L = Math.min(P - 1, Math.floor(($ - I) / M));
|
|
2740
|
-
L < 0 || L >= P || (u[L] += C.duration,
|
|
2743
|
+
L < 0 || L >= P || (u[L] += C.duration, s[L]++);
|
|
2741
2744
|
}
|
|
2742
|
-
return u.map((C, I) =>
|
|
2745
|
+
return u.map((C, I) => s[I] > 0 ? C / s[I] : 0);
|
|
2743
2746
|
};
|
|
2744
2747
|
return {
|
|
2745
2748
|
all: R(),
|
|
@@ -2863,19 +2866,19 @@ function Fe({ eventStore: e, onNavigate: r }) {
|
|
|
2863
2866
|
] }) });
|
|
2864
2867
|
}
|
|
2865
2868
|
function _t({ label: e, data: r, color: a }) {
|
|
2866
|
-
const
|
|
2869
|
+
const i = r.map(
|
|
2867
2870
|
(c) => typeof c == "number" && Number.isFinite(c) && c > 0 ? c : 0
|
|
2868
|
-
), d = Math.max(...
|
|
2871
|
+
), d = Math.max(...i, 1), x = i[i.length - 1] || 0;
|
|
2869
2872
|
return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
|
|
2870
2873
|
/* @__PURE__ */ t("span", { className: "text-[10px] font-mono text-dt-text-muted w-14 shrink-0", children: e }),
|
|
2871
|
-
/* @__PURE__ */ t("div", { className: "flex-1 h-5 flex items-end gap-px", children:
|
|
2874
|
+
/* @__PURE__ */ t("div", { className: "flex-1 h-5 flex items-end gap-px", children: i.map((c, m) => /* @__PURE__ */ t(
|
|
2872
2875
|
"div",
|
|
2873
2876
|
{
|
|
2874
2877
|
className: "flex-1 rounded-t-sm min-h-px",
|
|
2875
2878
|
style: {
|
|
2876
2879
|
height: `${Math.max(1, c / d * 100)}%`,
|
|
2877
2880
|
backgroundColor: c > 0 ? a : "rgba(63,63,70,0.3)",
|
|
2878
|
-
opacity: c > 0 ? 0.5 + m /
|
|
2881
|
+
opacity: c > 0 ? 0.5 + m / i.length * 0.5 : 0.2
|
|
2879
2882
|
}
|
|
2880
2883
|
},
|
|
2881
2884
|
m
|
|
@@ -2893,14 +2896,14 @@ function le(e) {
|
|
|
2893
2896
|
return e.type === "query" ? `Q${e.queryId}` : e.type === "mutation" ? `M${e.requestId}` : `A${e.requestId}`;
|
|
2894
2897
|
}
|
|
2895
2898
|
function Be({ eventStore: e, onNavigate: r }) {
|
|
2896
|
-
const [a,
|
|
2897
|
-
(
|
|
2898
|
-
|
|
2899
|
+
const [a, i] = z([]), [d, x] = z(/* @__PURE__ */ new Map()), [c, m] = z(!0), [w, v] = z("all"), [E, f] = z(""), [b, N] = z(null), [k, y] = z(null), S = Ct(null), $ = Ct(null), P = J(
|
|
2900
|
+
(s) => {
|
|
2901
|
+
s && (e.setFocusedEventId(s), r?.("activity"));
|
|
2899
2902
|
},
|
|
2900
2903
|
[e, r]
|
|
2901
2904
|
);
|
|
2902
2905
|
U(() => {
|
|
2903
|
-
const
|
|
2906
|
+
const s = () => {
|
|
2904
2907
|
const I = e.getAllEvents(), L = /* @__PURE__ */ new Map(), X = [];
|
|
2905
2908
|
for (const B of I) {
|
|
2906
2909
|
if (B.type === "log") {
|
|
@@ -2909,15 +2912,15 @@ function Be({ eventStore: e, onNavigate: r }) {
|
|
|
2909
2912
|
}
|
|
2910
2913
|
Re(B) && L.set(B.id, B);
|
|
2911
2914
|
}
|
|
2912
|
-
|
|
2913
|
-
}, C = e.subscribe(
|
|
2914
|
-
return
|
|
2915
|
+
i(X), x(L);
|
|
2916
|
+
}, C = e.subscribe(s);
|
|
2917
|
+
return s(), C;
|
|
2915
2918
|
}, [e]);
|
|
2916
2919
|
const M = V(() => {
|
|
2917
|
-
const
|
|
2920
|
+
const s = E.trim().toLowerCase().split(/\s+/).filter((C) => C.length > 0);
|
|
2918
2921
|
return a.filter((C) => {
|
|
2919
2922
|
if (w !== "all" && C.level !== w) return !1;
|
|
2920
|
-
if (
|
|
2923
|
+
if (s.length === 0) return !0;
|
|
2921
2924
|
const I = C.relatedEventId ? d.get(C.relatedEventId) : void 0, L = [
|
|
2922
2925
|
C.message,
|
|
2923
2926
|
C.level,
|
|
@@ -2927,22 +2930,22 @@ function Be({ eventStore: e, onNavigate: r }) {
|
|
|
2927
2930
|
I ? le(I) : ""
|
|
2928
2931
|
].join(`
|
|
2929
2932
|
`).toLowerCase();
|
|
2930
|
-
return
|
|
2933
|
+
return s.every((X) => L.includes(X));
|
|
2931
2934
|
});
|
|
2932
|
-
}, [a, w, E, d]), q = J((
|
|
2933
|
-
F(
|
|
2934
|
-
}, []), R = J((
|
|
2935
|
+
}, [a, w, E, d]), q = J((s) => {
|
|
2936
|
+
F(s.message), y(s.id), setTimeout(() => y(null), 300);
|
|
2937
|
+
}, []), R = J((s) => `[${new Date(s.timestamp).toLocaleTimeString([], {
|
|
2935
2938
|
hour: "2-digit",
|
|
2936
2939
|
minute: "2-digit",
|
|
2937
2940
|
second: "2-digit",
|
|
2938
2941
|
fractionalSecondDigits: 3
|
|
2939
|
-
})}] [${
|
|
2940
|
-
const
|
|
2942
|
+
})}] [${s.level.toUpperCase()}] ${s.message}`, []), p = J(() => {
|
|
2943
|
+
const s = M.map(R).join(`
|
|
2941
2944
|
`);
|
|
2942
|
-
F(
|
|
2945
|
+
F(s);
|
|
2943
2946
|
}, [M, R]);
|
|
2944
2947
|
U(() => {
|
|
2945
|
-
const
|
|
2948
|
+
const s = (C) => {
|
|
2946
2949
|
if (Pt()) {
|
|
2947
2950
|
if ((C.metaKey || C.ctrlKey) && C.key === "k") {
|
|
2948
2951
|
C.preventDefault(), S.current?.focus();
|
|
@@ -2951,40 +2954,40 @@ function Be({ eventStore: e, onNavigate: r }) {
|
|
|
2951
2954
|
C.key === "Escape" && (w !== "all" || E) && (C.preventDefault(), v("all"), f(""));
|
|
2952
2955
|
}
|
|
2953
2956
|
};
|
|
2954
|
-
return window.addEventListener("keydown",
|
|
2957
|
+
return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
|
|
2955
2958
|
}, [w, E]), U(() => {
|
|
2956
2959
|
c && $.current && $.current.scrollIntoView({ behavior: "smooth" });
|
|
2957
2960
|
}, [M.length, c]);
|
|
2958
2961
|
const u = J(
|
|
2959
|
-
(
|
|
2960
|
-
const C =
|
|
2962
|
+
(s) => {
|
|
2963
|
+
const C = s.relatedEventId ? d.get(s.relatedEventId) : void 0, I = new Date(s.timestamp).toLocaleTimeString([], {
|
|
2961
2964
|
hour: "2-digit",
|
|
2962
2965
|
minute: "2-digit",
|
|
2963
2966
|
second: "2-digit",
|
|
2964
2967
|
fractionalSecondDigits: 3
|
|
2965
2968
|
}), L = [
|
|
2966
|
-
{ label: "Copy Message", action: () => F(
|
|
2969
|
+
{ label: "Copy Message", action: () => F(s.message), shortcut: "⌘C" },
|
|
2967
2970
|
{ label: "Copy Timestamp", action: () => F(I) }
|
|
2968
2971
|
];
|
|
2969
2972
|
return L.push({
|
|
2970
|
-
label: `Filter by Level: ${
|
|
2971
|
-
action: () => v(
|
|
2973
|
+
label: `Filter by Level: ${s.level}`,
|
|
2974
|
+
action: () => v(s.level),
|
|
2972
2975
|
separator: !0
|
|
2973
|
-
}),
|
|
2976
|
+
}), s.relatedEventId && L.push({
|
|
2974
2977
|
label: "Copy Related Event ID",
|
|
2975
|
-
action: () => F(
|
|
2978
|
+
action: () => F(s.relatedEventId)
|
|
2976
2979
|
}), C && (L.push({
|
|
2977
2980
|
label: "Copy Related Function Path",
|
|
2978
2981
|
action: () => F(C.udfPath)
|
|
2979
2982
|
}), L.push({
|
|
2980
2983
|
label: "Filter by Related Function",
|
|
2981
2984
|
action: () => f(C.udfPath)
|
|
2982
|
-
})),
|
|
2985
|
+
})), s.relatedEventId && r && L.push({
|
|
2983
2986
|
label: "Go to Related Event",
|
|
2984
|
-
action: () => P(
|
|
2987
|
+
action: () => P(s.relatedEventId)
|
|
2985
2988
|
}), L.push({
|
|
2986
2989
|
label: "Copy as JSON",
|
|
2987
|
-
action: () => F(JSON.stringify(
|
|
2990
|
+
action: () => F(JSON.stringify(s, null, 2)),
|
|
2988
2991
|
separator: !0
|
|
2989
2992
|
}), L;
|
|
2990
2993
|
},
|
|
@@ -2992,14 +2995,14 @@ function Be({ eventStore: e, onNavigate: r }) {
|
|
|
2992
2995
|
);
|
|
2993
2996
|
return /* @__PURE__ */ n("div", { className: "flex flex-col h-full overflow-hidden", children: [
|
|
2994
2997
|
/* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-3 py-1.5 border-b border-dt-border-light", children: [
|
|
2995
|
-
/* @__PURE__ */ t("div", { className: "flex items-center gap-0.5", children: ["all", "log", "info", "warn", "error"].map((
|
|
2998
|
+
/* @__PURE__ */ t("div", { className: "flex items-center gap-0.5", children: ["all", "log", "info", "warn", "error"].map((s) => /* @__PURE__ */ t(
|
|
2996
2999
|
"button",
|
|
2997
3000
|
{
|
|
2998
|
-
className: `px-2 py-1 text-[11px] bg-transparent border rounded-md cursor-pointer transition-all ${w ===
|
|
2999
|
-
onClick: () => v(
|
|
3000
|
-
children:
|
|
3001
|
+
className: `px-2 py-1 text-[11px] bg-transparent border rounded-md cursor-pointer transition-all ${w === s ? s === "info" ? "bg-dt-info/20 text-dt-info border-dt-info/30 font-medium" : s === "warn" ? "bg-dt-warning/20 text-dt-warning border-dt-warning/30 font-medium" : s === "error" ? "bg-dt-error/20 text-dt-error border-dt-error/30 font-medium" : "bg-white/10 text-dt-text-secondary border-dt-border-light font-medium" : s === "info" ? "border-transparent text-dt-text-muted hover:bg-dt-info/15 hover:text-dt-info" : s === "warn" ? "border-transparent text-dt-text-muted hover:bg-dt-warning/15 hover:text-dt-warning" : s === "error" ? "border-transparent text-dt-text-muted hover:bg-dt-error/15 hover:text-dt-error" : "border-transparent text-dt-text-muted hover:bg-white/5 hover:text-dt-text-tertiary"}`,
|
|
3002
|
+
onClick: () => v(s),
|
|
3003
|
+
children: s.charAt(0).toUpperCase() + s.slice(1)
|
|
3001
3004
|
},
|
|
3002
|
-
|
|
3005
|
+
s
|
|
3003
3006
|
)) }),
|
|
3004
3007
|
/* @__PURE__ */ t(
|
|
3005
3008
|
Xt,
|
|
@@ -3028,7 +3031,7 @@ function Be({ eventStore: e, onNavigate: r }) {
|
|
|
3028
3031
|
}
|
|
3029
3032
|
),
|
|
3030
3033
|
/* @__PURE__ */ n("label", { className: "flex items-center gap-1.5 text-[11px] text-dt-text-muted cursor-pointer select-none", children: [
|
|
3031
|
-
/* @__PURE__ */ t("input", { type: "checkbox", checked: c, onChange: (
|
|
3034
|
+
/* @__PURE__ */ t("input", { type: "checkbox", checked: c, onChange: (s) => m(s.target.checked) }),
|
|
3032
3035
|
"Auto-scroll"
|
|
3033
3036
|
] })
|
|
3034
3037
|
] })
|
|
@@ -3038,50 +3041,50 @@ function Be({ eventStore: e, onNavigate: r }) {
|
|
|
3038
3041
|
/* @__PURE__ */ t("p", { children: "No logs yet" }),
|
|
3039
3042
|
/* @__PURE__ */ t("p", { className: "text-[11px] text-dt-text-muted/60", children: "Console output from functions will appear here" })
|
|
3040
3043
|
] }),
|
|
3041
|
-
M.map((
|
|
3042
|
-
const C =
|
|
3044
|
+
M.map((s) => {
|
|
3045
|
+
const C = s.relatedEventId ? d.get(s.relatedEventId) : void 0, I = C ? le(C) : null;
|
|
3043
3046
|
return /* @__PURE__ */ n(
|
|
3044
3047
|
"div",
|
|
3045
3048
|
{
|
|
3046
|
-
className: `flex items-start gap-2 px-2 py-1 text-[11px] font-mono border-b border-dt-border-light/30 cursor-pointer select-none transition-colors duration-300 ${k ===
|
|
3047
|
-
onClick: () => q(
|
|
3049
|
+
className: `flex items-start gap-2 px-2 py-1 text-[11px] font-mono border-b border-dt-border-light/30 cursor-pointer select-none transition-colors duration-300 ${k === s.id ? "bg-white/10" : `hover:bg-white/[0.02] ${s.level === "warn" ? "bg-dt-warning/5" : s.level === "error" ? "bg-dt-error/5" : ""}`}`,
|
|
3050
|
+
onClick: () => q(s),
|
|
3048
3051
|
onContextMenu: (L) => {
|
|
3049
3052
|
L.preventDefault(), N({
|
|
3050
3053
|
x: L.clientX,
|
|
3051
3054
|
y: L.clientY,
|
|
3052
|
-
items: u(
|
|
3055
|
+
items: u(s)
|
|
3053
3056
|
});
|
|
3054
3057
|
},
|
|
3055
3058
|
children: [
|
|
3056
|
-
/* @__PURE__ */ t("span", { className: "text-dt-text-muted/60 shrink-0", children: new Date(
|
|
3059
|
+
/* @__PURE__ */ t("span", { className: "text-dt-text-muted/60 shrink-0", children: new Date(s.timestamp).toLocaleTimeString([], {
|
|
3057
3060
|
hour: "2-digit",
|
|
3058
3061
|
minute: "2-digit",
|
|
3059
3062
|
second: "2-digit",
|
|
3060
3063
|
fractionalSecondDigits: 3
|
|
3061
3064
|
}) }),
|
|
3062
|
-
/* @__PURE__ */ t("span", { className: `font-semibold shrink-0 w-10 uppercase text-[10px] ${
|
|
3065
|
+
/* @__PURE__ */ t("span", { className: `font-semibold shrink-0 w-10 uppercase text-[10px] ${s.level === "info" ? "text-dt-info" : s.level === "warn" ? "text-dt-warning" : s.level === "error" ? "text-dt-error" : "text-dt-text-muted"}`, children: s.level.toUpperCase() }),
|
|
3063
3066
|
/* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
|
|
3064
|
-
/* @__PURE__ */ t("div", { className: "text-dt-text-secondary break-all", children:
|
|
3067
|
+
/* @__PURE__ */ t("div", { className: "text-dt-text-secondary break-all", children: s.message }),
|
|
3065
3068
|
C && /* @__PURE__ */ n("div", { className: "text-[10px] text-dt-text-muted/70 truncate", title: `${C.type} ${C.udfPath}`, children: [
|
|
3066
3069
|
C.type,
|
|
3067
3070
|
" ",
|
|
3068
3071
|
C.udfPath
|
|
3069
3072
|
] })
|
|
3070
3073
|
] }),
|
|
3071
|
-
|
|
3074
|
+
s.relatedEventId && /* @__PURE__ */ t(
|
|
3072
3075
|
"button",
|
|
3073
3076
|
{
|
|
3074
3077
|
className: "shrink-0 px-1 py-0.5 bg-transparent border border-dt-border-light/50 rounded text-[9px] font-mono text-dt-text-muted cursor-pointer hover:text-dt-info hover:border-dt-info/30 transition-colors",
|
|
3075
3078
|
onClick: (L) => {
|
|
3076
|
-
L.stopPropagation(), P(
|
|
3079
|
+
L.stopPropagation(), P(s.relatedEventId);
|
|
3077
3080
|
},
|
|
3078
|
-
title: C ? `Open ${C.udfPath}` : `From: ${
|
|
3079
|
-
children: I ??
|
|
3081
|
+
title: C ? `Open ${C.udfPath}` : `From: ${s.relatedEventId}`,
|
|
3082
|
+
children: I ?? s.relatedEventId.split("-")[0]
|
|
3080
3083
|
}
|
|
3081
3084
|
)
|
|
3082
3085
|
]
|
|
3083
3086
|
},
|
|
3084
|
-
|
|
3087
|
+
s.id
|
|
3085
3088
|
);
|
|
3086
3089
|
}),
|
|
3087
3090
|
/* @__PURE__ */ t("div", { ref: $ })
|
|
@@ -3098,7 +3101,7 @@ function Be({ eventStore: e, onNavigate: r }) {
|
|
|
3098
3101
|
] });
|
|
3099
3102
|
}
|
|
3100
3103
|
function Ve({ eventStore: e }) {
|
|
3101
|
-
const [r, a] = z(e.getSettings()), [
|
|
3104
|
+
const [r, a] = z(e.getSettings()), [i, d] = z(e.getSnapshots()), x = e.isPausedState(), c = e.isPersistenceEnabled();
|
|
3102
3105
|
U(() => (a(e.getSettings()), e.subscribeSettings((y) => {
|
|
3103
3106
|
a(y);
|
|
3104
3107
|
})), [e]);
|
|
@@ -3312,11 +3315,11 @@ function Ve({ eventStore: e }) {
|
|
|
3312
3315
|
}
|
|
3313
3316
|
),
|
|
3314
3317
|
/* @__PURE__ */ n("span", { className: "px-1.5 py-0.5 rounded bg-dt-bg-tertiary text-[10px] text-dt-text-muted font-mono", children: [
|
|
3315
|
-
|
|
3318
|
+
i.length,
|
|
3316
3319
|
" saved"
|
|
3317
3320
|
] })
|
|
3318
3321
|
] }),
|
|
3319
|
-
|
|
3322
|
+
i.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 max-h-[180px] overflow-y-auto pr-1", children: [...i].reverse().map((k) => /* @__PURE__ */ n(
|
|
3320
3323
|
"div",
|
|
3321
3324
|
{
|
|
3322
3325
|
className: "flex items-center gap-2 px-2 py-1 bg-dt-bg-tertiary/50 rounded border border-dt-border-light/30 text-[11px]",
|
|
@@ -3389,7 +3392,7 @@ function Je({
|
|
|
3389
3392
|
eventStore: e,
|
|
3390
3393
|
position: r = "bottom-right",
|
|
3391
3394
|
mode: a = "overlay",
|
|
3392
|
-
panelConnectionState:
|
|
3395
|
+
panelConnectionState: i
|
|
3393
3396
|
}) {
|
|
3394
3397
|
const d = a === "panel", [x, c] = z(() => {
|
|
3395
3398
|
if (d) return !0;
|
|
@@ -3397,7 +3400,7 @@ function Je({
|
|
|
3397
3400
|
return u ? JSON.parse(u) : !0;
|
|
3398
3401
|
}), [m, w] = z("activity"), [v, E] = z([]), [f, b] = z(!1);
|
|
3399
3402
|
U(() => {
|
|
3400
|
-
const u = e.subscribe((
|
|
3403
|
+
const u = e.subscribe((s) => {
|
|
3401
3404
|
E(e.getAllEvents()), b(e.isPausedState());
|
|
3402
3405
|
});
|
|
3403
3406
|
return E(e.getAllEvents()), b(e.isPausedState()), u;
|
|
@@ -3409,20 +3412,20 @@ function Je({
|
|
|
3409
3412
|
}, [e]), k = J(() => {
|
|
3410
3413
|
c(!1);
|
|
3411
3414
|
}, []), y = J(() => {
|
|
3412
|
-
const u = e.exportSession(),
|
|
3415
|
+
const u = e.exportSession(), s = new Blob([JSON.stringify(u, null, 2)], {
|
|
3413
3416
|
type: "application/json"
|
|
3414
|
-
}), C = URL.createObjectURL(
|
|
3417
|
+
}), C = URL.createObjectURL(s), I = document.createElement("a");
|
|
3415
3418
|
I.href = C, I.download = `concave-devtools-${Date.now()}.json`, I.click(), URL.revokeObjectURL(C);
|
|
3416
3419
|
}, [e]), S = J(() => {
|
|
3417
3420
|
e.isPausedState() ? (e.resume(), b(!1)) : (e.pause(), b(!0));
|
|
3418
3421
|
}, [e]);
|
|
3419
3422
|
U(() => {
|
|
3420
|
-
const u = (
|
|
3421
|
-
if ((
|
|
3422
|
-
|
|
3423
|
+
const u = (s) => {
|
|
3424
|
+
if ((s.metaKey || s.ctrlKey) && s.shiftKey && s.key === "D") {
|
|
3425
|
+
s.preventDefault(), c((C) => !C);
|
|
3423
3426
|
return;
|
|
3424
3427
|
}
|
|
3425
|
-
Pt() && ((
|
|
3428
|
+
Pt() && ((s.metaKey || s.ctrlKey) && s.key === "e" && (s.preventDefault(), y()), (s.metaKey || s.ctrlKey) && s.key === "p" && (s.preventDefault(), S()));
|
|
3426
3429
|
};
|
|
3427
3430
|
return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
|
|
3428
3431
|
}, [N, y, S]);
|
|
@@ -3532,7 +3535,7 @@ function Je({
|
|
|
3532
3535
|
] })
|
|
3533
3536
|
] }),
|
|
3534
3537
|
/* @__PURE__ */ n("div", { className: "flex-1 min-h-0 flex flex-col", children: [
|
|
3535
|
-
m === "activity" && /* @__PURE__ */ t("div", { id: "panel-activity", className: "flex-1 min-h-0 flex flex-col", role: "tabpanel", "aria-labelledby": "tab-activity", children: /* @__PURE__ */ t(qe, { eventStore: e, panelConnectionState: d ?
|
|
3538
|
+
m === "activity" && /* @__PURE__ */ t("div", { id: "panel-activity", className: "flex-1 min-h-0 flex flex-col", role: "tabpanel", "aria-labelledby": "tab-activity", children: /* @__PURE__ */ t(qe, { eventStore: e, panelConnectionState: d ? i : void 0 }) }),
|
|
3536
3539
|
m === "subscriptions" && /* @__PURE__ */ t("div", { id: "panel-subscriptions", className: "flex-1 min-h-0 flex flex-col", role: "tabpanel", "aria-labelledby": "tab-subscriptions", children: /* @__PURE__ */ t(Oe, { eventStore: e }) }),
|
|
3537
3540
|
m === "performance" && /* @__PURE__ */ t("div", { id: "panel-performance", className: "flex-1 min-h-0 flex flex-col", role: "tabpanel", "aria-labelledby": "tab-performance", children: /* @__PURE__ */ t(Fe, { eventStore: e, onNavigate: w }) }),
|
|
3538
3541
|
m === "logs" && /* @__PURE__ */ t("div", { id: "panel-logs", className: "flex-1 min-h-0 flex flex-col", role: "tabpanel", "aria-labelledby": "tab-logs", children: /* @__PURE__ */ t(Be, { eventStore: e, onNavigate: w }) }),
|
|
@@ -3541,7 +3544,7 @@ function Je({
|
|
|
3541
3544
|
] })
|
|
3542
3545
|
] });
|
|
3543
3546
|
}
|
|
3544
|
-
const Ue = '@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration: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:"Fira Code","Monaco","Consolas",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-lg:16px;--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);--color-dt-bg:#121214fa;--color-dt-bg-secondary:#18181bf2;--color-dt-bg-tertiary:#27272a99;--color-dt-border:#3f3f4699;--color-dt-border-light:#3f3f4666;--color-dt-text:#f4f4f5;--color-dt-text-secondary:#e4e4e7;--color-dt-text-tertiary:#a1a1aa;--color-dt-text-muted:#71717a;--color-dt-success:#22c55e;--color-dt-error:#ef4444;--color-dt-warning:#f59e0b;--color-dt-info:#3b82f6;--color-dt-query:#60a5fa;--color-dt-mutation:#a78bfa;--color-dt-action:#34d399}}@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%;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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-0\\.5{top:calc(var(--spacing)*.5)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.right-1\\.5{right:calc(var(--spacing)*1.5)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-4{left:calc(var(--spacing)*4)}.z-\\[2\\]{z-index:2}.z-\\[999999\\]{z-index:999999}.z-\\[9999999\\]{z-index:9999999}.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}}.m-0{margin:calc(var(--spacing)*0)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-\\[16px\\]{height:16px}.h-\\[min\\(620px\\,calc\\(100vh-32px\\)\\)\\]{height:min(620px,100vh - 32px)}.h-full{height:100%}.max-h-\\[80px\\]{max-height:80px}.max-h-\\[100px\\]{max-height:100px}.max-h-\\[150px\\]{max-height:150px}.max-h-\\[180px\\]{max-height:180px}.max-h-\\[200px\\]{max-height:200px}.max-h-\\[calc\\(100vh-24px\\)\\]{max-height:calc(100vh - 24px)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\\[360px\\]{min-height:360px}.min-h-px{min-height:1px}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-7{width:calc(var(--spacing)*7)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-\\[300px\\]{width:300px}.w-\\[min\\(58vw\\,620px\\)\\]{width:min(58vw,620px)}.w-\\[min\\(860px\\,calc\\(100vw-32px\\)\\)\\]{width:min(860px,100vw - 32px)}.w-full{width:100%}.w-px{width:1px}.max-w-\\[20\\%\\]{max-width:20%}.max-w-\\[38\\%\\]{max-width:38%}.max-w-\\[44\\%\\]{max-width:44%}.max-w-\\[150px\\]{max-width:150px}.max-w-\\[180px\\]{max-width:180px}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[280px\\]{max-width:280px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[calc\\(100vw-24px\\)\\]{max-width:calc(100vw - 24px)}.max-w-\\[min\\(58vw\\,680px\\)\\]{max-width:min(58vw,680px)}.max-w-\\[min\\(62vw\\,760px\\)\\]{max-width:min(62vw,760px)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[180px\\]{min-width:180px}.min-w-\\[300px\\]{min-width:300px}.min-w-\\[420px\\]{min-width:420px}.min-w-\\[820px\\]{min-width:820px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\\[dt-fade-in_0\\.1s_ease-out\\]{animation:.1s ease-out dt-fade-in}.animate-\\[dt-fade-in_0\\.15s_ease-out\\]{animation:.15s ease-out dt-fade-in}.animate-\\[dt-slide-in_0\\.2s_ease-out\\]{animation:.2s ease-out dt-slide-in}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-\\[3px\\]{gap:3px}.gap-px{gap:1px}:where(.space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*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-\\[3px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(3px*var(--tw-space-y-reverse));margin-block-end:calc(3px*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[14px\\]{border-radius:14px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-dt-border{border-color:var(--color-dt-border)}.border-dt-border-light{border-color:var(--color-dt-border-light)}.border-dt-border-light\\/30{border-color:#3f3f461f}@supports (color:color-mix(in lab,red,red)){.border-dt-border-light\\/30{border-color:color-mix(in oklab,var(--color-dt-border-light)30%,transparent)}}.border-dt-border-light\\/40{border-color:#3f3f4629}@supports (color:color-mix(in lab,red,red)){.border-dt-border-light\\/40{border-color:color-mix(in oklab,var(--color-dt-border-light)40%,transparent)}}.border-dt-border-light\\/50{border-color:#3f3f4633}@supports (color:color-mix(in lab,red,red)){.border-dt-border-light\\/50{border-color:color-mix(in oklab,var(--color-dt-border-light)50%,transparent)}}.border-dt-error\\/30{border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.border-dt-error\\/30{border-color:color-mix(in oklab,var(--color-dt-error)30%,transparent)}}.border-dt-error\\/40{border-color:#ef444466}@supports (color:color-mix(in lab,red,red)){.border-dt-error\\/40{border-color:color-mix(in oklab,var(--color-dt-error)40%,transparent)}}.border-dt-info\\/20{border-color:#3b82f633}@supports (color:color-mix(in lab,red,red)){.border-dt-info\\/20{border-color:color-mix(in oklab,var(--color-dt-info)20%,transparent)}}.border-dt-info\\/30{border-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.border-dt-info\\/30{border-color:color-mix(in oklab,var(--color-dt-info)30%,transparent)}}.border-dt-mutation\\/20{border-color:#a78bfa33}@supports (color:color-mix(in lab,red,red)){.border-dt-mutation\\/20{border-color:color-mix(in oklab,var(--color-dt-mutation)20%,transparent)}}.border-dt-success\\/30{border-color:#22c55e4d}@supports (color:color-mix(in lab,red,red)){.border-dt-success\\/30{border-color:color-mix(in oklab,var(--color-dt-success)30%,transparent)}}.border-dt-warning\\/20{border-color:#f59e0b33}@supports (color:color-mix(in lab,red,red)){.border-dt-warning\\/20{border-color:color-mix(in oklab,var(--color-dt-warning)20%,transparent)}}.border-dt-warning\\/30{border-color:#f59e0b4d}@supports (color:color-mix(in lab,red,red)){.border-dt-warning\\/30{border-color:color-mix(in oklab,var(--color-dt-warning)30%,transparent)}}.border-transparent{border-color:#0000}.border-zinc-700\\/30{border-color:#3f3f464d}@supports (color:color-mix(in lab,red,red)){.border-zinc-700\\/30{border-color:color-mix(in oklab,var(--color-zinc-700)30%,transparent)}}.border-b-dt-info{border-bottom-color:var(--color-dt-info)}.border-b-transparent{border-bottom-color:#0000}.border-l-dt-error\\/40{border-left-color:#ef444466}@supports (color:color-mix(in lab,red,red)){.border-l-dt-error\\/40{border-left-color:color-mix(in oklab,var(--color-dt-error)40%,transparent)}}.border-l-dt-query\\/30{border-left-color:#60a5fa4d}@supports (color:color-mix(in lab,red,red)){.border-l-dt-query\\/30{border-left-color:color-mix(in oklab,var(--color-dt-query)30%,transparent)}}.bg-dt-action{background-color:var(--color-dt-action)}.bg-dt-action\\/20{background-color:#34d39933}@supports (color:color-mix(in lab,red,red)){.bg-dt-action\\/20{background-color:color-mix(in oklab,var(--color-dt-action)20%,transparent)}}.bg-dt-action\\/25{background-color:#34d39940}@supports (color:color-mix(in lab,red,red)){.bg-dt-action\\/25{background-color:color-mix(in oklab,var(--color-dt-action)25%,transparent)}}.bg-dt-bg{background-color:var(--color-dt-bg)}.bg-dt-bg-secondary{background-color:var(--color-dt-bg-secondary)}.bg-dt-bg-secondary\\/30{background-color:#18181b49}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-secondary\\/30{background-color:color-mix(in oklab,var(--color-dt-bg-secondary)30%,transparent)}}.bg-dt-bg-secondary\\/50{background-color:#18181b79}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-secondary\\/50{background-color:color-mix(in oklab,var(--color-dt-bg-secondary)50%,transparent)}}.bg-dt-bg-secondary\\/85{background-color:#18181bce}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-secondary\\/85{background-color:color-mix(in oklab,var(--color-dt-bg-secondary)85%,transparent)}}.bg-dt-bg-tertiary{background-color:var(--color-dt-bg-tertiary)}.bg-dt-bg-tertiary\\/30{background-color:#27272a2e}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-tertiary\\/30{background-color:color-mix(in oklab,var(--color-dt-bg-tertiary)30%,transparent)}}.bg-dt-bg-tertiary\\/35{background-color:#27272a36}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-tertiary\\/35{background-color:color-mix(in oklab,var(--color-dt-bg-tertiary)35%,transparent)}}.bg-dt-bg-tertiary\\/40{background-color:#27272a3d}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-tertiary\\/40{background-color:color-mix(in oklab,var(--color-dt-bg-tertiary)40%,transparent)}}.bg-dt-bg-tertiary\\/50{background-color:#27272a4d}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-tertiary\\/50{background-color:color-mix(in oklab,var(--color-dt-bg-tertiary)50%,transparent)}}.bg-dt-error{background-color:var(--color-dt-error)}.bg-dt-error\\/5{background-color:#ef44440d}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/5{background-color:color-mix(in oklab,var(--color-dt-error)5%,transparent)}}.bg-dt-error\\/10{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/10{background-color:color-mix(in oklab,var(--color-dt-error)10%,transparent)}}.bg-dt-error\\/15{background-color:#ef444426}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/15{background-color:color-mix(in oklab,var(--color-dt-error)15%,transparent)}}.bg-dt-error\\/20{background-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/20{background-color:color-mix(in oklab,var(--color-dt-error)20%,transparent)}}.bg-dt-error\\/25{background-color:#ef444440}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/25{background-color:color-mix(in oklab,var(--color-dt-error)25%,transparent)}}.bg-dt-info\\/5{background-color:#3b82f60d}@supports (color:color-mix(in lab,red,red)){.bg-dt-info\\/5{background-color:color-mix(in oklab,var(--color-dt-info)5%,transparent)}}.bg-dt-info\\/10{background-color:#3b82f61a}@supports (color:color-mix(in lab,red,red)){.bg-dt-info\\/10{background-color:color-mix(in oklab,var(--color-dt-info)10%,transparent)}}.bg-dt-info\\/15{background-color:#3b82f626}@supports (color:color-mix(in lab,red,red)){.bg-dt-info\\/15{background-color:color-mix(in oklab,var(--color-dt-info)15%,transparent)}}.bg-dt-info\\/20{background-color:#3b82f633}@supports (color:color-mix(in lab,red,red)){.bg-dt-info\\/20{background-color:color-mix(in oklab,var(--color-dt-info)20%,transparent)}}.bg-dt-mutation{background-color:var(--color-dt-mutation)}.bg-dt-mutation\\/10{background-color:#a78bfa1a}@supports (color:color-mix(in lab,red,red)){.bg-dt-mutation\\/10{background-color:color-mix(in oklab,var(--color-dt-mutation)10%,transparent)}}.bg-dt-mutation\\/20{background-color:#a78bfa33}@supports (color:color-mix(in lab,red,red)){.bg-dt-mutation\\/20{background-color:color-mix(in oklab,var(--color-dt-mutation)20%,transparent)}}.bg-dt-mutation\\/25{background-color:#a78bfa40}@supports (color:color-mix(in lab,red,red)){.bg-dt-mutation\\/25{background-color:color-mix(in oklab,var(--color-dt-mutation)25%,transparent)}}.bg-dt-query{background-color:var(--color-dt-query)}.bg-dt-query\\/20{background-color:#60a5fa33}@supports (color:color-mix(in lab,red,red)){.bg-dt-query\\/20{background-color:color-mix(in oklab,var(--color-dt-query)20%,transparent)}}.bg-dt-query\\/25{background-color:#60a5fa40}@supports (color:color-mix(in lab,red,red)){.bg-dt-query\\/25{background-color:color-mix(in oklab,var(--color-dt-query)25%,transparent)}}.bg-dt-query\\/\\[0\\.02\\]{background-color:#60a5fa05}@supports (color:color-mix(in lab,red,red)){.bg-dt-query\\/\\[0\\.02\\]{background-color:color-mix(in oklab,var(--color-dt-query)2%,transparent)}}.bg-dt-success{background-color:var(--color-dt-success)}.bg-dt-success\\/5{background-color:#22c55e0d}@supports (color:color-mix(in lab,red,red)){.bg-dt-success\\/5{background-color:color-mix(in oklab,var(--color-dt-success)5%,transparent)}}.bg-dt-success\\/15{background-color:#22c55e26}@supports (color:color-mix(in lab,red,red)){.bg-dt-success\\/15{background-color:color-mix(in oklab,var(--color-dt-success)15%,transparent)}}.bg-dt-success\\/20{background-color:#22c55e33}@supports (color:color-mix(in lab,red,red)){.bg-dt-success\\/20{background-color:color-mix(in oklab,var(--color-dt-success)20%,transparent)}}.bg-dt-warning{background-color:var(--color-dt-warning)}.bg-dt-warning\\/5{background-color:#f59e0b0d}@supports (color:color-mix(in lab,red,red)){.bg-dt-warning\\/5{background-color:color-mix(in oklab,var(--color-dt-warning)5%,transparent)}}.bg-dt-warning\\/15{background-color:#f59e0b26}@supports (color:color-mix(in lab,red,red)){.bg-dt-warning\\/15{background-color:color-mix(in oklab,var(--color-dt-warning)15%,transparent)}}.bg-dt-warning\\/20{background-color:#f59e0b33}@supports (color:color-mix(in lab,red,red)){.bg-dt-warning\\/20{background-color:color-mix(in oklab,var(--color-dt-warning)20%,transparent)}}.bg-transparent{background-color:#0000}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.bg-white\\/55{background-color:color-mix(in oklab,var(--color-white)55%,transparent)}}.bg-white\\/\\[0\\.03\\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\\/\\[0\\.03\\]{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.bg-white\\/\\[0\\.06\\]{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\\/\\[0\\.06\\]{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.bg-white\\/\\[0\\.08\\]{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\\/\\[0\\.08\\]{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.bg-yellow-400\\/25{background-color:#fac80040}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\\/25{background-color:color-mix(in oklab,var(--color-yellow-400)25%,transparent)}}.bg-yellow-400\\/30{background-color:#fac8004d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\\/30{background-color:color-mix(in oklab,var(--color-yellow-400)30%,transparent)}}.bg-zinc-500\\/25{background-color:#71717b40}@supports (color:color-mix(in lab,red,red)){.bg-zinc-500\\/25{background-color:color-mix(in oklab,var(--color-zinc-500)25%,transparent)}}.bg-zinc-900\\/50{background-color:#18181b80}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\\/50{background-color:color-mix(in oklab,var(--color-zinc-900)50%,transparent)}}.bg-zinc-900\\/\\[0\\.98\\]{background-color:#18181bfa}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\\/\\[0\\.98\\]{background-color:color-mix(in oklab,var(--color-zinc-900)98%,transparent)}}.bg-zinc-950\\/50{background-color:#09090b80}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\\/50{background-color:color-mix(in oklab,var(--color-zinc-950)50%,transparent)}}.bg-zinc-950\\/98{background-color:#09090bfa}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\\/98{background-color:color-mix(in oklab,var(--color-zinc-950)98%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-zinc-900\\/\\[0\\.98\\]{--tw-gradient-from:#18181bfa}@supports (color:color-mix(in lab,red,red)){.from-zinc-900\\/\\[0\\.98\\]{--tw-gradient-from:color-mix(in oklab,var(--color-zinc-900)98%,transparent)}}.from-zinc-900\\/\\[0\\.98\\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-zinc-800\\/95{--tw-gradient-to:#27272af2}@supports (color:color-mix(in lab,red,red)){.to-zinc-800\\/95{--tw-gradient-to:color-mix(in oklab,var(--color-zinc-800)95%,transparent)}}.to-zinc-800\\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-\\[3px\\]{padding:3px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.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-\\[18px\\]{padding-inline:18px}.px-px{padding-inline:1px}.py-0{padding-block:calc(var(--spacing)*0)}.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)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-12{padding-block:calc(var(--spacing)*12)}.py-\\[2px\\]{padding-block:2px}.py-\\[7px\\]{padding-block:7px}.py-px{padding-block:1px}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-7{padding-right:calc(var(--spacing)*7)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-dt-action{color:var(--color-dt-action)}.text-dt-border{color:var(--color-dt-border)}.text-dt-error{color:var(--color-dt-error)}.text-dt-info{color:var(--color-dt-info)}.text-dt-info\\/90{color:#3b82f6e6}@supports (color:color-mix(in lab,red,red)){.text-dt-info\\/90{color:color-mix(in oklab,var(--color-dt-info)90%,transparent)}}.text-dt-mutation{color:var(--color-dt-mutation)}.text-dt-mutation\\/70{color:#a78bfab3}@supports (color:color-mix(in lab,red,red)){.text-dt-mutation\\/70{color:color-mix(in oklab,var(--color-dt-mutation)70%,transparent)}}.text-dt-query{color:var(--color-dt-query)}.text-dt-success{color:var(--color-dt-success)}.text-dt-text{color:var(--color-dt-text)}.text-dt-text-muted{color:var(--color-dt-text-muted)}.text-dt-text-muted\\/40{color:#71717a66}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/40{color:color-mix(in oklab,var(--color-dt-text-muted)40%,transparent)}}.text-dt-text-muted\\/60{color:#71717a99}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/60{color:color-mix(in oklab,var(--color-dt-text-muted)60%,transparent)}}.text-dt-text-muted\\/70{color:#71717ab3}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/70{color:color-mix(in oklab,var(--color-dt-text-muted)70%,transparent)}}.text-dt-text-muted\\/80{color:#71717acc}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/80{color:color-mix(in oklab,var(--color-dt-text-muted)80%,transparent)}}.text-dt-text-muted\\/85{color:#71717ad9}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/85{color:color-mix(in oklab,var(--color-dt-text-muted)85%,transparent)}}.text-dt-text-muted\\/90{color:#71717ae6}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/90{color:color-mix(in oklab,var(--color-dt-text-muted)90%,transparent)}}.text-dt-text-secondary{color:var(--color-dt-text-secondary)}.text-dt-text-tertiary{color:var(--color-dt-text-tertiary)}.text-dt-warning{color:var(--color-dt-warning)}.text-dt-warning\\/90{color:#f59e0be6}@supports (color:color-mix(in lab,red,red)){.text-dt-warning\\/90{color:color-mix(in oklab,var(--color-dt-warning)90%,transparent)}}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.text-yellow-200{color:var(--color-yellow-200)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-dt-text-muted\\/40::placeholder{color:#71717a66}@supports (color:color-mix(in lab,red,red)){.placeholder-dt-text-muted\\/40::placeholder{color:color-mix(in oklab,var(--color-dt-text-muted)40%,transparent)}}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(52\\,211\\,153\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#34d39980);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(96\\,165\\,250\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#60a5fa80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(161\\,161\\,170\\,0\\.4\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#a1a1aa66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(167\\,139\\,250\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#a78bfa80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(239\\,68\\,68\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ef444480);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(245\\,158\\,11\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#f59e0b80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(52\\,211\\,153\\,0\\.35\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#34d39959);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(96\\,165\\,250\\,0\\.35\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#60a5fa59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(167\\,139\\,250\\,0\\.35\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#a78bfa59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(245\\,158\\,11\\,0\\.35\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#f59e0b59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.ring-2{--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)}.ring-dt-info{--tw-ring-color:var(--color-dt-info)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-dt-info\\/30{outline-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.outline-dt-info\\/30{outline-color:color-mix(in oklab,var(--color-dt-info)30%,transparent)}}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-blur-\\[20px\\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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-all{transition-property:all;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))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\\:text-dt-text-muted\\/50::placeholder{color:#71717a80}@supports (color:color-mix(in lab,red,red)){.placeholder\\:text-dt-text-muted\\/50::placeholder{color:color-mix(in oklab,var(--color-dt-text-muted)50%,transparent)}}@media(hover:hover){.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:scale-150:hover{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:scale-\\[1\\.02\\]:hover{scale:1.02}.hover\\:border-dt-border:hover{border-color:var(--color-dt-border)}.hover\\:border-dt-border-light:hover{border-color:var(--color-dt-border-light)}.hover\\:border-dt-error\\/30:hover{border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.hover\\:border-dt-error\\/30:hover{border-color:color-mix(in oklab,var(--color-dt-error)30%,transparent)}}.hover\\:border-dt-info\\/30:hover{border-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.hover\\:border-dt-info\\/30:hover{border-color:color-mix(in oklab,var(--color-dt-info)30%,transparent)}}.hover\\:bg-dt-action\\/15:hover{background-color:#34d39926}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-action\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-action)15%,transparent)}}.hover\\:bg-dt-error\\/15:hover{background-color:#ef444426}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-error\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-error)15%,transparent)}}.hover\\:bg-dt-error\\/25:hover{background-color:#ef444440}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-error\\/25:hover{background-color:color-mix(in oklab,var(--color-dt-error)25%,transparent)}}.hover\\:bg-dt-info\\/15:hover{background-color:#3b82f626}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-info\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-info)15%,transparent)}}.hover\\:bg-dt-info\\/25:hover{background-color:#3b82f640}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-info\\/25:hover{background-color:color-mix(in oklab,var(--color-dt-info)25%,transparent)}}.hover\\:bg-dt-mutation\\/15:hover{background-color:#a78bfa26}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-mutation\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-mutation)15%,transparent)}}.hover\\:bg-dt-mutation\\/20:hover{background-color:#a78bfa33}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-mutation\\/20:hover{background-color:color-mix(in oklab,var(--color-dt-mutation)20%,transparent)}}.hover\\:bg-dt-query\\/15:hover{background-color:#60a5fa26}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-query\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-query)15%,transparent)}}.hover\\:bg-dt-success\\/25:hover{background-color:#22c55e40}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-success\\/25:hover{background-color:color-mix(in oklab,var(--color-dt-success)25%,transparent)}}.hover\\:bg-dt-warning\\/15:hover{background-color:#f59e0b26}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-warning\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-warning)15%,transparent)}}.hover\\:bg-dt-warning\\/25:hover{background-color:#f59e0b40}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-warning\\/25:hover{background-color:color-mix(in oklab,var(--color-dt-warning)25%,transparent)}}.hover\\:bg-red-500\\/15:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-red-500\\/15:hover{background-color:color-mix(in oklab,var(--color-red-500)15%,transparent)}}.hover\\:bg-white\\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\\:bg-white\\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\\:bg-white\\/\\[0\\.02\\]:hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/\\[0\\.02\\]:hover{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.hover\\:bg-white\\/\\[0\\.03\\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/\\[0\\.03\\]:hover{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.hover\\:bg-white\\/\\[0\\.04\\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/\\[0\\.04\\]:hover{background-color:color-mix(in oklab,var(--color-white)4%,transparent)}}.hover\\:bg-white\\/\\[0\\.06\\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/\\[0\\.06\\]:hover{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.hover\\:bg-zinc-600\\/20:hover{background-color:#52525c33}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-zinc-600\\/20:hover{background-color:color-mix(in oklab,var(--color-zinc-600)20%,transparent)}}.hover\\:text-dt-action:hover{color:var(--color-dt-action)}.hover\\:text-dt-error:hover{color:var(--color-dt-error)}.hover\\:text-dt-info:hover{color:var(--color-dt-info)}.hover\\:text-dt-mutation:hover{color:var(--color-dt-mutation)}.hover\\:text-dt-query:hover{color:var(--color-dt-query)}.hover\\:text-dt-text-secondary:hover{color:var(--color-dt-text-secondary)}.hover\\:text-dt-text-tertiary:hover{color:var(--color-dt-text-tertiary)}.hover\\:text-dt-warning:hover{color:var(--color-dt-warning)}}.focus\\:border-dt-info\\/40:focus{border-color:#3b82f666}@supports (color:color-mix(in lab,red,red)){.focus\\:border-dt-info\\/40:focus{border-color:color-mix(in oklab,var(--color-dt-info)40%,transparent)}}.focus\\:border-dt-info\\/50:focus{border-color:#3b82f680}@supports (color:color-mix(in lab,red,red)){.focus\\:border-dt-info\\/50:focus{border-color:color-mix(in oklab,var(--color-dt-info)50%,transparent)}}.focus\\:bg-dt-bg-tertiary:focus{background-color:var(--color-dt-bg-tertiary)}.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-dt-info\\/40:focus{--tw-ring-color:#3b82f666}@supports (color:color-mix(in lab,red,red)){.focus\\:ring-dt-info\\/40:focus{--tw-ring-color:color-mix(in oklab,var(--color-dt-info)40%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-\\[0\\.94\\]:active{scale:.94}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-30:disabled{opacity:.3}.disabled\\:opacity-40:disabled{opacity:.4}@media(hover:hover){.disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}.disabled\\:hover\\:text-dt-text-muted:disabled:hover{color:var(--color-dt-text-muted)}}@media(min-width:40rem){.sm\\:inline-flex{display:inline-flex}}.\\[\\&\\:\\:-webkit-search-cancel-button\\]\\:hidden::-webkit-search-cancel-button{display:none}}@keyframes dt-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dt-slide-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}html{color-scheme:dark;background-color:#121214}:host{--sb-thumb:#71717a80;--sb-track:transparent}*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb)var(--sb-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sb-track)}::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);border-radius:3px}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}';
|
|
3547
|
+
const Ue = '@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration: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:"Fira Code","Monaco","Consolas",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-lg:16px;--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);--color-dt-bg:#121214fa;--color-dt-bg-secondary:#18181bf2;--color-dt-bg-tertiary:#27272a99;--color-dt-border:#3f3f4699;--color-dt-border-light:#3f3f4666;--color-dt-text:#f4f4f5;--color-dt-text-secondary:#e4e4e7;--color-dt-text-tertiary:#a1a1aa;--color-dt-text-muted:#71717a;--color-dt-success:#22c55e;--color-dt-error:#ef4444;--color-dt-warning:#f59e0b;--color-dt-info:#3b82f6;--color-dt-query:#60a5fa;--color-dt-mutation:#a78bfa;--color-dt-action:#34d399}}@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%;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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-0\\.5{top:calc(var(--spacing)*.5)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.right-1\\.5{right:calc(var(--spacing)*1.5)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-4{left:calc(var(--spacing)*4)}.z-\\[2\\]{z-index:2}.z-\\[999999\\]{z-index:999999}.z-\\[9999999\\]{z-index:9999999}.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}}.m-0{margin:calc(var(--spacing)*0)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-\\[16px\\]{height:16px}.h-\\[min\\(620px\\,calc\\(100vh-32px\\)\\)\\]{height:min(620px,100vh - 32px)}.h-full{height:100%}.max-h-\\[80px\\]{max-height:80px}.max-h-\\[100px\\]{max-height:100px}.max-h-\\[150px\\]{max-height:150px}.max-h-\\[180px\\]{max-height:180px}.max-h-\\[200px\\]{max-height:200px}.max-h-\\[calc\\(100vh-24px\\)\\]{max-height:calc(100vh - 24px)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-14{min-height:calc(var(--spacing)*14)}.min-h-\\[360px\\]{min-height:360px}.min-h-px{min-height:1px}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-7{width:calc(var(--spacing)*7)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-\\[300px\\]{width:300px}.w-\\[min\\(58vw\\,620px\\)\\]{width:min(58vw,620px)}.w-\\[min\\(860px\\,calc\\(100vw-32px\\)\\)\\]{width:min(860px,100vw - 32px)}.w-full{width:100%}.w-px{width:1px}.max-w-\\[20\\%\\]{max-width:20%}.max-w-\\[38\\%\\]{max-width:38%}.max-w-\\[44\\%\\]{max-width:44%}.max-w-\\[150px\\]{max-width:150px}.max-w-\\[180px\\]{max-width:180px}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[280px\\]{max-width:280px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[calc\\(100vw-24px\\)\\]{max-width:calc(100vw - 24px)}.max-w-\\[min\\(58vw\\,680px\\)\\]{max-width:min(58vw,680px)}.max-w-\\[min\\(62vw\\,760px\\)\\]{max-width:min(62vw,760px)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[180px\\]{min-width:180px}.min-w-\\[300px\\]{min-width:300px}.min-w-\\[420px\\]{min-width:420px}.min-w-\\[820px\\]{min-width:820px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\\[dt-fade-in_0\\.1s_ease-out\\]{animation:.1s ease-out dt-fade-in}.animate-\\[dt-fade-in_0\\.15s_ease-out\\]{animation:.15s ease-out dt-fade-in}.animate-\\[dt-slide-in_0\\.2s_ease-out\\]{animation:.2s ease-out dt-slide-in}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-\\[3px\\]{gap:3px}.gap-px{gap:1px}:where(.space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*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-\\[3px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(3px*var(--tw-space-y-reverse));margin-block-end:calc(3px*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[14px\\]{border-radius:14px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-dt-border{border-color:var(--color-dt-border)}.border-dt-border-light{border-color:var(--color-dt-border-light)}.border-dt-border-light\\/30{border-color:#3f3f461f}@supports (color:color-mix(in lab,red,red)){.border-dt-border-light\\/30{border-color:color-mix(in oklab,var(--color-dt-border-light)30%,transparent)}}.border-dt-border-light\\/40{border-color:#3f3f4629}@supports (color:color-mix(in lab,red,red)){.border-dt-border-light\\/40{border-color:color-mix(in oklab,var(--color-dt-border-light)40%,transparent)}}.border-dt-border-light\\/50{border-color:#3f3f4633}@supports (color:color-mix(in lab,red,red)){.border-dt-border-light\\/50{border-color:color-mix(in oklab,var(--color-dt-border-light)50%,transparent)}}.border-dt-error\\/30{border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.border-dt-error\\/30{border-color:color-mix(in oklab,var(--color-dt-error)30%,transparent)}}.border-dt-error\\/40{border-color:#ef444466}@supports (color:color-mix(in lab,red,red)){.border-dt-error\\/40{border-color:color-mix(in oklab,var(--color-dt-error)40%,transparent)}}.border-dt-info\\/20{border-color:#3b82f633}@supports (color:color-mix(in lab,red,red)){.border-dt-info\\/20{border-color:color-mix(in oklab,var(--color-dt-info)20%,transparent)}}.border-dt-info\\/30{border-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.border-dt-info\\/30{border-color:color-mix(in oklab,var(--color-dt-info)30%,transparent)}}.border-dt-mutation\\/20{border-color:#a78bfa33}@supports (color:color-mix(in lab,red,red)){.border-dt-mutation\\/20{border-color:color-mix(in oklab,var(--color-dt-mutation)20%,transparent)}}.border-dt-success\\/30{border-color:#22c55e4d}@supports (color:color-mix(in lab,red,red)){.border-dt-success\\/30{border-color:color-mix(in oklab,var(--color-dt-success)30%,transparent)}}.border-dt-warning\\/20{border-color:#f59e0b33}@supports (color:color-mix(in lab,red,red)){.border-dt-warning\\/20{border-color:color-mix(in oklab,var(--color-dt-warning)20%,transparent)}}.border-dt-warning\\/30{border-color:#f59e0b4d}@supports (color:color-mix(in lab,red,red)){.border-dt-warning\\/30{border-color:color-mix(in oklab,var(--color-dt-warning)30%,transparent)}}.border-transparent{border-color:#0000}.border-zinc-700\\/30{border-color:#3f3f464d}@supports (color:color-mix(in lab,red,red)){.border-zinc-700\\/30{border-color:color-mix(in oklab,var(--color-zinc-700)30%,transparent)}}.border-b-dt-info{border-bottom-color:var(--color-dt-info)}.border-b-transparent{border-bottom-color:#0000}.border-l-dt-error\\/40{border-left-color:#ef444466}@supports (color:color-mix(in lab,red,red)){.border-l-dt-error\\/40{border-left-color:color-mix(in oklab,var(--color-dt-error)40%,transparent)}}.border-l-dt-query\\/30{border-left-color:#60a5fa4d}@supports (color:color-mix(in lab,red,red)){.border-l-dt-query\\/30{border-left-color:color-mix(in oklab,var(--color-dt-query)30%,transparent)}}.bg-dt-action{background-color:var(--color-dt-action)}.bg-dt-action\\/20{background-color:#34d39933}@supports (color:color-mix(in lab,red,red)){.bg-dt-action\\/20{background-color:color-mix(in oklab,var(--color-dt-action)20%,transparent)}}.bg-dt-action\\/25{background-color:#34d39940}@supports (color:color-mix(in lab,red,red)){.bg-dt-action\\/25{background-color:color-mix(in oklab,var(--color-dt-action)25%,transparent)}}.bg-dt-bg{background-color:var(--color-dt-bg)}.bg-dt-bg-secondary{background-color:var(--color-dt-bg-secondary)}.bg-dt-bg-secondary\\/30{background-color:#18181b49}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-secondary\\/30{background-color:color-mix(in oklab,var(--color-dt-bg-secondary)30%,transparent)}}.bg-dt-bg-secondary\\/50{background-color:#18181b79}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-secondary\\/50{background-color:color-mix(in oklab,var(--color-dt-bg-secondary)50%,transparent)}}.bg-dt-bg-secondary\\/85{background-color:#18181bce}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-secondary\\/85{background-color:color-mix(in oklab,var(--color-dt-bg-secondary)85%,transparent)}}.bg-dt-bg-tertiary{background-color:var(--color-dt-bg-tertiary)}.bg-dt-bg-tertiary\\/30{background-color:#27272a2e}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-tertiary\\/30{background-color:color-mix(in oklab,var(--color-dt-bg-tertiary)30%,transparent)}}.bg-dt-bg-tertiary\\/35{background-color:#27272a36}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-tertiary\\/35{background-color:color-mix(in oklab,var(--color-dt-bg-tertiary)35%,transparent)}}.bg-dt-bg-tertiary\\/40{background-color:#27272a3d}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-tertiary\\/40{background-color:color-mix(in oklab,var(--color-dt-bg-tertiary)40%,transparent)}}.bg-dt-bg-tertiary\\/50{background-color:#27272a4d}@supports (color:color-mix(in lab,red,red)){.bg-dt-bg-tertiary\\/50{background-color:color-mix(in oklab,var(--color-dt-bg-tertiary)50%,transparent)}}.bg-dt-error{background-color:var(--color-dt-error)}.bg-dt-error\\/5{background-color:#ef44440d}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/5{background-color:color-mix(in oklab,var(--color-dt-error)5%,transparent)}}.bg-dt-error\\/10{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/10{background-color:color-mix(in oklab,var(--color-dt-error)10%,transparent)}}.bg-dt-error\\/15{background-color:#ef444426}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/15{background-color:color-mix(in oklab,var(--color-dt-error)15%,transparent)}}.bg-dt-error\\/20{background-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/20{background-color:color-mix(in oklab,var(--color-dt-error)20%,transparent)}}.bg-dt-error\\/25{background-color:#ef444440}@supports (color:color-mix(in lab,red,red)){.bg-dt-error\\/25{background-color:color-mix(in oklab,var(--color-dt-error)25%,transparent)}}.bg-dt-info\\/5{background-color:#3b82f60d}@supports (color:color-mix(in lab,red,red)){.bg-dt-info\\/5{background-color:color-mix(in oklab,var(--color-dt-info)5%,transparent)}}.bg-dt-info\\/10{background-color:#3b82f61a}@supports (color:color-mix(in lab,red,red)){.bg-dt-info\\/10{background-color:color-mix(in oklab,var(--color-dt-info)10%,transparent)}}.bg-dt-info\\/15{background-color:#3b82f626}@supports (color:color-mix(in lab,red,red)){.bg-dt-info\\/15{background-color:color-mix(in oklab,var(--color-dt-info)15%,transparent)}}.bg-dt-info\\/20{background-color:#3b82f633}@supports (color:color-mix(in lab,red,red)){.bg-dt-info\\/20{background-color:color-mix(in oklab,var(--color-dt-info)20%,transparent)}}.bg-dt-mutation{background-color:var(--color-dt-mutation)}.bg-dt-mutation\\/10{background-color:#a78bfa1a}@supports (color:color-mix(in lab,red,red)){.bg-dt-mutation\\/10{background-color:color-mix(in oklab,var(--color-dt-mutation)10%,transparent)}}.bg-dt-mutation\\/20{background-color:#a78bfa33}@supports (color:color-mix(in lab,red,red)){.bg-dt-mutation\\/20{background-color:color-mix(in oklab,var(--color-dt-mutation)20%,transparent)}}.bg-dt-mutation\\/25{background-color:#a78bfa40}@supports (color:color-mix(in lab,red,red)){.bg-dt-mutation\\/25{background-color:color-mix(in oklab,var(--color-dt-mutation)25%,transparent)}}.bg-dt-query{background-color:var(--color-dt-query)}.bg-dt-query\\/20{background-color:#60a5fa33}@supports (color:color-mix(in lab,red,red)){.bg-dt-query\\/20{background-color:color-mix(in oklab,var(--color-dt-query)20%,transparent)}}.bg-dt-query\\/25{background-color:#60a5fa40}@supports (color:color-mix(in lab,red,red)){.bg-dt-query\\/25{background-color:color-mix(in oklab,var(--color-dt-query)25%,transparent)}}.bg-dt-query\\/\\[0\\.02\\]{background-color:#60a5fa05}@supports (color:color-mix(in lab,red,red)){.bg-dt-query\\/\\[0\\.02\\]{background-color:color-mix(in oklab,var(--color-dt-query)2%,transparent)}}.bg-dt-success{background-color:var(--color-dt-success)}.bg-dt-success\\/5{background-color:#22c55e0d}@supports (color:color-mix(in lab,red,red)){.bg-dt-success\\/5{background-color:color-mix(in oklab,var(--color-dt-success)5%,transparent)}}.bg-dt-success\\/15{background-color:#22c55e26}@supports (color:color-mix(in lab,red,red)){.bg-dt-success\\/15{background-color:color-mix(in oklab,var(--color-dt-success)15%,transparent)}}.bg-dt-success\\/20{background-color:#22c55e33}@supports (color:color-mix(in lab,red,red)){.bg-dt-success\\/20{background-color:color-mix(in oklab,var(--color-dt-success)20%,transparent)}}.bg-dt-warning{background-color:var(--color-dt-warning)}.bg-dt-warning\\/5{background-color:#f59e0b0d}@supports (color:color-mix(in lab,red,red)){.bg-dt-warning\\/5{background-color:color-mix(in oklab,var(--color-dt-warning)5%,transparent)}}.bg-dt-warning\\/15{background-color:#f59e0b26}@supports (color:color-mix(in lab,red,red)){.bg-dt-warning\\/15{background-color:color-mix(in oklab,var(--color-dt-warning)15%,transparent)}}.bg-dt-warning\\/20{background-color:#f59e0b33}@supports (color:color-mix(in lab,red,red)){.bg-dt-warning\\/20{background-color:color-mix(in oklab,var(--color-dt-warning)20%,transparent)}}.bg-transparent{background-color:#0000}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.bg-white\\/55{background-color:color-mix(in oklab,var(--color-white)55%,transparent)}}.bg-white\\/\\[0\\.03\\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\\/\\[0\\.03\\]{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.bg-white\\/\\[0\\.06\\]{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\\/\\[0\\.06\\]{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.bg-white\\/\\[0\\.08\\]{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\\/\\[0\\.08\\]{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.bg-yellow-400\\/25{background-color:#fac80040}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\\/25{background-color:color-mix(in oklab,var(--color-yellow-400)25%,transparent)}}.bg-yellow-400\\/30{background-color:#fac8004d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\\/30{background-color:color-mix(in oklab,var(--color-yellow-400)30%,transparent)}}.bg-zinc-500\\/25{background-color:#71717b40}@supports (color:color-mix(in lab,red,red)){.bg-zinc-500\\/25{background-color:color-mix(in oklab,var(--color-zinc-500)25%,transparent)}}.bg-zinc-900\\/50{background-color:#18181b80}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\\/50{background-color:color-mix(in oklab,var(--color-zinc-900)50%,transparent)}}.bg-zinc-900\\/\\[0\\.98\\]{background-color:#18181bfa}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\\/\\[0\\.98\\]{background-color:color-mix(in oklab,var(--color-zinc-900)98%,transparent)}}.bg-zinc-950\\/50{background-color:#09090b80}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\\/50{background-color:color-mix(in oklab,var(--color-zinc-950)50%,transparent)}}.bg-zinc-950\\/98{background-color:#09090bfa}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\\/98{background-color:color-mix(in oklab,var(--color-zinc-950)98%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-zinc-900\\/\\[0\\.98\\]{--tw-gradient-from:#18181bfa}@supports (color:color-mix(in lab,red,red)){.from-zinc-900\\/\\[0\\.98\\]{--tw-gradient-from:color-mix(in oklab,var(--color-zinc-900)98%,transparent)}}.from-zinc-900\\/\\[0\\.98\\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-zinc-800\\/95{--tw-gradient-to:#27272af2}@supports (color:color-mix(in lab,red,red)){.to-zinc-800\\/95{--tw-gradient-to:color-mix(in oklab,var(--color-zinc-800)95%,transparent)}}.to-zinc-800\\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-\\[3px\\]{padding:3px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.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-\\[18px\\]{padding-inline:18px}.px-px{padding-inline:1px}.py-0{padding-block:calc(var(--spacing)*0)}.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)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-12{padding-block:calc(var(--spacing)*12)}.py-\\[2px\\]{padding-block:2px}.py-\\[7px\\]{padding-block:7px}.py-px{padding-block:1px}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-7{padding-right:calc(var(--spacing)*7)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-dt-action{color:var(--color-dt-action)}.text-dt-border{color:var(--color-dt-border)}.text-dt-error{color:var(--color-dt-error)}.text-dt-info{color:var(--color-dt-info)}.text-dt-info\\/90{color:#3b82f6e6}@supports (color:color-mix(in lab,red,red)){.text-dt-info\\/90{color:color-mix(in oklab,var(--color-dt-info)90%,transparent)}}.text-dt-mutation{color:var(--color-dt-mutation)}.text-dt-mutation\\/70{color:#a78bfab3}@supports (color:color-mix(in lab,red,red)){.text-dt-mutation\\/70{color:color-mix(in oklab,var(--color-dt-mutation)70%,transparent)}}.text-dt-query{color:var(--color-dt-query)}.text-dt-success{color:var(--color-dt-success)}.text-dt-text{color:var(--color-dt-text)}.text-dt-text-muted{color:var(--color-dt-text-muted)}.text-dt-text-muted\\/40{color:#71717a66}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/40{color:color-mix(in oklab,var(--color-dt-text-muted)40%,transparent)}}.text-dt-text-muted\\/60{color:#71717a99}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/60{color:color-mix(in oklab,var(--color-dt-text-muted)60%,transparent)}}.text-dt-text-muted\\/70{color:#71717ab3}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/70{color:color-mix(in oklab,var(--color-dt-text-muted)70%,transparent)}}.text-dt-text-muted\\/80{color:#71717acc}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/80{color:color-mix(in oklab,var(--color-dt-text-muted)80%,transparent)}}.text-dt-text-muted\\/85{color:#71717ad9}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/85{color:color-mix(in oklab,var(--color-dt-text-muted)85%,transparent)}}.text-dt-text-muted\\/90{color:#71717ae6}@supports (color:color-mix(in lab,red,red)){.text-dt-text-muted\\/90{color:color-mix(in oklab,var(--color-dt-text-muted)90%,transparent)}}.text-dt-text-secondary{color:var(--color-dt-text-secondary)}.text-dt-text-tertiary{color:var(--color-dt-text-tertiary)}.text-dt-warning{color:var(--color-dt-warning)}.text-dt-warning\\/90{color:#f59e0be6}@supports (color:color-mix(in lab,red,red)){.text-dt-warning\\/90{color:color-mix(in oklab,var(--color-dt-warning)90%,transparent)}}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.text-yellow-200{color:var(--color-yellow-200)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-dt-text-muted\\/40::placeholder{color:#71717a66}@supports (color:color-mix(in lab,red,red)){.placeholder-dt-text-muted\\/40::placeholder{color:color-mix(in oklab,var(--color-dt-text-muted)40%,transparent)}}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(52\\,211\\,153\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#34d39980);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(96\\,165\\,250\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#60a5fa80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(161\\,161\\,170\\,0\\.4\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#a1a1aa66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(167\\,139\\,250\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#a78bfa80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(239\\,68\\,68\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ef444480);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(245\\,158\\,11\\,0\\.5\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#f59e0b80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(52\\,211\\,153\\,0\\.35\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#34d39959);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(96\\,165\\,250\\,0\\.35\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#60a5fa59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(167\\,139\\,250\\,0\\.35\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#a78bfa59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(245\\,158\\,11\\,0\\.35\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#f59e0b59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.ring-2{--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)}.ring-dt-info{--tw-ring-color:var(--color-dt-info)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-dt-info\\/30{outline-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.outline-dt-info\\/30{outline-color:color-mix(in oklab,var(--color-dt-info)30%,transparent)}}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-blur-\\[20px\\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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-all{transition-property:all;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))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\\:text-dt-text-muted\\/50::placeholder{color:#71717a80}@supports (color:color-mix(in lab,red,red)){.placeholder\\:text-dt-text-muted\\/50::placeholder{color:color-mix(in oklab,var(--color-dt-text-muted)50%,transparent)}}@media(hover:hover){.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:scale-150:hover{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:scale-\\[1\\.02\\]:hover{scale:1.02}.hover\\:border-dt-border:hover{border-color:var(--color-dt-border)}.hover\\:border-dt-border-light:hover{border-color:var(--color-dt-border-light)}.hover\\:border-dt-error\\/30:hover{border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.hover\\:border-dt-error\\/30:hover{border-color:color-mix(in oklab,var(--color-dt-error)30%,transparent)}}.hover\\:border-dt-info\\/30:hover{border-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.hover\\:border-dt-info\\/30:hover{border-color:color-mix(in oklab,var(--color-dt-info)30%,transparent)}}.hover\\:bg-dt-action\\/15:hover{background-color:#34d39926}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-action\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-action)15%,transparent)}}.hover\\:bg-dt-error\\/15:hover{background-color:#ef444426}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-error\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-error)15%,transparent)}}.hover\\:bg-dt-error\\/25:hover{background-color:#ef444440}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-error\\/25:hover{background-color:color-mix(in oklab,var(--color-dt-error)25%,transparent)}}.hover\\:bg-dt-info\\/15:hover{background-color:#3b82f626}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-info\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-info)15%,transparent)}}.hover\\:bg-dt-info\\/25:hover{background-color:#3b82f640}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-info\\/25:hover{background-color:color-mix(in oklab,var(--color-dt-info)25%,transparent)}}.hover\\:bg-dt-mutation\\/15:hover{background-color:#a78bfa26}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-mutation\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-mutation)15%,transparent)}}.hover\\:bg-dt-mutation\\/20:hover{background-color:#a78bfa33}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-mutation\\/20:hover{background-color:color-mix(in oklab,var(--color-dt-mutation)20%,transparent)}}.hover\\:bg-dt-query\\/15:hover{background-color:#60a5fa26}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-query\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-query)15%,transparent)}}.hover\\:bg-dt-success\\/25:hover{background-color:#22c55e40}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-success\\/25:hover{background-color:color-mix(in oklab,var(--color-dt-success)25%,transparent)}}.hover\\:bg-dt-warning\\/15:hover{background-color:#f59e0b26}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-warning\\/15:hover{background-color:color-mix(in oklab,var(--color-dt-warning)15%,transparent)}}.hover\\:bg-dt-warning\\/25:hover{background-color:#f59e0b40}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-dt-warning\\/25:hover{background-color:color-mix(in oklab,var(--color-dt-warning)25%,transparent)}}.hover\\:bg-red-500\\/15:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-red-500\\/15:hover{background-color:color-mix(in oklab,var(--color-red-500)15%,transparent)}}.hover\\:bg-white\\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\\:bg-white\\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\\:bg-white\\/\\[0\\.02\\]:hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/\\[0\\.02\\]:hover{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.hover\\:bg-white\\/\\[0\\.03\\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/\\[0\\.03\\]:hover{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.hover\\:bg-white\\/\\[0\\.04\\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/\\[0\\.04\\]:hover{background-color:color-mix(in oklab,var(--color-white)4%,transparent)}}.hover\\:bg-white\\/\\[0\\.06\\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/\\[0\\.06\\]:hover{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.hover\\:bg-zinc-600\\/20:hover{background-color:#52525c33}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-zinc-600\\/20:hover{background-color:color-mix(in oklab,var(--color-zinc-600)20%,transparent)}}.hover\\:text-dt-action:hover{color:var(--color-dt-action)}.hover\\:text-dt-error:hover{color:var(--color-dt-error)}.hover\\:text-dt-info:hover{color:var(--color-dt-info)}.hover\\:text-dt-mutation:hover{color:var(--color-dt-mutation)}.hover\\:text-dt-query:hover{color:var(--color-dt-query)}.hover\\:text-dt-text-secondary:hover{color:var(--color-dt-text-secondary)}.hover\\:text-dt-text-tertiary:hover{color:var(--color-dt-text-tertiary)}.hover\\:text-dt-warning:hover{color:var(--color-dt-warning)}}.focus\\:border-dt-info\\/40:focus{border-color:#3b82f666}@supports (color:color-mix(in lab,red,red)){.focus\\:border-dt-info\\/40:focus{border-color:color-mix(in oklab,var(--color-dt-info)40%,transparent)}}.focus\\:border-dt-info\\/50:focus{border-color:#3b82f680}@supports (color:color-mix(in lab,red,red)){.focus\\:border-dt-info\\/50:focus{border-color:color-mix(in oklab,var(--color-dt-info)50%,transparent)}}.focus\\:bg-dt-bg-tertiary:focus{background-color:var(--color-dt-bg-tertiary)}.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-dt-info\\/40:focus{--tw-ring-color:#3b82f666}@supports (color:color-mix(in lab,red,red)){.focus\\:ring-dt-info\\/40:focus{--tw-ring-color:color-mix(in oklab,var(--color-dt-info)40%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-\\[0\\.94\\]:active{scale:.94}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-30:disabled{opacity:.3}.disabled\\:opacity-40:disabled{opacity:.4}@media(hover:hover){.disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}.disabled\\:hover\\:text-dt-text-muted:disabled:hover{color:var(--color-dt-text-muted)}}@media(min-width:40rem){.sm\\:inline-flex{display:inline-flex}}.\\[\\&\\:\\:-webkit-search-cancel-button\\]\\:hidden::-webkit-search-cancel-button{display:none}}@keyframes dt-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dt-slide-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}html{color-scheme:dark;background-color:#121214}:host{--sb-thumb:#71717a80;--sb-track:transparent}*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb)var(--sb-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sb-track)}::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);border-radius:3px}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}';
|
|
3545
3548
|
function Ke(e = {}) {
|
|
3546
3549
|
if (window.__concaveDevToolsInstalled) {
|
|
3547
3550
|
console.warn("[DevTools] Already initialized");
|
|
@@ -3552,12 +3555,12 @@ function Ke(e = {}) {
|
|
|
3552
3555
|
console.log(`[DevTools] Loading ${a.length} captured events`), a.forEach((x) => {
|
|
3553
3556
|
r.addEvent(x);
|
|
3554
3557
|
});
|
|
3555
|
-
let
|
|
3558
|
+
let i = a.length;
|
|
3556
3559
|
setInterval(() => {
|
|
3557
3560
|
const x = window.__concaveDevToolsEvents || [];
|
|
3558
|
-
x.length >
|
|
3561
|
+
x.length > i && (x.slice(i).forEach((m) => {
|
|
3559
3562
|
r.addEvent(m);
|
|
3560
|
-
}),
|
|
3563
|
+
}), i = x.length);
|
|
3561
3564
|
}, 100);
|
|
3562
3565
|
const d = () => {
|
|
3563
3566
|
const x = document.createElement("div");
|