@lunora/studio 1.0.0-alpha.53 → 1.0.0-alpha.55

package/dist/packem_chunks/traces-panel.js

@@ -0,0 +1,734 @@
+import { c } from 'react/compiler-runtime';
+import { useState, useEffect } from 'react';
+import { f as formatLogFields } from '../packem_shared/log-fields-jEH83H2G.js';
+import { E as ErrorAlert } from '../packem_shared/error-alert-vIPQoN3Y.js';
+import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
+import { ShardInput } from '../packem_shared/ShardInput-CZnpHILL.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BGJ010yZ.js';
+import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-C6TEeUiJ.js';
+import { i as formatTimestamp } from '../packem_shared/internal-zwBoOv24.js';
+import { r as recordShard } from '../packem_shared/shard-history-AxiJ1WPP.js';
+import { c as cn } from '../packem_shared/utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const MIN_BAR_PERCENT = 0.5;
+const clampPercent = (value) => Math.min(100, Math.max(0, value));
+const spanBar = (span, traceDurationMs) => {
+  if (!Number.isFinite(traceDurationMs) || traceDurationMs <= 0) {
+    return {
+      leftPercent: 0,
+      widthPercent: 100
+    };
+  }
+  const leftPercent = clampPercent(span.offsetMs / traceDurationMs * 100);
+  const rawWidth = span.durationMs / traceDurationMs * 100;
+  const widthPercent = Math.max(MIN_BAR_PERCENT, Math.min(clampPercent(rawWidth), 100 - leftPercent));
+  return {
+    leftPercent,
+    widthPercent
+  };
+};
+const filterTraces = (traces, search) => {
+  const needle = search.trim().toLowerCase();
+  if (needle === "") {
+    return [...traces];
+  }
+  return traces.filter((trace) => trace.rootName.toLowerCase().includes(needle) || trace.functionPath.toLowerCase().includes(needle));
+};
+const formatSpanDuration = (durationMs) => {
+  if (!Number.isFinite(durationMs)) {
+    return "—";
+  }
+  return durationMs > 0 && durationMs < 1 ? `${durationMs.toFixed(2)}ms` : `${String(Math.round(durationMs))}ms`;
+};
+
+const INDENT_PER_DEPTH = 14;
+const tracesOf = (result) => Array.isArray(result?.traces) ? result.traces : [];
+const SpanRow = (t0) => {
+  const $ = c(50);
+  const {
+    span,
+    traceDurationMs
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== span || $[1] !== traceDurationMs) {
+    t1 = spanBar(span, traceDurationMs);
+    $[0] = span;
+    $[1] = traceDurationMs;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const {
+    leftPercent,
+    widthPercent
+  } = t1;
+  let t2;
+  if ($[3] !== span.attributes) {
+    t2 = formatLogFields(span.attributes);
+    $[3] = span.attributes;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const attributes = t2;
+  const t3 = span.depth * INDENT_PER_DEPTH;
+  let t4;
+  if ($[5] !== t3) {
+    t4 = {
+      paddingLeft: t3
+    };
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const nameStyle = t4;
+  const t5 = `${String(leftPercent)}%`;
+  const t6 = `${String(widthPercent)}%`;
+  let t7;
+  if ($[7] !== t5 || $[8] !== t6) {
+    t7 = {
+      left: t5,
+      width: t6
+    };
+    $[7] = t5;
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  const barStyle = t7;
+  const t8 = span.depth;
+  let t9;
+  if ($[10] !== span.ok || $[11] !== t) {
+    t9 = span.ok ? null : /* @__PURE__ */ jsxDEV("span", {
+      "aria-label": t("Errored span"),
+      className: "mr-1 text-destructive",
+      "data-testid": "tr-span-error",
+      role: "img",
+      children: "●"
+    }, void 0, false);
+    $[10] = span.ok;
+    $[11] = t;
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  let t10;
+  if ($[13] !== nameStyle || $[14] !== span.name || $[15] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("span", {
+      className: "w-56 shrink-0 truncate",
+      role: "gridcell",
+      style: nameStyle,
+      title: span.name,
+      children: [t9, span.name]
+    }, void 0, true);
+    $[13] = nameStyle;
+    $[14] = span.name;
+    $[15] = t9;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  let t11;
+  if ($[17] !== span.durationMs || $[18] !== span.offsetMs || $[19] !== t) {
+    t11 = t("starts {offset} in, runs {duration}", {
+      duration: formatSpanDuration(span.durationMs),
+      offset: formatSpanDuration(span.offsetMs)
+    });
+    $[17] = span.durationMs;
+    $[18] = span.offsetMs;
+    $[19] = t;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  const t12 = span.ok ? "bg-primary/70" : "bg-destructive";
+  let t13;
+  if ($[21] !== t12) {
+    t13 = cn("absolute inset-y-0 rounded-sm", t12);
+    $[21] = t12;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  let t14;
+  if ($[23] !== barStyle || $[24] !== leftPercent || $[25] !== t13 || $[26] !== widthPercent) {
+    t14 = /* @__PURE__ */ jsxDEV("span", {
+      className: t13,
+      "data-left": leftPercent,
+      "data-testid": "tr-span-bar",
+      "data-width": widthPercent,
+      style: barStyle
+    }, void 0, false);
+    $[23] = barStyle;
+    $[24] = leftPercent;
+    $[25] = t13;
+    $[26] = widthPercent;
+    $[27] = t14;
+  } else {
+    t14 = $[27];
+  }
+  let t15;
+  if ($[28] !== t11 || $[29] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("span", {
+      "aria-label": t11,
+      className: "relative h-3 flex-1 overflow-hidden rounded-sm bg-muted",
+      role: "gridcell",
+      children: t14
+    }, void 0, false);
+    $[28] = t11;
+    $[29] = t14;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  let t16;
+  if ($[31] !== span.durationMs) {
+    t16 = formatSpanDuration(span.durationMs);
+    $[31] = span.durationMs;
+    $[32] = t16;
+  } else {
+    t16 = $[32];
+  }
+  let t17;
+  if ($[33] !== t16) {
+    t17 = /* @__PURE__ */ jsxDEV("span", {
+      className: "w-16 shrink-0 text-right tabular-nums text-muted-foreground",
+      role: "gridcell",
+      children: t16
+    }, void 0, false);
+    $[33] = t16;
+    $[34] = t17;
+  } else {
+    t17 = $[34];
+  }
+  let t18;
+  if ($[35] !== span.error) {
+    t18 = span.error === void 0 ? null : /* @__PURE__ */ jsxDEV("span", {
+      className: "text-destructive",
+      "data-testid": "tr-span-error-message",
+      title: span.error.message,
+      children: `${span.error.type}: ${span.error.message}`
+    }, void 0, false);
+    $[35] = span.error;
+    $[36] = t18;
+  } else {
+    t18 = $[36];
+  }
+  let t19;
+  if ($[37] !== t18) {
+    t19 = /* @__PURE__ */ jsxDEV("span", {
+      className: "w-64 shrink-0 truncate text-muted-foreground",
+      role: "gridcell",
+      children: t18
+    }, void 0, false);
+    $[37] = t18;
+    $[38] = t19;
+  } else {
+    t19 = $[38];
+  }
+  let t20;
+  if ($[39] !== attributes) {
+    t20 = attributes === "" ? null : /* @__PURE__ */ jsxDEV("span", {
+      "data-testid": "tr-span-attributes",
+      title: attributes,
+      children: attributes
+    }, void 0, false);
+    $[39] = attributes;
+    $[40] = t20;
+  } else {
+    t20 = $[40];
+  }
+  let t21;
+  if ($[41] !== t20) {
+    t21 = /* @__PURE__ */ jsxDEV("span", {
+      className: "w-64 shrink-0 truncate text-muted-foreground",
+      role: "gridcell",
+      children: t20
+    }, void 0, false);
+    $[41] = t20;
+    $[42] = t21;
+  } else {
+    t21 = $[42];
+  }
+  let t22;
+  if ($[43] !== span.depth || $[44] !== t10 || $[45] !== t15 || $[46] !== t17 || $[47] !== t19 || $[48] !== t21) {
+    t22 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center gap-2 border-b border-border px-3 py-1.5 font-mono text-xs last:border-b-0 hover:bg-muted/50",
+      "data-depth": t8,
+      "data-testid": "tr-span-row",
+      role: "row",
+      children: [t10, t15, t17, t19, t21]
+    }, void 0, true);
+    $[43] = span.depth;
+    $[44] = t10;
+    $[45] = t15;
+    $[46] = t17;
+    $[47] = t19;
+    $[48] = t21;
+    $[49] = t22;
+  } else {
+    t22 = $[49];
+  }
+  return t22;
+};
+const TraceRow = (t0) => {
+  const $ = c(50);
+  const {
+    expanded,
+    onToggle,
+    trace
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== onToggle || $[1] !== trace.traceId) {
+    t1 = () => {
+      onToggle(trace.traceId);
+    };
+    $[0] = onToggle;
+    $[1] = trace.traceId;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onClick = t1;
+  const t2 = `tr-row-${trace.traceId}`;
+  const t3 = `tr-waterfall-${trace.traceId}`;
+  const t4 = `tr-toggle-${trace.traceId}`;
+  const t5 = expanded ? "▾" : "▸";
+  let t6;
+  if ($[3] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("span", {
+      "aria-hidden": "true",
+      className: "w-3 shrink-0 text-xs text-muted-foreground",
+      children: t5
+    }, void 0, false);
+    $[3] = t5;
+    $[4] = t6;
+  } else {
+    t6 = $[4];
+  }
+  let t7;
+  if ($[5] !== trace.rootName) {
+    t7 = /* @__PURE__ */ jsxDEV("span", {
+      className: "w-56 shrink-0 truncate text-sm font-medium",
+      title: trace.rootName,
+      children: trace.rootName
+    }, void 0, false);
+    $[5] = trace.rootName;
+    $[6] = t7;
+  } else {
+    t7 = $[6];
+  }
+  let t8;
+  if ($[7] !== trace.functionPath) {
+    t8 = /* @__PURE__ */ jsxDEV("span", {
+      className: "w-48 shrink-0 truncate font-mono text-xs text-muted-foreground",
+      title: trace.functionPath,
+      children: trace.functionPath
+    }, void 0, false);
+    $[7] = trace.functionPath;
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  let t9;
+  if ($[9] !== trace.durationMs) {
+    t9 = formatSpanDuration(trace.durationMs);
+    $[9] = trace.durationMs;
+    $[10] = t9;
+  } else {
+    t9 = $[10];
+  }
+  let t10;
+  if ($[11] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("span", {
+      className: "w-20 shrink-0 text-right font-mono text-xs tabular-nums text-muted-foreground",
+      children: t9
+    }, void 0, false);
+    $[11] = t9;
+    $[12] = t10;
+  } else {
+    t10 = $[12];
+  }
+  let t11;
+  if ($[13] !== t || $[14] !== trace.spans.length) {
+    t11 = t("{count} spans", {
+      count: trace.spans.length
+    });
+    $[13] = t;
+    $[14] = trace.spans.length;
+    $[15] = t11;
+  } else {
+    t11 = $[15];
+  }
+  let t12;
+  if ($[16] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV("span", {
+      className: "w-20 shrink-0 text-right font-mono text-xs tabular-nums text-muted-foreground",
+      children: t11
+    }, void 0, false);
+    $[16] = t11;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  const t13 = trace.ok ? "secondary" : "destructive";
+  let t14;
+  if ($[18] !== t || $[19] !== trace.ok) {
+    t14 = trace.ok ? t("ok") : t("error");
+    $[18] = t;
+    $[19] = trace.ok;
+    $[20] = t14;
+  } else {
+    t14 = $[20];
+  }
+  let t15;
+  if ($[21] !== t13 || $[22] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("span", {
+      className: "shrink-0",
+      children: /* @__PURE__ */ jsxDEV(Badge, {
+        variant: t13,
+        children: t14
+      }, void 0, false)
+    }, void 0, false);
+    $[21] = t13;
+    $[22] = t14;
+    $[23] = t15;
+  } else {
+    t15 = $[23];
+  }
+  let t16;
+  if ($[24] !== trace.startTs) {
+    t16 = formatTimestamp(trace.startTs);
+    $[24] = trace.startTs;
+    $[25] = t16;
+  } else {
+    t16 = $[25];
+  }
+  let t17;
+  if ($[26] !== t16) {
+    t17 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex-1 truncate text-right font-mono text-xs tabular-nums text-muted-foreground",
+      children: t16
+    }, void 0, false);
+    $[26] = t16;
+    $[27] = t17;
+  } else {
+    t17 = $[27];
+  }
+  let t18;
+  if ($[28] !== expanded || $[29] !== onClick || $[30] !== t10 || $[31] !== t12 || $[32] !== t15 || $[33] !== t17 || $[34] !== t3 || $[35] !== t4 || $[36] !== t6 || $[37] !== t7 || $[38] !== t8) {
+    t18 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-controls": t3,
+      "aria-expanded": expanded,
+      className: "flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-muted/50",
+      "data-testid": t4,
+      onClick,
+      type: "button",
+      children: [t6, t7, t8, t10, t12, t15, t17]
+    }, void 0, true);
+    $[28] = expanded;
+    $[29] = onClick;
+    $[30] = t10;
+    $[31] = t12;
+    $[32] = t15;
+    $[33] = t17;
+    $[34] = t3;
+    $[35] = t4;
+    $[36] = t6;
+    $[37] = t7;
+    $[38] = t8;
+    $[39] = t18;
+  } else {
+    t18 = $[39];
+  }
+  let t19;
+  if ($[40] !== expanded || $[41] !== t || $[42] !== trace.durationMs || $[43] !== trace.spans || $[44] !== trace.traceId) {
+    t19 = expanded && /* @__PURE__ */ jsxDEV("div", {
+      "aria-label": t("Trace waterfall"),
+      className: "bg-muted/20",
+      "data-testid": `tr-waterfall-${trace.traceId}`,
+      id: `tr-waterfall-${trace.traceId}`,
+      role: "grid",
+      children: trace.spans.map((span) => /* @__PURE__ */ jsxDEV(SpanRow, {
+        span,
+        traceDurationMs: trace.durationMs
+      }, span.spanId, false))
+    }, void 0, false);
+    $[40] = expanded;
+    $[41] = t;
+    $[42] = trace.durationMs;
+    $[43] = trace.spans;
+    $[44] = trace.traceId;
+    $[45] = t19;
+  } else {
+    t19 = $[45];
+  }
+  let t20;
+  if ($[46] !== t18 || $[47] !== t19 || $[48] !== t2) {
+    t20 = /* @__PURE__ */ jsxDEV("div", {
+      className: "border-b border-border last:border-b-0",
+      "data-testid": t2,
+      children: [t18, t19]
+    }, void 0, true);
+    $[46] = t18;
+    $[47] = t19;
+    $[48] = t2;
+    $[49] = t20;
+  } else {
+    t20 = $[49];
+  }
+  return t20;
+};
+const TracesPanel = (t0) => {
+  const $ = c(43);
+  const {
+    initialShardKey
+  } = t0;
+  const t = useT();
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  const [search, setSearch] = useState("");
+  const [expanded, setExpanded] = useState(_temp);
+  let t1;
+  if ($[0] !== shardKey) {
+    t1 = shardKey.trim();
+    $[0] = shardKey;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const debouncedShard = useDebounced(t1, 400);
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {};
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== debouncedShard) {
+    t3 = {
+      live: true,
+      shardKey: debouncedShard
+    };
+    $[3] = debouncedShard;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const {
+    data,
+    error,
+    errorSource,
+    isLoading,
+    liveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.getTraces, t2, t3);
+  let t4;
+  let t5;
+  if ($[5] !== data || $[6] !== debouncedShard) {
+    t4 = () => {
+      if (data !== void 0) {
+        recordShard(debouncedShard);
+      }
+    };
+    t5 = [data, debouncedShard];
+    $[5] = data;
+    $[6] = debouncedShard;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t4 = $[7];
+    t5 = $[8];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[9] !== data || $[10] !== error || $[11] !== errorSource || $[12] !== expanded || $[13] !== isLoading || $[14] !== liveError || $[15] !== search || $[16] !== shardKey || $[17] !== t) {
+    const traces = tracesOf(data);
+    const total = data?.total ?? traces.length;
+    const truncated = total > traces.length;
+    const filtered = filterTraces(traces, search);
+    let t7;
+    if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t7 = (event) => {
+        setSearch(event.target.value);
+      };
+      $[19] = t7;
+    } else {
+      t7 = $[19];
+    }
+    const onSearchChange = t7;
+    let t8;
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t8 = (traceId) => {
+        setExpanded((previous) => {
+          const next = new Set(previous);
+          if (next.has(traceId)) {
+            next.delete(traceId);
+          } else {
+            next.add(traceId);
+          }
+          return next;
+        });
+      };
+      $[20] = t8;
+    } else {
+      t8 = $[20];
+    }
+    const onToggle = t8;
+    const showEmpty = error === null && filtered.length === 0 && !isLoading;
+    let t9;
+    if ($[21] !== shardKey) {
+      t9 = /* @__PURE__ */ jsxDEV(ShardInput, {
+        onChange: setShardKey,
+        testId: "tr-shard-input",
+        value: shardKey
+      }, void 0, false);
+      $[21] = shardKey;
+      $[22] = t9;
+    } else {
+      t9 = $[22];
+    }
+    let t10;
+    if ($[23] !== t) {
+      t10 = t("Search traces");
+      $[23] = t;
+      $[24] = t10;
+    } else {
+      t10 = $[24];
+    }
+    let t11;
+    if ($[25] !== t) {
+      t11 = t("search trace or function");
+      $[25] = t;
+      $[26] = t11;
+    } else {
+      t11 = $[26];
+    }
+    let t12;
+    if ($[27] !== search || $[28] !== t10 || $[29] !== t11) {
+      t12 = /* @__PURE__ */ jsxDEV(Input, {
+        "aria-label": t10,
+        className: "h-8 w-56",
+        "data-testid": "tr-search",
+        onChange: onSearchChange,
+        placeholder: t11,
+        value: search
+      }, void 0, false);
+      $[27] = search;
+      $[28] = t10;
+      $[29] = t11;
+      $[30] = t12;
+    } else {
+      t12 = $[30];
+    }
+    let t13;
+    if ($[31] !== liveError) {
+      t13 = /* @__PURE__ */ jsxDEV(LiveError, {
+        message: liveError,
+        prefix: "tr"
+      }, void 0, false);
+      $[31] = liveError;
+      $[32] = t13;
+    } else {
+      t13 = $[32];
+    }
+    let t14;
+    if ($[33] !== t12 || $[34] !== t13 || $[35] !== t9) {
+      t14 = /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap items-center gap-2",
+        children: [t9, t12, t13]
+      }, void 0, true);
+      $[33] = t12;
+      $[34] = t13;
+      $[35] = t9;
+      $[36] = t14;
+    } else {
+      t14 = $[36];
+    }
+    let t15;
+    if ($[37] !== error || $[38] !== errorSource) {
+      t15 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+        error: errorSource,
+        testId: "tr-error"
+      }, void 0, false);
+      $[37] = error;
+      $[38] = errorSource;
+      $[39] = t15;
+    } else {
+      t15 = $[39];
+    }
+    let t16;
+    if ($[40] !== showEmpty || $[41] !== t) {
+      t16 = showEmpty && /* @__PURE__ */ jsxDEV(EmptyState, {
+        description: t("Traces recorded with ctx.trace show up here as your app handles traffic. The span buffer resets when the shard hibernates."),
+        icon: /* @__PURE__ */ jsxDEV("svg", {
+          "aria-hidden": "true",
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.6,
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ jsxDEV("path", {
+            d: "M4 6h10M7 12h13M10 18h7"
+          }, void 0, false)
+        }, void 0, false),
+        testId: "tr-empty",
+        title: t("No traces")
+      }, void 0, false);
+      $[40] = showEmpty;
+      $[41] = t;
+      $[42] = t16;
+    } else {
+      t16 = $[42];
+    }
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "lunora-traces-panel",
+      children: [t14, t15, t16, error === null && truncated && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-xs text-muted-foreground",
+        "data-testid": "tr-truncated",
+        children: t("Showing the {shown} most recent of {total} traces in the buffer.", {
+          shown: traces.length,
+          total
+        })
+      }, void 0, false), error === null && filtered.length > 0 && /* @__PURE__ */ jsxDEV("div", {
+        "aria-label": t("Recent traces"),
+        className: "overflow-hidden rounded-xl border border-border shadow-xs",
+        "data-testid": "tr-list",
+        children: filtered.map((trace) => /* @__PURE__ */ jsxDEV(TraceRow, {
+          expanded: expanded.has(trace.traceId),
+          onToggle,
+          trace
+        }, trace.traceId, false))
+      }, void 0, false)]
+    }, void 0, true);
+    $[9] = data;
+    $[10] = error;
+    $[11] = errorSource;
+    $[12] = expanded;
+    $[13] = isLoading;
+    $[14] = liveError;
+    $[15] = search;
+    $[16] = shardKey;
+    $[17] = t;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  return t6;
+};
+function _temp() {
+  return /* @__PURE__ */ new Set();
+}
+
+export { TracesPanel };