@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.
@@ -34,7 +34,7 @@ function Yt(e) {
34
34
  } catch {
35
35
  }
36
36
  }
37
- const be = "0.0.1-alpha.9", Zt = {
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 s = typeof r == "number" ? { maxEvents: r, storageScope: a } : r, d = (s.storageScope ?? "global").trim() || "global";
71
- this.storageKey = `${ge}:${d}`, this.settingsKey = `${fe}:${d}`, this.persistenceEnabled = s.enablePersistence !== !1, this.maxEvents = s.maxEvents ?? 1e3, this.persistenceEnabled || (this.settings.persistEvents = !1), this.loadSettings(), this.persistenceEnabled || (this.settings.persistEvents = !1), this.loadPersistedEvents();
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, s = this.recentEventIds.values();
79
+ const a = this.recentEventIds.size - te, i = this.recentEventIds.values();
80
80
  for (let d = 0; d < a; d++)
81
- this.recentEventIds.delete(s.next().value);
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
- }, s = 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) => {
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
- ...s.map(({ event: b, duration: N }) => ({
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 = s.map(({ duration: b }) => b), E = d.map(({ duration: b }) => b), f = x.map(({ duration: b }) => b);
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: s.length,
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((s) => s.timestamp === r);
279
- return a ? (this.events = [...a.events], this.subscriptions = new Map(a.subscriptions), this.setFocusedEventId(null), this.listeners.forEach((s) => {
280
- s({
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
- (s) => Array.isArray(s) && s.length === 2 && typeof s[0] == "number" && Number.isFinite(s[0]) && typeof s[1] == "object" && s[1] !== null
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 s = Math.round(a);
444
- return Math.min(Nt.MAX_EVENTS, Math.max(Nt.MIN_EVENTS, s));
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 s = r(this.settings.wsJitterMs);
455
- a > 0 && s > a && (s = a), this.settings.wsLatencyMs = a, this.settings.wsJitterMs = s;
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 s = Math.max(12, r), d = Math.max(
521
+ const i = Math.max(12, r), d = Math.max(
519
522
  4,
520
- Math.min(a, Math.floor(s / 2))
521
- ), x = Math.max(6, s - d - 1);
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 s = {
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
- s.maxStringLength,
535
- s.stringTailLength
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 >= s.maxDepth) return "[…]";
542
- const d = e.slice(0, s.maxArrayItems).map((c) => Mt(c, s, a + 1)), x = e.length > s.maxArrayItems ? ", …" : "";
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 >= s.maxDepth) return "{…}";
549
- const x = d.slice(0, s.maxObjectEntries).map(([m, w]) => `${m}: ${Mt(w, s, a + 1)}`), c = d.length > s.maxObjectEntries ? ", …" : "";
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: s = 300
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: s },
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 = [], s = e.toLowerCase(), d = r.toLowerCase();
697
- let x = 0, c = s.indexOf(d, x), m = 0;
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 = s.indexOf(d, x);
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: s, searchTerm: d }) {
705
- const x = s ? Ft(a, s) : !1, [c, m] = z(r < 2), w = s?.has(a) ?? !1, v = c || !!s && 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 s && !Ft(b, s) && !s.has(b) ? null : /* @__PURE__ */ n("div", { className: "py-px", children: [
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: s, searchTerm: d })
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 = s?.has(N) && d && f.toLowerCase().includes(d.toLowerCase());
779
- return s && !Ft(N, s) && !s.has(N) ? null : /* @__PURE__ */ n("div", { className: "py-px", children: [
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: s, searchTerm: d })
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(), s = r.toLowerCase(), d = [];
803
- let x = 0, c = a.indexOf(s, x), m = 0;
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(s, x);
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 s = [], d = /* @__PURE__ */ new Set(), x = (m, w) => {
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
- s.push({
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: s, parentById: a, childrenByParent: r };
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((s) => s.name).join(" ") ?? "";
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, s) {
868
- const d = Number.isFinite(e) ? e : a, x = Number.isFinite(r) && r > 0 ? r : 0, c = (d - a) / s * 100, m = Math.min(99.8, ue(c)), w = x / s * 100, v = Math.max(0.3, 100 - m), E = Math.max(0.3, Math.min(w || 0.3, v));
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 s = parseInt(a.slice(0, 2), 16), d = parseInt(a.slice(2, 4), 16), x = parseInt(a.slice(4, 6), 16);
875
- return `rgba(${s}, ${d}, ${x}, ${r})`;
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 s of e) {
902
- const d = r.get(s.depth) ?? [];
903
- d.push(s), r.set(s.depth, d);
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 [s] of Array.from(r.entries()).sort((d, x) => d[0] - x[0])) {
907
- const x = [...r.get(s) ?? []].sort(
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, s] = 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(() => {
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, i = V(() => {
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 = !i || i.has(g.span.id), O = !T && 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, i, b]), I = V(() => Ae(C), [C]), L = V(() => {
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: () => s((l) => !l),
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: s, className: d = "", ...x }, c) => {
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: s,
1386
+ placeholder: i,
1384
1387
  spellCheck: x.spellCheck ?? !1,
1385
- "aria-label": x["aria-label"] || s || "Search"
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: s }) {
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) && s();
1415
+ c.current && !c.current.contains(S.target) && i();
1413
1416
  }, b = (S) => {
1414
- c.current && !c.current.contains(S.target) && s();
1415
- }, N = () => s(), k = () => s(), y = setTimeout(() => {
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
- }, [s]);
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(), s();
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(), s());
1446
+ f.preventDefault(), d >= 0 && !a[d].disabled && (a[d].action(), i());
1444
1447
  return;
1445
1448
  }
1446
1449
  },
1447
- [s, d, a, v]
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(), s());
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, s] = 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(() => {
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
- s(e.getAllEvents());
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 i = J((o) => {
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 i(o);
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
- [i]
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 s = "cdv-json-value";
2326
- return /^"/.test(a) ? /:$/.test(a) ? s = "cdv-json-key" : s = "cdv-json-string" : /true|false/.test(a) ? s = "cdv-json-boolean" : /null/.test(a) ? s = "cdv-json-null" : s = "cdv-json-number", `<span class="${s}">${a}</span>`;
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([]), [s, 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);
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, i) => u.lastUpdate !== i.lastUpdate ? i.lastUpdate - u.lastUpdate : u.addedAt !== i.addedAt ? i.addedAt - u.addedAt : i.queryId - u.queryId);
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(), s !== null ? d(null) : (m !== "all" || v) && (w("all"), E(""));
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((i) => Math.min(i + 1, S.length - 1));
2377
+ u.preventDefault(), c((s) => Math.min(s + 1, S.length - 1));
2375
2378
  else if (u.key === "ArrowUp")
2376
- u.preventDefault(), c((i) => Math.max(i - 1, 0));
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 i = S[x];
2380
- i && d(s === i.queryId ? null : i.queryId);
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, s, m, v]), U(() => {
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 i = 8, C = 300, I = window.innerWidth, L = window.innerHeight, X = Math.min(260, L - i * 2);
2394
- let B = u.right + i;
2395
- B + C > I - i && (B = u.left - C - i), B < i && (B = Math.max(i, I - 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 < i && (rt = i), rt + X > L - i && (rt = Math.max(i, L - i - X)), { subscription: p, x: B, y: 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), i = new Blob([u]).size;
2401
- return i < 1024 ? `${i}B` : i < 1024 * 1024 ? `${(i / 1024).toFixed(1)}KB` : `${(i / (1024 * 1024)).toFixed(1)}MB`;
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), i = u != null, C = p.currentValue !== void 0, I = [
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 i && I.push({
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 i = Math.floor(u / 60);
2427
- return i < 60 ? `${i}m ago` : `${Math.floor(i / 60)}h ago`;
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 i = s === 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)}` : ""}`;
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" : ""} ${i ? "bg-white/[0.03]" : ""} ${C ? "bg-white/[0.03] outline outline-1 outline-dt-info/30 -outline-offset-1" : ""}`,
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(i ? null : p.queryId), c(u);
2496
+ d(s ? null : p.queryId), c(u);
2494
2497
  },
2495
2498
  onKeyDown: (G) => {
2496
- (G.key === "Enter" || G.key === " ") && (G.preventDefault(), d(i ? null : p.queryId), c(u));
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": i,
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: i ? "▼" : "▶" })
2561
+ /* @__PURE__ */ t("span", { className: "text-[10px] text-dt-text-muted/40", children: s ? "▼" : "▶" })
2559
2562
  ] })
2560
2563
  ]
2561
2564
  }
2562
2565
  ),
2563
- i && /* @__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: [
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), i = 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;
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: i ?? void 0, children: I })
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, s] = z(!0), d = V(() => Qt(e, r), [e, r]);
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: () => s(!a),
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 s = [], d = (x) => {
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 s;
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 s.push({ type: "changed", path: a, oldVal: d(e), newVal: d(r) }), s;
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 && s.length < 50; c++)
2704
- c >= e.length ? s.push({ type: "added", path: `${a}[${c}]`, value: d(r[c]) }) : c >= r.length ? s.push({ type: "removed", path: `${a}[${c}]`, value: d(e[c]) }) : s.push(...Qt(e[c], r[c], `${a}[${c}]`));
2705
- return s;
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 (s.length >= 50) break;
2711
- w in x ? w in c ? s.push(...Qt(x[w], c[w], `${a}.${w}`)) : s.push({ type: "removed", path: `${a}.${w}`, value: d(x[w]) }) : s.push({ type: "added", path: `${a}.${w}`, value: d(c[w]) });
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 s;
2717
+ return i;
2715
2718
  }
2716
2719
  function Fe({ eventStore: e, onNavigate: r }) {
2717
- const [a, s] = z(null), [d, x] = z([]);
2720
+ const [a, i] = z(null), [d, x] = z([]);
2718
2721
  U(() => {
2719
2722
  const y = () => {
2720
- s(e.getPerformanceMetrics()), x(e.getAllEvents());
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, i = y(p.endToEndDurationMs ?? p.duration);
2732
- return u === null || i === null ? [] : [{ type: p.type, timestamp: u, duration: i }];
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), i = 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, i[L]++);
2743
+ L < 0 || L >= P || (u[L] += C.duration, s[L]++);
2741
2744
  }
2742
- return u.map((C, I) => i[I] > 0 ? C / i[I] : 0);
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 s = r.map(
2869
+ const i = r.map(
2867
2870
  (c) => typeof c == "number" && Number.isFinite(c) && c > 0 ? c : 0
2868
- ), d = Math.max(...s, 1), x = s[s.length - 1] || 0;
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: s.map((c, m) => /* @__PURE__ */ t(
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 / s.length * 0.5 : 0.2
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, s] = 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(
2897
- (i) => {
2898
- i && (e.setFocusedEventId(i), r?.("activity"));
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 i = () => {
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
- s(X), x(L);
2913
- }, C = e.subscribe(i);
2914
- return i(), C;
2915
+ i(X), x(L);
2916
+ }, C = e.subscribe(s);
2917
+ return s(), C;
2915
2918
  }, [e]);
2916
2919
  const M = V(() => {
2917
- const i = E.trim().toLowerCase().split(/\s+/).filter((C) => C.length > 0);
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 (i.length === 0) return !0;
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 i.every((X) => L.includes(X));
2933
+ return s.every((X) => L.includes(X));
2931
2934
  });
2932
- }, [a, w, E, d]), q = J((i) => {
2933
- F(i.message), y(i.id), setTimeout(() => y(null), 300);
2934
- }, []), R = J((i) => `[${new Date(i.timestamp).toLocaleTimeString([], {
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
- })}] [${i.level.toUpperCase()}] ${i.message}`, []), p = J(() => {
2940
- const i = M.map(R).join(`
2942
+ })}] [${s.level.toUpperCase()}] ${s.message}`, []), p = J(() => {
2943
+ const s = M.map(R).join(`
2941
2944
  `);
2942
- F(i);
2945
+ F(s);
2943
2946
  }, [M, R]);
2944
2947
  U(() => {
2945
- const i = (C) => {
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", i), () => window.removeEventListener("keydown", i);
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
- (i) => {
2960
- const C = i.relatedEventId ? d.get(i.relatedEventId) : void 0, I = new Date(i.timestamp).toLocaleTimeString([], {
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(i.message), shortcut: "⌘C" },
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: ${i.level}`,
2971
- action: () => v(i.level),
2973
+ label: `Filter by Level: ${s.level}`,
2974
+ action: () => v(s.level),
2972
2975
  separator: !0
2973
- }), i.relatedEventId && L.push({
2976
+ }), s.relatedEventId && L.push({
2974
2977
  label: "Copy Related Event ID",
2975
- action: () => F(i.relatedEventId)
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
- })), i.relatedEventId && r && L.push({
2985
+ })), s.relatedEventId && r && L.push({
2983
2986
  label: "Go to Related Event",
2984
- action: () => P(i.relatedEventId)
2987
+ action: () => P(s.relatedEventId)
2985
2988
  }), L.push({
2986
2989
  label: "Copy as JSON",
2987
- action: () => F(JSON.stringify(i, null, 2)),
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((i) => /* @__PURE__ */ t(
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 === i ? i === "info" ? "bg-dt-info/20 text-dt-info border-dt-info/30 font-medium" : i === "warn" ? "bg-dt-warning/20 text-dt-warning border-dt-warning/30 font-medium" : i === "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" : i === "info" ? "border-transparent text-dt-text-muted hover:bg-dt-info/15 hover:text-dt-info" : i === "warn" ? "border-transparent text-dt-text-muted hover:bg-dt-warning/15 hover:text-dt-warning" : i === "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"}`,
2999
- onClick: () => v(i),
3000
- children: i.charAt(0).toUpperCase() + i.slice(1)
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
- i
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: (i) => m(i.target.checked) }),
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((i) => {
3042
- const C = i.relatedEventId ? d.get(i.relatedEventId) : void 0, I = C ? le(C) : null;
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 === i.id ? "bg-white/10" : `hover:bg-white/[0.02] ${i.level === "warn" ? "bg-dt-warning/5" : i.level === "error" ? "bg-dt-error/5" : ""}`}`,
3047
- onClick: () => q(i),
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(i)
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(i.timestamp).toLocaleTimeString([], {
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] ${i.level === "info" ? "text-dt-info" : i.level === "warn" ? "text-dt-warning" : i.level === "error" ? "text-dt-error" : "text-dt-text-muted"}`, children: i.level.toUpperCase() }),
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: i.message }),
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
- i.relatedEventId && /* @__PURE__ */ t(
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(i.relatedEventId);
3079
+ L.stopPropagation(), P(s.relatedEventId);
3077
3080
  },
3078
- title: C ? `Open ${C.udfPath}` : `From: ${i.relatedEventId}`,
3079
- children: I ?? i.relatedEventId.split("-")[0]
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
- i.id
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()), [s, d] = z(e.getSnapshots()), x = e.isPausedState(), c = e.isPersistenceEnabled();
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
- s.length,
3318
+ i.length,
3316
3319
  " saved"
3317
3320
  ] })
3318
3321
  ] }),
3319
- s.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 max-h-[180px] overflow-y-auto pr-1", children: [...s].reverse().map((k) => /* @__PURE__ */ n(
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: s
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((i) => {
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(), i = new Blob([JSON.stringify(u, null, 2)], {
3415
+ const u = e.exportSession(), s = new Blob([JSON.stringify(u, null, 2)], {
3413
3416
  type: "application/json"
3414
- }), C = URL.createObjectURL(i), I = document.createElement("a");
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 = (i) => {
3421
- if ((i.metaKey || i.ctrlKey) && i.shiftKey && i.key === "D") {
3422
- i.preventDefault(), c((C) => !C);
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() && ((i.metaKey || i.ctrlKey) && i.key === "e" && (i.preventDefault(), y()), (i.metaKey || i.ctrlKey) && i.key === "p" && (i.preventDefault(), S()));
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 ? s : void 0 }) }),
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 s = a.length;
3558
+ let i = a.length;
3556
3559
  setInterval(() => {
3557
3560
  const x = window.__concaveDevToolsEvents || [];
3558
- x.length > s && (x.slice(s).forEach((m) => {
3561
+ x.length > i && (x.slice(i).forEach((m) => {
3559
3562
  r.addEvent(m);
3560
- }), s = x.length);
3563
+ }), i = x.length);
3561
3564
  }, 100);
3562
3565
  const d = () => {
3563
3566
  const x = document.createElement("div");