@lunora/studio 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/packem_shared/{GlobalDataBrowser-9MhPEfgN.js → GlobalDataBrowser-3X9uRfdO.js}

@@ -2,12 +2,12 @@ import { useLunora } from '@lunora/react';
 import { useState, useRef, useCallback, useEffect } from 'react';
 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 { b as useClientQuery } from './use-admin-query-BkbdNFNz.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
-import { useT } from './createStudioI18n-CgvlmDkN.js';
-import { C as CLOUDFLARE_D1_URL } from './cf-links-BZfRdxSE.js';
-import { e as errorMessage, f as fireAndForget } from './internal-BBZYexre.js';
-import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-aZHLq70w.js';
-import { G as GridContainer, C as CellValue } from './data-grid-CCh2Couo.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { b as CLOUDFLARE_D1_URL } from './cf-links-2cktDedA.js';
+import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-Bg7uzbvC.js';
+import { G as GridContainer, C as CellValue } from './data-grid-B5CaV3wS.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const DEFAULT_PAGE_SIZE = 50;
@@ -37,13 +37,9 @@ const GlobalDataBrowser = ({
 } = {}) => {
   const client = useLunora();
   const t = useT();
-  const [tables, setTables] = useState(null);
-  const [tablesError, setTablesError] = useState(null);
   const [selectedTable, setSelectedTable] = useState(initialTable ?? null);
   const [offset, setOffset] = useState(0);
   const [pageSize, setPageSize] = useState(initialPageSize);
-  const [page, setPage] = useState(null);
-  const [pageError, setPageError] = useState(null);
   const [filters, setFilters] = useState([]);
   const filtersRef = useRef(filters);
   filtersRef.current = filters;
@@ -53,76 +49,53 @@ const GlobalDataBrowser = ({
     refetchFacets: refetchFacetsViaHook,
     toggleFacet
   } = useFacets();
-  const fetchTables = useCallback(async () => {
-    setTablesError(null);
-    try {
-      setTables(await client.listGlobalTables());
-    } catch (error) {
-      setTables(null);
-      setTablesError(errorMessage(error));
-    }
-  }, [client]);
-  const fetchSeqRef = useRef(0);
-  const fetchPage = useCallback(async (table, nextOffset, limit = pageSize, activeFilters = filtersRef.current) => {
-    fetchSeqRef.current += 1;
-    const seq = fetchSeqRef.current;
-    setPageError(null);
-    try {
-      const result = await client.readGlobalTablePage({
-        filters: activeFilters,
-        limit,
-        offset: nextOffset,
-        table
-      });
-      if (fetchSeqRef.current !== seq) {
-        return;
-      }
-      setPage(result);
-      setOffset(nextOffset);
-    } catch (error_0) {
-      if (fetchSeqRef.current !== seq) {
-        return;
-      }
-      setPage(null);
-      setPageError(errorMessage(error_0));
-    }
-  }, [client, pageSize]);
-  const facetFetcher = (table_0, activeFilters_0) => (column) => client.facetGlobalColumn({
+  const tablesQuery = useClientQuery(["lunora-global-tables"], () => client.listGlobalTables());
+  const tables = tablesQuery.data ?? null;
+  const tablesError = tablesQuery.error;
+  const pageQuery = useClientQuery(["lunora-global-page", selectedTable ?? "", offset, pageSize, JSON.stringify(filters)], () => client.readGlobalTablePage({
+    filters,
+    limit: pageSize,
+    offset,
+    table: selectedTable ?? ""
+  }), {
+    enabled: selectedTable !== null,
+    keepPreviousData: false
+  });
+  const page = pageQuery.data ?? null;
+  const pageError = pageQuery.error;
+  const facetFetcher = (table, activeFilters) => (column) => client.facetGlobalColumn({
     column,
-    filters: activeFilters_0,
-    table: table_0
+    filters: activeFilters,
+    table
   });
-  const refetchFacets = (table_1, activeFilters_1) => {
-    refetchFacetsViaHook(facetFetcher(table_1, activeFilters_1));
+  const refetchFacets = (table_0, activeFilters_0) => {
+    refetchFacetsViaHook(facetFetcher(table_0, activeFilters_0));
   };
-  useEffect(() => {
-    fireAndForget(fetchTables());
-  }, [fetchTables]);
   useAutoRefresh(() => {
-    fireAndForget(fetchTables());
+    tablesQuery.refetch();
     if (selectedTable !== null) {
-      fireAndForget(fetchPage(selectedTable, offset));
+      pageQuery.refetch();
       refetchFacets(selectedTable, filtersRef.current);
     }
   }, true);
   const appliedInitialTable = useRef(void 0);
-  const selectTable = useCallback((table_2) => {
-    setSelectedTable(table_2);
-    appliedInitialTable.current = table_2;
+  const selectTable = useCallback((table_1) => {
+    setSelectedTable(table_1);
+    appliedInitialTable.current = table_1;
     setFilters([]);
     filtersRef.current = [];
     clearFacets();
-    fireAndForget(fetchPage(table_2, 0, pageSize, []));
-    onSelectTable?.(table_2);
-  }, [clearFacets, fetchPage, onSelectTable, pageSize]);
+    setOffset(0);
+    onSelectTable?.(table_1);
+  }, [clearFacets, onSelectTable]);
   const onToggleFacet = (column_0) => {
     toggleFacet(column_0, selectedTable === null ? null : facetFetcher(selectedTable, filtersRef.current));
   };
   const applyFilters = (next) => {
     setFilters(next);
     filtersRef.current = next;
+    setOffset(0);
     if (selectedTable !== null) {
-      fireAndForget(fetchPage(selectedTable, 0, pageSize, next));
       refetchFacets(selectedTable, next);
     }
   };
@@ -146,11 +119,11 @@ const GlobalDataBrowser = ({
       selectTable(target);
     });
   }, [initialTable, selectTable]);
-  const goToPage = (nextOffset_0) => {
+  const goToPage = (nextOffset) => {
     if (selectedTable === null) {
       return;
     }
-    fireAndForget(fetchPage(selectedTable, Math.max(0, nextOffset_0)));
+    setOffset(Math.max(0, nextOffset));
   };
   const total = page?.total ?? 0;
   const hasPrevious = offset > 0;
@@ -158,7 +131,7 @@ const GlobalDataBrowser = ({
   const rangeStart = page === null || page.rows.length === 0 ? 0 : offset + 1;
   const rangeEnd = page === null ? 0 : offset + page.rows.length;
   const reloadTables = () => {
-    fireAndForget(fetchTables());
+    tablesQuery.refetch();
   };
   const goPrevious = () => {
     goToPage(offset - pageSize);
@@ -171,9 +144,7 @@ const GlobalDataBrowser = ({
   };
   const changePageSize = (size) => {
     setPageSize(size);
-    if (selectedTable !== null) {
-      fireAndForget(fetchPage(selectedTable, 0, size));
-    }
+    setOffset(0);
   };
   return /* @__PURE__ */ jsxDEV("div", {
     className: "flex h-full min-w-0",

package/dist/packem_shared/{HealthPanel-DOIgbUtx.js → HealthPanel-Dj0GRo5P.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-BkbdNFNz.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CdaxLGkE.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, {