@lunora/studio 1.0.0-alpha.35 → 1.0.0-alpha.350

package/dist/packem_chunks/HealthPanel.js

@@ -1,648 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import ConnectionBadge from '../packem_shared/ConnectionBadge-B2DDM2Tn.js';
-import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { C as Card } from '../packem_shared/card-DURq3ElK.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-BHHJi3Gb.js';
-import { f as fireAndForget, i as formatTimestamp, c as callOptions, e as errorMessage, a as adminRef } from '../packem_shared/internal-DTsYVn-g.js';
-import { l as loadRecentShards } from '../packem_shared/shard-history-DyebH1R5.js';
-import { c as cn } from '../packem_shared/utils-B05Dmz_H.js';
-import { shardsToAggregate } from '../packem_shared/aggregateMetrics-D4nUHEKU.js';
-import { S as Sparkline } from '../packem_shared/sparkline-BnA1kC9X.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 [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);
-    }
-  }, []);
-  const {
-    data: liveMetrics,
-    liveError
-  } = useAdminQuery(ADMIN_FUNCTIONS.getMetrics, {}, {
-    live: true,
-    shardKey: rootShard
-  });
-  useEffect(() => {
-    if (liveMetrics === void 0) {
-      return;
-    }
-    scheduleFanOut();
-  }, [liveMetrics]);
-  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) => bucket.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) => /* @__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.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.calls.toString()
-                })
-              }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
-                variant: LEVEL_VARIANT[rateLevel(stat.errors / stat.calls, REQUEST_ERROR_WARN, REQUEST_ERROR_CRIT)],
-                children: ratePercent(stat.errors, stat.calls)
-              }, void 0, false)]
-            }, void 0, true)]
-          }, stat.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, 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.timestamp)
-              }, void 0, false), entry.functionPath !== void 0 && /* @__PURE__ */ jsxDEV("span", {
-                className: "truncate font-mono text-foreground",
-                children: entry.functionPath
-              }, void 0, false)]
-            }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
-              className: "text-destructive",
-              children: entry.message
-            }, void 0, false)]
-          }, `${entry.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 };