@lunora/studio 1.0.0-alpha.8 → 1.0.0-alpha.9

package/dist/index.js

@@ -1,21 +1,21 @@
-export { StudioApp } from './packem_shared/StudioApp-ColQCvC_.js';
+export { StudioApp } from './packem_shared/StudioApp-CQbULfaH.js';
 export { CommandPalette, openCommandPalette } from './packem_shared/CommandPalette-BtgkBzZI.js';
-export { S as Studio } from './packem_shared/studio-Be28OqIx.js';
+export { S as Studio } from './packem_shared/studio-D93XGB-i.js';
 export { ConfirmButton } from './packem_shared/ConfirmButton-C2eVi2Qv.js';
 export { default as ConnectionBadge } from './packem_shared/ConnectionBadge-B2DDM2Tn.js';
 export { ErrorBoundary } from './packem_shared/ErrorBoundary-BzAApI7J.js';
 export { ShardInput } from './packem_shared/ShardInput-gx_DZXXn.js';
 export { DEFAULT_INSIGHT_THRESHOLDS, deriveInsights } from './packem_shared/DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js';
-export { InsightsPanel } from './packem_shared/InsightsPanel-DzNtoz7k.js';
-export { default as SecurityAdvisorPanel } from './packem_shared/SecurityAdvisorPanel-DHr_bI38.js';
+export { InsightsPanel } from './packem_shared/InsightsPanel-B1BaHaPL.js';
+export { default as SecurityAdvisorPanel } from './packem_shared/SecurityAdvisorPanel-Bn2yq05G.js';
 export { default as ApiDocsPanel } from './packem_shared/ApiDocsPanel-yVSGHK3H.js';
 export { default as ApiReferencePanel } from './packem_shared/ApiReferencePanel-1vubqG5s.js';
 export { default as ApiTab } from './packem_shared/ApiTab-rwttyQ1-.js';
 export { default as OpenRpcReferencePanel } from './packem_shared/OpenRpcReferencePanel-vbcYbv3V.js';
-export { DataBrowser } from './packem_shared/DataBrowser-Ck_7QwNK.js';
+export { DataBrowser } from './packem_shared/DataBrowser-BtT2NYcR.js';
 export { DataFilters, toFilterClauses } from './packem_shared/DataFilters-FNquMaiu.js';
 export { GlobalDataBrowser } from './packem_shared/GlobalDataBrowser-BTEmGrph.js';
-export { TableEditor } from './packem_shared/TableEditor-B8K5nUna.js';
+export { TableEditor } from './packem_shared/TableEditor-Df_5NPaF.js';
 export { ExportImportPanel } from './packem_shared/ExportImportPanel-Dq6rj0tI.js';
 export { MigrationsPanel } from './packem_shared/MigrationsPanel-RX5qIFSr.js';
 export { PitrPanel } from './packem_shared/PitrPanel-LJGNP_IX.js';
@@ -24,7 +24,7 @@ export { FunctionStatsPanel } from './packem_shared/FunctionStatsPanel-Cn_EBpDy.
 export { HomePanel } from './packem_shared/HomePanel-CP0lN1eF.js';
 export { AuditPanel } from './packem_shared/AuditPanel-BqXZAsu_.js';
 export { LogsPanel } from './packem_shared/LogsPanel-C3W0mabf.js';
-export { MailPanel } from './packem_shared/MailPanel-CoEfWkCh.js';
+export { MailPanel } from './packem_shared/MailPanel-DozizrvV.js';
 export { ScheduledJobs } from './packem_shared/ScheduledJobs-CabfKbyM.js';
 export { HealthPanel } from './packem_shared/HealthPanel-CQ4LzVET.js';
 export { aggregateMetrics, shardsToAggregate } from './packem_shared/aggregateMetrics-D4nUHEKU.js';

package/dist/mount.js

@@ -1,5 +1,5 @@
 import { createRoot } from 'react-dom/client';
-import { StudioApp } from './packem_shared/StudioApp-ColQCvC_.js';
+import { StudioApp } from './packem_shared/StudioApp-CQbULfaH.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const mountStudio = (options = {}) => {

package/dist/packem_shared/{DataBrowser-Ck_7QwNK.js → DataBrowser-BtT2NYcR.js}

@@ -2817,14 +2817,14 @@ const NO_COLUMNS = [];
 const useMaskPolicies = () => {
   const client = useLunora();
   const [columns, setColumns] = useState(NO_COLUMNS);
-  const refresh = async () => {
+  const refresh = useCallback(async () => {
     try {
       const result = await client.query(MASK_POLICIES, {}, callOptions(""));
       setColumns(Array.isArray(result.columns) ? result.columns : NO_COLUMNS);
     } catch {
       setColumns(NO_COLUMNS);
     }
-  };
+  }, [client]);
   useEffect(() => {
     fireAndForget(refresh());
   }, [refresh]);

package/dist/packem_shared/{InsightsPanel-DzNtoz7k.js → InsightsPanel-B1BaHaPL.js}

@@ -294,6 +294,28 @@ const InsightsPanel = ({
   const [shardTraffic, setShardTraffic] = useState(null);
   const [error, setError] = useState(null);
   const fanShardTraffic = loadShardTraffic ?? ((table) => client.shardTraffic(table));
+  const loadShardTrafficFeed = async (tableNames) => {
+    const seedTable = tableNames[0];
+    if (seedTable === void 0 || seedTable === "") {
+      setShardTraffic(null);
+      return;
+    }
+    try {
+      const traffic = await fanShardTraffic(seedTable);
+      const byShard = /* @__PURE__ */ new Map();
+      for (const entry of traffic.shards) {
+        if (!byShard.has(entry.shardKey)) {
+          byShard.set(entry.shardKey, {
+            requests: entry.requests,
+            shardKey: entry.shardKey
+          });
+        }
+      }
+      setShardTraffic([...byShard.values()]);
+    } catch {
+      setShardTraffic(null);
+    }
+  };
   const refresh = async (shard) => {
     const [snapshot, stats, advisorySnapshot] = await Promise.allSettled([client.query(GET_METRICS, {}, callOptions(shard)), client.query(GET_FUNCTION_STATS, {}, callOptions(shard)), client.query(GET_ADVISORIES, {}, callOptions(shard))]);
     if (snapshot.status === "rejected" && stats.status === "rejected") {
@@ -306,10 +328,10 @@ const InsightsPanel = ({
     setFunctions(stats.status === "fulfilled" ? stats.value.functions : null);
     setAdvisories(advisorySnapshot.status === "fulfilled" ? advisorySnapshot.value.advisories : null);
     setIndexHits(snapshot.status === "fulfilled" ? snapshot.value.indexHits ?? null : null);
-    let tableNames = [];
+    let tableNames_0 = [];
     try {
       const tables = await client.query(LIST_TABLES, {}, callOptions(shard));
-      tableNames = tables.map((table_0) => table_0.name);
+      tableNames_0 = tables.map((table_0) => table_0.name);
       const indexResults = await Promise.allSettled(tables.map(async (table_1) => [table_1.name, await client.query(LIST_TABLE_INDEXES, {
         table: table_1.name
       }, callOptions(shard))]));
@@ -324,21 +346,7 @@ const InsightsPanel = ({
     } catch {
       setDeclaredIndexes(null);
     }
-    try {
-      const traffic = await fanShardTraffic(tableNames[0] ?? "");
-      const byShard = /* @__PURE__ */ new Map();
-      for (const entry of traffic.shards) {
-        if (!byShard.has(entry.shardKey)) {
-          byShard.set(entry.shardKey, {
-            requests: entry.requests,
-            shardKey: entry.shardKey
-          });
-        }
-      }
-      setShardTraffic([...byShard.values()]);
-    } catch {
-      setShardTraffic(null);
-    }
+    await loadShardTrafficFeed(tableNames_0);
   };
   useLiveShardSeed(shardKey, refresh);
   useEffect(() => {

package/dist/packem_shared/{MailPanel-CoEfWkCh.js → MailPanel-DozizrvV.js}

@@ -1,6 +1,6 @@
 'use client';
 import { useLunora } from '@lunora/react';
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useCallback, useEffect, useMemo } from 'react';
 import { B as Badge } from './badge-B2PKA1-5.js';
 import { B as Button } from './button-BhsN2uZH.js';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
@@ -13,7 +13,7 @@ import { Separator as Separator$1 } from '@base-ui/react/separator';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.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, g as copyToClipboard, a as adminRef } from './internal-rXJEAhXS.js';
+import { c as callOptions, e as errorMessage, f as fireAndForget, b as formatTimestamp, a as adminRef, g as copyToClipboard } from './internal-rXJEAhXS.js';
 
 function Separator({
   className,
@@ -149,7 +149,7 @@ const MailPanel = ({
   const [selectedId, setSelectedId] = useState(null);
   const [tab, setTab] = useState("html");
   const [filter, setFilter] = useState("");
-  const refresh = async () => {
+  const refresh = useCallback(async () => {
     setError(null);
     try {
       const next = await client.query(GET_CAPTURED_MAIL, {
@@ -160,7 +160,7 @@ const MailPanel = ({
       setEntries([]);
       setError(errorMessage(error_));
     }
-  };
+  }, [client, limit]);
   const clearInbox = async () => {
     setError(null);
     try {

package/dist/packem_shared/{SecurityAdvisorPanel-DHr_bI38.js → SecurityAdvisorPanel-Bn2yq05G.js}

@@ -1,8 +1,8 @@
 import { useLunora } from '@lunora/react';
-import { useState, useEffect } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DjXgvJb6.js';
-import { f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from './internal-rXJEAhXS.js';
+import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef } from './internal-rXJEAhXS.js';
 import { A as AdvisorView } from './advisor-view-CGcfMiPq.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
@@ -48,7 +48,7 @@ const SecurityAdvisorPanel = () => {
   const t = useT();
   const [findings, setFindings] = useState(null);
   const [error, setError] = useState(null);
-  const refresh = async () => {
+  const refresh = useCallback(async () => {
     try {
       const result = await client.query(GET_SECURITY_AUDIT, {}, callOptions(""));
       setFindings(Array.isArray(result.findings) ? result.findings : []);
@@ -56,7 +56,7 @@ const SecurityAdvisorPanel = () => {
     } catch (error_) {
       setError(errorMessage(error_));
     }
-  };
+  }, [client]);
   useEffect(() => {
     fireAndForget(refresh());
   }, [refresh]);

package/dist/packem_shared/{Studio-DkgODWD3.js → Studio-CccqZ-J1.js}

@@ -1,15 +1,15 @@
 import 'react/compiler-runtime';
 import '@tanstack/react-router';
 import 'react';
-export { S as Studio } from './studio-Be28OqIx.js';
+export { S as Studio } from './studio-D93XGB-i.js';
 import './ErrorBoundary-BzAApI7J.js';
 import './badge-B2PKA1-5.js';
 import './input-XH4r1Pt1.js';
 import './reference-view-B4E49Lip.js';
-import './InsightsPanel-DzNtoz7k.js';
-import './SecurityAdvisorPanel-DHr_bI38.js';
+import './InsightsPanel-B1BaHaPL.js';
+import './SecurityAdvisorPanel-Bn2yq05G.js';
 import './ApiTab-rwttyQ1-.js';
-import './TableEditor-B8K5nUna.js';
+import './TableEditor-Df_5NPaF.js';
 import './ExportImportPanel-Dq6rj0tI.js';
 import './MigrationsPanel-RX5qIFSr.js';
 import './PitrPanel-LJGNP_IX.js';
@@ -18,7 +18,7 @@ import './FunctionStatsPanel-Cn_EBpDy.js';
 import './HomePanel-CP0lN1eF.js';
 import './AuditPanel-BqXZAsu_.js';
 import './LogsPanel-C3W0mabf.js';
-import './MailPanel-CoEfWkCh.js';
+import './MailPanel-DozizrvV.js';
 import './HealthPanel-CQ4LzVET.js';
 import './MetricsPanel-CujtUfpl.js';
 import './SchemaViewer-Bam6ylvw.js';

package/dist/packem_shared/{StudioApp-ColQCvC_.js → StudioApp-CQbULfaH.js}

@@ -3,7 +3,7 @@ import { LunoraClient } from '@lunora/client';
 import { LunoraProvider } from '@lunora/react';
 import { useState, useEffect } from 'react';
 import { ErrorBoundary } from './ErrorBoundary-BzAApI7J.js';
-import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-Be28OqIx.js';
+import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-D93XGB-i.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
 import { useT, createStudioI18n } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';

package/dist/packem_shared/{TableEditor-B8K5nUna.js → TableEditor-Df_5NPaF.js}

@@ -5,7 +5,7 @@ import { useRef, useState, useEffect } from 'react';
 import { T as TIER_META } from './storage-tier-CL98eOvn.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { f as fireAndForget } from './internal-rXJEAhXS.js';
-import { DataBrowser } from './DataBrowser-Ck_7QwNK.js';
+import { DataBrowser } from './DataBrowser-BtT2NYcR.js';
 import { GlobalDataBrowser } from './GlobalDataBrowser-BTEmGrph.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/{studio-Be28OqIx.js → studio-D93XGB-i.js}

@@ -2,7 +2,7 @@
 import { c } from 'react/compiler-runtime';
 import { createRootRoute, createRoute, createBrowserHistory, createMemoryHistory, createRouter, useNavigate, useRouterState, useSearch, Outlet, RouterProvider } from '@tanstack/react-router';
 import * as React from 'react';
-import { useState, useEffect, createContext, use, useMemo, useRef, useCallback } from 'react';
+import { useState, useEffect, createContext, use, useCallback, useMemo, useRef } from 'react';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { ErrorBoundary } from './ErrorBoundary-BzAApI7J.js';
@@ -20,21 +20,21 @@ import { B as Button } from './button-BhsN2uZH.js';
 import { Dialog } from '@base-ui/react/dialog';
 import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 import { S as Skeleton } from './reference-view-B4E49Lip.js';
-import { InsightsPanel } from './InsightsPanel-DzNtoz7k.js';
+import { InsightsPanel } from './InsightsPanel-B1BaHaPL.js';
 import { useLunora } from '@lunora/react';
 import { C as Card, a as CardContent, b as CardHeader, c as CardTitle, d as CardDescription } 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 { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DjXgvJb6.js';
-import { f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef, h as formatCell, b as formatTimestamp, g as copyToClipboard } from './internal-rXJEAhXS.js';
-import SecurityAdvisorPanel from './SecurityAdvisorPanel-DHr_bI38.js';
+import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef, h as formatCell, b as formatTimestamp, g as copyToClipboard } from './internal-rXJEAhXS.js';
+import SecurityAdvisorPanel from './SecurityAdvisorPanel-Bn2yq05G.js';
 import { createAnalyticsSqlClient } from '@lunora/bindings/analytics';
 import ApiTab from './ApiTab-rwttyQ1-.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
 import { L as Label } from './label-D8ykjn5J.js';
 import { M as ModalShell } from './grid-features-CzUfqgsM.js';
-import { TableEditor } from './TableEditor-B8K5nUna.js';
+import { TableEditor } from './TableEditor-Df_5NPaF.js';
 import { ExportImportPanel } from './ExportImportPanel-Dq6rj0tI.js';
 import { MigrationsPanel } from './MigrationsPanel-RX5qIFSr.js';
 import { PitrPanel } from './PitrPanel-LJGNP_IX.js';
@@ -44,7 +44,7 @@ import { HomePanel } from './HomePanel-CP0lN1eF.js';
 import { AuditPanel } from './AuditPanel-BqXZAsu_.js';
 import { C as CLOUDFLARE_OBSERVABILITY_URL } from './cf-links-2cktDedA.js';
 import { LogsPanel } from './LogsPanel-C3W0mabf.js';
-import { MailPanel } from './MailPanel-CoEfWkCh.js';
+import { MailPanel } from './MailPanel-DozizrvV.js';
 import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
 import { ScheduledJobs } from './ScheduledJobs-CabfKbyM.js';
 import { ShardInput } from './ShardInput-gx_DZXXn.js';
@@ -1677,7 +1677,7 @@ const RlsPanel = () => {
   const t = useT();
   const [data, setData] = useState(null);
   const [error, setError] = useState(null);
-  const refresh = async () => {
+  const refresh = useCallback(async () => {
     try {
       const result = await client.query(RLS_POLICIES$1, {}, callOptions(""));
       setData({
@@ -1688,7 +1688,7 @@ const RlsPanel = () => {
     } catch (error_) {
       setError(errorMessage(error_));
     }
-  };
+  }, [client]);
   useEffect(() => {
     fireAndForget(refresh());
   }, [refresh]);
@@ -1972,7 +1972,7 @@ const AnalyticsPanel = ({
     });
     return (sql) => client.query(sql);
   }, [config, runQuery]);
-  const load = async (token) => {
+  const load = useCallback(async (token) => {
     if (run === null) {
       return;
     }
@@ -2019,7 +2019,7 @@ const AnalyticsPanel = ({
         }
       }
     }
-  };
+  }, [run, dataset]);
   useEffect(() => {
     const token_0 = {
       cancelled: false
@@ -4102,7 +4102,7 @@ const UsersPanel = ({
   const {
     capabilities
   } = useAuthCapabilities();
-  const fetchUsers = async () => {
+  const fetchUsers = useCallback(async () => {
     setUsersError(null);
     const trimmedSearch = debouncedSearch.trim();
     const trimmedRole = roleFilter.trim();
@@ -4118,7 +4118,7 @@ const UsersPanel = ({
       setUsers(null);
       setUsersError(errorMessage(error_));
     }
-  };
+  }, [client, debouncedSearch, roleFilter, pageSize]);
   const reloadUsers = () => {
     fireAndForget(fetchUsers());
   };
@@ -5489,7 +5489,7 @@ const PaymentsPanel = ({
   const [subscriptions, setSubscriptions] = useState([]);
   const [events, setEvents] = useState([]);
   const [error, setError] = useState(null);
-  const refresh = async () => {
+  const refresh = useCallback(async () => {
     setError(null);
     try {
       const [subscriptionRows, eventRows] = await Promise.all([readRows(client, "subscriptions", limit), readRows(client, "events", 25)]);
@@ -5500,7 +5500,7 @@ const PaymentsPanel = ({
       setEvents([]);
       setError(errorMessage(error_));
     }
-  };
+  }, [client, limit]);
   useEffect(() => {
     fireAndForget(refresh());
   }, [refresh]);
@@ -5695,7 +5695,7 @@ const PermissionsMatrix = ({
   const [advisories, setAdvisories] = useState(null);
   const [error, setError] = useState(null);
   const [liveError, setLiveError] = useState(void 0);
-  const refresh = async () => {
+  const refresh = useCallback(async () => {
     const queryRls = client.query(RLS_POLICIES, {}, callOptions(""));
     const queryMasks = client.query(MASK_POLICIES, {}, callOptions(""));
     const queryAdvisories = client.query(GET_ADVISORIES, {}, callOptions(""));
@@ -5716,7 +5716,7 @@ const PermissionsMatrix = ({
     } catch (error_) {
       setError(errorMessage(error_));
     }
-  };
+  }, [client]);
   useEffect(() => {
     fireAndForget(refresh());
   }, [refresh]);
@@ -7234,7 +7234,7 @@ const StorageRulesPanel = () => {
   const t = useT();
   const [data, setData] = useState(null);
   const [error, setError] = useState(null);
-  const refresh = async () => {
+  const refresh = useCallback(async () => {
     try {
       const result = await client.query(STORAGE_RULES, {}, callOptions(""));
       setData({
@@ -7244,7 +7244,7 @@ const StorageRulesPanel = () => {
     } catch (error_) {
       setError(errorMessage(error_));
     }
-  };
+  }, [client]);
   useEffect(() => {
     fireAndForget(refresh());
   }, [refresh]);