@lunora/studio 1.0.0-alpha.4 → 1.0.0-alpha.40

package/dist/packem_shared/HomePanel-Cw16stjq.js

@@ -1,1273 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useNavigate } from '@tanstack/react-router';
-import { useState, useEffect } from 'react';
-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 { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.js';
-import { d as formatBytes, f as fireAndForget, c as callOptions, a as adminRef } 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 GET_METRICS = adminRef(ADMIN_FUNCTIONS.getMetrics);
-const GET_FUNCTION_STATS = adminRef(ADMIN_FUNCTIONS.getFunctionStats);
-const GET_SECURITY_AUDIT = adminRef(ADMIN_FUNCTIONS.getSecurityAudit);
-const GET_AUDIT_LOG = adminRef(ADMIN_FUNCTIONS.getAuditLog);
-const LIST_SUBSCRIPTIONS = adminRef(ADMIN_FUNCTIONS.listSubscriptions);
-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(132);
-  const {
-    initialShardKey
-  } = t0;
-  const client = useLunora();
-  const t = useT();
-  const navigate = useNavigate();
-  const [metrics, setMetrics] = useState(null);
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = [];
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const [functions, setFunctions] = useState(t1);
-  const [performanceCount, setPerformanceCount] = useState(null);
-  const [securityCount, setSecurityCount] = useState(null);
-  const [subscriptions, setSubscriptions] = useState(null);
-  let t2;
-  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [];
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const [activity, setActivity] = useState(t2);
-  let t3;
-  let t4;
-  if ($[2] !== client || $[3] !== initialShardKey) {
-    t3 = () => {
-      const shard = initialShardKey ?? "";
-      const load = async () => {
-        const [snapshot, stats, audit, subs, recent] = await Promise.allSettled([client.query(GET_METRICS, {}, callOptions(shard)), client.query(GET_FUNCTION_STATS, {}, callOptions(shard)), client.query(GET_SECURITY_AUDIT, {}, callOptions("")), client.query(LIST_SUBSCRIPTIONS, {}, callOptions(shard)), client.query(GET_AUDIT_LOG, {}, callOptions(shard))]);
-        const snapshotValue = snapshot.status === "fulfilled" ? snapshot.value : null;
-        const statFns = stats.status === "fulfilled" && Array.isArray(stats.value.functions) ? stats.value.functions : [];
-        setMetrics(snapshotValue);
-        setFunctions(statFns);
-        setPerformanceCount(stats.status === "fulfilled" ? deriveInsights(snapshotValue, statFns).length : null);
-        setSecurityCount(audit.status === "fulfilled" && Array.isArray(audit.value.findings) ? audit.value.findings.length : null);
-        setSubscriptions(subs.status === "fulfilled" ? subs.value : null);
-        setActivity(recent.status === "fulfilled" && Array.isArray(recent.value.entries) ? recent.value.entries : []);
-      };
-      fireAndForget(load());
-    };
-    t4 = [client, initialShardKey];
-    $[2] = client;
-    $[3] = initialShardKey;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t3 = $[4];
-    t4 = $[5];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[6] !== navigate) {
-    t5 = () => {
-      fireAndForget(navigate({
-        to: "/security"
-      }));
-    };
-    $[6] = navigate;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const viewSecurity = t5;
-  let t6;
-  if ($[8] !== navigate) {
-    t6 = () => {
-      fireAndForget(navigate({
-        to: "/insights"
-      }));
-    };
-    $[8] = navigate;
-    $[9] = t6;
-  } else {
-    t6 = $[9];
-  }
-  const viewPerformance = t6;
-  let T0;
-  let cacheHitRate;
-  let t10;
-  let t11;
-  let t12;
-  let t13;
-  let t14;
-  let t15;
-  let t7;
-  let t8;
-  let t9;
-  if ($[10] !== functions || $[11] !== metrics?.cache || $[12] !== metrics?.errors || $[13] !== metrics?.history || $[14] !== metrics?.requests || $[15] !== t) {
-    const requestSeries = bucketSeries(metrics?.history, "calls");
-    const errorSeries = bucketSeries(metrics?.history, "errors");
-    const avgLatency = averageLatencyMs(functions);
-    let t162;
-    if ($[27] !== functions) {
-      t162 = Math.max(0, ...functions.map(_temp4));
-      $[27] = functions;
-      $[28] = t162;
-    } else {
-      t162 = $[28];
-    }
-    const maxLatency = t162;
-    const cache = metrics?.cache;
-    let t172;
-    if ($[29] !== cache) {
-      t172 = cache != null && cache.hits + cache.misses > 0 ? Math.round(cache.hits / (cache.hits + cache.misses) * 100) : null;
-      $[29] = cache;
-      $[30] = t172;
-    } else {
-      t172 = $[30];
-    }
-    cacheHitRate = t172;
-    t14 = "flex flex-col gap-6";
-    t15 = "lunora-home";
-    t10 = "grid gap-3 sm:grid-cols-2 xl:grid-cols-4";
-    t11 = "home-health";
-    const t182 = seriesDelta(requestSeries);
-    let t192;
-    if ($[31] !== t) {
-      t192 = t("Requests");
-      $[31] = t;
-      $[32] = t192;
-    } else {
-      t192 = $[32];
-    }
-    const t202 = metrics?.requests ?? 0;
-    let t212;
-    if ($[33] !== t202) {
-      t212 = t202.toLocaleString();
-      $[33] = t202;
-      $[34] = t212;
-    } else {
-      t212 = $[34];
-    }
-    if ($[35] !== requestSeries || $[36] !== t182 || $[37] !== t192 || $[38] !== t212) {
-      t12 = /* @__PURE__ */ jsxDEV(StatCard, {
-        delta: t182,
-        label: t192,
-        trend: requestSeries,
-        value: t212
-      }, void 0, false);
-      $[35] = requestSeries;
-      $[36] = t182;
-      $[37] = t192;
-      $[38] = t212;
-      $[39] = t12;
-    } else {
-      t12 = $[39];
-    }
-    const t222 = seriesDelta(errorSeries, false);
-    let t232;
-    if ($[40] !== t) {
-      t232 = t("Errors");
-      $[40] = t;
-      $[41] = t232;
-    } else {
-      t232 = $[41];
-    }
-    const t242 = metrics?.errors ?? 0;
-    let t252;
-    if ($[42] !== t242) {
-      t252 = t242.toLocaleString();
-      $[42] = t242;
-      $[43] = t252;
-    } else {
-      t252 = $[43];
-    }
-    if ($[44] !== errorSeries || $[45] !== t222 || $[46] !== t232 || $[47] !== t252) {
-      t13 = /* @__PURE__ */ jsxDEV(StatCard, {
-        delta: t222,
-        label: t232,
-        trend: errorSeries,
-        value: t252
-      }, void 0, false);
-      $[44] = errorSeries;
-      $[45] = t222;
-      $[46] = t232;
-      $[47] = t252;
-      $[48] = t13;
-    } else {
-      t13 = $[48];
-    }
-    T0 = StatCard;
-    if ($[49] !== maxLatency || $[50] !== t) {
-      t7 = maxLatency > 0 ? `${t("max")} ${formatMs(maxLatency)}` : void 0;
-      $[49] = maxLatency;
-      $[50] = t;
-      $[51] = t7;
-    } else {
-      t7 = $[51];
-    }
-    if ($[52] !== t) {
-      t8 = t("Avg latency");
-      $[52] = t;
-      $[53] = t8;
-    } else {
-      t8 = $[53];
-    }
-    t9 = avgLatency === null ? "—" : formatMs(avgLatency);
-    $[10] = functions;
-    $[11] = metrics?.cache;
-    $[12] = metrics?.errors;
-    $[13] = metrics?.history;
-    $[14] = metrics?.requests;
-    $[15] = t;
-    $[16] = T0;
-    $[17] = cacheHitRate;
-    $[18] = t10;
-    $[19] = t11;
-    $[20] = t12;
-    $[21] = t13;
-    $[22] = t14;
-    $[23] = t15;
-    $[24] = t7;
-    $[25] = t8;
-    $[26] = t9;
-  } else {
-    T0 = $[16];
-    cacheHitRate = $[17];
-    t10 = $[18];
-    t11 = $[19];
-    t12 = $[20];
-    t13 = $[21];
-    t14 = $[22];
-    t15 = $[23];
-    t7 = $[24];
-    t8 = $[25];
-    t9 = $[26];
-  }
-  let t16;
-  if ($[54] !== T0 || $[55] !== t7 || $[56] !== t8 || $[57] !== t9) {
-    t16 = /* @__PURE__ */ jsxDEV(T0, {
-      footer: t7,
-      label: t8,
-      value: t9
-    }, void 0, false);
-    $[54] = T0;
-    $[55] = t7;
-    $[56] = t8;
-    $[57] = t9;
-    $[58] = t16;
-  } else {
-    t16 = $[58];
-  }
-  let t17;
-  if ($[59] !== cacheHitRate || $[60] !== t) {
-    t17 = cacheHitRate === null ? void 0 : `${String(cacheHitRate)}% ${t("cache hit")}`;
-    $[59] = cacheHitRate;
-    $[60] = t;
-    $[61] = t17;
-  } else {
-    t17 = $[61];
-  }
-  let t18;
-  if ($[62] !== t) {
-    t18 = t("Database size");
-    $[62] = t;
-    $[63] = t18;
-  } else {
-    t18 = $[63];
-  }
-  const t19 = metrics?.databaseSize ?? null;
-  let t20;
-  if ($[64] !== t19) {
-    t20 = formatBytes(t19);
-    $[64] = t19;
-    $[65] = t20;
-  } else {
-    t20 = $[65];
-  }
-  let t21;
-  if ($[66] !== t17 || $[67] !== t18 || $[68] !== t20) {
-    t21 = /* @__PURE__ */ jsxDEV(StatCard, {
-      footer: t17,
-      label: t18,
-      value: t20
-    }, void 0, false);
-    $[66] = t17;
-    $[67] = t18;
-    $[68] = t20;
-    $[69] = t21;
-  } else {
-    t21 = $[69];
-  }
-  let t22;
-  if ($[70] !== t10 || $[71] !== t11 || $[72] !== t12 || $[73] !== t13 || $[74] !== t16 || $[75] !== t21) {
-    t22 = /* @__PURE__ */ jsxDEV("div", {
-      className: t10,
-      "data-testid": t11,
-      children: [t12, t13, t16, t21]
-    }, void 0, true);
-    $[70] = t10;
-    $[71] = t11;
-    $[72] = t12;
-    $[73] = t13;
-    $[74] = t16;
-    $[75] = t21;
-    $[76] = t22;
-  } else {
-    t22 = $[76];
-  }
-  let t23;
-  if ($[77] !== functions) {
-    t23 = /* @__PURE__ */ jsxDEV("div", {
-      className: "lg:col-span-2",
-      children: /* @__PURE__ */ jsxDEV(TopFunctionsCard, {
-        functions
-      }, void 0, false)
-    }, void 0, false);
-    $[77] = functions;
-    $[78] = t23;
-  } else {
-    t23 = $[78];
-  }
-  let t24;
-  if ($[79] !== subscriptions) {
-    t24 = /* @__PURE__ */ jsxDEV(LiveConnectionsCard, {
-      subs: subscriptions
-    }, void 0, false);
-    $[79] = subscriptions;
-    $[80] = t24;
-  } else {
-    t24 = $[80];
-  }
-  let t25;
-  if ($[81] !== activity) {
-    t25 = /* @__PURE__ */ jsxDEV(RecentActivityCard, {
-      entries: activity
-    }, void 0, false);
-    $[81] = activity;
-    $[82] = t25;
-  } else {
-    t25 = $[82];
-  }
-  let t26;
-  if ($[83] !== t24 || $[84] !== t25) {
-    t26 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-3",
-      children: [t24, t25]
-    }, void 0, true);
-    $[83] = t24;
-    $[84] = t25;
-    $[85] = t26;
-  } else {
-    t26 = $[85];
-  }
-  let t27;
-  if ($[86] !== t23 || $[87] !== t26) {
-    t27 = /* @__PURE__ */ jsxDEV("div", {
-      className: "grid gap-3 lg:grid-cols-3",
-      children: [t23, t26]
-    }, void 0, true);
-    $[86] = t23;
-    $[87] = t26;
-    $[88] = t27;
-  } else {
-    t27 = $[88];
-  }
-  let t28;
-  if ($[89] !== t) {
-    t28 = t("Advisors");
-    $[89] = t;
-    $[90] = t28;
-  } else {
-    t28 = $[90];
-  }
-  let t29;
-  if ($[91] !== t28) {
-    t29 = /* @__PURE__ */ jsxDEV("h2", {
-      className: "text-sm font-semibold tracking-tight text-foreground",
-      children: t28
-    }, void 0, false);
-    $[91] = t28;
-    $[92] = t29;
-  } else {
-    t29 = $[92];
-  }
-  let t30;
-  if ($[93] !== performanceCount || $[94] !== securityCount || $[95] !== t || $[96] !== viewPerformance || $[97] !== viewSecurity) {
-    t30 = 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);
-    $[93] = performanceCount;
-    $[94] = securityCount;
-    $[95] = t;
-    $[96] = viewPerformance;
-    $[97] = viewSecurity;
-    $[98] = t30;
-  } else {
-    t30 = $[98];
-  }
-  let t31;
-  if ($[99] !== t29 || $[100] !== t30) {
-    t31 = /* @__PURE__ */ jsxDEV("section", {
-      className: "flex flex-col gap-3",
-      "data-testid": "home-advisors",
-      children: [t29, t30]
-    }, void 0, true);
-    $[99] = t29;
-    $[100] = t30;
-    $[101] = t31;
-  } else {
-    t31 = $[101];
-  }
-  let t32;
-  if ($[102] !== t) {
-    t32 = t("Get connected");
-    $[102] = t;
-    $[103] = t32;
-  } else {
-    t32 = $[103];
-  }
-  let t33;
-  if ($[104] !== t32) {
-    t33 = /* @__PURE__ */ jsxDEV("h2", {
-      className: "text-sm font-semibold tracking-tight text-foreground",
-      children: t32
-    }, void 0, false);
-    $[104] = t32;
-    $[105] = t33;
-  } else {
-    t33 = $[105];
-  }
-  let t34;
-  if ($[106] !== t) {
-    t34 = t("Client SDK");
-    $[106] = t;
-    $[107] = t34;
-  } else {
-    t34 = $[107];
-  }
-  let t35;
-  if ($[108] !== t34) {
-    t35 = /* @__PURE__ */ jsxDEV(ConnectCard, {
-      command: "npm i @lunora/client",
-      label: t34
-    }, void 0, false);
-    $[108] = t34;
-    $[109] = t35;
-  } else {
-    t35 = $[109];
-  }
-  let t36;
-  if ($[110] !== t) {
-    t36 = t("React");
-    $[110] = t;
-    $[111] = t36;
-  } else {
-    t36 = $[111];
-  }
-  let t37;
-  if ($[112] !== t36) {
-    t37 = /* @__PURE__ */ jsxDEV(ConnectCard, {
-      command: "npm i @lunora/react",
-      label: t36
-    }, void 0, false);
-    $[112] = t36;
-    $[113] = t37;
-  } else {
-    t37 = $[113];
-  }
-  let t38;
-  if ($[114] !== t) {
-    t38 = t("CLI");
-    $[114] = t;
-    $[115] = t38;
-  } else {
-    t38 = $[115];
-  }
-  let t39;
-  if ($[116] !== t38) {
-    t39 = /* @__PURE__ */ jsxDEV(ConnectCard, {
-      command: "lunora dev",
-      label: t38
-    }, void 0, false);
-    $[116] = t38;
-    $[117] = t39;
-  } else {
-    t39 = $[117];
-  }
-  let t40;
-  if ($[118] !== t35 || $[119] !== t37 || $[120] !== t39) {
-    t40 = /* @__PURE__ */ jsxDEV("div", {
-      className: "grid gap-3 sm:grid-cols-3",
-      children: [t35, t37, t39]
-    }, void 0, true);
-    $[118] = t35;
-    $[119] = t37;
-    $[120] = t39;
-    $[121] = t40;
-  } else {
-    t40 = $[121];
-  }
-  let t41;
-  if ($[122] !== t33 || $[123] !== t40) {
-    t41 = /* @__PURE__ */ jsxDEV("section", {
-      className: "flex flex-col gap-3",
-      "data-testid": "home-get-connected",
-      children: [t33, t40]
-    }, void 0, true);
-    $[122] = t33;
-    $[123] = t40;
-    $[124] = t41;
-  } else {
-    t41 = $[124];
-  }
-  let t42;
-  if ($[125] !== t14 || $[126] !== t15 || $[127] !== t22 || $[128] !== t27 || $[129] !== t31 || $[130] !== t41) {
-    t42 = /* @__PURE__ */ jsxDEV("div", {
-      className: t14,
-      "data-testid": t15,
-      children: [t22, t27, t31, t41]
-    }, void 0, true);
-    $[125] = t14;
-    $[126] = t15;
-    $[127] = t22;
-    $[128] = t27;
-    $[129] = t31;
-    $[130] = t41;
-    $[131] = t42;
-  } else {
-    t42 = $[131];
-  }
-  return t42;
-};
-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 };