@lunora/studio 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/packem_shared/{HomePanel-Cw16stjq.js → home-panel-aOR_drVv.js}

@@ -1,108 +1,398 @@
 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 { useState, useEffect, Suspense, lazy } from 'react';
 import { B as Badge } from './badge-B2PKA1-5.js';
-import { C as Card, a as CardContent } from './card-DURq3ElK.js';
+import { a as CardContent, C as Card } from './card-DURq3ElK.js';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { u as useAdminQuery } from './use-admin-query-BViPA3US.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 { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CdaxLGkE.js';
+import { f as fireAndForget, c as callOptions, a as adminRef, h as formatBytes } from './internal-FcNZ3beb.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { deriveInsights } from './DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js';
+import { useLunora } from '@lunora/react';
 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 STUDIO_FEATURES = adminRef(ADMIN_FUNCTIONS.studioFeatures);
+const DEFAULT_STUDIO_FEATURES = {
+  analytics: true,
+  auth: true,
+  flags: true,
+  kv: true,
+  mail: true,
+  payments: true,
+  queues: true,
+  scheduler: true,
+  storage: true,
+  vectors: true,
+  workflows: true
 };
-const relativeTime = (ts, now) => {
-  const seconds = Math.max(0, Math.round((now - ts) / 1e3));
-  if (seconds < 60) {
-    return `${String(seconds)}s ago`;
+const coerceFeatures = (raw) => {
+  if (raw === null || typeof raw !== "object") {
+    return DEFAULT_STUDIO_FEATURES;
   }
-  const minutes = Math.round(seconds / 60);
-  if (minutes < 60) {
-    return `${String(minutes)}m ago`;
+  const record = raw;
+  const flag = (key) => typeof record[key] === "boolean" ? record[key] : true;
+  return {
+    analytics: flag("analytics"),
+    auth: flag("auth"),
+    flags: flag("flags"),
+    kv: flag("kv"),
+    mail: flag("mail"),
+    payments: flag("payments"),
+    queues: flag("queues"),
+    scheduler: flag("scheduler"),
+    storage: flag("storage"),
+    vectors: flag("vectors"),
+    workflows: flag("workflows")
+  };
+};
+const useStudioFeatures = () => {
+  const $ = c(3);
+  const client = useLunora();
+  const [features, setFeatures] = useState(DEFAULT_STUDIO_FEATURES);
+  let t0;
+  let t1;
+  if ($[0] !== client) {
+    t0 = () => {
+      fireAndForget((async () => {
+        try {
+          setFeatures(coerceFeatures(await client.query(STUDIO_FEATURES, {}, callOptions(""))));
+        } catch {
+        }
+      })());
+    };
+    t1 = [client];
+    $[0] = client;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
   }
-  const hours = Math.round(minutes / 60);
-  return hours < 24 ? `${String(hours)}h ago` : `${String(Math.round(hours / 24))}d ago`;
+  useEffect(t0, t1);
+  return features;
 };
-const SPARKLINE_CONFIG = {
-  value: {
-    colors: {
-      dark: ["var(--foreground)"],
-      light: ["var(--foreground)"]
-    },
-    label: ""
+
+const ChevronRight$1 = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-4 text-muted-foreground",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.6,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "m9 6 6 6-6 6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }, void 0, false)
+    }, void 0, false);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
   }
+  return t0;
 };
-const Sparkline = (t0) => {
-  const $ = c(6);
+const BindingCard = (t0) => {
+  const $ = c(24);
   const {
-    data
+    group
   } = t0;
+  const t = useT();
+  const navigate = useNavigate();
   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;
+  if ($[0] !== group.tab || $[1] !== navigate) {
+    t1 = () => {
+      fireAndForget(navigate({
+        to: `/${group.tab}`
+      }));
+    };
+    $[0] = group.tab;
+    $[1] = navigate;
+    $[2] = t1;
   } else {
-    t1 = $[1];
-    t2 = $[2];
+    t1 = $[2];
   }
-  if (t2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-    return t2;
+  const onOpen = t1;
+  const count = group.bindings.length;
+  let t2;
+  if ($[3] !== group.label) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-sm font-medium text-foreground",
+      children: group.label
+    }, void 0, false);
+    $[3] = group.label;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
   }
-  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;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(ChevronRight$1, {}, void 0, false);
+    $[5] = t3;
   } else {
-    t3 = $[3];
+    t3 = $[5];
   }
   let t4;
-  if ($[4] !== rows) {
+  if ($[6] !== t2) {
     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)
+      className: "flex items-center justify-between",
+      children: [t2, t3]
+    }, void 0, true);
+    $[6] = t2;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== count || $[9] !== t) {
+    t5 = count === 1 ? t("1 binding") : t("{count} bindings", {
+      count
+    });
+    $[8] = count;
+    $[9] = t;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-xs text-muted-foreground",
+      children: t5
     }, void 0, false);
-    $[4] = rows;
-    $[5] = t4;
+    $[11] = t5;
+    $[12] = t6;
   } else {
-    t4 = $[5];
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== count || $[14] !== group.bindings) {
+    t7 = count > 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap gap-1.5",
+      children: group.bindings.map(_temp$1)
+    }, void 0, false);
+    $[13] = count;
+    $[14] = group.bindings;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t4 || $[17] !== t6 || $[18] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(CardContent, {
+      className: "flex flex-col gap-2 py-4",
+      children: [t4, t6, t7]
+    }, void 0, true);
+    $[16] = t4;
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
   }
-  return t4;
+  let t9;
+  if ($[20] !== group.testId || $[21] !== onOpen || $[22] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "cursor-pointer gap-0 py-0 transition-colors hover:bg-muted/40",
+      "data-testid": group.testId,
+      onClick: onOpen,
+      children: t8
+    }, void 0, false);
+    $[20] = group.testId;
+    $[21] = onOpen;
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  return t9;
+};
+const TAB_ORDER = ["kv", "files", "vectors"];
+const upsertCard = (current, card) => [...current.filter((group) => group.tab !== card.tab), card].toSorted((a, b) => TAB_ORDER.indexOf(a.tab) - TAB_ORDER.indexOf(b.tab));
+const BindingsOverview = () => {
+  const $ = c(19);
+  const client = useLunora();
+  const features = useStudioFeatures();
+  const t = useT();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = [];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [groups, setGroups] = useState(t0);
+  let t1;
+  let t2;
+  if ($[1] !== client || $[2] !== features.kv || $[3] !== features.storage || $[4] !== features.vectors || $[5] !== t) {
+    t1 = () => {
+      const token = {
+        cancelled: false
+      };
+      const sources = [{
+        enabled: features.kv,
+        label: t("KV Namespaces"),
+        load: async () => {
+          const namespaces = await client.listKvNamespaces();
+          return namespaces.map(_temp2$1);
+        },
+        tab: "kv",
+        testId: "home-binding-kv"
+      }, {
+        enabled: features.storage,
+        label: t("R2 Buckets"),
+        load: () => client.listStorageBuckets(),
+        tab: "files",
+        testId: "home-binding-r2"
+      }, {
+        enabled: features.vectors,
+        label: t("Vectorize Indexes"),
+        load: async () => {
+          const indexes = await client.listVectorIndexes();
+          return indexes.map(_temp3$1);
+        },
+        tab: "vectors",
+        testId: "home-binding-vectors"
+      }];
+      for (const source of sources) {
+        if (!source.enabled) {
+          continue;
+        }
+        fireAndForget((async () => {
+          try {
+            const bindings = await source.load();
+            if (!token.cancelled) {
+              const card = {
+                bindings,
+                label: source.label,
+                tab: source.tab,
+                testId: source.testId
+              };
+              setGroups((current) => upsertCard(current, card));
+            }
+          } catch {
+          }
+        })());
+      }
+      return () => {
+        token.cancelled = true;
+      };
+    };
+    t2 = [client, features.kv, features.storage, features.vectors, t];
+    $[1] = client;
+    $[2] = features.kv;
+    $[3] = features.storage;
+    $[4] = features.vectors;
+    $[5] = t;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t1 = $[6];
+    t2 = $[7];
+  }
+  useEffect(t1, t2);
+  if (groups.length === 0) {
+    return null;
+  }
+  let t3;
+  if ($[8] !== t) {
+    t3 = t("Bindings");
+    $[8] = t;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("h2", {
+      className: "text-sm font-semibold tracking-tight text-foreground",
+      children: t3
+    }, void 0, false);
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== groups) {
+    t5 = groups.map(_temp4);
+    $[12] = groups;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
+      children: t5
+    }, void 0, false);
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== t4 || $[17] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-3",
+      "data-testid": "home-bindings",
+      children: [t4, t6]
+    }, void 0, true);
+    $[16] = t4;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  return t7;
+};
+function _temp$1(binding) {
+  return /* @__PURE__ */ jsxDEV(Badge, {
+    variant: "secondary",
+    children: binding
+  }, binding, false);
+}
+function _temp2$1(ns) {
+  return ns.binding;
+}
+function _temp3$1(index) {
+  return index.name;
+}
+function _temp4(group) {
+  return /* @__PURE__ */ jsxDEV(BindingCard, {
+    group
+  }, group.tab, false);
+}
+
+const Sparkline = /* @__PURE__ */ lazy(() => import('../packem_chunks/sparkline.js').then((m) => {
+  return {
+    default: m.Sparkline
+  };
+}));
+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 bucketSeries = (history, field) => {
   if (history === void 0 || history.length === 0) {
@@ -188,8 +478,14 @@ const StatCard = (t0) => {
   }
   let t5;
   if ($[9] !== trend) {
-    t5 = trend !== void 0 && /* @__PURE__ */ jsxDEV(Sparkline, {
-      data: trend
+    t5 = trend !== void 0 && /* @__PURE__ */ jsxDEV(Suspense, {
+      fallback: /* @__PURE__ */ jsxDEV("div", {
+        "aria-hidden": "true",
+        className: "h-8 w-28"
+      }, void 0, false),
+      children: /* @__PURE__ */ jsxDEV(Sparkline, {
+        data: trend
+      }, void 0, false)
     }, void 0, false);
     $[9] = trend;
     $[10] = t5;
@@ -427,7 +723,7 @@ const TopFunctionsCard = (t0) => {
   const t = useT();
   let t1;
   if ($[0] !== functions || $[1] !== t) {
-    const top = [...functions].toSorted(_temp2).slice(0, 5);
+    const top = [...functions].toSorted(_temp).slice(0, 5);
     let t2;
     if ($[3] !== t) {
       t2 = t("Top functions");
@@ -472,7 +768,7 @@ const TopFunctionsCard = (t0) => {
             className: "w-8 text-end",
             children: t("Err")
           }, void 0, false)]
-        }, void 0, true), top.map(_temp3)]
+        }, void 0, true), top.map(_temp2)]
       }, void 0, true)]
     }, void 0, true);
     $[0] = functions;
@@ -682,389 +978,463 @@ const averageLatencyMs = (functions) => {
   return functions.reduce((sum, function_) => sum + function_.totalDurationMs, 0) / calls;
 };
 const HomePanel = (t0) => {
-  const $ = c(132);
+  const $ = c(150);
   const {
     initialShardKey
   } = t0;
-  const client = useLunora();
   const t = useT();
   const navigate = useNavigate();
-  const [metrics, setMetrics] = useState(null);
+  const shard = initialShardKey ?? "";
   let t1;
   if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = [];
+    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;
+  if ($[1] !== shard) {
+    t2 = {
+      shardKey: shard
+    };
+    $[1] = shard;
+    $[2] = t2;
   } else {
-    t2 = $[1];
+    t2 = $[2];
   }
-  const [activity, setActivity] = useState(t2);
+  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 ($[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());
+  if ($[4] !== shard) {
+    t4 = {
+      shardKey: shard
     };
-    t4 = [client, initialShardKey];
-    $[2] = client;
-    $[3] = initialShardKey;
-    $[4] = t3;
+    $[4] = shard;
     $[5] = t4;
   } else {
-    t3 = $[4];
     t4 = $[5];
   }
-  useEffect(t3, t4);
+  const statsQuery = useAdminQuery(ADMIN_FUNCTIONS.getFunctionStats, t3, t4);
   let t5;
-  if ($[6] !== navigate) {
-    t5 = () => {
-      fireAndForget(navigate({
-        to: "/security"
-      }));
+  let t6;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {};
+    t6 = {
+      shardKey: ""
     };
-    $[6] = navigate;
-    $[7] = t5;
+    $[6] = t5;
+    $[7] = t6;
   } else {
-    t5 = $[7];
+    t5 = $[6];
+    t6 = $[7];
   }
-  const viewSecurity = t5;
-  let t6;
-  if ($[8] !== navigate) {
-    t6 = () => {
-      fireAndForget(navigate({
-        to: "/insights"
-      }));
+  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
     };
-    $[8] = navigate;
-    $[9] = t6;
+    $[9] = shard;
+    $[10] = t8;
   } else {
-    t6 = $[9];
+    t8 = $[10];
   }
-  const viewPerformance = t6;
+  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 t10;
+  let functions;
+  let performanceCount;
+  let securityCount;
+  let subscriptions;
   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) {
+  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);
-    let t162;
-    if ($[27] !== functions) {
-      t162 = Math.max(0, ...functions.map(_temp4));
-      $[27] = functions;
-      $[28] = t162;
-    } else {
-      t162 = $[28];
-    }
-    const maxLatency = t162;
+    const maxLatency = Math.max(0, ...functions.map(_temp3));
     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;
+    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 {
-      t172 = $[30];
+      t232 = $[47];
     }
-    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;
+    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 {
-      t192 = $[32];
+      t252 = $[49];
     }
-    const t202 = metrics?.requests ?? 0;
-    let t212;
-    if ($[33] !== t202) {
-      t212 = t202.toLocaleString();
-      $[33] = t202;
-      $[34] = t212;
+    const t262 = metrics?.requests ?? 0;
+    let t272;
+    if ($[50] !== t262) {
+      t272 = t262.toLocaleString();
+      $[50] = t262;
+      $[51] = t272;
     } else {
-      t212 = $[34];
+      t272 = $[51];
     }
-    if ($[35] !== requestSeries || $[36] !== t182 || $[37] !== t192 || $[38] !== t212) {
-      t12 = /* @__PURE__ */ jsxDEV(StatCard, {
-        delta: t182,
-        label: t192,
+    if ($[52] !== requestSeries || $[53] !== t242 || $[54] !== t252 || $[55] !== t272) {
+      t16 = /* @__PURE__ */ jsxDEV(StatCard, {
+        delta: t242,
+        label: t252,
         trend: requestSeries,
-        value: t212
+        value: t272
       }, void 0, false);
-      $[35] = requestSeries;
-      $[36] = t182;
-      $[37] = t192;
-      $[38] = t212;
-      $[39] = t12;
+      $[52] = requestSeries;
+      $[53] = t242;
+      $[54] = t252;
+      $[55] = t272;
+      $[56] = t16;
     } else {
-      t12 = $[39];
+      t16 = $[56];
     }
-    const t222 = seriesDelta(errorSeries, false);
-    let t232;
-    if ($[40] !== t) {
-      t232 = t("Errors");
-      $[40] = t;
-      $[41] = t232;
+    const t282 = seriesDelta(errorSeries, false);
+    let t292;
+    if ($[57] !== t) {
+      t292 = t("Errors");
+      $[57] = t;
+      $[58] = t292;
     } else {
-      t232 = $[41];
+      t292 = $[58];
     }
-    const t242 = metrics?.errors ?? 0;
-    let t252;
-    if ($[42] !== t242) {
-      t252 = t242.toLocaleString();
-      $[42] = t242;
-      $[43] = t252;
+    const t302 = metrics?.errors ?? 0;
+    let t312;
+    if ($[59] !== t302) {
+      t312 = t302.toLocaleString();
+      $[59] = t302;
+      $[60] = t312;
     } else {
-      t252 = $[43];
+      t312 = $[60];
     }
-    if ($[44] !== errorSeries || $[45] !== t222 || $[46] !== t232 || $[47] !== t252) {
-      t13 = /* @__PURE__ */ jsxDEV(StatCard, {
-        delta: t222,
-        label: t232,
+    if ($[61] !== errorSeries || $[62] !== t282 || $[63] !== t292 || $[64] !== t312) {
+      t17 = /* @__PURE__ */ jsxDEV(StatCard, {
+        delta: t282,
+        label: t292,
         trend: errorSeries,
-        value: t252
+        value: t312
       }, void 0, false);
-      $[44] = errorSeries;
-      $[45] = t222;
-      $[46] = t232;
-      $[47] = t252;
-      $[48] = t13;
+      $[61] = errorSeries;
+      $[62] = t282;
+      $[63] = t292;
+      $[64] = t312;
+      $[65] = t17;
     } else {
-      t13 = $[48];
+      t17 = $[65];
     }
     T0 = StatCard;
-    if ($[49] !== maxLatency || $[50] !== t) {
-      t7 = maxLatency > 0 ? `${t("max")} ${formatMs(maxLatency)}` : void 0;
-      $[49] = maxLatency;
-      $[50] = t;
-      $[51] = t7;
+    if ($[66] !== maxLatency || $[67] !== t) {
+      t11 = maxLatency > 0 ? `${t("max")} ${formatMs(maxLatency)}` : void 0;
+      $[66] = maxLatency;
+      $[67] = t;
+      $[68] = t11;
     } else {
-      t7 = $[51];
+      t11 = $[68];
     }
-    if ($[52] !== t) {
-      t8 = t("Avg latency");
-      $[52] = t;
-      $[53] = t8;
+    if ($[69] !== t) {
+      t12 = t("Avg latency");
+      $[69] = t;
+      $[70] = t12;
     } else {
-      t8 = $[53];
+      t12 = $[70];
     }
-    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];
+    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 t16;
-  if ($[54] !== T0 || $[55] !== t7 || $[56] !== t8 || $[57] !== t9) {
-    t16 = /* @__PURE__ */ jsxDEV(T0, {
-      footer: t7,
-      label: t8,
-      value: t9
+  let t20;
+  if ($[71] !== T0 || $[72] !== t11 || $[73] !== t12 || $[74] !== t13) {
+    t20 = /* @__PURE__ */ jsxDEV(T0, {
+      footer: t11,
+      label: t12,
+      value: t13
     }, void 0, false);
-    $[54] = T0;
-    $[55] = t7;
-    $[56] = t8;
-    $[57] = t9;
-    $[58] = t16;
+    $[71] = T0;
+    $[72] = t11;
+    $[73] = t12;
+    $[74] = t13;
+    $[75] = t20;
   } else {
-    t16 = $[58];
+    t20 = $[75];
   }
-  let t17;
-  if ($[59] !== cacheHitRate || $[60] !== t) {
-    t17 = cacheHitRate === null ? void 0 : `${String(cacheHitRate)}% ${t("cache hit")}`;
-    $[59] = cacheHitRate;
-    $[60] = t;
-    $[61] = t17;
+  let t21;
+  if ($[76] !== cacheHitRate || $[77] !== t) {
+    t21 = cacheHitRate === null ? void 0 : `${String(cacheHitRate)}% ${t("cache hit")}`;
+    $[76] = cacheHitRate;
+    $[77] = t;
+    $[78] = t21;
   } else {
-    t17 = $[61];
+    t21 = $[78];
   }
-  let t18;
-  if ($[62] !== t) {
-    t18 = t("Database size");
-    $[62] = t;
-    $[63] = t18;
+  let t22;
+  if ($[79] !== t) {
+    t22 = t("Database size");
+    $[79] = t;
+    $[80] = t22;
   } else {
-    t18 = $[63];
+    t22 = $[80];
   }
-  const t19 = metrics?.databaseSize ?? null;
-  let t20;
-  if ($[64] !== t19) {
-    t20 = formatBytes(t19);
-    $[64] = t19;
-    $[65] = t20;
+  const t23 = metrics?.databaseSize ?? null;
+  let t24;
+  if ($[81] !== t23) {
+    t24 = formatBytes(t23);
+    $[81] = t23;
+    $[82] = t24;
   } else {
-    t20 = $[65];
+    t24 = $[82];
   }
-  let t21;
-  if ($[66] !== t17 || $[67] !== t18 || $[68] !== t20) {
-    t21 = /* @__PURE__ */ jsxDEV(StatCard, {
-      footer: t17,
-      label: t18,
-      value: t20
+  let t25;
+  if ($[83] !== t21 || $[84] !== t22 || $[85] !== t24) {
+    t25 = /* @__PURE__ */ jsxDEV(StatCard, {
+      footer: t21,
+      label: t22,
+      value: t24
     }, void 0, false);
-    $[66] = t17;
-    $[67] = t18;
-    $[68] = t20;
-    $[69] = t21;
+    $[83] = t21;
+    $[84] = t22;
+    $[85] = t24;
+    $[86] = t25;
   } else {
-    t21 = $[69];
+    t25 = $[86];
   }
-  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]
+  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);
-    $[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", {
+    $[87] = t14;
+    $[88] = t15;
+    $[89] = t16;
+    $[90] = t17;
+    $[91] = t20;
+    $[92] = t25;
+    $[93] = t26;
+  } else {
+    t26 = $[93];
+  }
+  let t27;
+  if ($[94] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t27 = /* @__PURE__ */ jsxDEV(BindingsOverview, {}, void 0, false);
+    $[94] = t27;
+  } else {
+    t27 = $[94];
+  }
+  let t28;
+  if ($[95] !== functions) {
+    t28 = /* @__PURE__ */ jsxDEV("div", {
       className: "lg:col-span-2",
       children: /* @__PURE__ */ jsxDEV(TopFunctionsCard, {
         functions
       }, void 0, false)
     }, void 0, false);
-    $[77] = functions;
-    $[78] = t23;
+    $[95] = functions;
+    $[96] = t28;
   } else {
-    t23 = $[78];
+    t28 = $[96];
   }
-  let t24;
-  if ($[79] !== subscriptions) {
-    t24 = /* @__PURE__ */ jsxDEV(LiveConnectionsCard, {
+  let t29;
+  if ($[97] !== subscriptions) {
+    t29 = /* @__PURE__ */ jsxDEV(LiveConnectionsCard, {
       subs: subscriptions
     }, void 0, false);
-    $[79] = subscriptions;
-    $[80] = t24;
+    $[97] = subscriptions;
+    $[98] = t29;
   } else {
-    t24 = $[80];
+    t29 = $[98];
   }
-  let t25;
-  if ($[81] !== activity) {
-    t25 = /* @__PURE__ */ jsxDEV(RecentActivityCard, {
+  let t30;
+  if ($[99] !== activity) {
+    t30 = /* @__PURE__ */ jsxDEV(RecentActivityCard, {
       entries: activity
     }, void 0, false);
-    $[81] = activity;
-    $[82] = t25;
+    $[99] = activity;
+    $[100] = t30;
   } else {
-    t25 = $[82];
+    t30 = $[100];
   }
-  let t26;
-  if ($[83] !== t24 || $[84] !== t25) {
-    t26 = /* @__PURE__ */ jsxDEV("div", {
+  let t31;
+  if ($[101] !== t29 || $[102] !== t30) {
+    t31 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-3",
-      children: [t24, t25]
+      children: [t29, t30]
     }, void 0, true);
-    $[83] = t24;
-    $[84] = t25;
-    $[85] = t26;
+    $[101] = t29;
+    $[102] = t30;
+    $[103] = t31;
   } else {
-    t26 = $[85];
+    t31 = $[103];
   }
-  let t27;
-  if ($[86] !== t23 || $[87] !== t26) {
-    t27 = /* @__PURE__ */ jsxDEV("div", {
+  let t32;
+  if ($[104] !== t28 || $[105] !== t31) {
+    t32 = /* @__PURE__ */ jsxDEV("div", {
       className: "grid gap-3 lg:grid-cols-3",
-      children: [t23, t26]
+      children: [t28, t31]
     }, void 0, true);
-    $[86] = t23;
-    $[87] = t26;
-    $[88] = t27;
+    $[104] = t28;
+    $[105] = t31;
+    $[106] = t32;
   } else {
-    t27 = $[88];
+    t32 = $[106];
   }
-  let t28;
-  if ($[89] !== t) {
-    t28 = t("Advisors");
-    $[89] = t;
-    $[90] = t28;
+  let t33;
+  if ($[107] !== t) {
+    t33 = t("Advisors");
+    $[107] = t;
+    $[108] = t33;
   } else {
-    t28 = $[90];
+    t33 = $[108];
   }
-  let t29;
-  if ($[91] !== t28) {
-    t29 = /* @__PURE__ */ jsxDEV("h2", {
+  let t34;
+  if ($[109] !== t33) {
+    t34 = /* @__PURE__ */ jsxDEV("h2", {
       className: "text-sm font-semibold tracking-tight text-foreground",
-      children: t28
+      children: t33
     }, void 0, false);
-    $[91] = t28;
-    $[92] = t29;
+    $[109] = t33;
+    $[110] = t34;
   } else {
-    t29 = $[92];
+    t34 = $[110];
   }
-  let t30;
-  if ($[93] !== performanceCount || $[94] !== securityCount || $[95] !== t || $[96] !== viewPerformance || $[97] !== viewSecurity) {
-    t30 = securityCount === 0 && performanceCount === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+  let t35;
+  if ($[111] !== performanceCount || $[112] !== securityCount || $[113] !== t || $[114] !== viewPerformance || $[115] !== viewSecurity) {
+    t35 = securityCount === 0 && performanceCount === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
       description: t("No security or performance issues detected."),
       icon: /* @__PURE__ */ jsxDEV("svg", {
         "aria-hidden": "true",
@@ -1096,159 +1466,153 @@ const HomePanel = (t0) => {
         title: t("Performance issues")
       }, void 0, false)]
     }, void 0, true);
-    $[93] = performanceCount;
-    $[94] = securityCount;
-    $[95] = t;
-    $[96] = viewPerformance;
-    $[97] = viewSecurity;
-    $[98] = t30;
+    $[111] = performanceCount;
+    $[112] = securityCount;
+    $[113] = t;
+    $[114] = viewPerformance;
+    $[115] = viewSecurity;
+    $[116] = t35;
   } else {
-    t30 = $[98];
+    t35 = $[116];
   }
-  let t31;
-  if ($[99] !== t29 || $[100] !== t30) {
-    t31 = /* @__PURE__ */ jsxDEV("section", {
+  let t36;
+  if ($[117] !== t34 || $[118] !== t35) {
+    t36 = /* @__PURE__ */ jsxDEV("section", {
       className: "flex flex-col gap-3",
       "data-testid": "home-advisors",
-      children: [t29, t30]
+      children: [t34, t35]
     }, void 0, true);
-    $[99] = t29;
-    $[100] = t30;
-    $[101] = t31;
+    $[117] = t34;
+    $[118] = t35;
+    $[119] = t36;
   } else {
-    t31 = $[101];
+    t36 = $[119];
   }
-  let t32;
-  if ($[102] !== t) {
-    t32 = t("Get connected");
-    $[102] = t;
-    $[103] = t32;
+  let t37;
+  if ($[120] !== t) {
+    t37 = t("Get connected");
+    $[120] = t;
+    $[121] = t37;
   } else {
-    t32 = $[103];
+    t37 = $[121];
   }
-  let t33;
-  if ($[104] !== t32) {
-    t33 = /* @__PURE__ */ jsxDEV("h2", {
+  let t38;
+  if ($[122] !== t37) {
+    t38 = /* @__PURE__ */ jsxDEV("h2", {
       className: "text-sm font-semibold tracking-tight text-foreground",
-      children: t32
+      children: t37
     }, void 0, false);
-    $[104] = t32;
-    $[105] = t33;
+    $[122] = t37;
+    $[123] = t38;
   } else {
-    t33 = $[105];
+    t38 = $[123];
   }
-  let t34;
-  if ($[106] !== t) {
-    t34 = t("Client SDK");
-    $[106] = t;
-    $[107] = t34;
+  let t39;
+  if ($[124] !== t) {
+    t39 = t("Client SDK");
+    $[124] = t;
+    $[125] = t39;
   } else {
-    t34 = $[107];
+    t39 = $[125];
   }
-  let t35;
-  if ($[108] !== t34) {
-    t35 = /* @__PURE__ */ jsxDEV(ConnectCard, {
+  let t40;
+  if ($[126] !== t39) {
+    t40 = /* @__PURE__ */ jsxDEV(ConnectCard, {
       command: "npm i @lunora/client",
-      label: t34
+      label: t39
     }, void 0, false);
-    $[108] = t34;
-    $[109] = t35;
+    $[126] = t39;
+    $[127] = t40;
   } else {
-    t35 = $[109];
+    t40 = $[127];
   }
-  let t36;
-  if ($[110] !== t) {
-    t36 = t("React");
-    $[110] = t;
-    $[111] = t36;
+  let t41;
+  if ($[128] !== t) {
+    t41 = t("React");
+    $[128] = t;
+    $[129] = t41;
   } else {
-    t36 = $[111];
+    t41 = $[129];
   }
-  let t37;
-  if ($[112] !== t36) {
-    t37 = /* @__PURE__ */ jsxDEV(ConnectCard, {
+  let t42;
+  if ($[130] !== t41) {
+    t42 = /* @__PURE__ */ jsxDEV(ConnectCard, {
       command: "npm i @lunora/react",
-      label: t36
+      label: t41
     }, void 0, false);
-    $[112] = t36;
-    $[113] = t37;
+    $[130] = t41;
+    $[131] = t42;
   } else {
-    t37 = $[113];
+    t42 = $[131];
   }
-  let t38;
-  if ($[114] !== t) {
-    t38 = t("CLI");
-    $[114] = t;
-    $[115] = t38;
+  let t43;
+  if ($[132] !== t) {
+    t43 = t("CLI");
+    $[132] = t;
+    $[133] = t43;
   } else {
-    t38 = $[115];
+    t43 = $[133];
   }
-  let t39;
-  if ($[116] !== t38) {
-    t39 = /* @__PURE__ */ jsxDEV(ConnectCard, {
+  let t44;
+  if ($[134] !== t43) {
+    t44 = /* @__PURE__ */ jsxDEV(ConnectCard, {
       command: "lunora dev",
-      label: t38
+      label: t43
     }, void 0, false);
-    $[116] = t38;
-    $[117] = t39;
+    $[134] = t43;
+    $[135] = t44;
   } else {
-    t39 = $[117];
+    t44 = $[135];
   }
-  let t40;
-  if ($[118] !== t35 || $[119] !== t37 || $[120] !== t39) {
-    t40 = /* @__PURE__ */ jsxDEV("div", {
+  let t45;
+  if ($[136] !== t40 || $[137] !== t42 || $[138] !== t44) {
+    t45 = /* @__PURE__ */ jsxDEV("div", {
       className: "grid gap-3 sm:grid-cols-3",
-      children: [t35, t37, t39]
+      children: [t40, t42, t44]
     }, void 0, true);
-    $[118] = t35;
-    $[119] = t37;
-    $[120] = t39;
-    $[121] = t40;
+    $[136] = t40;
+    $[137] = t42;
+    $[138] = t44;
+    $[139] = t45;
   } else {
-    t40 = $[121];
+    t45 = $[139];
   }
-  let t41;
-  if ($[122] !== t33 || $[123] !== t40) {
-    t41 = /* @__PURE__ */ jsxDEV("section", {
+  let t46;
+  if ($[140] !== t38 || $[141] !== t45) {
+    t46 = /* @__PURE__ */ jsxDEV("section", {
       className: "flex flex-col gap-3",
       "data-testid": "home-get-connected",
-      children: [t33, t40]
+      children: [t38, t45]
     }, 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]
+    $[140] = t38;
+    $[141] = t45;
+    $[142] = t46;
+  } else {
+    t46 = $[142];
+  }
+  let t47;
+  if ($[143] !== t18 || $[144] !== t19 || $[145] !== t26 || $[146] !== t32 || $[147] !== t36 || $[148] !== t46) {
+    t47 = /* @__PURE__ */ jsxDEV("div", {
+      className: t18,
+      "data-testid": t19,
+      children: [t26, t27, t32, t36, t46]
     }, void 0, true);
-    $[125] = t14;
-    $[126] = t15;
-    $[127] = t22;
-    $[128] = t27;
-    $[129] = t31;
-    $[130] = t41;
-    $[131] = t42;
+    $[143] = t18;
+    $[144] = t19;
+    $[145] = t26;
+    $[146] = t32;
+    $[147] = t36;
+    $[148] = t46;
+    $[149] = t47;
   } else {
-    t42 = $[131];
+    t47 = $[149];
   }
-  return t42;
+  return t47;
 };
-function _temp(value, index) {
-  return {
-    index,
-    value
-  };
-}
-function _temp2(a, b) {
+function _temp(a, b) {
   return b.calls - a.calls;
 }
-function _temp3(function_) {
+function _temp2(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", {
@@ -1266,8 +1630,8 @@ function _temp3(function_) {
     }, void 0, false)]
   }, function_.path, true);
 }
-function _temp4(function_) {
+function _temp3(function_) {
   return function_.maxDurationMs;
 }
 
-export { HomePanel };
+export { HomePanel as H, useStudioFeatures as u };