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

package/dist/packem_shared/{StudioApp-dvywkJ8I.js → StudioApp-TEElspKL.js}

@@ -3,12 +3,14 @@ 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-BDVd7rIV.js';
+import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-c5Vf7kSh.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
-import { createStudioI18n, useT } from './createStudioI18n-CgvlmDkN.js';
-import { StudioI18nProvider } from './StudioI18nProvider-Dcajsznk.js';
+import { useT, createStudioI18n } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.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,6 +43,275 @@ const saveToken = (token) => {
   }
 };
 
+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];
+  }
+  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];
+  }
+  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 resolveBaseUrl = (explicit) => {
   if (explicit !== void 0 && explicit !== "") {
     return explicit;
@@ -356,7 +627,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/{StudioI18nProvider-Dcajsznk.js → StudioI18nProvider-B-tDCZIi.js}

@@ -1,5 +1,5 @@
 import { c } from 'react/compiler-runtime';
-import { studioI18n, createStudioI18n, StudioI18nContext } from './createStudioI18n-CgvlmDkN.js';
+import { studioI18n, createStudioI18n, StudioI18nContext } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const resolveInstance = (i18n, locale, catalogs) => {

package/dist/packem_shared/TableEditor-JS3sXYgS.js

@@ -0,0 +1,11 @@
+import 'react/compiler-runtime';
+import '@lunora/react';
+import '@tanstack/react-router';
+import 'react';
+import './storage-tier-CL98eOvn.js';
+import './DEFAULT_LOCALE-CiX4W7Kr.js';
+export { T as TableEditor } from './table-editor-9fhJ4hMJ.js';
+import './internal-rXJEAhXS.js';
+import './DataBrowser-Bb1gTQ6c.js';
+import './GlobalDataBrowser-3X9uRfdO.js';
+import 'react/jsx-dev-runtime';

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

@@ -1,7 +1,7 @@
 import { useState, useMemo } from 'react';
 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 { useT } from './createStudioI18n-CgvlmDkN.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/{app.d-CCmwDEVs.d.ts → app.d-Cnij4Zp5.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" | "dashboards" | "data" | "drains" | "export" | "fanout" | "files" | "flags" | "functions" | "health" | "home" | "insights" | "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/{cf-links-BZfRdxSE.js → cf-links-2cktDedA.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_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 };
+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 };

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

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

package/dist/packem_shared/{grid-features-DTjG6Sex.js → grid-features-CzUfqgsM.js}

@@ -1,11 +1,11 @@
 import { c } from 'react/compiler-runtime';
 import { useState } from 'react';
-import { ConfirmButton } from './ConfirmButton-WQVUoGFb.js';
+import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
 import { D as DropdownMenuTrigger, a as DropdownMenuLabel, b as DropdownMenuItem, c as DropdownMenuContent, d as DropdownMenu, e as DropdownMenuCheckboxItem, f as DropdownMenuSeparator, g as DropdownMenuGroup } from './dropdown-menu-WY4B_eJO.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
-import { useT } from './createStudioI18n-CgvlmDkN.js';
-import { h as formatCell, f as fireAndForget } from './internal-BBZYexre.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { h as formatCell, f as fireAndForget } from './internal-rXJEAhXS.js';
 
 const OVERLAY_BY_VARIANT = {
   dialog: "fixed inset-0 z-[1000] flex justify-center bg-black/20 pt-[10vh]",

package/dist/packem_shared/{internal-BBZYexre.js → internal-rXJEAhXS.js}

@@ -65,4 +65,4 @@ const formatTimestamp = (value, fallback = "") => {
   return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString();
 };
 
-export { adminRef as a, copyToClipboard as b, callOptions as c, formatTimestamp as d, errorMessage as e, fireAndForget as f, formatBytes as g, formatCell as h };
+export { adminRef as a, formatTimestamp as b, callOptions as c, formatBytes as d, errorMessage as e, fireAndForget as f, copyToClipboard as g, formatCell as h };

package/dist/packem_shared/{live-status-bPff1O7Y.js → live-status-FZ0psC1z.js}

@@ -1,5 +1,5 @@
 import { c } from 'react/compiler-runtime';
-import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const LiveError = (t0) => {

package/dist/packem_shared/{reference-view-BCKIoai7.js → reference-view-B4E49Lip.js}

@@ -2,14 +2,14 @@ import { c } from 'react/compiler-runtime';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { useState, useEffect, createContext, use } from 'react';
-import { e as errorMessage, b as copyToClipboard, f as fireAndForget, c as callOptions, a as adminRef } from './internal-BBZYexre.js';
+import { e as errorMessage, g as copyToClipboard, f as fireAndForget, c as callOptions, a as adminRef } from './internal-rXJEAhXS.js';
 import { SentIcon, Copy01Icon, Search01Icon } from '@hugeicons/core-free-icons';
 import { HugeiconsIcon } from '@hugeicons/react';
 import { I as Input } from './input-XH4r1Pt1.js';
-import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { B as Button } from './button-BhsN2uZH.js';
 import { B as Badge$1 } from './badge-B2PKA1-5.js';
-import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { ShardInput } from './ShardInput-gx_DZXXn.js';
 import { L as Label } from './label-D8ykjn5J.js';
 import { T as Textarea } from './textarea-D3gaCU_-.js';
 import { useLunora } from '@lunora/react';

package/dist/packem_shared/{sql-editor-panel-CW2y2x9h.js → sql-editor-panel-CUJoYF1Z.js}

@@ -1,18 +1,18 @@
 import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { useState, useEffect, useRef, useId } from 'react';
-import { useT } from './createStudioI18n-CgvlmDkN.js';
-import { h as formatCell, f as fireAndForget, c as callOptions, a as adminRef, e as errorMessage } from './internal-BBZYexre.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { h as formatCell, f as fireAndForget, c as callOptions, a as adminRef, e as errorMessage } from './internal-rXJEAhXS.js';
 import { X as XAxis, B as Bar, T as Tooltip, E as EvilBarChart } from './bar-chart-CzJAgqkp.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
-import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { ShardInput } from './ShardInput-gx_DZXXn.js';
 import { cva } from 'class-variance-authority';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { c as TableHead, a as TableHeader, b as TableRow, e as TableCell, d as TableBody, T as Table } from './table-_RzNvy3R.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CdaxLGkE.js';
 import { r as recordShard } from './shard-history-DyebH1R5.js';
-import { C as CellValue } from './data-grid-CCh2Couo.js';
-import { E as ExportMenu } from './grid-features-DTjG6Sex.js';
+import { C as CellValue } from './data-grid-B5CaV3wS.js';
+import { E as ExportMenu } from './grid-features-CzUfqgsM.js';
 
 const MAX_BARS = 50;
 const RESULT_CHART_CONFIG = {