@lunora/studio 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist/packem_shared/{StudioApp-CHOZA-z-.js → StudioApp-DiMkupvZ.js}

@@ -3,12 +3,15 @@ import { LunoraClient } from '@lunora/client';
 import { LunoraProvider } from '@lunora/react';
 import { useState, useEffect } from 'react';
 import { ErrorBoundary } from './ErrorBoundary-BzAApI7J.js';
-import { T as ThemeProvider, u as useTheme, a as TooltipProvider, S as Studio } from './studio-Bj8psK1c.js';
+import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-Dh9UlaF_.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
-import { createStudioI18n, useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { useT, createStudioI18n } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
+import { r as resolveOrigin } from './internal-CYcbqMjX.js';
 import STUDIO_ROOT_CLASS from './STUDIO_ROOT_CLASS-D12gX2dV.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";
@@ -41,16 +44,275 @@ const saveToken = (token) => {
   }
 };
 
-const resolveBaseUrl = (explicit) => {
-  if (explicit !== void 0 && explicit !== "") {
-    return explicit;
+const StudioLoginForm = (t0) => {
+  const $ = c(42);
+  const {
+    onSubmit
+  } = t0;
+  const t = useT();
+  const [value, setValue] = useState("");
+  let t1;
+  if ($[0] !== value) {
+    t1 = value.trim();
+    $[0] = value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const trimmed = t1;
+  let t2;
+  if ($[2] !== onSubmit || $[3] !== trimmed) {
+    t2 = (event) => {
+      event.preventDefault();
+      if (trimmed !== "") {
+        onSubmit(trimmed);
+      }
+    };
+    $[2] = onSubmit;
+    $[3] = trimmed;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const submit = t2;
+  let t3;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV("div", {
+      className: "h-10 w-10 text-foreground",
+      children: /* @__PURE__ */ jsxDEV(BrandMark, {}, void 0, false)
+    }, void 0, false);
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t) {
+    t4 = t("Connect to Lunora Studio");
+    $[6] = t;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("h1", {
+      className: "text-base font-semibold text-foreground",
+      children: t4
+    }, void 0, false);
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== t) {
+    t6 = t("Enter your admin token to access the studio.");
+    $[10] = t;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
   }
-  const loc = globalThis.location;
-  if (loc?.origin !== void 0 && loc.origin !== "") {
-    return loc.origin;
+  let t7;
+  if ($[12] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-[13px] text-muted-foreground",
+      children: t6
+    }, void 0, false);
+    $[12] = t6;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  let t8;
+  if ($[14] !== t5 || $[15] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col items-center gap-3 text-center",
+      children: [t3, /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-1",
+        children: [t5, t7]
+      }, void 0, true)]
+    }, void 0, true);
+    $[14] = t5;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== t) {
+    t9 = t("admin token");
+    $[17] = t;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("label", {
+      className: "text-xs font-medium text-foreground",
+      htmlFor: "lunora-studio-login-token",
+      children: t9
+    }, void 0, false);
+    $[19] = t9;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = (event_0) => {
+      setValue(event_0.target.value);
+    };
+    $[21] = t11;
+  } else {
+    t11 = $[21];
   }
-  return "http://localhost:5173";
+  let t12;
+  if ($[22] !== value) {
+    t12 = /* @__PURE__ */ jsxDEV(Input, {
+      autoComplete: "off",
+      autoFocus: true,
+      "data-testid": "lunora-studio-login-token",
+      id: "lunora-studio-login-token",
+      onChange: t11,
+      placeholder: "LUNORA_ADMIN_TOKEN",
+      type: "password",
+      value
+    }, void 0, false);
+    $[22] = value;
+    $[23] = t12;
+  } else {
+    t12 = $[23];
+  }
+  let t13;
+  if ($[24] !== t) {
+    t13 = t("From your worker's LUNORA_ADMIN_TOKEN — your project's .dev.vars in dev, or a deployment secret in production.");
+    $[24] = t;
+    $[25] = t13;
+  } else {
+    t13 = $[25];
+  }
+  let t14;
+  if ($[26] !== t13) {
+    t14 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-[11px] text-muted-foreground",
+      children: t13
+    }, void 0, false);
+    $[26] = t13;
+    $[27] = t14;
+  } else {
+    t14 = $[27];
+  }
+  let t15;
+  if ($[28] !== t10 || $[29] !== t12 || $[30] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1.5",
+      children: [t10, t12, t14]
+    }, void 0, true);
+    $[28] = t10;
+    $[29] = t12;
+    $[30] = t14;
+    $[31] = t15;
+  } else {
+    t15 = $[31];
+  }
+  const t16 = trimmed === "";
+  let t17;
+  if ($[32] !== t) {
+    t17 = t("Connect");
+    $[32] = t;
+    $[33] = t17;
+  } else {
+    t17 = $[33];
+  }
+  let t18;
+  if ($[34] !== t16 || $[35] !== t17) {
+    t18 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "lunora-studio-login-submit",
+      disabled: t16,
+      type: "submit",
+      children: t17
+    }, void 0, false);
+    $[34] = t16;
+    $[35] = t17;
+    $[36] = t18;
+  } else {
+    t18 = $[36];
+  }
+  let t19;
+  if ($[37] !== submit || $[38] !== t15 || $[39] !== t18 || $[40] !== t8) {
+    t19 = /* @__PURE__ */ jsxDEV("form", {
+      className: "flex w-full max-w-sm flex-col gap-5 rounded-xl border border-border bg-card p-7 shadow-lg",
+      "data-testid": "lunora-studio-login",
+      onSubmit: submit,
+      children: [t8, t15, t18]
+    }, void 0, true);
+    $[37] = submit;
+    $[38] = t15;
+    $[39] = t18;
+    $[40] = t8;
+    $[41] = t19;
+  } else {
+    t19 = $[41];
+  }
+  return t19;
 };
+const StudioLogin = (t0) => {
+  const $ = c(10);
+  const {
+    i18n,
+    onSubmit
+  } = t0;
+  const {
+    resolvedTheme
+  } = useTheme();
+  const t1 = resolvedTheme === "dark" && "dark";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn(STUDIO_ROOT_CLASS, t1, "flex h-dvh items-center justify-center bg-sidebar p-6 text-sm text-foreground");
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== onSubmit) {
+    t3 = /* @__PURE__ */ jsxDEV(StudioLoginForm, {
+      onSubmit
+    }, void 0, false);
+    $[2] = onSubmit;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== i18n || $[5] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(StudioI18nProvider, {
+      i18n,
+      children: t3
+    }, void 0, false);
+    $[4] = i18n;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t2 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("div", {
+      className: t2,
+      "data-testid": "lunora-studio-login-root",
+      children: t4
+    }, void 0, false);
+    $[7] = t2;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+};
+
 const StudioAppBody = (t0) => {
   const $ = c(23);
   const {
@@ -289,7 +551,7 @@ const StudioApp = (t0) => {
     let created;
     if ($[7] !== baseUrl || $[8] !== debouncedToken) {
       created = new LunoraClient({
-        url: resolveBaseUrl(baseUrl),
+        url: resolveOrigin(baseUrl),
         ...debouncedToken === "" ? {} : {
           wsToken: debouncedToken
         }
@@ -356,7 +618,10 @@ const StudioApp = (t0) => {
   let t11;
   if ($[18] !== basePath || $[19] !== client || $[20] !== i18n || $[21] !== rulesInstalled || $[22] !== studio || $[23] !== token) {
     t11 = /* @__PURE__ */ jsxDEV(ThemeProvider, {
-      children: /* @__PURE__ */ jsxDEV(StudioShell, {
+      children: token === "" ? /* @__PURE__ */ jsxDEV(StudioLogin, {
+        i18n,
+        onSubmit: setToken
+      }, void 0, false) : /* @__PURE__ */ jsxDEV(StudioShell, {
         basePath,
         clearToken,
         client,

package/dist/packem_shared/{advisor-view-CGcfMiPq.js → advisor-view-BX8OhG0w.js}

@@ -1,6 +1,7 @@
 import { useState, useMemo } from 'react';
+import { E as ErrorAlert } from './error-alert-CXjqyGw9.js';
 import { C as Card, a as CardContent } from './card-DURq3ElK.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 { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
@@ -49,6 +50,7 @@ const emptyTitle = (t, level) => ({
 })[level];
 const AdvisorView = ({
   error = null,
+  errorSource,
   rows,
   testId,
   toolbar
@@ -98,11 +100,9 @@ const AdvisorView = ({
     }, void 0, false), toolbar !== void 0 && /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-wrap items-center gap-2",
       children: toolbar
-    }, void 0, false), error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": `${testId}-error`,
-      role: "alert",
-      children: error
+    }, void 0, false), error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: errorSource ?? error,
+      testId: `${testId}-error`
     }, void 0, false), /* @__PURE__ */ jsxDEV(Card, {
       className: "overflow-hidden py-0",
       children: /* @__PURE__ */ jsxDEV(CardContent, {

package/dist/packem_shared/alert-CdAET2K_.js

@@ -0,0 +1,68 @@
+import { c } from 'react/compiler-runtime';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const alertVariants = cva("flex items-start gap-2 rounded-md border px-3 py-2 text-sm [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0", {
+  defaultVariants: {
+    variant: "default"
+  },
+  variants: {
+    variant: {
+      default: "border-border bg-muted/40 text-foreground",
+      destructive: "border-destructive/40 bg-destructive/5 text-destructive",
+      warning: "border-amber-500/40 bg-amber-500/5 text-amber-700 dark:text-amber-400"
+    }
+  }
+});
+const Alert = (t0) => {
+  const $ = c(10);
+  const {
+    children,
+    className,
+    icon,
+    testId,
+    variant
+  } = t0;
+  let t1;
+  if ($[0] !== className || $[1] !== variant) {
+    t1 = cn(alertVariants({
+      variant
+    }), className);
+    $[0] = className;
+    $[1] = variant;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== children) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      className: "min-w-0 flex-1",
+      children
+    }, void 0, false);
+    $[3] = children;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== icon || $[6] !== t1 || $[7] !== t2 || $[8] !== testId) {
+    t3 = /* @__PURE__ */ jsxDEV("div", {
+      className: t1,
+      "data-testid": testId,
+      role: "alert",
+      children: [icon, t2]
+    }, void 0, true);
+    $[5] = icon;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = testId;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+};
+
+export { Alert as A };

package/dist/packem_shared/{app.d-CCmwDEVs.d.ts → app.d-CNLRTrWw.d.ts}

@@ -115,7 +115,7 @@ interface FunctionDescriptor {
 /** Outcome of a single `FunctionRunner` invocation. */
 type RunStatus = "error" | "idle" | "running" | "success";
 /** Identifier for each built-in studio tab. */
-type StudioTab = "analytics" | "api" | "audit" | "authConfig" | "authSessions" | "dashboards" | "data" | "drains" | "export" | "files" | "functions" | "health" | "home" | "insights" | "logs" | "mail" | "metrics" | "migrations" | "organizations" | "payments" | "permissions" | "pitr" | "realtime" | "rls" | "schedule" | "schema" | "security" | "settings" | "sql" | "storageRules" | "users" | "vectors" | "workflows";
+type StudioTab = "analytics" | "api" | "audit" | "authConfig" | "authSessions" | "containers" | "dashboards" | "data" | "drains" | "export" | "fanout" | "files" | "flags" | "functions" | "health" | "home" | "insights" | "kv" | "logs" | "mail" | "metrics" | "migrations" | "organizations" | "payments" | "permissions" | "pitr" | "queues" | "realtime" | "rls" | "schedule" | "schema" | "security" | "settings" | "sql" | "storageRules" | "users" | "vectors" | "workflows";
 interface StudioProps {
   /**
   * URL path prefix the studio is mounted under, passed to the router as its

package/dist/packem_shared/{bar-chart-CzJAgqkp.js → bar-chart-DSwcWIRy.js}

@@ -1,10 +1,11 @@
 'use client';
 import { c } from 'react/compiler-runtime';
+import { LunoraError } from '@lunora/errors';
 import { useMotionValue, useSpring, useTransform, useMotionValueEvent, motion, useReducedMotion } from 'motion/react';
 import * as React from 'react';
 import { useId, useEffect, useState, use, createContext, useRef } from 'react';
 import * as RechartsPrimitive from 'recharts';
-import { ZIndexLayer, ResponsiveContainer, LineChart, Line, BarChart, Bar as Bar$1, AreaChart, Area, XAxis as XAxis$1, ReferenceLine, Rectangle } from 'recharts';
+import { ZIndexLayer, ResponsiveContainer, LineChart, Line, BarChart, Bar as Bar$1, AreaChart, Area, ReferenceLine, Rectangle, XAxis as XAxis$1 } from 'recharts';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { c as cn } from './utils-B05Dmz_H.js';
 
@@ -554,7 +555,7 @@ function validateChartConfigColors(config) {
     if (value.colors) {
       const hasValidThemeKey = VALID_THEME_KEYS.some((themeKey) => value.colors?.[themeKey] !== void 0);
       if (!hasValidThemeKey) {
-        throw new Error(`[EvilCharts] Invalid chart config for "${key}": colors object must have at least one theme key (${VALID_THEME_KEYS.join(", ")}). Received empty object or invalid keys.`);
+        throw new LunoraError("INTERNAL", `[EvilCharts] Invalid chart config for "${key}": colors object must have at least one theme key (${VALID_THEME_KEYS.join(", ")}). Received empty object or invalid keys.`);
       }
     }
   }
@@ -563,7 +564,7 @@ const ChartContext = /* @__PURE__ */ React.createContext(null);
 function useChart() {
   const context = React.useContext(ChartContext);
   if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />");
+    throw new LunoraError("INTERNAL", "useChart must be used within a <ChartContainer />");
   }
   return context;
 }
@@ -1521,7 +1522,7 @@ const BarChartContext = /* @__PURE__ */ createContext(null);
 function useBarChart() {
   const context = use(BarChartContext);
   if (!context) {
-    throw new Error("Bar chart parts (<Bar />, <XAxis />, …) must be used within <EvilBarChart />");
+    throw new LunoraError("INTERNAL", "Bar chart parts (<Bar />, <XAxis />, …) must be used within <EvilBarChart />");
   }
   return context;
 }

package/dist/packem_shared/browser-storage-BTrX4y3B.js

@@ -0,0 +1,215 @@
+import { c } from 'react/compiler-runtime';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { h as formatCell } from './internal-CYcbqMjX.js';
+import { X as XAxis, B as Bar, T as Tooltip, E as EvilBarChart } from './bar-chart-DSwcWIRy.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+import { useState, useEffect } from 'react';
+
+const MAX_BARS = 50;
+const RESULT_CHART_CONFIG = {
+  value: {
+    colors: {
+      dark: ["var(--chart-1)"],
+      light: ["var(--chart-1)"]
+    },
+    label: "value"
+  }
+};
+const pickColumns = (result) => {
+  const value = result.columns.find((column) => result.rows.length > 0 && result.rows.every((row) => typeof row[column] === "number")) ?? null;
+  const label = result.columns.find((column) => column !== value) ?? null;
+  return {
+    label,
+    value
+  };
+};
+const SqlResultChart = (t0) => {
+  const $ = c(15);
+  const {
+    result
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== result) {
+    t1 = pickColumns(result);
+    $[0] = result;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    label,
+    value
+  } = t1;
+  let t2;
+  if ($[2] !== label || $[3] !== result || $[4] !== value) {
+    t2 = value === null ? [] : result.rows.slice(0, MAX_BARS).map((row, index) => ({
+      label: label === null ? `#${(index + 1).toString()}` : formatCell(row[label]),
+      value: Number(row[value]) || 0
+    }));
+    $[2] = label;
+    $[3] = result;
+    $[4] = value;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const data = t2;
+  if (value === null) {
+    let t32;
+    if ($[6] !== t) {
+      t32 = t("No numeric column to chart.");
+      $[6] = t;
+      $[7] = t32;
+    } else {
+      t32 = $[7];
+    }
+    let t42;
+    if ($[8] !== t32) {
+      t42 = /* @__PURE__ */ jsxDEV("p", {
+        className: "p-4 text-sm text-muted-foreground",
+        "data-testid": "sql-chart-empty",
+        children: t32
+      }, void 0, false);
+      $[8] = t32;
+      $[9] = t42;
+    } else {
+      t42 = $[9];
+    }
+    return t42;
+  }
+  let t3;
+  let t4;
+  let t5;
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(XAxis, {
+      dataKey: "label"
+    }, void 0, false);
+    t4 = /* @__PURE__ */ jsxDEV(Bar, {
+      dataKey: "value"
+    }, void 0, false);
+    t5 = /* @__PURE__ */ jsxDEV(Tooltip, {}, void 0, false);
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t3 = $[10];
+    t4 = $[11];
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== data) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "h-80 w-full p-3",
+      "data-testid": "sql-chart",
+      children: /* @__PURE__ */ jsxDEV(EvilBarChart, {
+        className: "h-full w-full",
+        config: RESULT_CHART_CONFIG,
+        data,
+        children: [t3, t4, t5]
+      }, void 0, true)
+    }, void 0, false);
+    $[13] = data;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
+};
+
+const store = () => {
+  try {
+    return globalThis.localStorage;
+  } catch {
+    return void 0;
+  }
+};
+const loadJsonArray = function(key) {
+  try {
+    const raw = store()?.getItem(key) ?? void 0;
+    const parsed = raw === void 0 ? [] : JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+};
+const saveJson = (key, value) => {
+  const storage = store();
+  if (storage === void 0) {
+    return;
+  }
+  try {
+    storage.setItem(key, JSON.stringify(value));
+  } catch {
+  }
+};
+const usePersistedList = function(key) {
+  const $ = c(8);
+  let t0;
+  if ($[0] !== key) {
+    t0 = () => loadJsonArray(key);
+    $[0] = key;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const [value, setValue] = useState(t0);
+  let t1;
+  let t2;
+  if ($[2] !== key || $[3] !== value) {
+    t1 = () => {
+      saveJson(key, value);
+    };
+    t2 = [key, value];
+    $[2] = key;
+    $[3] = value;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[6] !== value) {
+    t3 = [value, setValue];
+    $[6] = value;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const usePersistedValue = function(key, fallback) {
+  const $ = c(6);
+  const [list, setList] = usePersistedList(key);
+  let t0;
+  if ($[0] !== fallback || $[1] !== setList) {
+    t0 = (action) => {
+      setList((current) => {
+        const previous = current[0] ?? fallback;
+        return [typeof action === "function" ? action(previous) : action];
+      });
+    };
+    $[0] = fallback;
+    $[1] = setList;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const setValue = t0;
+  const t1 = list[0] ?? fallback;
+  let t2;
+  if ($[3] !== setValue || $[4] !== t1) {
+    t2 = [t1, setValue];
+    $[3] = setValue;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
+const newId = (prefix) => globalThis.crypto?.randomUUID?.() ?? `${prefix}-${globalThis.performance.now().toString(36)}`;
+
+export { SqlResultChart as S, usePersistedValue as a, newId as n, usePersistedList as u };

package/dist/packem_shared/{cf-links-2cktDedA.js → cf-links-BZfRdxSE.js}

@@ -5,4 +5,4 @@ const CLOUDFLARE_R2_URL = `${CLOUDFLARE_DASH}/r2`;
 const CLOUDFLARE_D1_URL = `${CLOUDFLARE_DASH}/workers/d1`;
 const CLOUDFLARE_DURABLE_OBJECTS_URL = `${CLOUDFLARE_DASH}/workers/durable-objects`;
 
-export { CLOUDFLARE_OBSERVABILITY_URL as C, CLOUDFLARE_WORKERS_URL as a, CLOUDFLARE_D1_URL as b, CLOUDFLARE_DURABLE_OBJECTS_URL as c, CLOUDFLARE_R2_URL as d };
+export { CLOUDFLARE_D1_URL as C, CLOUDFLARE_OBSERVABILITY_URL as a, CLOUDFLARE_WORKERS_URL as b, CLOUDFLARE_DURABLE_OBJECTS_URL as c, CLOUDFLARE_R2_URL as d };

package/dist/packem_shared/{data-grid-B5CaV3wS.js → data-grid-CdXztApG.js}

@@ -1,6 +1,6 @@
 import { c } from 'react/compiler-runtime';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { h as formatCell } from './internal-rXJEAhXS.js';
+import { h as formatCell } from './internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const CellValue = (t0) => {