@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_chunks/MetricsPanel.js

@@ -1,1960 +1 @@
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useNavigate } from '@tanstack/react-router';
-import { useState, useRef, useEffect, useMemo } from 'react';
-import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
-import { ShardInput } from '../packem_shared/ShardInput-CZnpHILL.js';
-import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
-import { C as Card, a as CardContent, c as CardHeader, b as CardTitle, d as CardDescription } from '../packem_shared/card-F2vH_aj2.js';
-import { b as TableRow, e as TableCell, T as Table, c as TableHead, a as TableHeader, d as TableBody } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-C7JNuQp-.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-P2UzJscH.js';
-import { c as CLOUDFLARE_DURABLE_OBJECTS_URL } from '../packem_shared/cf-links-SIbyi4Y1.js';
-import { k as formatBytes, f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from '../packem_shared/internal-DzHCc2Rq.js';
-import { r as recordShard, l as loadRecentShards } from '../packem_shared/shard-history-AxiJ1WPP.js';
-import { w as writePendingTraceFilter } from '../packem_shared/trace-handoff-CGolF3KS.js';
-import { f as formatLogFields } from '../packem_shared/log-fields-jEH83H2G.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { S as Sparkline } from '../packem_shared/sparkline-BnA1kC9X.js';
-import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
-import { aggregateMetrics, computeLatencyPercentiles, enrichQueryStats, shardsToAggregate } from '../packem_shared/aggregateMetrics-D4nUHEKU.js';
-import { b as SelectValue, a as SelectTrigger, d as SelectItem, c as SelectContent, S as Select } from '../packem_shared/select-D9OwHEch.js';
-
-const compareKeys = (a, b) => {
-  if (a < b) {
-    return -1;
-  }
-  return a > b ? 1 : 0;
-};
-const stableStringify = (value) => {
-  if (value === void 0) {
-    return "null";
-  }
-  if (typeof value === "bigint") {
-    throw new TypeError("stableStringify: cannot use a bigint in a stable JSON cache key — pass it as a string, or use stableWireKey");
-  }
-  if (value === null || typeof value !== "object") {
-    return JSON.stringify(value);
-  }
-  if (Array.isArray(value)) {
-    return `[${value.map((item) => stableStringify(item)).join(",")}]`;
-  }
-  const proto = Object.getPrototypeOf(value);
-  if (proto !== null && proto !== Object.prototype) {
-    const name = value.constructor?.name ?? "value";
-    throw new TypeError(`stableStringify: cannot use a ${name} in a stable JSON cache key — only plain objects, arrays, and JSON primitives are supported (wire-typed values key via stableWireKey)`);
-  }
-  const record = value;
-  const keys = Object.keys(record).toSorted(compareKeys);
-  const parts = [];
-  for (const key of keys) {
-    const raw = record[key];
-    if (raw === void 0) {
-      continue;
-    }
-    parts.push(`${JSON.stringify(key)}:${stableStringify(raw)}`);
-  }
-  return `{${parts.join(",")}}`;
-};
-
-const seriesMatchKey = (kind, name, attributes) => `${kind}:${name}:${stableStringify(attributes ?? {})}`;
-const projectByKind = (kind, metric) => {
-  if (kind === "gauge") {
-    return metric.last;
-  }
-  if (kind === "histogram") {
-    return metric.sum / Math.max(1, metric.count);
-  }
-  return metric.sum;
-};
-const pointValue = (kind, point) => projectByKind(kind, point);
-const metricHeadline = (series) => projectByKind(series.kind, series);
-const formatMetricValue = (value) => Number.isInteger(value) ? value.toLocaleString() : value.toLocaleString(void 0, {
-  maximumFractionDigits: 2
-});
-
-const seriesOf = (result) => Array.isArray(result?.series) ? result.series : [];
-const historyByKey = (result) => {
-  const map = /* @__PURE__ */ new Map();
-  if (!Array.isArray(result?.series)) {
-    return map;
-  }
-  for (const entry of result.series) {
-    map.set(seriesMatchKey(entry.kind, entry.name, entry.attributes), entry.points);
-  }
-  return map;
-};
-const KIND_VARIANT = {
-  counter: "secondary",
-  gauge: "default",
-  histogram: "outline"
-};
-const TraceExemplar = (t0) => {
-  const $ = c(18);
-  const {
-    name,
-    onOpenTrace,
-    traceId
-  } = t0;
-  const t = useT();
-  if (traceId === void 0) {
-    let t12;
-    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t12 = /* @__PURE__ */ jsxDEV("span", {
-        className: "text-muted-foreground",
-        children: "—"
-      }, void 0, false);
-      $[0] = t12;
-    } else {
-      t12 = $[0];
-    }
-    return t12;
-  }
-  let t1;
-  if ($[1] !== traceId) {
-    t1 = traceId.slice(0, 8);
-    $[1] = traceId;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const short = t1;
-  if (onOpenTrace === void 0) {
-    const t22 = `mt-instrument-trace-${name}`;
-    let t32;
-    if ($[3] !== short || $[4] !== t22 || $[5] !== traceId) {
-      t32 = /* @__PURE__ */ jsxDEV("span", {
-        className: "text-muted-foreground",
-        "data-testid": t22,
-        title: traceId,
-        children: short
-      }, void 0, false);
-      $[3] = short;
-      $[4] = t22;
-      $[5] = traceId;
-      $[6] = t32;
-    } else {
-      t32 = $[6];
-    }
-    return t32;
-  }
-  const t2 = `mt-instrument-trace-${name}`;
-  let t3;
-  if ($[7] !== onOpenTrace || $[8] !== traceId) {
-    t3 = () => {
-      onOpenTrace(traceId);
-    };
-    $[7] = onOpenTrace;
-    $[8] = traceId;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[10] !== t || $[11] !== traceId) {
-    t4 = t("Open the exemplar trace {trace}", {
-      trace: traceId
-    });
-    $[10] = t;
-    $[11] = traceId;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  let t5;
-  if ($[13] !== short || $[14] !== t2 || $[15] !== t3 || $[16] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("button", {
-      className: "text-primary underline-offset-4 hover:underline",
-      "data-testid": t2,
-      onClick: t3,
-      title: t4,
-      type: "button",
-      children: short
-    }, void 0, false);
-    $[13] = short;
-    $[14] = t2;
-    $[15] = t3;
-    $[16] = t4;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  return t5;
-};
-const InstrumentsTable = (t0) => {
-  const $ = c(92);
-  const {
-    onOpenTrace,
-    shardKey
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {};
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== shardKey) {
-    t2 = {
-      live: true,
-      shardKey
-    };
-    $[1] = shardKey;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const {
-    data,
-    error
-  } = useAdminQuery(ADMIN_FUNCTIONS.getMetricSeries, t1, t2);
-  let t3;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = {};
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== shardKey) {
-    t4 = {
-      live: true,
-      shardKey
-    };
-    $[4] = shardKey;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const {
-    data: history
-  } = useAdminQuery(ADMIN_FUNCTIONS.getMetricHistory, t3, t4);
-  let T0;
-  let T1;
-  let T2;
-  let T3;
-  let t10;
-  let t11;
-  let t12;
-  let t13;
-  let t5;
-  let t6;
-  let t7;
-  let t8;
-  let t9;
-  if ($[6] !== data || $[7] !== error || $[8] !== history || $[9] !== onOpenTrace || $[10] !== t) {
-    t13 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const series = seriesOf(data);
-      if (error !== null || series.length === 0) {
-        t13 = null;
-        break bb0;
-      }
-      const trends = historyByKey(history);
-      let t142;
-      if ($[24] !== t) {
-        t142 = (kind) => {
-          if (kind === "counter") {
-            return t("Counter");
-          }
-          if (kind === "gauge") {
-            return t("Gauge");
-          }
-          return t("Histogram");
-        };
-        $[24] = t;
-        $[25] = t142;
-      } else {
-        t142 = $[25];
-      }
-      const kindLabel = t142;
-      t10 = "flex flex-col gap-2";
-      t11 = "mt-instruments";
-      let t152;
-      if ($[26] !== t) {
-        t152 = t("Instruments");
-        $[26] = t;
-        $[27] = t152;
-      } else {
-        t152 = $[27];
-      }
-      if ($[28] !== t152) {
-        t12 = /* @__PURE__ */ jsxDEV("h3", {
-          className: "text-sm font-semibold text-foreground",
-          children: t152
-        }, void 0, false);
-        $[28] = t152;
-        $[29] = t12;
-      } else {
-        t12 = $[29];
-      }
-      T3 = Card;
-      t9 = "overflow-hidden py-0";
-      T2 = CardContent;
-      t8 = "px-0";
-      T1 = Table;
-      t6 = "mt-instruments-table";
-      let t162;
-      if ($[30] !== t) {
-        t162 = t("name");
-        $[30] = t;
-        $[31] = t162;
-      } else {
-        t162 = $[31];
-      }
-      let t172;
-      if ($[32] !== t162) {
-        t172 = /* @__PURE__ */ jsxDEV(TableHead, {
-          children: t162
-        }, void 0, false);
-        $[32] = t162;
-        $[33] = t172;
-      } else {
-        t172 = $[33];
-      }
-      let t182;
-      if ($[34] !== t) {
-        t182 = t("kind");
-        $[34] = t;
-        $[35] = t182;
-      } else {
-        t182 = $[35];
-      }
-      let t19;
-      if ($[36] !== t182) {
-        t19 = /* @__PURE__ */ jsxDEV(TableHead, {
-          children: t182
-        }, void 0, false);
-        $[36] = t182;
-        $[37] = t19;
-      } else {
-        t19 = $[37];
-      }
-      let t20;
-      if ($[38] !== t) {
-        t20 = t("value");
-        $[38] = t;
-        $[39] = t20;
-      } else {
-        t20 = $[39];
-      }
-      let t21;
-      if ($[40] !== t20) {
-        t21 = /* @__PURE__ */ jsxDEV(TableHead, {
-          className: "text-right",
-          children: t20
-        }, void 0, false);
-        $[40] = t20;
-        $[41] = t21;
-      } else {
-        t21 = $[41];
-      }
-      let t22;
-      if ($[42] !== t) {
-        t22 = t("count");
-        $[42] = t;
-        $[43] = t22;
-      } else {
-        t22 = $[43];
-      }
-      let t23;
-      if ($[44] !== t22) {
-        t23 = /* @__PURE__ */ jsxDEV(TableHead, {
-          className: "text-right",
-          children: t22
-        }, void 0, false);
-        $[44] = t22;
-        $[45] = t23;
-      } else {
-        t23 = $[45];
-      }
-      let t24;
-      if ($[46] !== t) {
-        t24 = t("range");
-        $[46] = t;
-        $[47] = t24;
-      } else {
-        t24 = $[47];
-      }
-      let t25;
-      if ($[48] !== t24) {
-        t25 = /* @__PURE__ */ jsxDEV(TableHead, {
-          className: "text-right",
-          children: t24
-        }, void 0, false);
-        $[48] = t24;
-        $[49] = t25;
-      } else {
-        t25 = $[49];
-      }
-      let t26;
-      if ($[50] !== t) {
-        t26 = t("trend");
-        $[50] = t;
-        $[51] = t26;
-      } else {
-        t26 = $[51];
-      }
-      let t27;
-      if ($[52] !== t26) {
-        t27 = /* @__PURE__ */ jsxDEV(TableHead, {
-          children: t26
-        }, void 0, false);
-        $[52] = t26;
-        $[53] = t27;
-      } else {
-        t27 = $[53];
-      }
-      let t28;
-      if ($[54] !== t) {
-        t28 = t("trace");
-        $[54] = t;
-        $[55] = t28;
-      } else {
-        t28 = $[55];
-      }
-      let t29;
-      if ($[56] !== t28) {
-        t29 = /* @__PURE__ */ jsxDEV(TableHead, {
-          children: t28
-        }, void 0, false);
-        $[56] = t28;
-        $[57] = t29;
-      } else {
-        t29 = $[57];
-      }
-      let t30;
-      if ($[58] !== t) {
-        t30 = t("dimensions");
-        $[58] = t;
-        $[59] = t30;
-      } else {
-        t30 = $[59];
-      }
-      let t31;
-      if ($[60] !== t30) {
-        t31 = /* @__PURE__ */ jsxDEV(TableHead, {
-          children: t30
-        }, void 0, false);
-        $[60] = t30;
-        $[61] = t31;
-      } else {
-        t31 = $[61];
-      }
-      if ($[62] !== t172 || $[63] !== t19 || $[64] !== t21 || $[65] !== t23 || $[66] !== t25 || $[67] !== t27 || $[68] !== t29 || $[69] !== t31) {
-        t7 = /* @__PURE__ */ jsxDEV(TableHeader, {
-          children: /* @__PURE__ */ jsxDEV(TableRow, {
-            children: [t172, t19, t21, t23, t25, t27, t29, t31]
-          }, void 0, true)
-        }, void 0, false);
-        $[62] = t172;
-        $[63] = t19;
-        $[64] = t21;
-        $[65] = t23;
-        $[66] = t25;
-        $[67] = t27;
-        $[68] = t29;
-        $[69] = t31;
-        $[70] = t7;
-      } else {
-        t7 = $[70];
-      }
-      T0 = TableBody;
-      t5 = series.map((s) => {
-        const dimensions = formatLogFields(s.attributes);
-        const key = seriesMatchKey(s.kind, s.name, s.attributes);
-        const points = trends.get(key) ?? [];
-        const trend = points.map((point) => pointValue(s.kind, point));
-        return /* @__PURE__ */ jsxDEV(TableRow, {
-          "data-testid": `mt-instrument-${s.name}`,
-          children: [/* @__PURE__ */ jsxDEV(TableCell, {
-            className: "font-mono text-xs",
-            title: s.functionPath,
-            children: s.name
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-            children: /* @__PURE__ */ jsxDEV(Badge, {
-              variant: KIND_VARIANT[s.kind],
-              children: kindLabel(s.kind)
-            }, void 0, false)
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-            className: "text-right font-mono tabular-nums",
-            "data-testid": `mt-instrument-value-${s.name}`,
-            children: formatMetricValue(metricHeadline(s))
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-            className: "text-right tabular-nums text-muted-foreground",
-            children: s.count.toLocaleString()
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-            className: "text-right font-mono text-xs tabular-nums text-muted-foreground",
-            children: s.min === s.max ? "—" : `${formatMetricValue(s.min)}–${formatMetricValue(s.max)}`
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-            children: trend.length >= 2 ? /* @__PURE__ */ jsxDEV(Sparkline, {
-              ariaLabel: t("{name} trend", {
-                name: s.name
-              }),
-              className: "h-6 w-24 text-foreground",
-              series: trend,
-              testId: `mt-instrument-trend-${s.name}`
-            }, void 0, false) : /* @__PURE__ */ jsxDEV("span", {
-              className: "text-xs text-muted-foreground",
-              children: "—"
-            }, void 0, false)
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-            className: "font-mono text-xs",
-            children: /* @__PURE__ */ jsxDEV(TraceExemplar, {
-              name: s.name,
-              onOpenTrace,
-              traceId: s.exemplarTraceId
-            }, void 0, false)
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-            className: "max-w-64 truncate font-mono text-xs text-muted-foreground",
-            title: dimensions,
-            children: dimensions === "" ? "—" : dimensions
-          }, void 0, false)]
-        }, key, true);
-      });
-    }
-    $[6] = data;
-    $[7] = error;
-    $[8] = history;
-    $[9] = onOpenTrace;
-    $[10] = t;
-    $[11] = T0;
-    $[12] = T1;
-    $[13] = T2;
-    $[14] = T3;
-    $[15] = t10;
-    $[16] = t11;
-    $[17] = t12;
-    $[18] = t13;
-    $[19] = t5;
-    $[20] = t6;
-    $[21] = t7;
-    $[22] = t8;
-    $[23] = t9;
-  } else {
-    T0 = $[11];
-    T1 = $[12];
-    T2 = $[13];
-    T3 = $[14];
-    t10 = $[15];
-    t11 = $[16];
-    t12 = $[17];
-    t13 = $[18];
-    t5 = $[19];
-    t6 = $[20];
-    t7 = $[21];
-    t8 = $[22];
-    t9 = $[23];
-  }
-  if (t13 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-    return t13;
-  }
-  let t14;
-  if ($[71] !== T0 || $[72] !== t5) {
-    t14 = /* @__PURE__ */ jsxDEV(T0, {
-      children: t5
-    }, void 0, false);
-    $[71] = T0;
-    $[72] = t5;
-    $[73] = t14;
-  } else {
-    t14 = $[73];
-  }
-  let t15;
-  if ($[74] !== T1 || $[75] !== t14 || $[76] !== t6 || $[77] !== t7) {
-    t15 = /* @__PURE__ */ jsxDEV(T1, {
-      "data-testid": t6,
-      children: [t7, t14]
-    }, void 0, true);
-    $[74] = T1;
-    $[75] = t14;
-    $[76] = t6;
-    $[77] = t7;
-    $[78] = t15;
-  } else {
-    t15 = $[78];
-  }
-  let t16;
-  if ($[79] !== T2 || $[80] !== t15 || $[81] !== t8) {
-    t16 = /* @__PURE__ */ jsxDEV(T2, {
-      className: t8,
-      children: t15
-    }, void 0, false);
-    $[79] = T2;
-    $[80] = t15;
-    $[81] = t8;
-    $[82] = t16;
-  } else {
-    t16 = $[82];
-  }
-  let t17;
-  if ($[83] !== T3 || $[84] !== t16 || $[85] !== t9) {
-    t17 = /* @__PURE__ */ jsxDEV(T3, {
-      className: t9,
-      children: t16
-    }, void 0, false);
-    $[83] = T3;
-    $[84] = t16;
-    $[85] = t9;
-    $[86] = t17;
-  } else {
-    t17 = $[86];
-  }
-  let t18;
-  if ($[87] !== t10 || $[88] !== t11 || $[89] !== t12 || $[90] !== t17) {
-    t18 = /* @__PURE__ */ jsxDEV("section", {
-      className: t10,
-      "data-testid": t11,
-      children: [t12, t17]
-    }, void 0, true);
-    $[87] = t10;
-    $[88] = t11;
-    $[89] = t12;
-    $[90] = t17;
-    $[91] = t18;
-  } else {
-    t18 = $[91];
-  }
-  return t18;
-};
-
-const performanceLevel = (avgMs) => {
-  if (avgMs >= 100) {
-    return "critical";
-  }
-  if (avgMs >= 50) {
-    return "warning";
-  }
-  return "good";
-};
-const formatLatency = (ms) => {
-  if (ms < 1) {
-    return `${(ms * 1e3).toFixed(0)}μs`;
-  }
-  if (ms < 1e3) {
-    return `${ms.toFixed(1)}ms`;
-  }
-  return `${(ms / 1e3).toFixed(2)}s`;
-};
-const formatCount = (n) => {
-  if (n >= 1e9) {
-    return `${(n / 1e9).toFixed(1)}B`;
-  }
-  if (n >= 1e6) {
-    return `${(n / 1e6).toFixed(1)}M`;
-  }
-  if (n >= 1e3) {
-    return `${(n / 1e3).toFixed(1)}K`;
-  }
-  return n.toLocaleString();
-};
-const PerformanceBadge = (t0) => {
-  const $ = c(3);
-  const {
-    level
-  } = t0;
-  if (level === "critical") {
-    let t12;
-    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t12 = /* @__PURE__ */ jsxDEV(Badge, {
-        variant: "destructive",
-        children: "Slow"
-      }, void 0, false);
-      $[0] = t12;
-    } else {
-      t12 = $[0];
-    }
-    return t12;
-  }
-  if (level === "warning") {
-    let t12;
-    if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t12 = /* @__PURE__ */ jsxDEV("span", {
-        className: "inline-flex items-center gap-1 rounded-md border border-transparent bg-warning/10 px-2 py-0.5 text-xs font-medium text-warning",
-        children: "Moderate"
-      }, void 0, false);
-      $[1] = t12;
-    } else {
-      t12 = $[1];
-    }
-    return t12;
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsxDEV("span", {
-      className: "inline-flex items-center gap-1 rounded-md border border-transparent bg-success/10 px-2 py-0.5 text-xs font-medium text-success",
-      children: "Fast"
-    }, void 0, false);
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
-};
-const QueryInsights = (t0) => {
-  const $ = c(152);
-  const {
-    queryStats
-  } = t0;
-  const t = useT();
-  const [sortField, setSortField] = useState("totalTime");
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ new Set();
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const [expanded, setExpanded] = useState(t1);
-  let t2;
-  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = (value) => {
-      if (value !== null) {
-        setSortField(value);
-      }
-    };
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const handleSortChange = t2;
-  let copy;
-  if ($[2] !== queryStats || $[3] !== sortField) {
-    copy = [...queryStats];
-    let t310;
-    if ($[5] !== sortField) {
-      t310 = (a, b) => {
-        switch (sortField) {
-          case "avgTime": {
-            return b.avgDurationMs - a.avgDurationMs;
-          }
-          case "execCount": {
-            return b.execCount - a.execCount;
-          }
-          case "rowsRead": {
-            return b.rowsRead - a.rowsRead;
-          }
-          default: {
-            return b.totalDurationMs - a.totalDurationMs;
-          }
-        }
-      };
-      $[5] = sortField;
-      $[6] = t310;
-    } else {
-      t310 = $[6];
-    }
-    copy.sort(t310);
-    $[2] = queryStats;
-    $[3] = sortField;
-    $[4] = copy;
-  } else {
-    copy = $[4];
-  }
-  const sorted = copy;
-  let t3;
-  if ($[7] !== queryStats) {
-    t3 = queryStats.filter(_temp);
-    $[7] = queryStats;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  const critical = t3.length;
-  let t4;
-  if ($[9] !== queryStats) {
-    t4 = queryStats.filter(_temp2);
-    $[9] = queryStats;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  const moderate = t4.length;
-  let t5;
-  if ($[11] !== queryStats) {
-    t5 = queryStats.filter(_temp3);
-    $[11] = queryStats;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  const fast = t5.length;
-  let t6;
-  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t6 = (key) => {
-      setExpanded((previous) => {
-        const next = new Set(previous);
-        if (next.has(key)) {
-          next.delete(key);
-        } else {
-          next.add(key);
-        }
-        return next;
-      });
-    };
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  const toggleExpand = t6;
-  if (queryStats.length === 0) {
-    let t72;
-    if ($[14] !== t) {
-      t72 = t("No query insights yet");
-      $[14] = t;
-      $[15] = t72;
-    } else {
-      t72 = $[15];
-    }
-    let t82;
-    if ($[16] !== t72) {
-      t82 = /* @__PURE__ */ jsxDEV("p", {
-        className: "text-lg font-medium",
-        "data-testid": "qi-empty",
-        children: t72
-      }, void 0, false);
-      $[16] = t72;
-      $[17] = t82;
-    } else {
-      t82 = $[17];
-    }
-    let t92;
-    if ($[18] !== t) {
-      t92 = t("Query insights appear once statements are executed against this shard.");
-      $[18] = t;
-      $[19] = t92;
-    } else {
-      t92 = $[19];
-    }
-    let t102;
-    if ($[20] !== t92) {
-      t102 = /* @__PURE__ */ jsxDEV("p", {
-        className: "mt-1 text-sm",
-        children: t92
-      }, void 0, false);
-      $[20] = t92;
-      $[21] = t102;
-    } else {
-      t102 = $[21];
-    }
-    let t112;
-    if ($[22] !== t102 || $[23] !== t82) {
-      t112 = /* @__PURE__ */ jsxDEV(Card, {
-        children: /* @__PURE__ */ jsxDEV(CardContent, {
-          className: "py-12",
-          children: /* @__PURE__ */ jsxDEV("div", {
-            className: "text-center text-muted-foreground",
-            children: [t82, t102]
-          }, void 0, true)
-        }, void 0, false)
-      }, void 0, false);
-      $[22] = t102;
-      $[23] = t82;
-      $[24] = t112;
-    } else {
-      t112 = $[24];
-    }
-    return t112;
-  }
-  let t7;
-  if ($[25] !== t) {
-    t7 = t("Critical queries");
-    $[25] = t;
-    $[26] = t7;
-  } else {
-    t7 = $[26];
-  }
-  let t8;
-  if ($[27] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV(CardHeader, {
-      className: "pb-2",
-      children: /* @__PURE__ */ jsxDEV(CardTitle, {
-        className: "text-sm font-medium",
-        children: t7
-      }, void 0, false)
-    }, void 0, false);
-    $[27] = t7;
-    $[28] = t8;
-  } else {
-    t8 = $[28];
-  }
-  let t9;
-  if ($[29] !== critical) {
-    t9 = /* @__PURE__ */ jsxDEV("div", {
-      className: "text-2xl font-bold text-destructive",
-      "data-testid": "qi-critical",
-      children: critical
-    }, void 0, false);
-    $[29] = critical;
-    $[30] = t9;
-  } else {
-    t9 = $[30];
-  }
-  let t10;
-  if ($[31] !== t) {
-    t10 = t(">100ms avg execution");
-    $[31] = t;
-    $[32] = t10;
-  } else {
-    t10 = $[32];
-  }
-  let t11;
-  if ($[33] !== t10) {
-    t11 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-xs text-muted-foreground",
-      children: t10
-    }, void 0, false);
-    $[33] = t10;
-    $[34] = t11;
-  } else {
-    t11 = $[34];
-  }
-  let t12;
-  if ($[35] !== t11 || $[36] !== t9) {
-    t12 = /* @__PURE__ */ jsxDEV(CardContent, {
-      children: [t9, t11]
-    }, void 0, true);
-    $[35] = t11;
-    $[36] = t9;
-    $[37] = t12;
-  } else {
-    t12 = $[37];
-  }
-  let t13;
-  if ($[38] !== t12 || $[39] !== t8) {
-    t13 = /* @__PURE__ */ jsxDEV(Card, {
-      children: [t8, t12]
-    }, void 0, true);
-    $[38] = t12;
-    $[39] = t8;
-    $[40] = t13;
-  } else {
-    t13 = $[40];
-  }
-  let t14;
-  if ($[41] !== t) {
-    t14 = t("Moderate queries");
-    $[41] = t;
-    $[42] = t14;
-  } else {
-    t14 = $[42];
-  }
-  let t15;
-  if ($[43] !== t14) {
-    t15 = /* @__PURE__ */ jsxDEV(CardHeader, {
-      className: "pb-2",
-      children: /* @__PURE__ */ jsxDEV(CardTitle, {
-        className: "text-sm font-medium",
-        children: t14
-      }, void 0, false)
-    }, void 0, false);
-    $[43] = t14;
-    $[44] = t15;
-  } else {
-    t15 = $[44];
-  }
-  let t16;
-  if ($[45] !== moderate) {
-    t16 = /* @__PURE__ */ jsxDEV("div", {
-      className: "text-2xl font-bold text-warning",
-      "data-testid": "qi-moderate",
-      children: moderate
-    }, void 0, false);
-    $[45] = moderate;
-    $[46] = t16;
-  } else {
-    t16 = $[46];
-  }
-  let t17;
-  if ($[47] !== t) {
-    t17 = t("50–100ms avg execution");
-    $[47] = t;
-    $[48] = t17;
-  } else {
-    t17 = $[48];
-  }
-  let t18;
-  if ($[49] !== t17) {
-    t18 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-xs text-muted-foreground",
-      children: t17
-    }, void 0, false);
-    $[49] = t17;
-    $[50] = t18;
-  } else {
-    t18 = $[50];
-  }
-  let t19;
-  if ($[51] !== t16 || $[52] !== t18) {
-    t19 = /* @__PURE__ */ jsxDEV(CardContent, {
-      children: [t16, t18]
-    }, void 0, true);
-    $[51] = t16;
-    $[52] = t18;
-    $[53] = t19;
-  } else {
-    t19 = $[53];
-  }
-  let t20;
-  if ($[54] !== t15 || $[55] !== t19) {
-    t20 = /* @__PURE__ */ jsxDEV(Card, {
-      children: [t15, t19]
-    }, void 0, true);
-    $[54] = t15;
-    $[55] = t19;
-    $[56] = t20;
-  } else {
-    t20 = $[56];
-  }
-  let t21;
-  if ($[57] !== t) {
-    t21 = t("Fast queries");
-    $[57] = t;
-    $[58] = t21;
-  } else {
-    t21 = $[58];
-  }
-  let t22;
-  if ($[59] !== t21) {
-    t22 = /* @__PURE__ */ jsxDEV(CardHeader, {
-      className: "pb-2",
-      children: /* @__PURE__ */ jsxDEV(CardTitle, {
-        className: "text-sm font-medium",
-        children: t21
-      }, void 0, false)
-    }, void 0, false);
-    $[59] = t21;
-    $[60] = t22;
-  } else {
-    t22 = $[60];
-  }
-  let t23;
-  if ($[61] !== fast) {
-    t23 = /* @__PURE__ */ jsxDEV("div", {
-      className: "text-2xl font-bold text-success",
-      "data-testid": "qi-fast",
-      children: fast
-    }, void 0, false);
-    $[61] = fast;
-    $[62] = t23;
-  } else {
-    t23 = $[62];
-  }
-  let t24;
-  if ($[63] !== t) {
-    t24 = t("<50ms avg execution");
-    $[63] = t;
-    $[64] = t24;
-  } else {
-    t24 = $[64];
-  }
-  let t25;
-  if ($[65] !== t24) {
-    t25 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-xs text-muted-foreground",
-      children: t24
-    }, void 0, false);
-    $[65] = t24;
-    $[66] = t25;
-  } else {
-    t25 = $[66];
-  }
-  let t26;
-  if ($[67] !== t23 || $[68] !== t25) {
-    t26 = /* @__PURE__ */ jsxDEV(CardContent, {
-      children: [t23, t25]
-    }, void 0, true);
-    $[67] = t23;
-    $[68] = t25;
-    $[69] = t26;
-  } else {
-    t26 = $[69];
-  }
-  let t27;
-  if ($[70] !== t22 || $[71] !== t26) {
-    t27 = /* @__PURE__ */ jsxDEV(Card, {
-      children: [t22, t26]
-    }, void 0, true);
-    $[70] = t22;
-    $[71] = t26;
-    $[72] = t27;
-  } else {
-    t27 = $[72];
-  }
-  let t28;
-  if ($[73] !== t13 || $[74] !== t20 || $[75] !== t27) {
-    t28 = /* @__PURE__ */ jsxDEV("div", {
-      className: "grid gap-4 md:grid-cols-3",
-      children: [t13, t20, t27]
-    }, void 0, true);
-    $[73] = t13;
-    $[74] = t20;
-    $[75] = t27;
-    $[76] = t28;
-  } else {
-    t28 = $[76];
-  }
-  let t29;
-  if ($[77] !== t) {
-    t29 = t("Query leaderboard");
-    $[77] = t;
-    $[78] = t29;
-  } else {
-    t29 = $[78];
-  }
-  let t30;
-  if ($[79] !== t29) {
-    t30 = /* @__PURE__ */ jsxDEV("h3", {
-      className: "text-lg font-semibold",
-      children: t29
-    }, void 0, false);
-    $[79] = t29;
-    $[80] = t30;
-  } else {
-    t30 = $[80];
-  }
-  let t31;
-  if ($[81] !== sortField || $[82] !== t) {
-    t31 = t("Slow queries sorted by {sortField}", {
-      sortField: t(sortField)
-    });
-    $[81] = sortField;
-    $[82] = t;
-    $[83] = t31;
-  } else {
-    t31 = $[83];
-  }
-  let t32;
-  if ($[84] !== t31) {
-    t32 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-muted-foreground",
-      children: t31
-    }, void 0, false);
-    $[84] = t31;
-    $[85] = t32;
-  } else {
-    t32 = $[85];
-  }
-  let t33;
-  if ($[86] !== t30 || $[87] !== t32) {
-    t33 = /* @__PURE__ */ jsxDEV("div", {
-      children: [t30, t32]
-    }, void 0, true);
-    $[86] = t30;
-    $[87] = t32;
-    $[88] = t33;
-  } else {
-    t33 = $[88];
-  }
-  let t34;
-  if ($[89] !== t) {
-    t34 = t("Sort by");
-    $[89] = t;
-    $[90] = t34;
-  } else {
-    t34 = $[90];
-  }
-  let t35;
-  if ($[91] !== t34) {
-    t35 = /* @__PURE__ */ jsxDEV("span", {
-      className: "text-sm text-muted-foreground",
-      children: t34
-    }, void 0, false);
-    $[91] = t34;
-    $[92] = t35;
-  } else {
-    t35 = $[92];
-  }
-  let t36;
-  if ($[93] !== t) {
-    t36 = t("Sort queries by");
-    $[93] = t;
-    $[94] = t36;
-  } else {
-    t36 = $[94];
-  }
-  let t37;
-  if ($[95] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t37 = /* @__PURE__ */ jsxDEV(SelectValue, {}, void 0, false);
-    $[95] = t37;
-  } else {
-    t37 = $[95];
-  }
-  let t38;
-  if ($[96] !== t36) {
-    t38 = /* @__PURE__ */ jsxDEV(SelectTrigger, {
-      "aria-label": t36,
-      className: "w-[140px]",
-      "data-testid": "qi-sort",
-      children: t37
-    }, void 0, false);
-    $[96] = t36;
-    $[97] = t38;
-  } else {
-    t38 = $[97];
-  }
-  let t39;
-  if ($[98] !== t) {
-    t39 = t("Total time");
-    $[98] = t;
-    $[99] = t39;
-  } else {
-    t39 = $[99];
-  }
-  let t40;
-  if ($[100] !== t39) {
-    t40 = /* @__PURE__ */ jsxDEV(SelectItem, {
-      value: "totalTime",
-      children: t39
-    }, void 0, false);
-    $[100] = t39;
-    $[101] = t40;
-  } else {
-    t40 = $[101];
-  }
-  let t41;
-  if ($[102] !== t) {
-    t41 = t("Avg time");
-    $[102] = t;
-    $[103] = t41;
-  } else {
-    t41 = $[103];
-  }
-  let t42;
-  if ($[104] !== t41) {
-    t42 = /* @__PURE__ */ jsxDEV(SelectItem, {
-      value: "avgTime",
-      children: t41
-    }, void 0, false);
-    $[104] = t41;
-    $[105] = t42;
-  } else {
-    t42 = $[105];
-  }
-  let t43;
-  if ($[106] !== t) {
-    t43 = t("Execution count");
-    $[106] = t;
-    $[107] = t43;
-  } else {
-    t43 = $[107];
-  }
-  let t44;
-  if ($[108] !== t43) {
-    t44 = /* @__PURE__ */ jsxDEV(SelectItem, {
-      value: "execCount",
-      children: t43
-    }, void 0, false);
-    $[108] = t43;
-    $[109] = t44;
-  } else {
-    t44 = $[109];
-  }
-  let t45;
-  if ($[110] !== t) {
-    t45 = t("Rows read");
-    $[110] = t;
-    $[111] = t45;
-  } else {
-    t45 = $[111];
-  }
-  let t46;
-  if ($[112] !== t45) {
-    t46 = /* @__PURE__ */ jsxDEV(SelectItem, {
-      value: "rowsRead",
-      children: t45
-    }, void 0, false);
-    $[112] = t45;
-    $[113] = t46;
-  } else {
-    t46 = $[113];
-  }
-  let t47;
-  if ($[114] !== t40 || $[115] !== t42 || $[116] !== t44 || $[117] !== t46) {
-    t47 = /* @__PURE__ */ jsxDEV(SelectContent, {
-      children: [t40, t42, t44, t46]
-    }, void 0, true);
-    $[114] = t40;
-    $[115] = t42;
-    $[116] = t44;
-    $[117] = t46;
-    $[118] = t47;
-  } else {
-    t47 = $[118];
-  }
-  let t48;
-  if ($[119] !== sortField || $[120] !== t38 || $[121] !== t47) {
-    t48 = /* @__PURE__ */ jsxDEV(Select, {
-      onValueChange: handleSortChange,
-      value: sortField,
-      children: [t38, t47]
-    }, void 0, true);
-    $[119] = sortField;
-    $[120] = t38;
-    $[121] = t47;
-    $[122] = t48;
-  } else {
-    t48 = $[122];
-  }
-  let t49;
-  if ($[123] !== t35 || $[124] !== t48) {
-    t49 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center gap-2",
-      children: [t35, t48]
-    }, void 0, true);
-    $[123] = t35;
-    $[124] = t48;
-    $[125] = t49;
-  } else {
-    t49 = $[125];
-  }
-  let t50;
-  if ($[126] !== t33 || $[127] !== t49) {
-    t50 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center justify-between",
-      children: [t33, t49]
-    }, void 0, true);
-    $[126] = t33;
-    $[127] = t49;
-    $[128] = t50;
-  } else {
-    t50 = $[128];
-  }
-  let t51;
-  if ($[129] !== t) {
-    t51 = t("Statements");
-    $[129] = t;
-    $[130] = t51;
-  } else {
-    t51 = $[130];
-  }
-  let t52;
-  if ($[131] !== t51) {
-    t52 = /* @__PURE__ */ jsxDEV(CardTitle, {
-      children: t51
-    }, void 0, false);
-    $[131] = t51;
-    $[132] = t52;
-  } else {
-    t52 = $[132];
-  }
-  let t53;
-  if ($[133] !== sorted.length || $[134] !== t) {
-    t53 = t("{count} tracked statements", {
-      count: sorted.length
-    });
-    $[133] = sorted.length;
-    $[134] = t;
-    $[135] = t53;
-  } else {
-    t53 = $[135];
-  }
-  let t54;
-  if ($[136] !== t53) {
-    t54 = /* @__PURE__ */ jsxDEV(CardDescription, {
-      children: t53
-    }, void 0, false);
-    $[136] = t53;
-    $[137] = t54;
-  } else {
-    t54 = $[137];
-  }
-  let t55;
-  if ($[138] !== t52 || $[139] !== t54) {
-    t55 = /* @__PURE__ */ jsxDEV(CardHeader, {
-      children: [t52, t54]
-    }, void 0, true);
-    $[138] = t52;
-    $[139] = t54;
-    $[140] = t55;
-  } else {
-    t55 = $[140];
-  }
-  let t56;
-  if ($[141] !== expanded || $[142] !== sorted || $[143] !== t) {
-    t56 = /* @__PURE__ */ jsxDEV(CardContent, {
-      children: /* @__PURE__ */ jsxDEV("div", {
-        className: "space-y-2",
-        children: sorted.map((stat) => {
-          const key_0 = stat.normalizedSql;
-          const isExpanded = expanded.has(key_0);
-          const level = performanceLevel(stat.avgDurationMs);
-          return /* @__PURE__ */ jsxDEV("div", {
-            className: "overflow-hidden rounded-lg border",
-            "data-testid": "qi-row",
-            children: [/* @__PURE__ */ jsxDEV("button", {
-              "aria-expanded": isExpanded,
-              className: "flex w-full items-center justify-between p-3 text-left transition-colors hover:bg-muted/50",
-              onClick: () => {
-                toggleExpand(key_0);
-              },
-              type: "button",
-              children: [/* @__PURE__ */ jsxDEV("div", {
-                className: "flex min-w-0 flex-1 items-center gap-3",
-                children: [/* @__PURE__ */ jsxDEV(PerformanceBadge, {
-                  level
-                }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-                  className: "max-w-[300px] truncate font-mono text-sm lg:max-w-[500px]",
-                  children: stat.normalizedSql
-                }, void 0, false)]
-              }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-                className: "flex shrink-0 items-center gap-4",
-                children: [/* @__PURE__ */ jsxDEV("div", {
-                  className: "text-right",
-                  children: [/* @__PURE__ */ jsxDEV("div", {
-                    className: "text-sm font-medium",
-                    children: formatLatency(stat.totalDurationMs)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-                    className: "text-xs text-muted-foreground",
-                    children: t("total")
-                  }, void 0, false)]
-                }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-                  className: "text-right",
-                  children: [/* @__PURE__ */ jsxDEV("div", {
-                    className: "text-sm font-medium",
-                    children: formatLatency(stat.avgDurationMs)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-                    className: "text-xs text-muted-foreground",
-                    children: t("avg")
-                  }, void 0, false)]
-                }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-                  className: "text-right",
-                  children: [/* @__PURE__ */ jsxDEV("div", {
-                    className: "text-sm font-medium",
-                    children: formatCount(stat.execCount)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-                    className: "text-xs text-muted-foreground",
-                    children: t("calls")
-                  }, void 0, false)]
-                }, void 0, true)]
-              }, void 0, true)]
-            }, void 0, true), isExpanded && /* @__PURE__ */ jsxDEV("div", {
-              className: "space-y-3 border-t bg-muted/30 p-4",
-              children: [/* @__PURE__ */ jsxDEV("div", {
-                children: [/* @__PURE__ */ jsxDEV("p", {
-                  className: "mb-2 text-sm font-medium",
-                  children: t("Full statement")
-                }, void 0, false), /* @__PURE__ */ jsxDEV("pre", {
-                  className: "overflow-x-auto rounded-md bg-muted p-3 font-mono text-sm whitespace-pre-wrap break-all",
-                  children: stat.normalizedSql
-                }, void 0, false)]
-              }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-                className: "grid grid-cols-2 gap-4 text-sm md:grid-cols-4",
-                children: [/* @__PURE__ */ jsxDEV("div", {
-                  children: [/* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: t("Exec count")
-                  }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-                    className: "block font-medium tabular-nums",
-                    children: formatCount(stat.execCount)
-                  }, void 0, false)]
-                }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-                  children: [/* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: t("Total time")
-                  }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-                    className: "block font-medium tabular-nums",
-                    children: formatLatency(stat.totalDurationMs)
-                  }, void 0, false)]
-                }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-                  children: [/* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: t("Rows read")
-                  }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-                    className: "block font-medium tabular-nums",
-                    children: formatCount(stat.rowsRead)
-                  }, void 0, false)]
-                }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-                  children: [/* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: t("Rows written")
-                  }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-                    className: "block font-medium tabular-nums",
-                    children: formatCount(stat.rowsWritten)
-                  }, void 0, false)]
-                }, void 0, true)]
-              }, void 0, true)]
-            }, void 0, true)]
-          }, key_0, true);
-        })
-      }, void 0, false)
-    }, void 0, false);
-    $[141] = expanded;
-    $[142] = sorted;
-    $[143] = t;
-    $[144] = t56;
-  } else {
-    t56 = $[144];
-  }
-  let t57;
-  if ($[145] !== t55 || $[146] !== t56) {
-    t57 = /* @__PURE__ */ jsxDEV(Card, {
-      children: [t55, t56]
-    }, void 0, true);
-    $[145] = t55;
-    $[146] = t56;
-    $[147] = t57;
-  } else {
-    t57 = $[147];
-  }
-  let t58;
-  if ($[148] !== t28 || $[149] !== t50 || $[150] !== t57) {
-    t58 = /* @__PURE__ */ jsxDEV("div", {
-      className: "space-y-4",
-      "data-testid": "qi-root",
-      children: [t28, t50, t57]
-    }, void 0, true);
-    $[148] = t28;
-    $[149] = t50;
-    $[150] = t57;
-    $[151] = t58;
-  } else {
-    t58 = $[151];
-  }
-  return t58;
-};
-function _temp(q) {
-  return performanceLevel(q.avgDurationMs) === "critical";
-}
-function _temp2(q_0) {
-  return performanceLevel(q_0.avgDurationMs) === "warning";
-}
-function _temp3(q_1) {
-  return performanceLevel(q_1.avgDurationMs) === "good";
-}
-
-const GET_METRICS = adminRef(ADMIN_FUNCTIONS.getMetrics);
-const formatDuration = (ms) => {
-  const totalSeconds = Math.floor(ms / 1e3);
-  const hours = Math.floor(totalSeconds / 3600);
-  const minutes = Math.floor(totalSeconds % 3600 / 60);
-  const seconds = totalSeconds % 60;
-  if (hours > 0) {
-    return `${hours.toString()}h ${minutes.toString()}m`;
-  }
-  if (minutes > 0) {
-    return `${minutes.toString()}m ${seconds.toString()}s`;
-  }
-  return `${seconds.toString()}s`;
-};
-const resolveTab = (hasQueryStats, activeTab) => hasQueryStats ? activeTab : "overview";
-const hitRate = (hits, misses) => {
-  const total = hits + misses;
-  return total === 0 ? "—" : `${(hits / total * 100).toFixed(1)}%`;
-};
-const StatCard = (t0) => {
-  const $ = c(16);
-  const {
-    chart,
-    footer,
-    label,
-    testId,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== label) {
-    t1 = /* @__PURE__ */ jsxDEV("span", {
-      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
-      children: label
-    }, void 0, false);
-    $[0] = label;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== testId || $[3] !== value) {
-    t2 = /* @__PURE__ */ jsxDEV("span", {
-      className: "truncate text-2xl font-semibold tabular-nums text-foreground",
-      "data-testid": testId,
-      children: value
-    }, void 0, false);
-    $[2] = testId;
-    $[3] = value;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== chart || $[6] !== t2) {
-    t3 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center justify-between gap-3",
-      children: [t2, chart]
-    }, void 0, true);
-    $[5] = chart;
-    $[6] = t2;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== t1 || $[9] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-2.5 p-4",
-      children: [t1, t3]
-    }, void 0, true);
-    $[8] = t1;
-    $[9] = t3;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== footer) {
-    t5 = footer != null && /* @__PURE__ */ jsxDEV("div", {
-      className: "border-t border-border bg-muted/50 px-4 py-2.5 text-[11px] text-muted-foreground",
-      children: footer
-    }, void 0, false);
-    $[11] = footer;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] !== t4 || $[14] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV(Card, {
-      className: "justify-between gap-0 py-0",
-      children: [t4, t5]
-    }, void 0, true);
-    $[13] = t4;
-    $[14] = t5;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  return t6;
-};
-const MetricsPanel = ({
-  initialShardKey
-}) => {
-  const client = useLunora();
-  const t = useT();
-  const navigate = useNavigate();
-  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const [activeTab, setActiveTab] = useState("overview");
-  const [history, setHistory] = useState([]);
-  const lastRequestsRef = useRef(null);
-  const lastShardRef = useRef(null);
-  const mountedRef = useRef(true);
-  useEffect(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-  const debouncedShard = useDebounced(shardKey.trim(), 400);
-  const openTrace = (traceId) => {
-    writePendingTraceFilter({
-      shardKey: debouncedShard,
-      traceId
-    });
-    fireAndForget(navigate({
-      to: "/traces"
-    }));
-  };
-  const {
-    data,
-    error,
-    liveError
-  } = useAdminQuery(ADMIN_FUNCTIONS.getMetrics, {}, {
-    live: true,
-    shardKey: debouncedShard
-  });
-  const metrics = data ?? null;
-  useEffect(() => {
-    if (data === void 0) {
-      return;
-    }
-    recordShard(debouncedShard);
-    const next = data;
-    const previous = lastRequestsRef.current;
-    const shardChanged = lastShardRef.current !== null && lastShardRef.current !== next.shard;
-    lastShardRef.current = next.shard;
-    lastRequestsRef.current = next.requests;
-    if (shardChanged) {
-      setHistory([]);
-      return;
-    }
-    if (previous !== null && next.requests >= previous) {
-      setHistory((prior) => [...prior, next.requests - previous].slice(-30));
-    }
-  }, [data, debouncedShard]);
-  const [shardResults, setShardResults] = useState(null);
-  const [aggregating, setAggregating] = useState(false);
-  const aggregateAll = async () => {
-    setAggregating(true);
-    const shards = shardsToAggregate(shardKey, loadRecentShards());
-    try {
-      const results = await Promise.all(shards.map(async (shard) => {
-        try {
-          const snapshot = await client.query(GET_METRICS, {}, callOptions(shard));
-          return {
-            error: null,
-            metrics: snapshot,
-            shard: shard === "" ? snapshot.shard : shard
-          };
-        } catch (error_) {
-          return {
-            error: errorMessage(error_),
-            metrics: null,
-            shard: shard === "" ? "__root__" : shard
-          };
-        }
-      }));
-      if (mountedRef.current) {
-        setShardResults(results);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setAggregating(false);
-      }
-    }
-  };
-  const aggregate = shardResults === null ? null : aggregateMetrics(shardResults);
-  const errorRate = metrics === null || metrics.requests === 0 ? "—" : `${(metrics.errors / metrics.requests * 100).toFixed(1)}%`;
-  const currentDelta = history.length > 0 ? history.at(-1) : 0;
-  const latencyPercentiles = metrics ? computeLatencyPercentiles(metrics) : {
-    p90: 0,
-    p95: 0
-  };
-  const formatMs = (ms) => {
-    if (ms <= 0) {
-      return "—";
-    }
-    if (ms < 1) {
-      return `${(ms * 1e3).toFixed(0)}μs`;
-    }
-    if (ms < 1e3) {
-      return `${ms.toFixed(1)}ms`;
-    }
-    return `${(ms / 1e3).toFixed(2)}s`;
-  };
-  const queryStats = useMemo(() => {
-    if (!metrics || !("queryStats" in metrics)) {
-      return void 0;
-    }
-    const snapQs = metrics.queryStats;
-    if (!snapQs || !Array.isArray(snapQs)) {
-      return void 0;
-    }
-    return enrichQueryStats(snapQs);
-  }, [metrics]);
-  const effectiveTab = resolveTab(queryStats !== void 0, activeTab);
-  const runAggregate = () => {
-    fireAndForget(aggregateAll());
-  };
-  const clearAggregate = () => {
-    setShardResults(null);
-  };
-  const switchToOverview = () => {
-    setActiveTab("overview");
-  };
-  const switchToQueryInsights = () => {
-    setActiveTab("query-insights");
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-4",
-    "data-testid": "lunora-metrics",
-    children: [/* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV(ShardInput, {
-        onChange: setShardKey,
-        testId: "mt-shard-input",
-        value: shardKey
-      }, void 0, false), /* @__PURE__ */ jsxDEV(LiveError, {
-        message: liveError,
-        prefix: "mt"
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
-        "data-testid": "mt-aggregate",
-        disabled: aggregating,
-        onClick: runAggregate,
-        size: "sm",
-        type: "button",
-        variant: "secondary",
-        children: aggregating ? t("Aggregating…") : t("All shards")
-      }, void 0, false), shardResults !== null && /* @__PURE__ */ jsxDEV(Button, {
-        "data-testid": "mt-aggregate-clear",
-        onClick: clearAggregate,
-        size: "sm",
-        type: "button",
-        variant: "ghost",
-        children: t("Hide")
-      }, void 0, false), /* @__PURE__ */ jsxDEV("a", {
-        className: "text-sm text-primary underline-offset-4 hover:underline",
-        "data-testid": "mt-cf-link",
-        href: CLOUDFLARE_DURABLE_OBJECTS_URL,
-        rel: "noreferrer",
-        target: "_blank",
-        children: t("Open in Cloudflare")
-      }, void 0, false)]
-    }, void 0, true), error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": "mt-error",
-      role: "alert",
-      children: error
-    }, void 0, false), queryStats !== void 0 && /* @__PURE__ */ jsxDEV("div", {
-      className: "flex gap-2 border-b",
-      "data-testid": "mt-tabs",
-      children: [/* @__PURE__ */ jsxDEV("button", {
-        className: `pb-2 text-sm font-medium transition-colors ${effectiveTab === "overview" ? "border-b-2 border-primary text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-        "data-testid": "mt-tab-overview",
-        onClick: switchToOverview,
-        type: "button",
-        children: t("Overview")
-      }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
-        className: `pb-2 text-sm font-medium transition-colors ${effectiveTab === "query-insights" ? "border-b-2 border-primary text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-        "data-testid": "mt-tab-query-insights",
-        onClick: switchToQueryInsights,
-        type: "button",
-        children: [t("Query insights"), queryStats.length > 0 && /* @__PURE__ */ jsxDEV("span", {
-          className: "ml-1.5 rounded-full bg-primary/10 px-1.5 py-0.5 text-xs text-primary",
-          children: queryStats.length
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true), effectiveTab === "query-insights" && queryStats !== void 0 && /* @__PURE__ */ jsxDEV(QueryInsights, {
-      queryStats
-    }, void 0, false), effectiveTab === "overview" && metrics !== null && /* @__PURE__ */ jsxDEV("dl", {
-      className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-      "data-testid": "mt-stats",
-      children: [/* @__PURE__ */ jsxDEV(StatCard, {
-        chart: history.length >= 2 ? /* @__PURE__ */ jsxDEV(Sparkline, {
-          ariaLabel: t("Requests per interval over time"),
-          className: "h-7 w-24 text-foreground",
-          series: history,
-          testId: "mt-sparkline"
-        }, void 0, false) : void 0,
-        footer: history.length >= 2 ? /* @__PURE__ */ jsxDEV(Fragment, {
-          children: [/* @__PURE__ */ jsxDEV("span", {
-            className: "font-semibold text-foreground",
-            children: `+${currentDelta.toLocaleString()}`
-          }, void 0, false), " ", t("last interval")]
-        }, void 0, true) : /* @__PURE__ */ jsxDEV("span", {
-          "data-testid": "mt-sparkline-empty",
-          children: t("collecting samples…")
-        }, void 0, false),
-        label: t("Requests"),
-        testId: "mt-requests",
-        value: metrics.requests
-      }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-        footer: t("{rate} error rate", {
-          rate: errorRate
-        }),
-        label: t("Errors"),
-        testId: "mt-errors",
-        value: /* @__PURE__ */ jsxDEV(Fragment, {
-          children: [metrics.errors, " (", errorRate, ")"]
-        }, void 0, true)
-      }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-        footer: latencyPercentiles.p90 > 0 ? `P90 ${formatMs(latencyPercentiles.p90)}` : void 0,
-        label: t("P95 latency"),
-        testId: "mt-p95",
-        value: latencyPercentiles.p95 > 0 ? formatMs(latencyPercentiles.p95) : "—"
-      }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-        footer: metrics.cache === null ? void 0 : `${metrics.cache.entries.toLocaleString()} ${t("cache entries")}`,
-        label: t("Database size"),
-        testId: "mt-db-size",
-        value: formatBytes(metrics.databaseSize)
-      }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-        label: t("Shard"),
-        testId: "mt-shard",
-        value: metrics.shard
-      }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-        label: t("Uptime"),
-        testId: "mt-uptime",
-        value: formatDuration(metrics.uptimeMs)
-      }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-        label: t("Cache hit rate"),
-        testId: "mt-cache",
-        value: metrics.cache === null ? t("no cache configured") : t("{rate} ({count} entries)", {
-          count: metrics.cache.entries,
-          rate: hitRate(metrics.cache.hits, metrics.cache.misses)
-        })
-      }, void 0, false)]
-    }, void 0, true), effectiveTab === "overview" && metrics === null && null, effectiveTab === "overview" && /* @__PURE__ */ jsxDEV(InstrumentsTable, {
-      onOpenTrace: openTrace,
-      shardKey: debouncedShard
-    }, void 0, false), effectiveTab === "overview" && aggregate !== null && shardResults !== null && /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-4",
-      "data-testid": "mt-aggregate-view",
-      children: [/* @__PURE__ */ jsxDEV("dl", {
-        className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
-        "data-testid": "mt-aggregate-stats",
-        children: [/* @__PURE__ */ jsxDEV(StatCard, {
-          label: t("Shards"),
-          testId: "mt-agg-shards",
-          value: aggregate.failed > 0 ? t("{reachable} reachable, {failed} unreachable", {
-            failed: aggregate.failed,
-            reachable: aggregate.reachable
-          }) : t("{reachable} reachable", {
-            reachable: aggregate.reachable
-          })
-        }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-          label: t("Total requests"),
-          testId: "mt-agg-requests",
-          value: aggregate.totalRequests
-        }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-          label: t("Total errors"),
-          testId: "mt-agg-errors",
-          value: aggregate.totalErrors
-        }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-          label: t("Total database size"),
-          testId: "mt-agg-db-size",
-          value: formatBytes(aggregate.totalDatabaseSize)
-        }, void 0, false), /* @__PURE__ */ jsxDEV(StatCard, {
-          label: t("Combined cache hit rate"),
-          testId: "mt-agg-cache",
-          value: aggregate.hitRate === null ? t("no cache configured") : `${(aggregate.hitRate * 100).toFixed(1)}%`
-        }, void 0, false)]
-      }, void 0, true), /* @__PURE__ */ jsxDEV(Card, {
-        className: "overflow-hidden py-0",
-        children: /* @__PURE__ */ jsxDEV(CardContent, {
-          className: "px-0",
-          children: /* @__PURE__ */ jsxDEV(Table, {
-            "data-testid": "mt-agg-table",
-            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-              children: /* @__PURE__ */ jsxDEV(TableRow, {
-                children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("shard")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("requests")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("errors")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("db size")
-                }, void 0, false)]
-              }, void 0, true)
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-              children: shardResults.map((result) => /* @__PURE__ */ jsxDEV(TableRow, {
-                "data-testid": `mt-agg-row-${result.shard}`,
-                children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                  children: result.shard
-                }, void 0, false), result.metrics === null ? /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "text-destructive",
-                  colSpan: 3,
-                  children: result.error ?? t("unreachable")
-                }, void 0, false) : /* @__PURE__ */ jsxDEV(Fragment, {
-                  children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "tabular-nums",
-                    children: result.metrics.requests
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "tabular-nums",
-                    children: result.metrics.errors
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "tabular-nums",
-                    children: formatBytes(result.metrics.databaseSize)
-                  }, void 0, false)]
-                }, void 0, true)]
-              }, result.shard, true))
-            }, void 0, false)]
-          }, void 0, true)
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
-};
-
-export { MetricsPanel };
+import{c as Fe}from"react/compiler-runtime";import{useLunora as lt}from"@lunora/react";import{useNavigate as st}from"@tanstack/react-router";import{useState as ue,useRef as Ke,useEffect as He,useMemo as nt}from"react";import{L as it}from"../packem_shared/live-status-CGW2JHf_.js";import{ShardInput as ot}from"../packem_shared/ShardInput-BVn2iCU0.js";import{u as Ve}from"../packem_shared/button-BkCrNcAs.js";import{c as me,u as he,n as Oe,f as Re,m as ct}from"../packem_shared/card-CIDGUN6K.js";import{p as re,d as Xe,m as Ae,u as Y,n as Ze,f as Ye}from"../packem_shared/table-DdJBrClo.js";import{K as We}from"../packem_shared/use-admin-query-Di3fLE8H.js";import dt from"../packem_shared/useDebounced-Ihdiid_k.js";import{useT as Ee}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as ze}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{c as mt}from"../packem_shared/cf-links-gbDy51nR.js";import{k as Pe,f as Ge,c as ut,e as ht,a as gt}from"../packem_shared/internal-AtZ4bTal.js";import{r as ft,l as xt}from"../packem_shared/shard-history-DMEW5VBE.js";import{w as pt}from"../packem_shared/trace-handoff-Dw7mwjxu.js";import{f as bt}from"../packem_shared/log-fields-CoL3hsIQ.js";import{g as et}from"../packem_shared/badge-BbuuAio7.js";import{S as tt}from"../packem_shared/sparkline-DtcZoU48.js";import{jsx as t,jsxs as n,Fragment as Je}from"react/jsx-runtime";import{aggregateMetrics as vt,computeLatencyPercentiles as Nt,enrichQueryStats as yt,shardsToAggregate as $t}from"../packem_shared/aggregateMetrics-BNfajLa2.js";import{N as wt,y as St,k as De,_ as qt,w as kt}from"../packem_shared/select-Bul-DeII.js";const _t=(s,e)=>s<e?-1:s>e?1:0,Be=s=>{if(s===void 0)return"null";if(typeof s=="bigint")throw new TypeError("stableStringify: cannot use a bigint in a stable JSON cache key — pass it as a string, or use stableWireKey");if(s===null||typeof s!="object")return JSON.stringify(s);if(Array.isArray(s))return`[${s.map(x=>Be(x)).join(",")}]`;const e=Object.getPrototypeOf(s);if(e!==null&&e!==Object.prototype){const x=s.constructor?.name??"value";throw new TypeError(`stableStringify: cannot use a ${x} in a stable JSON cache key — only plain objects, arrays, and JSON primitives are supported (wire-typed values key via stableWireKey)`)}const l=s,r=Object.keys(l).toSorted(_t),a=[];for(const x of r){const p=l[x];p!==void 0&&a.push(`${JSON.stringify(x)}:${Be(p)}`)}return`{${a.join(",")}}`},rt=(s,e,l)=>`${s}:${e}:${Be(l??{})}`,at=(s,e)=>s==="gauge"?e.last:s==="histogram"?e.sum/Math.max(1,e.count):e.sum,Mt=(s,e)=>at(s,e),It=s=>at(s.kind,s),Qe=s=>Number.isInteger(s)?s.toLocaleString():s.toLocaleString(void 0,{maximumFractionDigits:2}),Ft=s=>Array.isArray(s?.series)?s.series:[],Ct=s=>{const e=new Map;if(!Array.isArray(s?.series))return e;for(const l of s.series)e.set(rt(l.kind,l.name,l.attributes),l.points);return e},Tt={counter:"secondary",gauge:"default",histogram:"outline"},Ot=s=>{const e=Fe(18),{name:l,onOpenTrace:r,traceId:a}=s,x=Ee();if(a===void 0){let c;return e[0]===Symbol.for("react.memo_cache_sentinel")?(c=t("span",{className:"text-muted-foreground",children:"—"}),e[0]=c):c=e[0],c}let p;e[1]!==a?(p=a.slice(0,8),e[1]=a,e[2]=p):p=e[2];const g=p;if(r===void 0){const c=`mt-instrument-trace-${l}`;let N;return e[3]!==g||e[4]!==c||e[5]!==a?(N=t("span",{className:"text-muted-foreground","data-testid":c,title:a,children:g}),e[3]=g,e[4]=c,e[5]=a,e[6]=N):N=e[6],N}const v=`mt-instrument-trace-${l}`;let u;e[7]!==r||e[8]!==a?(u=()=>{r(a)},e[7]=r,e[8]=a,e[9]=u):u=e[9];let b;e[10]!==x||e[11]!==a?(b=x("Open the exemplar trace {trace}",{trace:a}),e[10]=x,e[11]=a,e[12]=b):b=e[12];let h;return e[13]!==g||e[14]!==v||e[15]!==u||e[16]!==b?(h=t("button",{className:"text-primary underline-offset-4 hover:underline","data-testid":v,onClick:u,title:b,type:"button",children:g}),e[13]=g,e[14]=v,e[15]=u,e[16]=b,e[17]=h):h=e[17],h},Rt=s=>{const e=Fe(92),{onOpenTrace:l,shardKey:r}=s,a=Ee();let x;e[0]===Symbol.for("react.memo_cache_sentinel")?(x={},e[0]=x):x=e[0];let p;e[1]!==r?(p={live:!0,shardKey:r},e[1]=r,e[2]=p):p=e[2];const{data:g,error:v}=We(ze.getMetricSeries,x,p);let u;e[3]===Symbol.for("react.memo_cache_sentinel")?(u={},e[3]=u):u=e[3];let b;e[4]!==r?(b={live:!0,shardKey:r},e[4]=r,e[5]=b):b=e[5];const{data:h}=We(ze.getMetricHistory,u,b);let c,N,ee,C,z,E,o,M,ae,T,q,D,f;if(e[6]!==g||e[7]!==v||e[8]!==h||e[9]!==l||e[10]!==a){M=Symbol.for("react.early_return_sentinel");e:{const I=Ft(g);if(v!==null||I.length===0){M=null;break e}const le=Ct(h);let j;e[24]!==a?(j=m=>a(m==="counter"?"Counter":m==="gauge"?"Gauge":"Histogram"),e[24]=a,e[25]=j):j=e[25];const se=j;z="flex flex-col gap-2",E="mt-instruments";let A;e[26]!==a?(A=a("Instruments"),e[26]=a,e[27]=A):A=e[27],e[28]!==A?(o=t("h3",{className:"text-sm font-semibold text-foreground",children:A}),e[28]=A,e[29]=o):o=e[29],C=me,f="overflow-hidden py-0",ee=he,D="px-0",N=Ze,T="mt-instruments-table";let i;e[30]!==a?(i=a("name"),e[30]=a,e[31]=i):i=e[31];let w;e[32]!==i?(w=t(re,{children:i}),e[32]=i,e[33]=w):w=e[33];let y;e[34]!==a?(y=a("kind"),e[34]=a,e[35]=y):y=e[35];let $;e[36]!==y?($=t(re,{children:y}),e[36]=y,e[37]=$):$=e[37];let K;e[38]!==a?(K=a("value"),e[38]=a,e[39]=K):K=e[39];let P;e[40]!==K?(P=t(re,{className:"text-right",children:K}),e[40]=K,e[41]=P):P=e[41];let J;e[42]!==a?(J=a("count"),e[42]=a,e[43]=J):J=e[43];let Q;e[44]!==J?(Q=t(re,{className:"text-right",children:J}),e[44]=J,e[45]=Q):Q=e[45];let U;e[46]!==a?(U=a("range"),e[46]=a,e[47]=U):U=e[47];let W;e[48]!==U?(W=t(re,{className:"text-right",children:U}),e[48]=U,e[49]=W):W=e[49];let B;e[50]!==a?(B=a("trend"),e[50]=a,e[51]=B):B=e[51];let H;e[52]!==B?(H=t(re,{children:B}),e[52]=B,e[53]=H):H=e[53];let V;e[54]!==a?(V=a("trace"),e[54]=a,e[55]=V):V=e[55];let G;e[56]!==V?(G=t(re,{children:V}),e[56]=V,e[57]=G):G=e[57];let X;e[58]!==a?(X=a("dimensions"),e[58]=a,e[59]=X):X=e[59];let Z;e[60]!==X?(Z=t(re,{children:X}),e[60]=X,e[61]=Z):Z=e[61],e[62]!==w||e[63]!==$||e[64]!==P||e[65]!==Q||e[66]!==W||e[67]!==H||e[68]!==G||e[69]!==Z?(q=t(Xe,{children:n(Ae,{children:[w,$,P,Q,W,H,G,Z]})}),e[62]=w,e[63]=$,e[64]=P,e[65]=Q,e[66]=W,e[67]=H,e[68]=G,e[69]=Z,e[70]=q):q=e[70],c=Ye,ae=I.map(m=>{const ne=bt(m.attributes),ie=rt(m.kind,m.name,m.attributes),oe=(le.get(ie)??[]).map(ce=>Mt(m.kind,ce));return n(Ae,{"data-testid":`mt-instrument-${m.name}`,children:[t(Y,{className:"font-mono text-xs",title:m.functionPath,children:m.name}),t(Y,{children:t(et,{variant:Tt[m.kind],children:se(m.kind)})}),t(Y,{className:"text-right font-mono tabular-nums","data-testid":`mt-instrument-value-${m.name}`,children:Qe(It(m))}),t(Y,{className:"text-right tabular-nums text-muted-foreground",children:m.count.toLocaleString()}),t(Y,{className:"text-right font-mono text-xs tabular-nums text-muted-foreground",children:m.min===m.max?"—":`${Qe(m.min)}–${Qe(m.max)}`}),t(Y,{children:oe.length>=2?t(tt,{ariaLabel:a("{name} trend",{name:m.name}),className:"h-6 w-24 text-foreground",series:oe,testId:`mt-instrument-trend-${m.name}`}):t("span",{className:"text-xs text-muted-foreground",children:"—"})}),t(Y,{className:"font-mono text-xs",children:t(Ot,{name:m.name,onOpenTrace:l,traceId:m.exemplarTraceId})}),t(Y,{className:"max-w-64 truncate font-mono text-xs text-muted-foreground",title:ne,children:ne===""?"—":ne})]},ie)})}e[6]=g,e[7]=v,e[8]=h,e[9]=l,e[10]=a,e[11]=c,e[12]=N,e[13]=ee,e[14]=C,e[15]=z,e[16]=E,e[17]=o,e[18]=M,e[19]=ae,e[20]=T,e[21]=q,e[22]=D,e[23]=f}else c=e[11],N=e[12],ee=e[13],C=e[14],z=e[15],E=e[16],o=e[17],M=e[18],ae=e[19],T=e[20],q=e[21],D=e[22],f=e[23];if(M!==Symbol.for("react.early_return_sentinel"))return M;let O;e[71]!==c||e[72]!==ae?(O=t(c,{children:ae}),e[71]=c,e[72]=ae,e[73]=O):O=e[73];let L;e[74]!==N||e[75]!==O||e[76]!==T||e[77]!==q?(L=n(N,{"data-testid":T,children:[q,O]}),e[74]=N,e[75]=O,e[76]=T,e[77]=q,e[78]=L):L=e[78];let k;e[79]!==ee||e[80]!==L||e[81]!==D?(k=t(ee,{className:D,children:L}),e[79]=ee,e[80]=L,e[81]=D,e[82]=k):k=e[82];let R;e[83]!==C||e[84]!==k||e[85]!==f?(R=t(C,{className:f,children:k}),e[83]=C,e[84]=k,e[85]=f,e[86]=R):R=e[86];let _;return e[87]!==z||e[88]!==E||e[89]!==o||e[90]!==R?(_=n("section",{className:z,"data-testid":E,children:[o,R]}),e[87]=z,e[88]=E,e[89]=o,e[90]=R,e[91]=_):_=e[91],_},je=s=>s>=100?"critical":s>=50?"warning":"good",Ue=s=>s<1?`${(s*1e3).toFixed(0)}μs`:s<1e3?`${s.toFixed(1)}ms`:`${(s/1e3).toFixed(2)}s`,Le=s=>s>=1e9?`${(s/1e9).toFixed(1)}B`:s>=1e6?`${(s/1e6).toFixed(1)}M`:s>=1e3?`${(s/1e3).toFixed(1)}K`:s.toLocaleString(),Dt=s=>{const e=Fe(3),{level:l}=s;if(l==="critical"){let a;return e[0]===Symbol.for("react.memo_cache_sentinel")?(a=t(et,{variant:"destructive",children:"Slow"}),e[0]=a):a=e[0],a}if(l==="warning"){let a;return e[1]===Symbol.for("react.memo_cache_sentinel")?(a=t("span",{className:"inline-flex items-center gap-1 rounded-md border border-transparent bg-warning/10 px-2 py-0.5 text-xs font-medium text-warning",children:"Moderate"}),e[1]=a):a=e[1],a}let r;return e[2]===Symbol.for("react.memo_cache_sentinel")?(r=t("span",{className:"inline-flex items-center gap-1 rounded-md border border-transparent bg-success/10 px-2 py-0.5 text-xs font-medium text-success",children:"Fast"}),e[2]=r):r=e[2],r},Lt=s=>{const e=Fe(152),{queryStats:l}=s,r=Ee(),[a,x]=ue("totalTime");let p;e[0]===Symbol.for("react.memo_cache_sentinel")?(p=new Set,e[0]=p):p=e[0];const[g,v]=ue(p);let u;e[1]===Symbol.for("react.memo_cache_sentinel")?(u=d=>{d!==null&&x(d)},e[1]=u):u=e[1];const b=u;let h;if(e[2]!==l||e[3]!==a){h=[...l];let d;e[5]!==a?(d=(F,S)=>{switch(a){case"avgTime":return S.avgDurationMs-F.avgDurationMs;case"execCount":return S.execCount-F.execCount;case"rowsRead":return S.rowsRead-F.rowsRead;default:return S.totalDurationMs-F.totalDurationMs}},e[5]=a,e[6]=d):d=e[6],h.sort(d),e[2]=l,e[3]=a,e[4]=h}else h=e[4];const c=h;let N;e[7]!==l?(N=l.filter(At),e[7]=l,e[8]=N):N=e[8];const ee=N.length;let C;e[9]!==l?(C=l.filter(zt),e[9]=l,e[10]=C):C=e[10];const z=C.length;let E;e[11]!==l?(E=l.filter(Et),e[11]=l,e[12]=E):E=e[12];const o=E.length;let M;e[13]===Symbol.for("react.memo_cache_sentinel")?(M=d=>{v(F=>{const S=new Set(F);return S.has(d)?S.delete(d):S.add(d),S})},e[13]=M):M=e[13];const ae=M;if(l.length===0){let d;e[14]!==r?(d=r("No query insights yet"),e[14]=r,e[15]=d):d=e[15];let F;e[16]!==d?(F=t("p",{className:"text-lg font-medium","data-testid":"qi-empty",children:d}),e[16]=d,e[17]=F):F=e[17];let S;e[18]!==r?(S=r("Query insights appear once statements are executed against this shard."),e[18]=r,e[19]=S):S=e[19];let de;e[20]!==S?(de=t("p",{className:"mt-1 text-sm",children:S}),e[20]=S,e[21]=de):de=e[21];let Te;return e[22]!==de||e[23]!==F?(Te=t(me,{children:t(he,{className:"py-12",children:n("div",{className:"text-center text-muted-foreground",children:[F,de]})})}),e[22]=de,e[23]=F,e[24]=Te):Te=e[24],Te}let T;e[25]!==r?(T=r("Critical queries"),e[25]=r,e[26]=T):T=e[26];let q;e[27]!==T?(q=t(Oe,{className:"pb-2",children:t(Re,{className:"text-sm font-medium",children:T})}),e[27]=T,e[28]=q):q=e[28];let D;e[29]!==ee?(D=t("div",{className:"text-2xl font-bold text-destructive","data-testid":"qi-critical",children:ee}),e[29]=ee,e[30]=D):D=e[30];let f;e[31]!==r?(f=r(">100ms avg execution"),e[31]=r,e[32]=f):f=e[32];let O;e[33]!==f?(O=t("p",{className:"text-xs text-muted-foreground",children:f}),e[33]=f,e[34]=O):O=e[34];let L;e[35]!==O||e[36]!==D?(L=n(he,{children:[D,O]}),e[35]=O,e[36]=D,e[37]=L):L=e[37];let k;e[38]!==L||e[39]!==q?(k=n(me,{children:[q,L]}),e[38]=L,e[39]=q,e[40]=k):k=e[40];let R;e[41]!==r?(R=r("Moderate queries"),e[41]=r,e[42]=R):R=e[42];let _;e[43]!==R?(_=t(Oe,{className:"pb-2",children:t(Re,{className:"text-sm font-medium",children:R})}),e[43]=R,e[44]=_):_=e[44];let I;e[45]!==z?(I=t("div",{className:"text-2xl font-bold text-warning","data-testid":"qi-moderate",children:z}),e[45]=z,e[46]=I):I=e[46];let le;e[47]!==r?(le=r("50–100ms avg execution"),e[47]=r,e[48]=le):le=e[48];let j;e[49]!==le?(j=t("p",{className:"text-xs text-muted-foreground",children:le}),e[49]=le,e[50]=j):j=e[50];let se;e[51]!==I||e[52]!==j?(se=n(he,{children:[I,j]}),e[51]=I,e[52]=j,e[53]=se):se=e[53];let A;e[54]!==_||e[55]!==se?(A=n(me,{children:[_,se]}),e[54]=_,e[55]=se,e[56]=A):A=e[56];let i;e[57]!==r?(i=r("Fast queries"),e[57]=r,e[58]=i):i=e[58];let w;e[59]!==i?(w=t(Oe,{className:"pb-2",children:t(Re,{className:"text-sm font-medium",children:i})}),e[59]=i,e[60]=w):w=e[60];let y;e[61]!==o?(y=t("div",{className:"text-2xl font-bold text-success","data-testid":"qi-fast",children:o}),e[61]=o,e[62]=y):y=e[62];let $;e[63]!==r?($=r("<50ms avg execution"),e[63]=r,e[64]=$):$=e[64];let K;e[65]!==$?(K=t("p",{className:"text-xs text-muted-foreground",children:$}),e[65]=$,e[66]=K):K=e[66];let P;e[67]!==y||e[68]!==K?(P=n(he,{children:[y,K]}),e[67]=y,e[68]=K,e[69]=P):P=e[69];let J;e[70]!==w||e[71]!==P?(J=n(me,{children:[w,P]}),e[70]=w,e[71]=P,e[72]=J):J=e[72];let Q;e[73]!==k||e[74]!==A||e[75]!==J?(Q=n("div",{className:"grid gap-4 md:grid-cols-3",children:[k,A,J]}),e[73]=k,e[74]=A,e[75]=J,e[76]=Q):Q=e[76];let U;e[77]!==r?(U=r("Query leaderboard"),e[77]=r,e[78]=U):U=e[78];let W;e[79]!==U?(W=t("h3",{className:"text-lg font-semibold",children:U}),e[79]=U,e[80]=W):W=e[80];let B;e[81]!==a||e[82]!==r?(B=r("Slow queries sorted by {sortField}",{sortField:r(a)}),e[81]=a,e[82]=r,e[83]=B):B=e[83];let H;e[84]!==B?(H=t("p",{className:"text-sm text-muted-foreground",children:B}),e[84]=B,e[85]=H):H=e[85];let V;e[86]!==W||e[87]!==H?(V=n("div",{children:[W,H]}),e[86]=W,e[87]=H,e[88]=V):V=e[88];let G;e[89]!==r?(G=r("Sort by"),e[89]=r,e[90]=G):G=e[90];let X;e[91]!==G?(X=t("span",{className:"text-sm text-muted-foreground",children:G}),e[91]=G,e[92]=X):X=e[92];let Z;e[93]!==r?(Z=r("Sort queries by"),e[93]=r,e[94]=Z):Z=e[94];let m;e[95]===Symbol.for("react.memo_cache_sentinel")?(m=t(wt,{}),e[95]=m):m=e[95];let ne;e[96]!==Z?(ne=t(St,{"aria-label":Z,className:"w-[140px]","data-testid":"qi-sort",children:m}),e[96]=Z,e[97]=ne):ne=e[97];let ie;e[98]!==r?(ie=r("Total time"),e[98]=r,e[99]=ie):ie=e[99];let oe;e[100]!==ie?(oe=t(De,{value:"totalTime",children:ie}),e[100]=ie,e[101]=oe):oe=e[101];let ce;e[102]!==r?(ce=r("Avg time"),e[102]=r,e[103]=ce):ce=e[103];let ge;e[104]!==ce?(ge=t(De,{value:"avgTime",children:ce}),e[104]=ce,e[105]=ge):ge=e[105];let fe;e[106]!==r?(fe=r("Execution count"),e[106]=r,e[107]=fe):fe=e[107];let xe;e[108]!==fe?(xe=t(De,{value:"execCount",children:fe}),e[108]=fe,e[109]=xe):xe=e[109];let pe;e[110]!==r?(pe=r("Rows read"),e[110]=r,e[111]=pe):pe=e[111];let be;e[112]!==pe?(be=t(De,{value:"rowsRead",children:pe}),e[112]=pe,e[113]=be):be=e[113];let ve;e[114]!==oe||e[115]!==ge||e[116]!==xe||e[117]!==be?(ve=n(qt,{children:[oe,ge,xe,be]}),e[114]=oe,e[115]=ge,e[116]=xe,e[117]=be,e[118]=ve):ve=e[118];let Ne;e[119]!==a||e[120]!==ne||e[121]!==ve?(Ne=n(kt,{onValueChange:b,value:a,children:[ne,ve]}),e[119]=a,e[120]=ne,e[121]=ve,e[122]=Ne):Ne=e[122];let ye;e[123]!==X||e[124]!==Ne?(ye=n("div",{className:"flex items-center gap-2",children:[X,Ne]}),e[123]=X,e[124]=Ne,e[125]=ye):ye=e[125];let $e;e[126]!==V||e[127]!==ye?($e=n("div",{className:"flex items-center justify-between",children:[V,ye]}),e[126]=V,e[127]=ye,e[128]=$e):$e=e[128];let we;e[129]!==r?(we=r("Statements"),e[129]=r,e[130]=we):we=e[130];let Se;e[131]!==we?(Se=t(Re,{children:we}),e[131]=we,e[132]=Se):Se=e[132];let qe;e[133]!==c.length||e[134]!==r?(qe=r("{count} tracked statements",{count:c.length}),e[133]=c.length,e[134]=r,e[135]=qe):qe=e[135];let ke;e[136]!==qe?(ke=t(ct,{children:qe}),e[136]=qe,e[137]=ke):ke=e[137];let _e;e[138]!==Se||e[139]!==ke?(_e=n(Oe,{children:[Se,ke]}),e[138]=Se,e[139]=ke,e[140]=_e):_e=e[140];let Me;e[141]!==g||e[142]!==c||e[143]!==r?(Me=t(he,{children:t("div",{className:"space-y-2",children:c.map(d=>{const F=d.normalizedSql,S=g.has(F),de=je(d.avgDurationMs);return n("div",{className:"overflow-hidden rounded-lg border","data-testid":"qi-row",children:[n("button",{"aria-expanded":S,className:"flex w-full items-center justify-between p-3 text-left transition-colors hover:bg-muted/50",onClick:()=>{ae(F)},type:"button",children:[n("div",{className:"flex min-w-0 flex-1 items-center gap-3",children:[t(Dt,{level:de}),t("span",{className:"max-w-[300px] truncate font-mono text-sm lg:max-w-[500px]",children:d.normalizedSql})]}),n("div",{className:"flex shrink-0 items-center gap-4",children:[n("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Ue(d.totalDurationMs)}),t("div",{className:"text-xs text-muted-foreground",children:r("total")})]}),n("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Ue(d.avgDurationMs)}),t("div",{className:"text-xs text-muted-foreground",children:r("avg")})]}),n("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Le(d.execCount)}),t("div",{className:"text-xs text-muted-foreground",children:r("calls")})]})]})]}),S&&n("div",{className:"space-y-3 border-t bg-muted/30 p-4",children:[n("div",{children:[t("p",{className:"mb-2 text-sm font-medium",children:r("Full statement")}),t("pre",{className:"overflow-x-auto rounded-md bg-muted p-3 font-mono text-sm whitespace-pre-wrap break-all",children:d.normalizedSql})]}),n("div",{className:"grid grid-cols-2 gap-4 text-sm md:grid-cols-4",children:[n("div",{children:[t("span",{className:"text-muted-foreground",children:r("Exec count")}),t("span",{className:"block font-medium tabular-nums",children:Le(d.execCount)})]}),n("div",{children:[t("span",{className:"text-muted-foreground",children:r("Total time")}),t("span",{className:"block font-medium tabular-nums",children:Ue(d.totalDurationMs)})]}),n("div",{children:[t("span",{className:"text-muted-foreground",children:r("Rows read")}),t("span",{className:"block font-medium tabular-nums",children:Le(d.rowsRead)})]}),n("div",{children:[t("span",{className:"text-muted-foreground",children:r("Rows written")}),t("span",{className:"block font-medium tabular-nums",children:Le(d.rowsWritten)})]})]})]})]},F)})})}),e[141]=g,e[142]=c,e[143]=r,e[144]=Me):Me=e[144];let Ie;e[145]!==_e||e[146]!==Me?(Ie=n(me,{children:[_e,Me]}),e[145]=_e,e[146]=Me,e[147]=Ie):Ie=e[147];let Ce;return e[148]!==Q||e[149]!==$e||e[150]!==Ie?(Ce=n("div",{className:"space-y-4","data-testid":"qi-root",children:[Q,$e,Ie]}),e[148]=Q,e[149]=$e,e[150]=Ie,e[151]=Ce):Ce=e[151],Ce};function At(s){return je(s.avgDurationMs)==="critical"}function zt(s){return je(s.avgDurationMs)==="warning"}function Et(s){return je(s.avgDurationMs)==="good"}const jt=gt(ze.getMetrics),Kt=s=>{const e=Math.floor(s/1e3),l=Math.floor(e/3600),r=Math.floor(e%3600/60),a=e%60;return l>0?`${l.toString()}h ${r.toString()}m`:r>0?`${r.toString()}m ${a.toString()}s`:`${a.toString()}s`},Pt=(s,e)=>s?e:"overview",Jt=(s,e)=>{const l=s+e;return l===0?"—":`${(s/l*100).toFixed(1)}%`},te=s=>{const e=Fe(16),{chart:l,footer:r,label:a,testId:x,value:p}=s;let g;e[0]!==a?(g=t("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:a}),e[0]=a,e[1]=g):g=e[1];let v;e[2]!==x||e[3]!==p?(v=t("span",{className:"truncate text-2xl font-semibold tabular-nums text-foreground","data-testid":x,children:p}),e[2]=x,e[3]=p,e[4]=v):v=e[4];let u;e[5]!==l||e[6]!==v?(u=n("div",{className:"flex items-center justify-between gap-3",children:[v,l]}),e[5]=l,e[6]=v,e[7]=u):u=e[7];let b;e[8]!==g||e[9]!==u?(b=n("div",{className:"flex flex-col gap-2.5 p-4",children:[g,u]}),e[8]=g,e[9]=u,e[10]=b):b=e[10];let h;e[11]!==r?(h=r!=null&&t("div",{className:"border-t border-border bg-muted/50 px-4 py-2.5 text-[11px] text-muted-foreground",children:r}),e[11]=r,e[12]=h):h=e[12];let c;return e[13]!==b||e[14]!==h?(c=n(me,{className:"justify-between gap-0 py-0",children:[b,h]}),e[13]=b,e[14]=h,e[15]=c):c=e[15],c},hr=({initialShardKey:s})=>{const e=lt(),l=Ee(),r=st(),[a,x]=ue(s??""),[p,g]=ue("overview"),[v,u]=ue([]),b=Ke(null),h=Ke(null),c=Ke(!0);He(()=>(c.current=!0,()=>{c.current=!1}),[]);const N=dt(a.trim(),400),ee=i=>{pt({shardKey:N,traceId:i}),Ge(r({to:"/traces"}))},{data:C,error:z,liveError:E}=We(ze.getMetrics,{},{live:!0,shardKey:N}),o=C??null;He(()=>{if(C===void 0)return;ft(N);const i=C,w=b.current,y=h.current!==null&&h.current!==i.shard;if(h.current=i.shard,b.current=i.requests,y){u([]);return}w!==null&&i.requests>=w&&u($=>[...$,i.requests-w].slice(-30))},[C,N]);const[M,ae]=ue(null),[T,q]=ue(!1),D=async()=>{q(!0);const i=$t(a,xt());try{const w=await Promise.all(i.map(async y=>{try{const $=await e.query(jt,{},ut(y));return{error:null,metrics:$,shard:y===""?$.shard:y}}catch($){return{error:ht($),metrics:null,shard:y===""?"__root__":y}}}));c.current&&ae(w)}finally{c.current&&q(!1)}},f=M===null?null:vt(M),O=o===null||o.requests===0?"—":`${(o.errors/o.requests*100).toFixed(1)}%`,L=v.length>0?v.at(-1):0,k=o?Nt(o):{p90:0,p95:0},R=i=>i<=0?"—":i<1?`${(i*1e3).toFixed(0)}μs`:i<1e3?`${i.toFixed(1)}ms`:`${(i/1e3).toFixed(2)}s`,_=nt(()=>{if(!o||!("queryStats"in o))return;const i=o.queryStats;if(!(!i||!Array.isArray(i)))return yt(i)},[o]),I=Pt(_!==void 0,p),le=()=>{Ge(D())},j=()=>{ae(null)},se=()=>{g("overview")},A=()=>{g("query-insights")};return n("div",{className:"flex flex-col gap-4","data-testid":"lunora-metrics",children:[n("div",{className:"flex flex-wrap items-center gap-2",children:[t(ot,{onChange:x,testId:"mt-shard-input",value:a}),t(it,{message:E,prefix:"mt"}),t(Ve,{"data-testid":"mt-aggregate",disabled:T,onClick:le,size:"sm",type:"button",variant:"secondary",children:l(T?"Aggregating…":"All shards")}),M!==null&&t(Ve,{"data-testid":"mt-aggregate-clear",onClick:j,size:"sm",type:"button",variant:"ghost",children:l("Hide")}),t("a",{className:"text-sm text-primary underline-offset-4 hover:underline","data-testid":"mt-cf-link",href:mt,rel:"noreferrer",target:"_blank",children:l("Open in Cloudflare")})]}),z!==null&&t("p",{className:"text-sm text-destructive","data-testid":"mt-error",role:"alert",children:z}),_!==void 0&&n("div",{className:"flex gap-2 border-b","data-testid":"mt-tabs",children:[t("button",{className:`pb-2 text-sm font-medium transition-colors ${I==="overview"?"border-b-2 border-primary text-foreground":"text-muted-foreground hover:text-foreground"}`,"data-testid":"mt-tab-overview",onClick:se,type:"button",children:l("Overview")}),n("button",{className:`pb-2 text-sm font-medium transition-colors ${I==="query-insights"?"border-b-2 border-primary text-foreground":"text-muted-foreground hover:text-foreground"}`,"data-testid":"mt-tab-query-insights",onClick:A,type:"button",children:[l("Query insights"),_.length>0&&t("span",{className:"ml-1.5 rounded-full bg-primary/10 px-1.5 py-0.5 text-xs text-primary",children:_.length})]})]}),I==="query-insights"&&_!==void 0&&t(Lt,{queryStats:_}),I==="overview"&&o!==null&&n("dl",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4","data-testid":"mt-stats",children:[t(te,{chart:v.length>=2?t(tt,{ariaLabel:l("Requests per interval over time"),className:"h-7 w-24 text-foreground",series:v,testId:"mt-sparkline"}):void 0,footer:v.length>=2?n(Je,{children:[t("span",{className:"font-semibold text-foreground",children:`+${L.toLocaleString()}`})," ",l("last interval")]}):t("span",{"data-testid":"mt-sparkline-empty",children:l("collecting samples…")}),label:l("Requests"),testId:"mt-requests",value:o.requests}),t(te,{footer:l("{rate} error rate",{rate:O}),label:l("Errors"),testId:"mt-errors",value:n(Je,{children:[o.errors," (",O,")"]})}),t(te,{footer:k.p90>0?`P90 ${R(k.p90)}`:void 0,label:l("P95 latency"),testId:"mt-p95",value:k.p95>0?R(k.p95):"—"}),t(te,{footer:o.cache===null?void 0:`${o.cache.entries.toLocaleString()} ${l("cache entries")}`,label:l("Database size"),testId:"mt-db-size",value:Pe(o.databaseSize)}),t(te,{label:l("Shard"),testId:"mt-shard",value:o.shard}),t(te,{label:l("Uptime"),testId:"mt-uptime",value:Kt(o.uptimeMs)}),t(te,{label:l("Cache hit rate"),testId:"mt-cache",value:o.cache===null?l("no cache configured"):l("{rate} ({count} entries)",{count:o.cache.entries,rate:Jt(o.cache.hits,o.cache.misses)})})]}),I==="overview"&&o===null&&null,I==="overview"&&t(Rt,{onOpenTrace:ee,shardKey:N}),I==="overview"&&f!==null&&M!==null&&n("div",{className:"flex flex-col gap-4","data-testid":"mt-aggregate-view",children:[n("dl",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3","data-testid":"mt-aggregate-stats",children:[t(te,{label:l("Shards"),testId:"mt-agg-shards",value:f.failed>0?l("{reachable} reachable, {failed} unreachable",{failed:f.failed,reachable:f.reachable}):l("{reachable} reachable",{reachable:f.reachable})}),t(te,{label:l("Total requests"),testId:"mt-agg-requests",value:f.totalRequests}),t(te,{label:l("Total errors"),testId:"mt-agg-errors",value:f.totalErrors}),t(te,{label:l("Total database size"),testId:"mt-agg-db-size",value:Pe(f.totalDatabaseSize)}),t(te,{label:l("Combined cache hit rate"),testId:"mt-agg-cache",value:f.hitRate===null?l("no cache configured"):`${(f.hitRate*100).toFixed(1)}%`})]}),t(me,{className:"overflow-hidden py-0",children:t(he,{className:"px-0",children:n(Ze,{"data-testid":"mt-agg-table",children:[t(Xe,{children:n(Ae,{children:[t(re,{children:l("shard")}),t(re,{children:l("requests")}),t(re,{children:l("errors")}),t(re,{children:l("db size")})]})}),t(Ye,{children:M.map(i=>n(Ae,{"data-testid":`mt-agg-row-${i.shard}`,children:[t(Y,{children:i.shard}),i.metrics===null?t(Y,{className:"text-destructive",colSpan:3,children:i.error??l("unreachable")}):n(Je,{children:[t(Y,{className:"tabular-nums",children:i.metrics.requests}),t(Y,{className:"tabular-nums",children:i.metrics.errors}),t(Y,{className:"tabular-nums",children:Pe(i.metrics.databaseSize)})]})]},i.shard))})]})})})]})]})};export{hr as MetricsPanel};