@lunora/studio 1.0.0-alpha.29 → 1.0.0-alpha.30

package/dist/packem_shared/{ScheduledJobs--Z9GTmKb.js → ScheduledJobs-BEJXtsBn.js}

@@ -5,10 +5,10 @@ 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-DsCa9Qp9.js';
-import { b as useClientQuery } from './use-admin-query-CFl5GUg_.js';
+import { a as useClientQuery } from './use-admin-query-BViPA3US.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget, b as formatTimestamp, e as errorMessage } from './internal-CvMZCVd6.js';
+import { f as fireAndForget, g as formatTimestamp, e as errorMessage } from './internal-FcNZ3beb.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const formatScheduledFor = (value) => Number.isFinite(value) ? formatTimestamp(value, "—") : "—";

package/dist/packem_shared/Studio-CVTtA_sB.js

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

package/dist/packem_shared/{StudioApp-wxioPfiP.js → StudioApp-BSYV2fz6.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-Dm6H5DHS.js';
+import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-dMTJ-kRR.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/{bar-chart-CzJAgqkp.js → bar-chart-Bb__F5-u.js}

@@ -4,7 +4,7 @@ import { useMotionValue, useSpring, useTransform, useMotionValueEvent, motion, u
 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';
 

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

@@ -0,0 +1,249 @@
+import { c } from 'react/compiler-runtime';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { d as formatCell } from './internal-FcNZ3beb.js';
+import { X as XAxis, B as Bar, T as Tooltip, E as EvilBarChart } from './bar-chart-Bb__F5-u.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './utils-B05Dmz_H.js';
+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 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;
+};
+
+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 newId = (prefix) => globalThis.crypto?.randomUUID?.() ?? `${prefix}-${globalThis.performance.now().toString(36)}`;
+
+export { Alert as A, SqlResultChart as S, 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-CrapHxR-.js → data-grid-Dsg6nRjo.js}

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

package/dist/packem_shared/data-view-params-Cd6yRVbv.js

@@ -0,0 +1,96 @@
+const VALID_OPERATORS = /* @__PURE__ */ new Set(["contains", "eq", "gt", "gte", "lt", "lte", "ne"]);
+const stringParameter = (raw) => {
+  if (typeof raw !== "string") {
+    return void 0;
+  }
+  const value = raw.trim();
+  return value === "" ? void 0 : value;
+};
+const isFilterClause = (entry) => {
+  if (entry === null || typeof entry !== "object") {
+    return false;
+  }
+  const candidate = entry;
+  return typeof candidate.column === "string" && typeof candidate.operator === "string" && VALID_OPERATORS.has(candidate.operator);
+};
+const parseFilters = (raw) => {
+  if (typeof raw !== "string" || raw === "") {
+    return [];
+  }
+  try {
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed.filter(isFilterClause) : [];
+  } catch {
+    return [];
+  }
+};
+const parseOrder = (raw) => {
+  if (typeof raw !== "string" || raw === "") {
+    return void 0;
+  }
+  const separator = raw.lastIndexOf(":");
+  if (separator <= 0) {
+    return void 0;
+  }
+  const column = raw.slice(0, separator);
+  const direction = raw.slice(separator + 1);
+  if (direction !== "asc" && direction !== "desc") {
+    return void 0;
+  }
+  return {
+    column,
+    direction
+  };
+};
+const validateDataViewSearch = (search) => {
+  const validated = {};
+  if (search["schema"] === "global") {
+    validated.schema = "global";
+  }
+  const table = stringParameter(search["table"]);
+  if (table !== void 0) {
+    validated.table = table;
+  }
+  const shard = stringParameter(search["shard"]);
+  if (shard !== void 0) {
+    validated.shard = shard;
+  }
+  const searchText = stringParameter(search["search"]);
+  if (searchText !== void 0) {
+    validated.search = searchText;
+  }
+  const order = stringParameter(search["order"]);
+  if (order !== void 0 && parseOrder(order) !== void 0) {
+    validated.order = order;
+  }
+  const filters = stringParameter(search["filters"]);
+  if (filters !== void 0 && parseFilters(filters).length > 0) {
+    validated.filters = filters;
+  }
+  return validated;
+};
+const searchToDataView = (search) => {
+  const filters = parseFilters(search["filters"]);
+  const orderBy = parseOrder(search["order"]);
+  return {
+    filters: filters.length > 0 ? filters : void 0,
+    orderBy,
+    search: typeof search["search"] === "string" && search["search"] !== "" ? search["search"] : void 0,
+    shard: typeof search["shard"] === "string" && search["shard"] !== "" ? search["shard"] : void 0,
+    table: typeof search["table"] === "string" && search["table"] !== "" ? search["table"] : void 0,
+    tier: search["schema"] === "global" ? "global" : "shard"
+  };
+};
+const dataViewToSearch = (view) => {
+  const filters = view.filters ?? [];
+  return {
+    filters: filters.length > 0 ? JSON.stringify(filters) : void 0,
+    order: view.orderBy === void 0 ? void 0 : `${view.orderBy.column}:${view.orderBy.direction}`,
+    schema: view.tier === "global" ? "global" : void 0,
+    search: view.search !== void 0 && view.search !== "" ? view.search : void 0,
+    shard: view.shard !== void 0 && view.shard !== "" ? view.shard : void 0,
+    table: view.table !== void 0 && view.table !== "" ? view.table : void 0
+  };
+};
+
+export { dataViewToSearch as d, searchToDataView as s, validateDataViewSearch as v };

package/dist/packem_shared/{grid-features-DnTbXXNb.js → grid-features-D7nNzBYm.js}

@@ -2,105 +2,10 @@ import { c } from 'react/compiler-runtime';
 import { useState } from 'react';
 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 { M as ModalShell } from './modal-shell-hyaJvIJ6.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { g as formatCell, f as fireAndForget } from './internal-CvMZCVd6.js';
-
-const OVERLAY_BY_VARIANT = {
-  dialog: "fixed inset-0 z-[1000] flex justify-center bg-black/20 pt-[10vh]",
-  drawer: "fixed inset-0 z-[1000] flex justify-end bg-black/20"
-};
-const PANEL_BY_VARIANT = {
-  dialog: "flex h-fit w-[min(28rem,92vw)] flex-col gap-3 rounded-lg border border-border bg-background p-4 shadow-xl",
-  drawer: "flex h-full w-[min(34rem,100vw)] flex-col gap-4 overflow-auto border-l border-border bg-background p-4 shadow-xl"
-};
-const ModalShell = (t0) => {
-  const $ = c(18);
-  const {
-    className,
-    children,
-    label,
-    onClose,
-    panelTestId,
-    testId,
-    variant
-  } = t0;
-  let t1;
-  if ($[0] !== onClose) {
-    t1 = (event) => {
-      if (event.target === event.currentTarget) {
-        onClose();
-      }
-    };
-    $[0] = onClose;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const onOverlayClick = t1;
-  let t2;
-  if ($[2] !== onClose) {
-    t2 = (event_0) => {
-      if (event_0.key === "Escape") {
-        onClose();
-      }
-    };
-    $[2] = onClose;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const onOverlayKeyDown = t2;
-  const t3 = OVERLAY_BY_VARIANT[variant];
-  const t4 = PANEL_BY_VARIANT[variant];
-  let t5;
-  if ($[4] !== className || $[5] !== t4) {
-    t5 = cn(t4, className);
-    $[4] = className;
-    $[5] = t4;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  let t6;
-  if ($[7] !== children || $[8] !== label || $[9] !== panelTestId || $[10] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-label": label,
-      className: t5,
-      "data-testid": panelTestId,
-      role: "dialog",
-      children
-    }, void 0, false);
-    $[7] = children;
-    $[8] = label;
-    $[9] = panelTestId;
-    $[10] = t5;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  let t7;
-  if ($[12] !== onOverlayClick || $[13] !== onOverlayKeyDown || $[14] !== t3 || $[15] !== t6 || $[16] !== testId) {
-    t7 = /* @__PURE__ */ jsxDEV("div", {
-      className: t3,
-      "data-testid": testId,
-      onClick: onOverlayClick,
-      onKeyDown: onOverlayKeyDown,
-      role: "presentation",
-      children: t6
-    }, void 0, false);
-    $[12] = onOverlayClick;
-    $[13] = onOverlayKeyDown;
-    $[14] = t3;
-    $[15] = t6;
-    $[16] = testId;
-    $[17] = t7;
-  } else {
-    t7 = $[17];
-  }
-  return t7;
-};
+import { d as formatCell, f as fireAndForget } from './internal-FcNZ3beb.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const CONTROL_BTN = "inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs font-medium text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50";
 const CSV_QUOTE_RE = /["\n,]/u;
@@ -837,4 +742,4 @@ function _temp2(row) {
   return row.id;
 }
 
-export { CellDetailDialog as C, ExportMenu as E, GridActionsBar as G, ModalShell as M, SelectionBar as S };
+export { CellDetailDialog as C, ExportMenu as E, GridActionsBar as G, SelectionBar as S };