@lunora/studio 0.0.0 → 1.0.0-alpha.1

package/dist/packem_shared/HealthPanel-DOIgbUtx.js

@@ -0,0 +1,640 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import ConnectionBadge from './ConnectionBadge-Bxagrip8.js';
+import { L as LiveError } from './live-status-bPff1O7Y.js';
+import { B as Badge } from './badge-B2PKA1-5.js';
+import { C as Card } from './card-DURq3ElK.js';
+import { u as useLiveAdmin } from './use-live-admin-D1h1Fzsd.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+import { f as fireAndForget, d as formatTimestamp, c as callOptions, e as errorMessage, a as adminRef } from './internal-BBZYexre.js';
+import { l as loadRecentShards } from './shard-history-DyebH1R5.js';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { shardsToAggregate } from './aggregateMetrics-D4nUHEKU.js';
+import { S as Sparkline } from './sparkline-10dG-_f0.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const STATUS_RANK = {
+  completed: 0,
+  failed: 2,
+  in_progress: 1
+};
+const sumShardMetrics = (results) => {
+  let requests = 0;
+  let errors = 0;
+  let reachable = 0;
+  let failed = 0;
+  const history = [];
+  for (const {
+    metrics
+  } of results) {
+    if (metrics === null) {
+      failed += 1;
+      continue;
+    }
+    reachable += 1;
+    requests += metrics.requests;
+    errors += metrics.errors;
+    history.push(...metrics.history ?? []);
+  }
+  return {
+    errors,
+    failed,
+    history,
+    reachable,
+    requests
+  };
+};
+const mergeFunctionStats = (perShard) => {
+  const byPath = /* @__PURE__ */ new Map();
+  for (const shard of perShard) {
+    for (const stat of shard) {
+      const existing = byPath.get(stat.path);
+      if (existing === void 0) {
+        byPath.set(stat.path, {
+          ...stat
+        });
+        continue;
+      }
+      existing.calls += stat.calls;
+      existing.errors += stat.errors;
+      existing.totalDurationMs += stat.totalDurationMs;
+      existing.scans = (existing.scans ?? 0) + (stat.scans ?? 0);
+      existing.maxDurationMs = Math.max(existing.maxDurationMs, stat.maxDurationMs);
+      existing.lastCalledAt = Math.max(existing.lastCalledAt, stat.lastCalledAt);
+      if ((stat.lastErrorAt ?? 0) > (existing.lastErrorAt ?? 0)) {
+        existing.lastErrorAt = stat.lastErrorAt;
+        existing.lastErrorMessage = stat.lastErrorMessage;
+      }
+    }
+  }
+  return [...byPath.values()];
+};
+const dedupeMigrations = (perShard) => {
+  const byId = /* @__PURE__ */ new Map();
+  for (const shard of perShard) {
+    for (const row of shard) {
+      const existing = byId.get(row.id);
+      if (existing === void 0) {
+        byId.set(row.id, row);
+        continue;
+      }
+      const rankDelta = STATUS_RANK[row.status] - STATUS_RANK[existing.status];
+      if (rankDelta > 0 || rankDelta === 0 && (row.updatedAt ?? 0) > (existing.updatedAt ?? 0)) {
+        byId.set(row.id, row);
+      }
+    }
+  }
+  return [...byId.values()];
+};
+
+const GET_AUTH_METRICS = adminRef(ADMIN_FUNCTIONS.getAuthMetrics);
+const GET_FUNCTION_STATS = adminRef(ADMIN_FUNCTIONS.getFunctionStats);
+const GET_LOGS = adminRef(ADMIN_FUNCTIONS.getLogs);
+const GET_METRICS = adminRef(ADMIN_FUNCTIONS.getMetrics);
+const MIGRATION_STATUS = adminRef(ADMIN_FUNCTIONS.migrationStatus);
+const RECENT_ERROR_LIMIT = 5;
+const MIN_FANOUT_INTERVAL_MS = 2e3;
+const TOP_FUNCTION_LIMIT = 5;
+const REQUEST_ERROR_WARN = 0.01;
+const REQUEST_ERROR_CRIT = 0.05;
+const AUTH_FAIL_WARN = 0.1;
+const AUTH_FAIL_CRIT = 0.3;
+const BACKLOG_WARN = 1;
+const BACKLOG_CRIT = 50;
+const rateLevel = (rate, warn, crit) => {
+  if (rate >= crit) {
+    return "crit";
+  }
+  return rate >= warn ? "warn" : "ok";
+};
+const countLevel = (count, warn, crit) => {
+  if (count >= crit) {
+    return "crit";
+  }
+  return count >= warn ? "warn" : "ok";
+};
+const LEVEL_VARIANT = {
+  crit: "destructive",
+  ok: "secondary",
+  warn: "default"
+};
+const ratePercent = (numerator, denominator) => {
+  if (denominator === 0) {
+    return "—";
+  }
+  return `${(numerator / denominator * 100).toFixed(1)}%`;
+};
+const requestErrorSeries = (history) => {
+  const byBucket = /* @__PURE__ */ new Map();
+  for (const bucket of history ?? []) {
+    const slot = byBucket.get(bucket.bucketMs) ?? {
+      calls: 0,
+      errors: 0
+    };
+    slot.calls += bucket.calls;
+    slot.errors += bucket.errors;
+    byBucket.set(bucket.bucketMs, slot);
+  }
+  const ordered = [...byBucket.entries()].toSorted((a, b) => a[0] - b[0]);
+  return {
+    errors: ordered.map(([, slot]) => slot.errors),
+    requests: ordered.map(([, slot]) => slot.calls)
+  };
+};
+const migrationSummary = (rows) => {
+  let failed = 0;
+  let running = 0;
+  for (const row of rows) {
+    if (row.status === "failed") {
+      failed += 1;
+    } else if (row.status === "in_progress") {
+      running += 1;
+    }
+  }
+  let level = "ok";
+  if (failed > 0) {
+    level = "crit";
+  } else if (running > 0) {
+    level = "warn";
+  }
+  return {
+    failed,
+    level,
+    running
+  };
+};
+const migrationTileValue = (summary, t) => {
+  if (summary.failed > 0) {
+    return t("{count} failed", {
+      count: summary.failed.toString()
+    });
+  }
+  if (summary.running > 0) {
+    return t("{count} running", {
+      count: summary.running.toString()
+    });
+  }
+  return t("OK");
+};
+const LEVEL_DOT = {
+  crit: "bg-destructive",
+  ok: "bg-success",
+  warn: "bg-warning"
+};
+const LEVEL_TEXT = {
+  crit: "text-destructive",
+  ok: "text-foreground",
+  warn: "text-warning"
+};
+const LEVEL_RING = {
+  crit: "bg-destructive/10 text-destructive",
+  ok: "bg-success/10 text-success",
+  warn: "bg-warning/10 text-warning"
+};
+const worstLevel = (levels) => {
+  if (levels.includes("crit")) {
+    return "crit";
+  }
+  return levels.includes("warn") ? "warn" : "ok";
+};
+const SloCard = (t0) => {
+  const $ = c(19);
+  const {
+    chart,
+    label,
+    level,
+    testId,
+    value
+  } = t0;
+  const t1 = LEVEL_DOT[level];
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("size-1.5 shrink-0 rounded-full", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      "aria-hidden": "true",
+      className: t2
+    }, void 0, false);
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== label || $[5] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex items-center gap-1.5 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: [t3, label]
+    }, void 0, true);
+    $[4] = label;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const t5 = LEVEL_TEXT[level];
+  let t6;
+  if ($[7] !== t5) {
+    t6 = cn("truncate text-2xl font-semibold tabular-nums", t5);
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== t6 || $[10] !== testId || $[11] !== value) {
+    t7 = /* @__PURE__ */ jsxDEV("span", {
+      className: t6,
+      "data-testid": testId,
+      children: value
+    }, void 0, false);
+    $[9] = t6;
+    $[10] = testId;
+    $[11] = value;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== chart || $[14] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-between gap-3",
+      children: [t7, chart]
+    }, void 0, true);
+    $[13] = chart;
+    $[14] = t7;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  let t9;
+  if ($[16] !== t4 || $[17] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      children: /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-2.5 p-4",
+        children: [t4, t8]
+      }, void 0, true)
+    }, void 0, false);
+    $[16] = t4;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  return t9;
+};
+const loadSloData = async (client, rootShard, shards) => {
+  const perShardSettled = await Promise.all(shards.map((shard) => {
+    const shardOptions = callOptions(shard);
+    return Promise.allSettled([client.query(GET_METRICS, {}, shardOptions), client.query(GET_FUNCTION_STATS, {}, shardOptions), client.query(MIGRATION_STATUS, {}, shardOptions)]);
+  }));
+  const rootOptions = callOptions(rootShard);
+  const schedulerStatus = typeof client.schedulerStatus === "function" ? client.schedulerStatus() : Promise.reject(new Error("scheduler status unavailable"));
+  const [logs, authMetrics, schedulerState] = await Promise.allSettled([client.query(GET_LOGS, {}, rootOptions), client.query(GET_AUTH_METRICS, {}, rootOptions), schedulerStatus]);
+  const perShard = perShardSettled.map(([m, f, mig]) => {
+    return {
+      functions: f.status === "fulfilled" ? f.value.functions : [],
+      metrics: m.status === "fulfilled" ? m.value : null,
+      migrations: mig.status === "fulfilled" ? mig.value.migrations : []
+    };
+  });
+  const totals = sumShardMetrics(perShard);
+  const rootMetrics = perShardSettled[0]?.[0];
+  return {
+    auth: authMetrics.status === "fulfilled" ? authMetrics.value : null,
+    entries: logs.status === "fulfilled" ? logs.value.entries : [],
+    functions: mergeFunctionStats(perShard.map((shardResult) => shardResult.functions)),
+    logsError: logs.status === "rejected" ? errorMessage(logs.reason) : null,
+    metricsError: totals.reachable === 0 && rootMetrics?.status === "rejected" ? errorMessage(rootMetrics.reason) : null,
+    migrations: dedupeMigrations(perShard.map((shardResult) => shardResult.migrations)),
+    scheduler: schedulerState.status === "fulfilled" ? schedulerState.value : null,
+    totals
+  };
+};
+const HealthPanel = ({
+  initialShardKey
+}) => {
+  const client = useLunora();
+  const t = useT();
+  const [entries, setEntries] = useState([]);
+  const [logsError, setLogsError] = useState(null);
+  const [totals, setTotals] = useState(null);
+  const [metricsError, setMetricsError] = useState(null);
+  const [functions, setFunctions] = useState([]);
+  const [auth, setAuth] = useState(null);
+  const [scheduler, setScheduler] = useState(null);
+  const [migrations, setMigrations] = useState([]);
+  const [liveError, setLiveError] = useState(void 0);
+  const [recentShards] = useState(loadRecentShards);
+  const inFlightRef = useRef(false);
+  const mountedRef = useRef(true);
+  useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  const rootShard = initialShardKey ?? "";
+  const refresh = useCallback(async () => {
+    if (inFlightRef.current) {
+      return;
+    }
+    inFlightRef.current = true;
+    const result = await loadSloData(client, rootShard, shardsToAggregate(rootShard, recentShards));
+    if (!mountedRef.current) {
+      inFlightRef.current = false;
+      return;
+    }
+    setTotals(result.totals);
+    setMetricsError(result.metricsError);
+    setFunctions(result.functions);
+    setMigrations(result.migrations);
+    setEntries(result.entries);
+    setLogsError(result.logsError);
+    setAuth(result.auth);
+    setScheduler(result.scheduler);
+    inFlightRef.current = false;
+  }, [client, recentShards, rootShard]);
+  useEffect(() => {
+    fireAndForget(refresh());
+  }, [refresh]);
+  const lastFanOutRef = useRef(0);
+  const trailingTimerRef = useRef(null);
+  const scheduleFanOut = () => {
+    const elapsed = Date.now() - lastFanOutRef.current;
+    if (elapsed >= MIN_FANOUT_INTERVAL_MS) {
+      lastFanOutRef.current = Date.now();
+      fireAndForget(refresh());
+      return;
+    }
+    trailingTimerRef.current ??= setTimeout(() => {
+      trailingTimerRef.current = null;
+      lastFanOutRef.current = Date.now();
+      fireAndForget(refresh());
+    }, MIN_FANOUT_INTERVAL_MS - elapsed);
+  };
+  useEffect(() => () => {
+    if (trailingTimerRef.current !== null) {
+      clearTimeout(trailingTimerRef.current);
+    }
+  }, []);
+  useLiveAdmin(ADMIN_FUNCTIONS.getMetrics, {}, rootShard, () => {
+    setLiveError(void 0);
+    scheduleFanOut();
+  }, true, setLiveError);
+  const recentErrors = entries.filter((entry) => entry.level === "error");
+  const topErrors = recentErrors.slice(0, RECENT_ERROR_LIMIT);
+  const trend = requestErrorSeries(totals?.history);
+  const authTrend = useMemo(() => {
+    const buckets = auth?.history ?? [];
+    return {
+      attempts: buckets.map((bucket) => bucket.attempts),
+      failures: buckets.map((bucket_0) => bucket_0.failures)
+    };
+  }, [auth?.history]);
+  const worstFunctions = functions.filter((stat) => stat.calls > 0).toSorted((a, b) => b.errors / b.calls - a.errors / a.calls || b.calls - a.calls).slice(0, TOP_FUNCTION_LIMIT);
+  const migration = migrationSummary(migrations);
+  const appErrorRate = totals === null || totals.requests === 0 ? 0 : totals.errors / totals.requests;
+  const errorLevel = rateLevel(appErrorRate, REQUEST_ERROR_WARN, REQUEST_ERROR_CRIT);
+  const authLevel = auth === null ? "ok" : rateLevel(auth.failureRate, AUTH_FAIL_WARN, AUTH_FAIL_CRIT);
+  const backlogLevel = scheduler === null ? "ok" : countLevel(scheduler.backlog, BACKLOG_WARN, BACKLOG_CRIT);
+  const overall = worstLevel([errorLevel, authLevel, backlogLevel, migration.level]);
+  let statusLabel;
+  let statusDescription;
+  if (overall === "crit") {
+    statusLabel = t("Critical");
+    statusDescription = t("One or more service levels are breached.");
+  } else if (overall === "warn") {
+    statusLabel = t("Degraded");
+    statusDescription = t("Some service levels need attention.");
+  } else {
+    statusLabel = t("All systems healthy");
+    statusDescription = t("All service levels are within target.");
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-6",
+    "data-testid": "lunora-health",
+    children: [/* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap items-center justify-between gap-4 p-4",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex items-center gap-3",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            "aria-hidden": "true",
+            className: cn("flex size-10 shrink-0 items-center justify-center rounded-full", LEVEL_RING[overall]),
+            children: /* @__PURE__ */ jsxDEV("span", {
+              className: cn("size-3 rounded-full", LEVEL_DOT[overall])
+            }, void 0, false)
+          }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+            className: "grid leading-tight",
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              className: "text-sm font-semibold text-foreground",
+              "data-testid": "hl-status",
+              children: statusLabel
+            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+              className: "text-[13px] text-muted-foreground",
+              children: statusDescription
+            }, void 0, false)]
+          }, void 0, true)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-wrap items-center gap-4",
+          children: [/* @__PURE__ */ jsxDEV("div", {
+            className: "text-end",
+            children: [/* @__PURE__ */ jsxDEV("div", {
+              className: "font-mono text-[10px] tracking-wide text-muted-foreground uppercase",
+              children: t("Requests")
+            }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+              className: "flex items-center justify-end gap-2",
+              children: [trend.requests.length >= 2 && /* @__PURE__ */ jsxDEV(Sparkline, {
+                ariaLabel: t("Requests over time"),
+                className: "h-6 w-20 text-foreground",
+                series: trend.requests,
+                testId: "hl-spark-requests"
+              }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+                className: "text-lg font-semibold tabular-nums text-foreground",
+                "data-testid": "hl-requests",
+                children: (totals?.requests ?? 0).toString()
+              }, void 0, false)]
+            }, void 0, true)]
+          }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
+            "aria-hidden": "true",
+            className: "h-9 w-px bg-border"
+          }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+            className: "text-end",
+            children: [/* @__PURE__ */ jsxDEV("div", {
+              className: "font-mono text-[10px] tracking-wide text-muted-foreground uppercase",
+              children: t("Error rate")
+            }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+              className: cn("text-lg font-semibold tabular-nums", LEVEL_TEXT[errorLevel]),
+              "data-testid": "hl-error-rate",
+              children: totals === null ? "—" : ratePercent(totals.errors, totals.requests)
+            }, void 0, false)]
+          }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
+            "aria-hidden": "true",
+            className: "h-9 w-px bg-border"
+          }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center gap-2",
+            children: [/* @__PURE__ */ jsxDEV(ConnectionBadge, {}, void 0, false), /* @__PURE__ */ jsxDEV(LiveError, {
+              message: liveError,
+              prefix: "hl"
+            }, void 0, false)]
+          }, void 0, true)]
+        }, void 0, true)]
+      }, void 0, true), metricsError !== null && /* @__PURE__ */ jsxDEV("div", {
+        className: "border-t border-border bg-destructive/5 px-4 py-2 text-sm text-destructive",
+        "data-testid": "hl-metrics-error",
+        role: "alert",
+        children: metricsError
+      }, void 0, false)]
+    }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4",
+      "data-testid": "hl-slo",
+      children: [/* @__PURE__ */ jsxDEV(SloCard, {
+        chart: trend.errors.length >= 2 ? /* @__PURE__ */ jsxDEV(Sparkline, {
+          ariaLabel: t("Errors over time"),
+          className: "h-7 w-20 text-destructive",
+          series: trend.errors,
+          testId: "hl-spark-errors"
+        }, void 0, false) : void 0,
+        label: t("Error rate"),
+        level: errorLevel,
+        testId: "hl-slo-errorrate",
+        value: totals === null ? "—" : ratePercent(totals.errors, totals.requests)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(SloCard, {
+        chart: authTrend.failures.length >= 2 ? /* @__PURE__ */ jsxDEV(Sparkline, {
+          ariaLabel: t("Auth failures over time"),
+          className: "h-7 w-20 text-destructive",
+          series: authTrend.failures,
+          testId: "hl-spark-auth"
+        }, void 0, false) : void 0,
+        label: t("Auth failures"),
+        level: authLevel,
+        testId: "hl-slo-auth",
+        value: auth === null ? "—" : ratePercent(auth.failures, auth.attempts)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(SloCard, {
+        label: t("Scheduler backlog"),
+        level: backlogLevel,
+        testId: "hl-slo-backlog",
+        value: scheduler === null ? "—" : scheduler.backlog.toString()
+      }, void 0, false), /* @__PURE__ */ jsxDEV(SloCard, {
+        label: t("Migrations"),
+        level: migration.level,
+        testId: "hl-slo-migrations",
+        value: migrationTileValue(migration, t)
+      }, void 0, false)]
+    }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-3 lg:grid-cols-2",
+      children: [/* @__PURE__ */ jsxDEV(Card, {
+        className: "gap-0 py-0",
+        "data-testid": "hl-functions",
+        children: [/* @__PURE__ */ jsxDEV("header", {
+          className: "border-b border-border px-4 py-3",
+          children: /* @__PURE__ */ jsxDEV("span", {
+            className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+            children: t("Functions by error rate")
+          }, void 0, false)
+        }, void 0, false), worstFunctions.length === 0 ? /* @__PURE__ */ jsxDEV("p", {
+          className: "px-4 py-8 text-center text-sm text-muted-foreground",
+          "data-testid": "hl-functions-empty",
+          children: t("No function activity yet.")
+        }, void 0, false) : /* @__PURE__ */ jsxDEV("ul", {
+          className: "divide-y divide-border",
+          children: worstFunctions.map((stat_0) => /* @__PURE__ */ jsxDEV("li", {
+            className: "flex flex-wrap items-center justify-between gap-2 px-4 py-2 text-xs",
+            "data-testid": "hl-fn-row",
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              className: "truncate font-mono text-foreground",
+              children: stat_0.path
+            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+              className: "flex shrink-0 items-center gap-2",
+              children: [/* @__PURE__ */ jsxDEV("span", {
+                className: "tabular-nums text-muted-foreground",
+                children: t("{count} calls", {
+                  count: stat_0.calls.toString()
+                })
+              }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
+                variant: LEVEL_VARIANT[rateLevel(stat_0.errors / stat_0.calls, REQUEST_ERROR_WARN, REQUEST_ERROR_CRIT)],
+                children: ratePercent(stat_0.errors, stat_0.calls)
+              }, void 0, false)]
+            }, void 0, true)]
+          }, stat_0.path, true))
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV(Card, {
+        className: "gap-0 py-0",
+        children: [/* @__PURE__ */ jsxDEV("header", {
+          className: "flex items-center justify-between gap-2 border-b border-border px-4 py-3",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+            children: t("Recent errors")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
+            "data-testid": "hl-error-count",
+            variant: recentErrors.length > 0 ? "destructive" : "outline",
+            children: recentErrors.length
+          }, void 0, false)]
+        }, void 0, true), logsError !== null && /* @__PURE__ */ jsxDEV("p", {
+          className: "px-4 py-8 text-center text-sm text-destructive",
+          "data-testid": "hl-logs-error",
+          role: "alert",
+          children: logsError
+        }, void 0, false), logsError === null && topErrors.length === 0 && /* @__PURE__ */ jsxDEV("p", {
+          className: "px-4 py-8 text-center text-sm text-muted-foreground",
+          "data-testid": "hl-errors-empty",
+          children: t("No recent errors.")
+        }, void 0, false), topErrors.length > 0 && /* @__PURE__ */ jsxDEV("ul", {
+          className: "divide-y divide-border",
+          children: topErrors.map((entry_0, index) => /* @__PURE__ */ jsxDEV("li", {
+            className: "flex flex-col gap-0.5 px-4 py-2 text-xs",
+            "data-testid": "hl-error-row",
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              className: "flex items-center gap-2",
+              children: [/* @__PURE__ */ jsxDEV("time", {
+                className: "shrink-0 text-muted-foreground",
+                children: formatTimestamp(entry_0.timestamp)
+              }, void 0, false), entry_0.functionPath !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+                className: "truncate font-mono text-foreground",
+                children: entry_0.functionPath
+              }, void 0, false)]
+            }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
+              className: "text-destructive",
+              children: entry_0.message
+            }, void 0, false)]
+          }, `${entry_0.timestamp.toString()}-${index.toString()}`, true))
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true), /* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      children: [/* @__PURE__ */ jsxDEV("header", {
+        className: "flex items-center justify-between gap-2 border-b border-border px-4 py-3",
+        children: [/* @__PURE__ */ jsxDEV("span", {
+          className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+          children: t("Shards seen")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
+          "data-testid": "hl-shard-count",
+          variant: "outline",
+          children: recentShards.length
+        }, void 0, false)]
+      }, void 0, true), recentShards.length > 0 && /* @__PURE__ */ jsxDEV("ul", {
+        className: "flex flex-wrap gap-1.5 p-4",
+        children: recentShards.map((shard) => /* @__PURE__ */ jsxDEV("li", {
+          "data-testid": "hl-shard",
+          children: /* @__PURE__ */ jsxDEV(Badge, {
+            variant: "secondary",
+            children: shard
+          }, void 0, false)
+        }, shard, false))
+      }, void 0, false)]
+    }, void 0, true)]
+  }, void 0, true);
+};
+
+export { HealthPanel };