@lunora/studio 0.0.0 → 1.0.0-alpha.10

package/dist/packem_shared/HomePanel-BOkFRbuj.js

@@ -0,0 +1,1334 @@
+import { c } from 'react/compiler-runtime';
+import { useNavigate } from '@tanstack/react-router';
+import { B as Bar, E as EvilBarChart } from './bar-chart-CzJAgqkp.js';
+import { B as Badge } from './badge-B2PKA1-5.js';
+import { C as Card, a as CardContent } from './card-DURq3ElK.js';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { u as useAdminQuery } from './use-admin-query-4JQW2rr1.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DjXgvJb6.js';
+import { d as formatBytes, f as fireAndForget } from './internal-rXJEAhXS.js';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { deriveInsights } from './DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const formatMs = (ms) => {
+  if (ms < 1e3) {
+    return `${String(Math.round(ms))}ms`;
+  }
+  const digits = ms >= 1e4 ? 0 : 1;
+  return `${(ms / 1e3).toFixed(digits)}s`;
+};
+const relativeTime = (ts, now) => {
+  const seconds = Math.max(0, Math.round((now - ts) / 1e3));
+  if (seconds < 60) {
+    return `${String(seconds)}s ago`;
+  }
+  const minutes = Math.round(seconds / 60);
+  if (minutes < 60) {
+    return `${String(minutes)}m ago`;
+  }
+  const hours = Math.round(minutes / 60);
+  return hours < 24 ? `${String(hours)}h ago` : `${String(Math.round(hours / 24))}d ago`;
+};
+const SPARKLINE_CONFIG = {
+  value: {
+    colors: {
+      dark: ["var(--foreground)"],
+      light: ["var(--foreground)"]
+    },
+    label: ""
+  }
+};
+const Sparkline = (t0) => {
+  const $ = c(6);
+  const {
+    data
+  } = t0;
+  let t1;
+  let t2;
+  if ($[0] !== data) {
+    t2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const bars = data.slice(-16);
+      if (bars.length < 3) {
+        t2 = null;
+        break bb0;
+      }
+      t1 = bars.map(_temp);
+    }
+    $[0] = data;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  if (t2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  const rows = t1;
+  let t3;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(Bar, {
+      dataKey: "value"
+    }, void 0, false);
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== rows) {
+    t4 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-hidden": "true",
+      className: "h-8 w-28",
+      children: /* @__PURE__ */ jsxDEV(EvilBarChart, {
+        animationType: "none",
+        barCategoryGap: 1,
+        className: "h-8 w-full",
+        config: SPARKLINE_CONFIG,
+        data: rows,
+        children: t3
+      }, void 0, false)
+    }, void 0, false);
+    $[4] = rows;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
+};
+const bucketSeries = (history, field) => {
+  if (history === void 0 || history.length === 0) {
+    return [];
+  }
+  const byBucket = /* @__PURE__ */ new Map();
+  for (const bucket of history) {
+    byBucket.set(bucket.bucketMs, (byBucket.get(bucket.bucketMs) ?? 0) + bucket[field]);
+  }
+  return [...byBucket.entries()].toSorted(([a], [b]) => a - b).map(([, total]) => total);
+};
+const seriesDelta = (series, higherIsBetter = true) => {
+  if (series.length < 4) {
+    return null;
+  }
+  const mid = Math.floor(series.length / 2);
+  const earlier = series.slice(0, mid).reduce((sum, value) => sum + value, 0);
+  const recent = series.slice(mid).reduce((sum, value) => sum + value, 0);
+  if (earlier === 0) {
+    return null;
+  }
+  const pct = (recent - earlier) / earlier * 100;
+  return {
+    positive: higherIsBetter ? pct >= 0 : pct <= 0,
+    text: `${pct >= 0 ? "+" : ""}${pct.toFixed(1)}%`
+  };
+};
+const StatCard = (t0) => {
+  const $ = c(24);
+  const {
+    delta,
+    footer,
+    label,
+    trend,
+    unit,
+    value
+  } = t0;
+  const t = useT();
+  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] !== value) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-2xl font-semibold tabular-nums text-foreground",
+      children: value
+    }, void 0, false);
+    $[2] = value;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== unit) {
+    t3 = unit !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+      className: "text-xs text-muted-foreground",
+      children: unit
+    }, void 0, false);
+    $[4] = unit;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t2 || $[7] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex items-baseline gap-1.5",
+      children: [t2, t3]
+    }, void 0, true);
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== trend) {
+    t5 = trend !== void 0 && /* @__PURE__ */ jsxDEV(Sparkline, {
+      data: trend
+    }, void 0, false);
+    $[9] = trend;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t4 || $[12] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-between gap-3",
+      children: [t4, t5]
+    }, void 0, true);
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== t1 || $[15] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-2.5 p-4",
+      children: [t1, t6]
+    }, void 0, true);
+    $[14] = t1;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== delta || $[18] !== footer || $[19] !== t) {
+    t8 = delta == null ? 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) : /* @__PURE__ */ jsxDEV("div", {
+      className: "border-t border-border bg-muted/50 px-4 py-2.5 text-[11px]",
+      children: [/* @__PURE__ */ jsxDEV("span", {
+        className: cn("font-semibold", delta.positive ? "text-success" : "text-destructive"),
+        children: delta.text
+      }, void 0, false), " ", /* @__PURE__ */ jsxDEV("span", {
+        className: "text-muted-foreground",
+        children: t("vs. prev.")
+      }, void 0, false)]
+    }, void 0, true);
+    $[17] = delta;
+    $[18] = footer;
+    $[19] = t;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== t7 || $[22] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "justify-between gap-0 py-0",
+      children: [t7, t8]
+    }, void 0, true);
+    $[21] = t7;
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  return t9;
+};
+const ChevronRight = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.8,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "m9 6 6 6-6 6"
+      }, void 0, false)
+    }, void 0, false);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const ConnectCard = (t0) => {
+  const $ = c(7);
+  const {
+    command,
+    label
+  } = t0;
+  let t1;
+  if ($[0] !== label) {
+    t1 = /* @__PURE__ */ jsxDEV("div", {
+      className: "p-4",
+      children: /* @__PURE__ */ jsxDEV("span", {
+        className: "text-sm font-medium text-foreground",
+        children: label
+      }, void 0, false)
+    }, void 0, false);
+    $[0] = label;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== command) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      className: "border-t border-border bg-muted/50 px-4 py-2.5",
+      children: /* @__PURE__ */ jsxDEV("code", {
+        className: "font-mono text-xs text-muted-foreground",
+        children: command
+      }, void 0, false)
+    }, void 0, false);
+    $[2] = command;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "justify-between gap-0 py-0",
+      children: [t1, t2]
+    }, void 0, true);
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+const AdvisorCard = (t0) => {
+  const $ = c(18);
+  const {
+    count,
+    onView,
+    testId,
+    title
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== title) {
+    t1 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: title
+    }, void 0, false);
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== count || $[3] !== t) {
+    t2 = count === null ? /* @__PURE__ */ jsxDEV("span", {
+      className: "text-xs text-muted-foreground",
+      children: t("No data yet")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(Badge, {
+      variant: count > 0 ? "destructive" : "success",
+      children: count > 0 ? count : t("All clear")
+    }, void 0, false);
+    $[2] = count;
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-start justify-between gap-2 p-4",
+      children: [t1, t2]
+    }, void 0, true);
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t) {
+    t4 = t("View");
+    $[8] = t;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsxDEV(ChevronRight, {}, void 0, false);
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== onView || $[12] !== t4) {
+    t6 = /* @__PURE__ */ jsxDEV("button", {
+      className: "flex items-center gap-1 border-t border-border bg-muted/50 px-4 py-2.5 text-[12px] font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted",
+      onClick: onView,
+      type: "button",
+      children: [t4, t5]
+    }, void 0, true);
+    $[11] = onView;
+    $[12] = t4;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== t3 || $[15] !== t6 || $[16] !== testId) {
+    t7 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "justify-between gap-0 py-0",
+      "data-testid": testId,
+      children: [t3, t6]
+    }, void 0, true);
+    $[14] = t3;
+    $[15] = t6;
+    $[16] = testId;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+};
+const TopFunctionsCard = (t0) => {
+  const $ = c(7);
+  const {
+    functions
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== functions || $[1] !== t) {
+    const top = [...functions].toSorted(_temp2).slice(0, 5);
+    let t2;
+    if ($[3] !== t) {
+      t2 = t("Top functions");
+      $[3] = t;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== t2) {
+      t3 = /* @__PURE__ */ jsxDEV("div", {
+        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: t2
+        }, void 0, false)
+      }, void 0, false);
+      $[5] = t2;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    t1 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      "data-testid": "home-top-functions",
+      children: [t3, top.length === 0 ? /* @__PURE__ */ jsxDEV("p", {
+        className: "px-4 py-8 text-center text-xs text-muted-foreground",
+        children: t("No functions called yet.")
+      }, void 0, false) : /* @__PURE__ */ jsxDEV("div", {
+        className: "divide-y divide-border",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "grid grid-cols-[1fr_auto_auto_auto] gap-4 px-4 py-1.5 font-mono text-[10px] tracking-wide text-muted-foreground uppercase",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            children: t("Function")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+            className: "text-end",
+            children: t("Calls")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+            className: "w-12 text-end",
+            children: t("Avg")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+            className: "w-8 text-end",
+            children: t("Err")
+          }, void 0, false)]
+        }, void 0, true), top.map(_temp3)]
+      }, void 0, true)]
+    }, void 0, true);
+    $[0] = functions;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+const LiveConnectionsCard = (t0) => {
+  const $ = c(26);
+  const {
+    subs
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("Live connections");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const t3 = subs?.totalConnections ?? 0;
+  let t4;
+  if ($[4] !== t3) {
+    t4 = t3.toLocaleString();
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-2xl font-semibold tabular-nums text-foreground",
+      children: t4
+    }, void 0, false);
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t) {
+    t6 = t("sockets");
+    $[8] = t;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-xs text-muted-foreground",
+      children: t6
+    }, void 0, false);
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== t5 || $[13] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex items-baseline gap-1.5",
+      children: [t5, t7]
+    }, void 0, true);
+    $[12] = t5;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  const t9 = subs?.totalSubscriptions ?? 0;
+  let t10;
+  if ($[15] !== t9) {
+    t10 = t9.toLocaleString();
+    $[15] = t9;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  let t11;
+  if ($[17] !== t) {
+    t11 = t("active subscriptions");
+    $[17] = t;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  let t12;
+  if ($[19] !== t10 || $[20] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-[11px] text-muted-foreground",
+      children: [t10, " ", t11]
+    }, void 0, true);
+    $[19] = t10;
+    $[20] = t11;
+    $[21] = t12;
+  } else {
+    t12 = $[21];
+  }
+  let t13;
+  if ($[22] !== t12 || $[23] !== t2 || $[24] !== t8) {
+    t13 = /* @__PURE__ */ jsxDEV(Card, {
+      "data-testid": "home-live-connections",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "flex flex-col gap-2.5 py-4",
+        children: [t2, t8, t12]
+      }, void 0, true)
+    }, void 0, false);
+    $[22] = t12;
+    $[23] = t2;
+    $[24] = t8;
+    $[25] = t13;
+  } else {
+    t13 = $[25];
+  }
+  return t13;
+};
+const RecentActivityCard = (t0) => {
+  const $ = c(7);
+  const {
+    entries
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== entries || $[1] !== t) {
+    const now = Date.now();
+    let t2;
+    if ($[3] !== t) {
+      t2 = t("Recent activity");
+      $[3] = t;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== t2) {
+      t3 = /* @__PURE__ */ jsxDEV("div", {
+        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: t2
+        }, void 0, false)
+      }, void 0, false);
+      $[5] = t2;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    t1 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      "data-testid": "home-recent-activity",
+      children: [t3, entries.length === 0 ? /* @__PURE__ */ jsxDEV("p", {
+        className: "px-4 py-8 text-center text-xs text-muted-foreground",
+        children: t("No recent activity.")
+      }, void 0, false) : /* @__PURE__ */ jsxDEV("ul", {
+        className: "divide-y divide-border",
+        children: entries.slice(0, 5).map((entry) => /* @__PURE__ */ jsxDEV("li", {
+          className: "flex items-center justify-between gap-3 px-4 py-2 text-[13px]",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            className: "flex min-w-0 items-center gap-2",
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              "aria-hidden": "true",
+              className: "size-1.5 shrink-0 rounded-full bg-muted-foreground/40"
+            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+              className: "truncate text-foreground",
+              children: [entry.op, entry.table !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+                className: "text-muted-foreground",
+                children: [" · ", entry.table, entry.id === void 0 ? "" : `#${entry.id}`]
+              }, void 0, true)]
+            }, void 0, true)]
+          }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
+            className: "shrink-0 text-xs tabular-nums text-muted-foreground",
+            children: relativeTime(entry.ts, now)
+          }, void 0, false)]
+        }, entry.seq, true))
+      }, void 0, false)]
+    }, void 0, true);
+    $[0] = entries;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+const averageLatencyMs = (functions) => {
+  const calls = functions.reduce((sum, function_) => sum + function_.calls, 0);
+  if (calls === 0) {
+    return null;
+  }
+  return functions.reduce((sum, function_) => sum + function_.totalDurationMs, 0) / calls;
+};
+const HomePanel = (t0) => {
+  const $ = c(149);
+  const {
+    initialShardKey
+  } = t0;
+  const t = useT();
+  const navigate = useNavigate();
+  const shard = initialShardKey ?? "";
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== shard) {
+    t2 = {
+      shardKey: shard
+    };
+    $[1] = shard;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const metricsQuery = useAdminQuery(ADMIN_FUNCTIONS.getMetrics, t1, t2);
+  let t3;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {};
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== shard) {
+    t4 = {
+      shardKey: shard
+    };
+    $[4] = shard;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const statsQuery = useAdminQuery(ADMIN_FUNCTIONS.getFunctionStats, t3, t4);
+  let t5;
+  let t6;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {};
+    t6 = {
+      shardKey: ""
+    };
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t5 = $[6];
+    t6 = $[7];
+  }
+  const auditQuery = useAdminQuery(ADMIN_FUNCTIONS.getSecurityAudit, t5, t6);
+  let t7;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = {};
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  let t8;
+  if ($[9] !== shard) {
+    t8 = {
+      shardKey: shard
+    };
+    $[9] = shard;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  const subscriptionsQuery = useAdminQuery(ADMIN_FUNCTIONS.listSubscriptions, t7, t8);
+  let t9;
+  if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = {};
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  let t10;
+  if ($[12] !== shard) {
+    t10 = {
+      shardKey: shard
+    };
+    $[12] = shard;
+    $[13] = t10;
+  } else {
+    t10 = $[13];
+  }
+  const auditLogQuery = useAdminQuery(ADMIN_FUNCTIONS.getAuditLog, t9, t10);
+  const metrics = metricsQuery.data ?? null;
+  let T0;
+  let activity;
+  let cacheHitRate;
+  let functions;
+  let performanceCount;
+  let securityCount;
+  let subscriptions;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  let t18;
+  let t19;
+  let viewPerformance;
+  let viewSecurity;
+  if ($[14] !== auditLogQuery.data || $[15] !== auditQuery.data || $[16] !== metrics || $[17] !== metricsQuery.data || $[18] !== navigate || $[19] !== statsQuery.data || $[20] !== subscriptionsQuery.data || $[21] !== t) {
+    functions = Array.isArray(statsQuery.data?.functions) ? statsQuery.data.functions : [];
+    subscriptions = subscriptionsQuery.data ?? null;
+    let t202;
+    if ($[40] !== auditLogQuery.data) {
+      t202 = Array.isArray(auditLogQuery.data?.entries) ? auditLogQuery.data.entries : [];
+      $[40] = auditLogQuery.data;
+      $[41] = t202;
+    } else {
+      t202 = $[41];
+    }
+    activity = t202;
+    performanceCount = metricsQuery.data === void 0 || statsQuery.data === void 0 ? null : deriveInsights(metrics, functions).length;
+    securityCount = Array.isArray(auditQuery.data?.findings) ? auditQuery.data.findings.length : null;
+    let t212;
+    if ($[42] !== navigate) {
+      t212 = () => {
+        fireAndForget(navigate({
+          to: "/security"
+        }));
+      };
+      $[42] = navigate;
+      $[43] = t212;
+    } else {
+      t212 = $[43];
+    }
+    viewSecurity = t212;
+    let t222;
+    if ($[44] !== navigate) {
+      t222 = () => {
+        fireAndForget(navigate({
+          to: "/insights"
+        }));
+      };
+      $[44] = navigate;
+      $[45] = t222;
+    } else {
+      t222 = $[45];
+    }
+    viewPerformance = t222;
+    const requestSeries = bucketSeries(metrics?.history, "calls");
+    const errorSeries = bucketSeries(metrics?.history, "errors");
+    const avgLatency = averageLatencyMs(functions);
+    const maxLatency = Math.max(0, ...functions.map(_temp4));
+    const cache = metrics?.cache;
+    let t232;
+    if ($[46] !== cache) {
+      t232 = cache != null && cache.hits + cache.misses > 0 ? Math.round(cache.hits / (cache.hits + cache.misses) * 100) : null;
+      $[46] = cache;
+      $[47] = t232;
+    } else {
+      t232 = $[47];
+    }
+    cacheHitRate = t232;
+    t18 = "flex flex-col gap-6";
+    t19 = "lunora-home";
+    t14 = "grid gap-3 sm:grid-cols-2 xl:grid-cols-4";
+    t15 = "home-health";
+    const t242 = seriesDelta(requestSeries);
+    let t252;
+    if ($[48] !== t) {
+      t252 = t("Requests");
+      $[48] = t;
+      $[49] = t252;
+    } else {
+      t252 = $[49];
+    }
+    const t262 = metrics?.requests ?? 0;
+    let t272;
+    if ($[50] !== t262) {
+      t272 = t262.toLocaleString();
+      $[50] = t262;
+      $[51] = t272;
+    } else {
+      t272 = $[51];
+    }
+    if ($[52] !== requestSeries || $[53] !== t242 || $[54] !== t252 || $[55] !== t272) {
+      t16 = /* @__PURE__ */ jsxDEV(StatCard, {
+        delta: t242,
+        label: t252,
+        trend: requestSeries,
+        value: t272
+      }, void 0, false);
+      $[52] = requestSeries;
+      $[53] = t242;
+      $[54] = t252;
+      $[55] = t272;
+      $[56] = t16;
+    } else {
+      t16 = $[56];
+    }
+    const t282 = seriesDelta(errorSeries, false);
+    let t292;
+    if ($[57] !== t) {
+      t292 = t("Errors");
+      $[57] = t;
+      $[58] = t292;
+    } else {
+      t292 = $[58];
+    }
+    const t302 = metrics?.errors ?? 0;
+    let t312;
+    if ($[59] !== t302) {
+      t312 = t302.toLocaleString();
+      $[59] = t302;
+      $[60] = t312;
+    } else {
+      t312 = $[60];
+    }
+    if ($[61] !== errorSeries || $[62] !== t282 || $[63] !== t292 || $[64] !== t312) {
+      t17 = /* @__PURE__ */ jsxDEV(StatCard, {
+        delta: t282,
+        label: t292,
+        trend: errorSeries,
+        value: t312
+      }, void 0, false);
+      $[61] = errorSeries;
+      $[62] = t282;
+      $[63] = t292;
+      $[64] = t312;
+      $[65] = t17;
+    } else {
+      t17 = $[65];
+    }
+    T0 = StatCard;
+    if ($[66] !== maxLatency || $[67] !== t) {
+      t11 = maxLatency > 0 ? `${t("max")} ${formatMs(maxLatency)}` : void 0;
+      $[66] = maxLatency;
+      $[67] = t;
+      $[68] = t11;
+    } else {
+      t11 = $[68];
+    }
+    if ($[69] !== t) {
+      t12 = t("Avg latency");
+      $[69] = t;
+      $[70] = t12;
+    } else {
+      t12 = $[70];
+    }
+    t13 = avgLatency === null ? "—" : formatMs(avgLatency);
+    $[14] = auditLogQuery.data;
+    $[15] = auditQuery.data;
+    $[16] = metrics;
+    $[17] = metricsQuery.data;
+    $[18] = navigate;
+    $[19] = statsQuery.data;
+    $[20] = subscriptionsQuery.data;
+    $[21] = t;
+    $[22] = T0;
+    $[23] = activity;
+    $[24] = cacheHitRate;
+    $[25] = functions;
+    $[26] = performanceCount;
+    $[27] = securityCount;
+    $[28] = subscriptions;
+    $[29] = t11;
+    $[30] = t12;
+    $[31] = t13;
+    $[32] = t14;
+    $[33] = t15;
+    $[34] = t16;
+    $[35] = t17;
+    $[36] = t18;
+    $[37] = t19;
+    $[38] = viewPerformance;
+    $[39] = viewSecurity;
+  } else {
+    T0 = $[22];
+    activity = $[23];
+    cacheHitRate = $[24];
+    functions = $[25];
+    performanceCount = $[26];
+    securityCount = $[27];
+    subscriptions = $[28];
+    t11 = $[29];
+    t12 = $[30];
+    t13 = $[31];
+    t14 = $[32];
+    t15 = $[33];
+    t16 = $[34];
+    t17 = $[35];
+    t18 = $[36];
+    t19 = $[37];
+    viewPerformance = $[38];
+    viewSecurity = $[39];
+  }
+  let t20;
+  if ($[71] !== T0 || $[72] !== t11 || $[73] !== t12 || $[74] !== t13) {
+    t20 = /* @__PURE__ */ jsxDEV(T0, {
+      footer: t11,
+      label: t12,
+      value: t13
+    }, void 0, false);
+    $[71] = T0;
+    $[72] = t11;
+    $[73] = t12;
+    $[74] = t13;
+    $[75] = t20;
+  } else {
+    t20 = $[75];
+  }
+  let t21;
+  if ($[76] !== cacheHitRate || $[77] !== t) {
+    t21 = cacheHitRate === null ? void 0 : `${String(cacheHitRate)}% ${t("cache hit")}`;
+    $[76] = cacheHitRate;
+    $[77] = t;
+    $[78] = t21;
+  } else {
+    t21 = $[78];
+  }
+  let t22;
+  if ($[79] !== t) {
+    t22 = t("Database size");
+    $[79] = t;
+    $[80] = t22;
+  } else {
+    t22 = $[80];
+  }
+  const t23 = metrics?.databaseSize ?? null;
+  let t24;
+  if ($[81] !== t23) {
+    t24 = formatBytes(t23);
+    $[81] = t23;
+    $[82] = t24;
+  } else {
+    t24 = $[82];
+  }
+  let t25;
+  if ($[83] !== t21 || $[84] !== t22 || $[85] !== t24) {
+    t25 = /* @__PURE__ */ jsxDEV(StatCard, {
+      footer: t21,
+      label: t22,
+      value: t24
+    }, void 0, false);
+    $[83] = t21;
+    $[84] = t22;
+    $[85] = t24;
+    $[86] = t25;
+  } else {
+    t25 = $[86];
+  }
+  let t26;
+  if ($[87] !== t14 || $[88] !== t15 || $[89] !== t16 || $[90] !== t17 || $[91] !== t20 || $[92] !== t25) {
+    t26 = /* @__PURE__ */ jsxDEV("div", {
+      className: t14,
+      "data-testid": t15,
+      children: [t16, t17, t20, t25]
+    }, void 0, true);
+    $[87] = t14;
+    $[88] = t15;
+    $[89] = t16;
+    $[90] = t17;
+    $[91] = t20;
+    $[92] = t25;
+    $[93] = t26;
+  } else {
+    t26 = $[93];
+  }
+  let t27;
+  if ($[94] !== functions) {
+    t27 = /* @__PURE__ */ jsxDEV("div", {
+      className: "lg:col-span-2",
+      children: /* @__PURE__ */ jsxDEV(TopFunctionsCard, {
+        functions
+      }, void 0, false)
+    }, void 0, false);
+    $[94] = functions;
+    $[95] = t27;
+  } else {
+    t27 = $[95];
+  }
+  let t28;
+  if ($[96] !== subscriptions) {
+    t28 = /* @__PURE__ */ jsxDEV(LiveConnectionsCard, {
+      subs: subscriptions
+    }, void 0, false);
+    $[96] = subscriptions;
+    $[97] = t28;
+  } else {
+    t28 = $[97];
+  }
+  let t29;
+  if ($[98] !== activity) {
+    t29 = /* @__PURE__ */ jsxDEV(RecentActivityCard, {
+      entries: activity
+    }, void 0, false);
+    $[98] = activity;
+    $[99] = t29;
+  } else {
+    t29 = $[99];
+  }
+  let t30;
+  if ($[100] !== t28 || $[101] !== t29) {
+    t30 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      children: [t28, t29]
+    }, void 0, true);
+    $[100] = t28;
+    $[101] = t29;
+    $[102] = t30;
+  } else {
+    t30 = $[102];
+  }
+  let t31;
+  if ($[103] !== t27 || $[104] !== t30) {
+    t31 = /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-3 lg:grid-cols-3",
+      children: [t27, t30]
+    }, void 0, true);
+    $[103] = t27;
+    $[104] = t30;
+    $[105] = t31;
+  } else {
+    t31 = $[105];
+  }
+  let t32;
+  if ($[106] !== t) {
+    t32 = t("Advisors");
+    $[106] = t;
+    $[107] = t32;
+  } else {
+    t32 = $[107];
+  }
+  let t33;
+  if ($[108] !== t32) {
+    t33 = /* @__PURE__ */ jsxDEV("h2", {
+      className: "text-sm font-semibold tracking-tight text-foreground",
+      children: t32
+    }, void 0, false);
+    $[108] = t32;
+    $[109] = t33;
+  } else {
+    t33 = $[109];
+  }
+  let t34;
+  if ($[110] !== performanceCount || $[111] !== securityCount || $[112] !== t || $[113] !== viewPerformance || $[114] !== viewSecurity) {
+    t34 = securityCount === 0 && performanceCount === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("No security or performance issues detected."),
+      icon: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.6,
+        viewBox: "0 0 24 24",
+        children: [/* @__PURE__ */ jsxDEV("path", {
+          d: "M12 3 4 6v5c0 5 3.4 8.5 8 10 4.6-1.5 8-5 8-10V6l-8-3Z"
+        }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+          d: "m9 12 2 2 4-4"
+        }, void 0, false)]
+      }, void 0, true),
+      testId: "home-advisors-clear",
+      title: t("No issues found")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-3 sm:grid-cols-2",
+      children: [/* @__PURE__ */ jsxDEV(AdvisorCard, {
+        count: securityCount,
+        onView: viewSecurity,
+        testId: "home-security",
+        title: t("Security findings")
+      }, void 0, false), /* @__PURE__ */ jsxDEV(AdvisorCard, {
+        count: performanceCount,
+        onView: viewPerformance,
+        testId: "home-performance",
+        title: t("Performance issues")
+      }, void 0, false)]
+    }, void 0, true);
+    $[110] = performanceCount;
+    $[111] = securityCount;
+    $[112] = t;
+    $[113] = viewPerformance;
+    $[114] = viewSecurity;
+    $[115] = t34;
+  } else {
+    t34 = $[115];
+  }
+  let t35;
+  if ($[116] !== t33 || $[117] !== t34) {
+    t35 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-3",
+      "data-testid": "home-advisors",
+      children: [t33, t34]
+    }, void 0, true);
+    $[116] = t33;
+    $[117] = t34;
+    $[118] = t35;
+  } else {
+    t35 = $[118];
+  }
+  let t36;
+  if ($[119] !== t) {
+    t36 = t("Get connected");
+    $[119] = t;
+    $[120] = t36;
+  } else {
+    t36 = $[120];
+  }
+  let t37;
+  if ($[121] !== t36) {
+    t37 = /* @__PURE__ */ jsxDEV("h2", {
+      className: "text-sm font-semibold tracking-tight text-foreground",
+      children: t36
+    }, void 0, false);
+    $[121] = t36;
+    $[122] = t37;
+  } else {
+    t37 = $[122];
+  }
+  let t38;
+  if ($[123] !== t) {
+    t38 = t("Client SDK");
+    $[123] = t;
+    $[124] = t38;
+  } else {
+    t38 = $[124];
+  }
+  let t39;
+  if ($[125] !== t38) {
+    t39 = /* @__PURE__ */ jsxDEV(ConnectCard, {
+      command: "npm i @lunora/client",
+      label: t38
+    }, void 0, false);
+    $[125] = t38;
+    $[126] = t39;
+  } else {
+    t39 = $[126];
+  }
+  let t40;
+  if ($[127] !== t) {
+    t40 = t("React");
+    $[127] = t;
+    $[128] = t40;
+  } else {
+    t40 = $[128];
+  }
+  let t41;
+  if ($[129] !== t40) {
+    t41 = /* @__PURE__ */ jsxDEV(ConnectCard, {
+      command: "npm i @lunora/react",
+      label: t40
+    }, void 0, false);
+    $[129] = t40;
+    $[130] = t41;
+  } else {
+    t41 = $[130];
+  }
+  let t42;
+  if ($[131] !== t) {
+    t42 = t("CLI");
+    $[131] = t;
+    $[132] = t42;
+  } else {
+    t42 = $[132];
+  }
+  let t43;
+  if ($[133] !== t42) {
+    t43 = /* @__PURE__ */ jsxDEV(ConnectCard, {
+      command: "lunora dev",
+      label: t42
+    }, void 0, false);
+    $[133] = t42;
+    $[134] = t43;
+  } else {
+    t43 = $[134];
+  }
+  let t44;
+  if ($[135] !== t39 || $[136] !== t41 || $[137] !== t43) {
+    t44 = /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-3 sm:grid-cols-3",
+      children: [t39, t41, t43]
+    }, void 0, true);
+    $[135] = t39;
+    $[136] = t41;
+    $[137] = t43;
+    $[138] = t44;
+  } else {
+    t44 = $[138];
+  }
+  let t45;
+  if ($[139] !== t37 || $[140] !== t44) {
+    t45 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-3",
+      "data-testid": "home-get-connected",
+      children: [t37, t44]
+    }, void 0, true);
+    $[139] = t37;
+    $[140] = t44;
+    $[141] = t45;
+  } else {
+    t45 = $[141];
+  }
+  let t46;
+  if ($[142] !== t18 || $[143] !== t19 || $[144] !== t26 || $[145] !== t31 || $[146] !== t35 || $[147] !== t45) {
+    t46 = /* @__PURE__ */ jsxDEV("div", {
+      className: t18,
+      "data-testid": t19,
+      children: [t26, t31, t35, t45]
+    }, void 0, true);
+    $[142] = t18;
+    $[143] = t19;
+    $[144] = t26;
+    $[145] = t31;
+    $[146] = t35;
+    $[147] = t45;
+    $[148] = t46;
+  } else {
+    t46 = $[148];
+  }
+  return t46;
+};
+function _temp(value, index) {
+  return {
+    index,
+    value
+  };
+}
+function _temp2(a, b) {
+  return b.calls - a.calls;
+}
+function _temp3(function_) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "grid grid-cols-[1fr_auto_auto_auto] items-center gap-4 px-4 py-2 text-[13px]",
+    children: [/* @__PURE__ */ jsxDEV("span", {
+      className: "truncate font-mono text-xs text-foreground",
+      children: function_.path
+    }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+      className: "text-end tabular-nums",
+      children: function_.calls.toLocaleString()
+    }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+      className: "w-12 text-end tabular-nums text-muted-foreground",
+      children: formatMs(function_.calls > 0 ? function_.totalDurationMs / function_.calls : 0)
+    }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+      className: cn("w-8 text-end tabular-nums", function_.errors > 0 ? "text-destructive" : "text-muted-foreground"),
+      children: function_.errors
+    }, void 0, false)]
+  }, function_.path, true);
+}
+function _temp4(function_) {
+  return function_.maxDurationMs;
+}
+
+export { HomePanel };