@lunora/studio 1.0.0-alpha.5 → 1.0.0-alpha.51

package/dist/packem_shared/{DataFilters-FNquMaiu.js → DataFilters-B1Q7mrt7.js}

@@ -23,12 +23,16 @@ const OPERATORS = [{
   label: "contains",
   value: "contains"
 }];
+const coerceFilterValue = (value) => {
+  const trimmed = value.trim();
+  const asNumber = Number(trimmed);
+  return trimmed !== "" && Number.isFinite(asNumber) && String(asNumber) === trimmed ? asNumber : value;
+};
 const toFilterClauses = (filters) => filters.filter((filter) => filter.column !== "").map((filter) => {
-  const numeric = filter.operator !== "contains" && filter.value.trim() !== "" && !Number.isNaN(Number(filter.value));
   return {
     column: filter.column,
     operator: filter.operator,
-    value: numeric ? Number(filter.value) : filter.value
+    value: filter.operator === "contains" ? filter.value : coerceFilterValue(filter.value)
   };
 });
 const DataFilters = (t0) => {

package/dist/packem_shared/{GlobalDataBrowser-BTEmGrph.js → GlobalDataBrowser-f5Ll2AQK.js}

@@ -1,13 +1,13 @@
 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 { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-DsCa9Qp9.js';
+import { a as useClientQuery } from './use-admin-query-BGJ010yZ.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { b as CLOUDFLARE_D1_URL } from './cf-links-2cktDedA.js';
-import { e as errorMessage, f as fireAndForget } from './internal-rXJEAhXS.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 { C as CLOUDFLARE_D1_URL } from './cf-links-BZfRdxSE.js';
+import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-huX4VmgI.js';
+import { G as GridContainer, C as CellValue } from './data-grid-C9I16KWr.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);
     }
   };
@@ -136,6 +109,10 @@ const GlobalDataBrowser = ({
     const index = Number(event.currentTarget.dataset["index"]);
     applyFilters(filtersRef.current.filter((_, position) => position !== index));
   };
+  const selectTableRef = useRef(selectTable);
+  useEffect(() => {
+    selectTableRef.current = selectTable;
+  });
   useEffect(() => {
     if (initialTable === void 0 || initialTable === "" || appliedInitialTable.current === initialTable) {
       return;
@@ -143,14 +120,14 @@ const GlobalDataBrowser = ({
     appliedInitialTable.current = initialTable;
     const target = initialTable;
     queueMicrotask(() => {
-      selectTable(target);
+      selectTableRef.current(target);
     });
-  }, [initialTable, selectTable]);
-  const goToPage = (nextOffset_0) => {
+  }, [initialTable]);
+  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 +135,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 +148,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/HomePanel-Ye8PaqQL.js

@@ -0,0 +1,14 @@
+import 'react/compiler-runtime';
+import '@tanstack/react-router';
+import 'react';
+import './badge-B2PKA1-5.js';
+import './card-DURq3ElK.js';
+import './empty-state-DY_oe0k6.js';
+import './use-admin-query-BGJ010yZ.js';
+import './DEFAULT_LOCALE-CiX4W7Kr.js';
+import './ADMIN_FUNCTIONS-DNeyYtUN.js';
+import './internal-zwBoOv24.js';
+import './utils-B05Dmz_H.js';
+import './DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js';
+export { H as HomePanel } from './home-panel-D62G8108.js';
+import 'react/jsx-dev-runtime';

package/dist/packem_shared/{OpenRpcReferencePanel-vbcYbv3V.js → OpenRpcReferencePanel-CWaf0ZtX.js}

@@ -1,7 +1,8 @@
 import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
-import { u as useAdminSpec, S as Skeleton, R as ReferenceView } from './reference-view-B4E49Lip.js';
+import { S as Skeleton } from './skeleton-CGhL0p20.js';
+import { u as useAdminSpec, R as ReferenceView } from './reference-view-DUULLuOi.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/{ScheduledJobs-CabfKbyM.js → ScheduledJobs-dHMgnJbx.js}

@@ -1,79 +1,151 @@
+import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
-import { useState, useMemo, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.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 { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-DsCa9Qp9.js';
+import { a as useClientQuery } from './use-admin-query-BGJ010yZ.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget, e as errorMessage, b as formatTimestamp } from './internal-rXJEAhXS.js';
+import { f as fireAndForget, i as formatTimestamp, e as errorMessage } from './internal-zwBoOv24.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const formatScheduledFor = (value) => Number.isFinite(value) ? formatTimestamp(value, "—") : "—";
-const ScheduledJobs = ({
-  cancelJob,
-  loadJobs
-} = {}) => {
+const sortByDue = (records) => records.toSorted((a, b) => a.scheduledFor - b.scheduledFor);
+const ScheduledJobs = (t0) => {
+  const $ = c(33);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    cancelJob,
+    loadJobs
+  } = t1;
   const client = useLunora();
   const t = useT();
-  const [jobs, setJobs] = useState(null);
-  const [error, setError] = useState(null);
-  const load = loadJobs ?? (() => client.listScheduledJobs());
-  const cancelImpl = useMemo(() => {
-    if (cancelJob !== void 0) {
-      return cancelJob;
-    }
-    return loadJobs === void 0 ? (id) => client.cancelScheduledJob(id) : void 0;
-  }, [cancelJob, client, loadJobs]);
-  const refresh = async () => {
-    setError(null);
-    try {
-      const records = await load();
-      setJobs(records.toSorted((a, b) => a.scheduledFor - b.scheduledFor));
-    } catch (error_) {
-      setJobs(null);
-      setError(errorMessage(error_));
-    }
-  };
-  useEffect(() => {
-    fireAndForget(refresh());
-  }, []);
   const livePush = loadJobs === void 0;
-  useEffect(() => {
-    if (!livePush) {
-      return void 0;
-    }
-    return client.subscribeScheduledJobs((records) => {
-      setError(null);
-      setJobs(records.toSorted((a, b) => a.scheduledFor - b.scheduledFor));
-    });
-  }, [livePush, client]);
-  useAutoRefresh(() => {
-    fireAndForget(refresh());
-  }, !livePush);
-  const cancel = async (id) => {
-    if (cancelImpl === void 0) {
-      return;
-    }
-    setError(null);
-    try {
-      await cancelImpl(id);
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = ["lunora-scheduled-jobs"];
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== client || $[4] !== loadJobs) {
+    t3 = async () => {
+      const records = await (loadJobs ?? (() => client.listScheduledJobs()))();
+      return sortByDue(records);
+    };
+    $[3] = client;
+    $[4] = loadJobs;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const jobsQuery = useClientQuery(t2, t3);
+  const [liveJobs, setLiveJobs] = useState(void 0);
+  const [liveError, setLiveError] = useState(void 0);
+  let t4;
+  let t5;
+  if ($[6] !== client || $[7] !== livePush) {
+    t4 = () => {
       if (!livePush) {
-        await refresh();
+        return;
       }
-    } catch (error_) {
-      setError(errorMessage(error_));
+      return client.subscribeScheduledJobs((records_0) => {
+        setLiveError(void 0);
+        setLiveJobs(sortByDue(records_0));
+      });
+    };
+    t5 = [livePush, client];
+    $[6] = client;
+    $[7] = livePush;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t4 = $[8];
+    t5 = $[9];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[10] !== jobsQuery) {
+    t6 = () => {
+      jobsQuery.refetch();
+    };
+    $[10] = jobsQuery;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  useAutoRefresh(t6, !livePush);
+  let t7;
+  bb0: {
+    if (cancelJob !== void 0) {
+      t7 = cancelJob;
+      break bb0;
+    }
+    let t82;
+    if ($[12] !== client || $[13] !== loadJobs) {
+      t82 = loadJobs === void 0 ? (id) => client.cancelScheduledJob(id) : void 0;
+      $[12] = client;
+      $[13] = loadJobs;
+      $[14] = t82;
+    } else {
+      t82 = $[14];
     }
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-3",
-    "data-testid": "lunora-scheduled-jobs",
-    children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
+    t7 = t82;
+  }
+  const cancelImpl = t7;
+  const jobs = liveJobs ?? jobsQuery.data;
+  const error = liveError ?? jobsQuery.error;
+  let t8;
+  if ($[15] !== cancelImpl || $[16] !== jobsQuery || $[17] !== livePush) {
+    t8 = async (id_0) => {
+      if (cancelImpl === void 0) {
+        return;
+      }
+      setLiveError(void 0);
+      try {
+        await cancelImpl(id_0);
+        if (!livePush) {
+          jobsQuery.refetch();
+        }
+      } catch (t92) {
+        const error_ = t92;
+        setLiveError(errorMessage(error_));
+      }
+    };
+    $[15] = cancelImpl;
+    $[16] = jobsQuery;
+    $[17] = livePush;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  const cancel = t8;
+  let t9;
+  if ($[19] !== error) {
+    t9 = error !== null && /* @__PURE__ */ jsxDEV("p", {
       className: "text-sm text-destructive",
       "data-testid": "sj-error",
       role: "alert",
       children: error
-    }, void 0, false), jobs !== null && jobs.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+    }, void 0, false);
+    $[19] = error;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== jobs?.length || $[22] !== t) {
+    t10 = jobs?.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
       description: t("Jobs queued with runAfter / runAt will appear here."),
       icon: /* @__PURE__ */ jsxDEV("svg", {
         "aria-hidden": "true",
@@ -93,7 +165,16 @@ const ScheduledJobs = ({
       }, void 0, true),
       testId: "sj-empty",
       title: t("No scheduled jobs.")
-    }, void 0, false), jobs !== null && jobs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+    }, void 0, false);
+    $[21] = jobs?.length;
+    $[22] = t;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== cancel || $[25] !== cancelImpl || $[26] !== jobs || $[27] !== t) {
+    t11 = jobs !== void 0 && jobs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
       className: "overflow-hidden py-0",
       children: /* @__PURE__ */ jsxDEV(CardContent, {
         className: "px-0",
@@ -152,8 +233,30 @@ const ScheduledJobs = ({
           }, void 0, false)]
         }, void 0, true)
       }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
+    }, void 0, false);
+    $[24] = cancel;
+    $[25] = cancelImpl;
+    $[26] = jobs;
+    $[27] = t;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  let t12;
+  if ($[29] !== t10 || $[30] !== t11 || $[31] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      "data-testid": "lunora-scheduled-jobs",
+      children: [t9, t10, t11]
+    }, void 0, true);
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t9;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  return t12;
 };
 
 export { ScheduledJobs };

package/dist/packem_shared/{ShardInput-gx_DZXXn.js → ShardInput-CZnpHILL.js}

@@ -1,7 +1,7 @@
 import { c } from 'react/compiler-runtime';
 import { useId, useState } from 'react';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { l as loadRecentShards } from './shard-history-DyebH1R5.js';
+import { l as loadRecentShards } from './shard-history-AxiJ1WPP.js';
 import { I as Input } from './input-XH4r1Pt1.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/Studio-BNGjxLVo.js

@@ -0,0 +1,16 @@
+import 'react/compiler-runtime';
+import '@tanstack/react-router';
+import 'react';
+export { S as Studio } from './studio-Cd21fp4v.js';
+import './ErrorBoundary-BzAApI7J.js';
+import './badge-B2PKA1-5.js';
+import './input-XH4r1Pt1.js';
+import './skeleton-CGhL0p20.js';
+import './home-panel-D62G8108.js';
+import './DEFAULT_LOCALE-CiX4W7Kr.js';
+import './StudioI18nProvider-B-tDCZIi.js';
+import './data-view-params-Cd6yRVbv.js';
+import './internal-zwBoOv24.js';
+import './utils-B05Dmz_H.js';
+import './CommandPalette-BXV4eKf5.js';
+import 'react/jsx-dev-runtime';

package/dist/packem_shared/{StudioApp-D4azxYBu.js → StudioApp-K9dn1Q9d.js}

@@ -3,33 +3,28 @@ 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-H9fuQgSj.js';
+import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-Cd21fp4v.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
 import { useT, createStudioI18n } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
+import { r as resolveOrigin } from './internal-zwBoOv24.js';
 import STUDIO_ROOT_CLASS from './STUDIO_ROOT_CLASS-D12gX2dV.js';
+import { a as storageOf } from './browser-storage-L4gOP5gJ.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { B as Button } from './button-BhsN2uZH.js';
 import { I as Input } from './input-XH4r1Pt1.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const STORAGE_KEY = "lunora-studio-admin-token";
-const store = () => {
-  try {
-    return globalThis.sessionStorage;
-  } catch {
-    return void 0;
-  }
-};
 const loadToken = () => {
   try {
-    return store()?.getItem(STORAGE_KEY) ?? "";
+    return storageOf("session")?.getItem(STORAGE_KEY) ?? "";
   } catch {
     return "";
   }
 };
 const saveToken = (token) => {
-  const storage = store();
+  const storage = storageOf("session");
   if (storage === void 0) {
     return;
   }
@@ -43,6 +38,66 @@ const saveToken = (token) => {
   }
 };
 
+const WS_TOKEN_MINT_PATH = "/_lunora/admin/ws-token";
+const REFRESH_MARGIN_MS = 1e4;
+const isMintedWsToken = (body) => {
+  const candidate = body;
+  return typeof candidate?.token === "string" && candidate.token.length > 0 && typeof candidate.expiresAtMs === "number";
+};
+const createAdminWsTokenProvider = (options) => {
+  const {
+    adminToken,
+    baseUrl
+  } = options;
+  const fetchImpl = options.fetchImpl ?? fetch;
+  let origin = baseUrl;
+  while (origin.endsWith("/")) {
+    origin = origin.slice(0, -1);
+  }
+  const mintUrl = `${origin}${WS_TOKEN_MINT_PATH}`;
+  let cached;
+  let endpointMissing = false;
+  let inFlight;
+  const mint = async () => {
+    const response = await fetchImpl(mintUrl, {
+      headers: {
+        authorization: `Bearer ${adminToken}`
+      },
+      method: "POST"
+    });
+    if (response.status === 404 || response.status === 405) {
+      endpointMissing = true;
+      return adminToken;
+    }
+    if (!response.ok) {
+      throw new Error(`ws-token mint failed: ${String(response.status)}`);
+    }
+    const body = await response.json().catch(() => void 0);
+    if (!isMintedWsToken(body)) {
+      throw new Error("ws-token mint failed: malformed response body");
+    }
+    cached = body;
+    return body.token;
+  };
+  return {
+    getToken: async () => {
+      if (endpointMissing) {
+        return adminToken;
+      }
+      if (cached !== void 0 && cached.expiresAtMs - REFRESH_MARGIN_MS > Date.now()) {
+        return cached.token;
+      }
+      inFlight ??= mint().finally(() => {
+        inFlight = void 0;
+      });
+      return inFlight;
+    },
+    invalidate: () => {
+      cached = void 0;
+    }
+  };
+};
+
 const StudioLoginForm = (t0) => {
   const $ = c(42);
   const {
@@ -312,16 +367,6 @@ const StudioLogin = (t0) => {
   return t5;
 };
 
-const resolveBaseUrl = (explicit) => {
-  if (explicit !== void 0 && explicit !== "") {
-    return explicit;
-  }
-  const loc = globalThis.location;
-  if (loc?.origin !== void 0 && loc.origin !== "") {
-    return loc.origin;
-  }
-  return "http://localhost:5173";
-};
 const StudioAppBody = (t0) => {
   const $ = c(23);
   const {
@@ -559,14 +604,20 @@ const StudioApp = (t0) => {
     }
     let created;
     if ($[7] !== baseUrl || $[8] !== debouncedToken) {
+      const origin = resolveOrigin(baseUrl);
+      const provider = debouncedToken === "" ? void 0 : createAdminWsTokenProvider({
+        adminToken: debouncedToken,
+        baseUrl: origin
+      });
       created = new LunoraClient({
-        url: resolveBaseUrl(baseUrl),
-        ...debouncedToken === "" ? {} : {
-          wsToken: debouncedToken
+        url: origin,
+        ...provider === void 0 ? {} : {
+          wsToken: provider.getToken
         }
       });
-      if (debouncedToken !== "") {
+      if (provider !== void 0) {
         created.setAuthToken(debouncedToken);
+        created.onTokenExpired(provider.invalidate);
       }
       $[7] = baseUrl;
       $[8] = debouncedToken;