@lunora/studio 1.0.0-alpha.1 → 1.0.0-alpha.10

package/dist/packem_shared/{HealthPanel-DOIgbUtx.js → HealthPanel-CyLs7qZm.js}

@@ -1,14 +1,14 @@
 import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import ConnectionBadge from './ConnectionBadge-Bxagrip8.js';
-import { L as LiveError } from './live-status-bPff1O7Y.js';
+import ConnectionBadge from './ConnectionBadge-B2DDM2Tn.js';
+import { L as LiveError } from './live-status-FZ0psC1z.js';
 import { B as Badge } from './badge-B2PKA1-5.js';
 import { C as Card } from './card-DURq3ElK.js';
-import { u as useLiveAdmin } from './use-live-admin-D1h1Fzsd.js';
-import { useT } from './createStudioI18n-CgvlmDkN.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
-import { f as fireAndForget, d as formatTimestamp, c as callOptions, e as errorMessage, a as adminRef } from './internal-BBZYexre.js';
+import { 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 { f as fireAndForget, b as formatTimestamp, c as callOptions, e as errorMessage, a as adminRef } from './internal-rXJEAhXS.js';
 import { l as loadRecentShards } from './shard-history-DyebH1R5.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { shardsToAggregate } from './aggregateMetrics-D4nUHEKU.js';
@@ -333,7 +333,6 @@ const HealthPanel = ({
   const [auth, setAuth] = useState(null);
   const [scheduler, setScheduler] = useState(null);
   const [migrations, setMigrations] = useState([]);
-  const [liveError, setLiveError] = useState(void 0);
   const [recentShards] = useState(loadRecentShards);
   const inFlightRef = useRef(false);
   const mountedRef = useRef(true);
@@ -387,10 +386,19 @@ const HealthPanel = ({
       clearTimeout(trailingTimerRef.current);
     }
   }, []);
-  useLiveAdmin(ADMIN_FUNCTIONS.getMetrics, {}, rootShard, () => {
-    setLiveError(void 0);
+  const {
+    data: liveMetrics,
+    liveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.getMetrics, {}, {
+    live: true,
+    shardKey: rootShard
+  });
+  useEffect(() => {
+    if (liveMetrics === void 0) {
+      return;
+    }
     scheduleFanOut();
-  }, true, setLiveError);
+  }, [liveMetrics]);
   const recentErrors = entries.filter((entry) => entry.level === "error");
   const topErrors = recentErrors.slice(0, RECENT_ERROR_LIMIT);
   const trend = requestErrorSeries(totals?.history);
@@ -398,7 +406,7 @@ const HealthPanel = ({
     const buckets = auth?.history ?? [];
     return {
       attempts: buckets.map((bucket) => bucket.attempts),
-      failures: buckets.map((bucket_0) => bucket_0.failures)
+      failures: buckets.map((bucket) => bucket.failures)
     };
   }, [auth?.history]);
   const worstFunctions = functions.filter((stat) => stat.calls > 0).toSorted((a, b) => b.errors / b.calls - a.errors / a.calls || b.calls - a.calls).slice(0, TOP_FUNCTION_LIMIT);
@@ -549,25 +557,25 @@ const HealthPanel = ({
           children: t("No function activity yet.")
         }, void 0, false) : /* @__PURE__ */ jsxDEV("ul", {
           className: "divide-y divide-border",
-          children: worstFunctions.map((stat_0) => /* @__PURE__ */ jsxDEV("li", {
+          children: worstFunctions.map((stat) => /* @__PURE__ */ jsxDEV("li", {
             className: "flex flex-wrap items-center justify-between gap-2 px-4 py-2 text-xs",
             "data-testid": "hl-fn-row",
             children: [/* @__PURE__ */ jsxDEV("span", {
               className: "truncate font-mono text-foreground",
-              children: stat_0.path
+              children: stat.path
             }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
               className: "flex shrink-0 items-center gap-2",
               children: [/* @__PURE__ */ jsxDEV("span", {
                 className: "tabular-nums text-muted-foreground",
                 children: t("{count} calls", {
-                  count: stat_0.calls.toString()
+                  count: stat.calls.toString()
                 })
               }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
-                variant: LEVEL_VARIANT[rateLevel(stat_0.errors / stat_0.calls, REQUEST_ERROR_WARN, REQUEST_ERROR_CRIT)],
-                children: ratePercent(stat_0.errors, stat_0.calls)
+                variant: LEVEL_VARIANT[rateLevel(stat.errors / stat.calls, REQUEST_ERROR_WARN, REQUEST_ERROR_CRIT)],
+                children: ratePercent(stat.errors, stat.calls)
               }, void 0, false)]
             }, void 0, true)]
-          }, stat_0.path, true))
+          }, stat.path, true))
         }, void 0, false)]
       }, void 0, true), /* @__PURE__ */ jsxDEV(Card, {
         className: "gap-0 py-0",
@@ -592,23 +600,23 @@ const HealthPanel = ({
           children: t("No recent errors.")
         }, void 0, false), topErrors.length > 0 && /* @__PURE__ */ jsxDEV("ul", {
           className: "divide-y divide-border",
-          children: topErrors.map((entry_0, index) => /* @__PURE__ */ jsxDEV("li", {
+          children: topErrors.map((entry, index) => /* @__PURE__ */ jsxDEV("li", {
             className: "flex flex-col gap-0.5 px-4 py-2 text-xs",
             "data-testid": "hl-error-row",
             children: [/* @__PURE__ */ jsxDEV("span", {
               className: "flex items-center gap-2",
               children: [/* @__PURE__ */ jsxDEV("time", {
                 className: "shrink-0 text-muted-foreground",
-                children: formatTimestamp(entry_0.timestamp)
-              }, void 0, false), entry_0.functionPath !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+                children: formatTimestamp(entry.timestamp)
+              }, void 0, false), entry.functionPath !== void 0 && /* @__PURE__ */ jsxDEV("span", {
                 className: "truncate font-mono text-foreground",
-                children: entry_0.functionPath
+                children: entry.functionPath
               }, void 0, false)]
             }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
               className: "text-destructive",
-              children: entry_0.message
+              children: entry.message
             }, void 0, false)]
-          }, `${entry_0.timestamp.toString()}-${index.toString()}`, true))
+          }, `${entry.timestamp.toString()}-${index.toString()}`, true))
         }, void 0, false)]
       }, void 0, true)]
     }, void 0, true), /* @__PURE__ */ jsxDEV(Card, {