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

package/dist/{packem_shared/FunctionStatsPanel-BjRUA_G3.js → packem_chunks/FunctionStatsPanel.js}

@@ -1,22 +1,20 @@
 import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useState, useRef, useEffect } from 'react';
-import { L as LiveError } from './live-status-FZ0psC1z.js';
-import { ShardInput } from './ShardInput-gx_DZXXn.js';
-import { B as Badge } from './badge-B2PKA1-5.js';
-import { B as Button } from './button-BhsN2uZH.js';
-import { C as Card, a as CardContent } from './card-DURq3ElK.js';
-import { E as EmptyState } from './empty-state-DY_oe0k6.js';
-import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-_RzNvy3R.js';
-import { u as useLiveAdmin } from './use-live-admin-Dq6g3daN.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.js';
-import { b as formatTimestamp, c as callOptions, e as errorMessage, a as adminRef } from './internal-rXJEAhXS.js';
-import { c as cn } from './utils-B05Dmz_H.js';
-import { u as useLiveShardSeed } from './use-live-shard-seed-Cuk3dnH0.js';
+import { useState } from 'react';
+import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
+import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
+import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
+import { g as formatTimestamp } from '../packem_shared/internal-FcNZ3beb.js';
+import { c as cn } from '../packem_shared/utils-B05Dmz_H.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
-const GET_FUNCTION_STATS = adminRef(ADMIN_FUNCTIONS.getFunctionStats);
 const KIND_VARIANT = {
   action: "outline",
   mutation: "default",
@@ -53,218 +51,163 @@ const SORTERS = {
   slowest: (a, b) => b.maxDurationMs - a.maxDurationMs
 };
 const FunctionStatsPanel = (t0) => {
-  const $ = c(48);
+  const $ = c(45);
   const {
     functions,
     initialShardKey
   } = t0;
-  const client = useLunora();
   const t = useT();
   const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const [stats, setStats] = useState(null);
-  const [error, setError] = useState(null);
   const [sortKey, setSortKey] = useState("recent");
-  const [liveError, setLiveError] = useState(void 0);
-  const mountedRef = useRef(true);
   let t1;
+  if ($[0] !== shardKey) {
+    t1 = shardKey.trim();
+    $[0] = shardKey;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const debouncedShard = useDebounced(t1, 400);
   let t2;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      mountedRef.current = true;
-      return () => {
-        mountedRef.current = false;
-      };
-    };
-    t2 = [];
-    $[0] = t1;
-    $[1] = t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {};
+    $[2] = t2;
   } else {
-    t1 = $[0];
-    t2 = $[1];
+    t2 = $[2];
   }
-  useEffect(t1, t2);
   let t3;
-  if ($[2] !== functions) {
-    t3 = new Map((functions ?? []).map(_temp));
-    $[2] = functions;
-    $[3] = t3;
+  if ($[3] !== debouncedShard) {
+    t3 = {
+      live: true,
+      shardKey: debouncedShard
+    };
+    $[3] = debouncedShard;
+    $[4] = t3;
   } else {
-    t3 = $[3];
+    t3 = $[4];
   }
-  const kindByPath = t3;
+  const {
+    data,
+    error,
+    liveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.getFunctionStats, t2, t3);
+  const stats = data?.functions ?? null;
   let t4;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = (result) => {
-      setError(null);
-      setLiveError(void 0);
-      setStats(result.functions);
-    };
-    $[4] = t4;
+  if ($[5] !== functions) {
+    t4 = new Map((functions ?? []).map(_temp));
+    $[5] = functions;
+    $[6] = t4;
   } else {
-    t4 = $[4];
+    t4 = $[6];
   }
-  const applyResult = t4;
+  const kindByPath = t4;
   let t5;
-  if ($[5] !== client) {
-    t5 = async (shard) => {
-      try {
-        const next = await client.query(GET_FUNCTION_STATS, {}, callOptions(shard));
-        if (mountedRef.current) {
-          applyResult(next);
-        }
-      } catch (t62) {
-        const error_ = t62;
-        if (mountedRef.current) {
-          setStats(null);
-          setError(errorMessage(error_));
-        }
-        throw error_;
-      }
-    };
-    $[5] = client;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  const refresh = t5;
-  const committedShard = useLiveShardSeed(shardKey, refresh);
-  let t6;
   if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t6 = {};
-    $[7] = t6;
-  } else {
-    t6 = $[7];
-  }
-  let t7;
-  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t7 = (next_0) => {
-      if (mountedRef.current) {
-        applyResult(next_0);
-      }
-    };
-    $[8] = t7;
-  } else {
-    t7 = $[8];
-  }
-  let t8;
-  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = (message) => {
-      if (mountedRef.current) {
-        setLiveError(message);
-      }
-    };
-    $[9] = t8;
-  } else {
-    t8 = $[9];
-  }
-  useLiveAdmin(ADMIN_FUNCTIONS.getFunctionStats, t6, committedShard ?? "", t7, committedShard !== void 0, t8);
-  let t9;
-  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t9 = (event) => {
+    t5 = (event) => {
       setSortKey(event.currentTarget.dataset.sort);
     };
-    $[10] = t9;
+    $[7] = t5;
   } else {
-    t9 = $[10];
+    t5 = $[7];
   }
-  const selectSort = t9;
-  let t10;
-  if ($[11] !== error || $[12] !== kindByPath || $[13] !== liveError || $[14] !== shardKey || $[15] !== sortKey || $[16] !== stats || $[17] !== t) {
+  const selectSort = t5;
+  let t6;
+  if ($[8] !== error || $[9] !== kindByPath || $[10] !== liveError || $[11] !== shardKey || $[12] !== sortKey || $[13] !== stats || $[14] !== t) {
     const sorted = stats === null ? [] : stats.toSorted(SORTERS[sortKey]);
-    let t11;
-    if ($[19] !== t) {
-      t11 = t("Recent");
-      $[19] = t;
-      $[20] = t11;
+    let t7;
+    if ($[16] !== t) {
+      t7 = t("Recent");
+      $[16] = t;
+      $[17] = t7;
     } else {
-      t11 = $[20];
+      t7 = $[17];
     }
-    let t12;
-    if ($[21] !== t11) {
-      t12 = {
+    let t8;
+    if ($[18] !== t7) {
+      t8 = {
         key: "recent",
-        label: t11
+        label: t7
       };
-      $[21] = t11;
-      $[22] = t12;
+      $[18] = t7;
+      $[19] = t8;
     } else {
-      t12 = $[22];
+      t8 = $[19];
     }
-    let t13;
-    if ($[23] !== t) {
-      t13 = t("Most called");
-      $[23] = t;
-      $[24] = t13;
+    let t9;
+    if ($[20] !== t) {
+      t9 = t("Most called");
+      $[20] = t;
+      $[21] = t9;
     } else {
-      t13 = $[24];
+      t9 = $[21];
     }
-    let t14;
-    if ($[25] !== t13) {
-      t14 = {
+    let t10;
+    if ($[22] !== t9) {
+      t10 = {
         key: "calls",
-        label: t13
+        label: t9
       };
-      $[25] = t13;
-      $[26] = t14;
+      $[22] = t9;
+      $[23] = t10;
     } else {
-      t14 = $[26];
+      t10 = $[23];
     }
-    let t15;
-    if ($[27] !== t) {
-      t15 = t("Slowest");
-      $[27] = t;
-      $[28] = t15;
+    let t11;
+    if ($[24] !== t) {
+      t11 = t("Slowest");
+      $[24] = t;
+      $[25] = t11;
     } else {
-      t15 = $[28];
+      t11 = $[25];
     }
-    let t16;
-    if ($[29] !== t15) {
-      t16 = {
+    let t12;
+    if ($[26] !== t11) {
+      t12 = {
         key: "slowest",
-        label: t15
+        label: t11
       };
-      $[29] = t15;
-      $[30] = t16;
+      $[26] = t11;
+      $[27] = t12;
     } else {
-      t16 = $[30];
+      t12 = $[27];
     }
-    let t17;
-    if ($[31] !== t12 || $[32] !== t14 || $[33] !== t16) {
-      t17 = [t12, t14, t16];
-      $[31] = t12;
-      $[32] = t14;
-      $[33] = t16;
-      $[34] = t17;
+    let t13;
+    if ($[28] !== t10 || $[29] !== t12 || $[30] !== t8) {
+      t13 = [t8, t10, t12];
+      $[28] = t10;
+      $[29] = t12;
+      $[30] = t8;
+      $[31] = t13;
     } else {
-      t17 = $[34];
+      t13 = $[31];
     }
-    const sortButtons = t17;
-    let t18;
-    if ($[35] !== shardKey) {
-      t18 = /* @__PURE__ */ jsxDEV(ShardInput, {
+    const sortButtons = t13;
+    let t14;
+    if ($[32] !== shardKey) {
+      t14 = /* @__PURE__ */ jsxDEV(ShardInput, {
         onChange: setShardKey,
         testId: "fs-shard-input",
         value: shardKey
       }, void 0, false);
-      $[35] = shardKey;
-      $[36] = t18;
+      $[32] = shardKey;
+      $[33] = t14;
     } else {
-      t18 = $[36];
+      t14 = $[33];
     }
-    let t19;
-    if ($[37] !== liveError) {
-      t19 = /* @__PURE__ */ jsxDEV(LiveError, {
+    let t15;
+    if ($[34] !== liveError) {
+      t15 = /* @__PURE__ */ jsxDEV(LiveError, {
         message: liveError,
         prefix: "fs"
       }, void 0, false);
-      $[37] = liveError;
-      $[38] = t19;
+      $[34] = liveError;
+      $[35] = t15;
     } else {
-      t19 = $[38];
+      t15 = $[35];
     }
-    let t20;
-    if ($[39] !== sortButtons || $[40] !== sortKey) {
-      t20 = /* @__PURE__ */ jsxDEV("div", {
+    let t16;
+    if ($[36] !== sortButtons || $[37] !== sortKey) {
+      t16 = /* @__PURE__ */ jsxDEV("div", {
         className: "ml-auto flex items-center gap-1",
         role: "group",
         children: sortButtons.map((option) => /* @__PURE__ */ jsxDEV(Button, {
@@ -277,42 +220,42 @@ const FunctionStatsPanel = (t0) => {
           children: option.label
         }, option.key, false))
       }, void 0, false);
-      $[39] = sortButtons;
-      $[40] = sortKey;
-      $[41] = t20;
+      $[36] = sortButtons;
+      $[37] = sortKey;
+      $[38] = t16;
     } else {
-      t20 = $[41];
+      t16 = $[38];
     }
-    let t21;
-    if ($[42] !== t18 || $[43] !== t19 || $[44] !== t20) {
-      t21 = /* @__PURE__ */ jsxDEV("div", {
+    let t17;
+    if ($[39] !== t14 || $[40] !== t15 || $[41] !== t16) {
+      t17 = /* @__PURE__ */ jsxDEV("div", {
         className: "flex flex-wrap items-center gap-2",
-        children: [t18, t19, t20]
+        children: [t14, t15, t16]
       }, void 0, true);
-      $[42] = t18;
-      $[43] = t19;
-      $[44] = t20;
-      $[45] = t21;
+      $[39] = t14;
+      $[40] = t15;
+      $[41] = t16;
+      $[42] = t17;
     } else {
-      t21 = $[45];
+      t17 = $[42];
     }
-    let t22;
-    if ($[46] !== error) {
-      t22 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+    let t18;
+    if ($[43] !== error) {
+      t18 = error !== null && /* @__PURE__ */ jsxDEV("p", {
         className: "text-sm text-destructive",
         "data-testid": "fs-error",
         role: "alert",
         children: error
       }, void 0, false);
-      $[46] = error;
-      $[47] = t22;
+      $[43] = error;
+      $[44] = t18;
     } else {
-      t22 = $[47];
+      t18 = $[44];
     }
-    t10 = /* @__PURE__ */ jsxDEV("div", {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-4",
       "data-testid": "lunora-function-stats",
-      children: [t21, t22, stats !== null && sorted.length === 0 && error === null && /* @__PURE__ */ jsxDEV(EmptyState, {
+      children: [t17, t18, stats !== null && sorted.length === 0 && error === null && /* @__PURE__ */ jsxDEV(EmptyState, {
         description: t("Per-function call counts, error rates, and latency land here after your first request."),
         icon: /* @__PURE__ */ jsxDEV("svg", {
           "aria-hidden": "true",
@@ -412,18 +355,18 @@ const FunctionStatsPanel = (t0) => {
         }, void 0, false)
       }, void 0, false)]
     }, void 0, true);
-    $[11] = error;
-    $[12] = kindByPath;
-    $[13] = liveError;
-    $[14] = shardKey;
-    $[15] = sortKey;
-    $[16] = stats;
-    $[17] = t;
-    $[18] = t10;
+    $[8] = error;
+    $[9] = kindByPath;
+    $[10] = liveError;
+    $[11] = shardKey;
+    $[12] = sortKey;
+    $[13] = stats;
+    $[14] = t;
+    $[15] = t6;
   } else {
-    t10 = $[18];
+    t6 = $[15];
   }
-  return t10;
+  return t6;
 };
 function _temp(descriptor) {
   return [descriptor.path, descriptor.kind];

package/dist/{packem_shared/HealthPanel-PxclMWmA.js → packem_chunks/HealthPanel.js}

@@ -1,18 +1,18 @@
 import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-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-Dq6g3daN.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.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';
-import { S as Sparkline } from './sparkline-10dG-_f0.js';
+import ConnectionBadge from '../packem_shared/ConnectionBadge-B2DDM2Tn.js';
+import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { C as Card } from '../packem_shared/card-DURq3ElK.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
+import { f as fireAndForget, g as formatTimestamp, c as callOptions, e as errorMessage, a as adminRef } from '../packem_shared/internal-FcNZ3beb.js';
+import { l as loadRecentShards } from '../packem_shared/shard-history-DyebH1R5.js';
+import { c as cn } from '../packem_shared/utils-B05Dmz_H.js';
+import { shardsToAggregate } from '../packem_shared/aggregateMetrics-D4nUHEKU.js';
+import { S as Sparkline } from '../packem_shared/sparkline-KgMPHS4u.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const STATUS_RANK = {
@@ -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, {