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

package/dist/packem_chunks/analytics-panel.js

@@ -0,0 +1,261 @@
+import { c } from 'react/compiler-runtime';
+import { createAnalyticsSqlClient } from '@lunora/bindings/analytics';
+import { useState, useMemo, useCallback, useEffect } from 'react';
+import { C as Card } from '../packem_shared/card-DURq3ElK.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { T as Table, a as TableHeader, b as TableRow, d as TableBody, e as TableCell, c as TableHead } from '../packem_shared/table-DsCa9Qp9.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { e as errorMessage, f as fireAndForget, h as formatCell } from '../packem_shared/internal-zwBoOv24.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const DEFAULT_DATASET = "ANALYTICS";
+const PANEL_QUERIES = [{
+  key: "volume",
+  sql: (dataset) => `SELECT blob2 AS fn, count() AS calls FROM ${dataset} WHERE blob1 = 'function_call' GROUP BY fn ORDER BY calls DESC LIMIT 25`,
+  title: "Request volume per function"
+}, {
+  key: "latency",
+  sql: (dataset) => `SELECT blob2 AS fn, quantileWeighted(0.50)(double1, _sample_interval) AS p50, quantileWeighted(0.95)(double1, _sample_interval) AS p95 FROM ${dataset} WHERE blob1 = 'function_call' GROUP BY fn ORDER BY p95 DESC LIMIT 25`,
+  title: "Latency p50 / p95 per function"
+}, {
+  key: "hotShards",
+  sql: (dataset) => `SELECT blob3 AS shard, count() AS calls FROM ${dataset} WHERE blob1 = 'function_call' GROUP BY shard ORDER BY calls DESC LIMIT 25`,
+  title: "Hot shards"
+}];
+const INITIAL_PANEL_STATE = {
+  error: null,
+  loading: true,
+  result: null
+};
+const PanelResult = (t0) => {
+  const $ = c(27);
+  const {
+    state,
+    title
+  } = t0;
+  const t = useT();
+  const {
+    error,
+    loading,
+    result
+  } = state;
+  const t1 = `analytics-panel-${title}`;
+  let t2;
+  if ($[0] !== t || $[1] !== title) {
+    t2 = t(title);
+    $[0] = t;
+    $[1] = title;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("header", {
+      className: "border-b border-border px-4 py-3",
+      children: /* @__PURE__ */ jsxDEV("span", {
+        className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+        children: t2
+      }, void 0, false)
+    }, void 0, false);
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== loading || $[6] !== t) {
+    t4 = loading && /* @__PURE__ */ jsxDEV("p", {
+      className: "px-4 py-8 text-center text-sm text-muted-foreground",
+      "data-testid": "analytics-loading",
+      children: t("Loading…")
+    }, void 0, false);
+    $[5] = loading;
+    $[6] = t;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== error || $[9] !== loading) {
+    t5 = !loading && error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "px-4 py-8 text-center text-sm text-destructive",
+      "data-testid": "analytics-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[8] = error;
+    $[9] = loading;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== error || $[12] !== loading || $[13] !== result || $[14] !== t) {
+    t6 = !loading && error === null && result !== null && result.rows.length === 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "px-4 py-8 text-center text-sm text-muted-foreground",
+      "data-testid": "analytics-empty-rows",
+      children: t("No data points yet.")
+    }, void 0, false);
+    $[11] = error;
+    $[12] = loading;
+    $[13] = result;
+    $[14] = t;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== error || $[17] !== loading || $[18] !== result) {
+    t7 = !loading && error === null && result !== null && result.rows.length > 0 && /* @__PURE__ */ jsxDEV(Table, {
+      children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+        children: /* @__PURE__ */ jsxDEV(TableRow, {
+          children: result.columns.map(_temp)
+        }, void 0, false)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+        children: result.rows.map((row, rowIndex) => /* @__PURE__ */ jsxDEV(TableRow, {
+          children: result.columns.map((column_0) => /* @__PURE__ */ jsxDEV(TableCell, {
+            className: "font-mono text-xs",
+            children: formatCell(row[column_0.name])
+          }, column_0.name, false))
+        }, rowIndex, false))
+      }, void 0, false)]
+    }, void 0, true);
+    $[16] = error;
+    $[17] = loading;
+    $[18] = result;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== t1 || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t6 || $[25] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      "data-testid": t1,
+      children: [t3, t4, t5, t6, t7]
+    }, void 0, true);
+    $[20] = t1;
+    $[21] = t3;
+    $[22] = t4;
+    $[23] = t5;
+    $[24] = t6;
+    $[25] = t7;
+    $[26] = t8;
+  } else {
+    t8 = $[26];
+  }
+  return t8;
+};
+const AnalyticsPanel = ({
+  config,
+  dataset = DEFAULT_DATASET,
+  runQuery
+} = {}) => {
+  const t = useT();
+  const [states, setStates] = useState({});
+  const run = useMemo(() => {
+    if (runQuery !== void 0) {
+      return runQuery;
+    }
+    if (config === void 0) {
+      return null;
+    }
+    const client = createAnalyticsSqlClient({
+      accountId: config.accountId,
+      apiToken: config.apiToken
+    });
+    return (sql) => client.query(sql);
+  }, [config, runQuery]);
+  const load = useCallback(async (token) => {
+    if (run === null) {
+      return;
+    }
+    for (const panel of PANEL_QUERIES) {
+      if (token.cancelled) {
+        return;
+      }
+      setStates((current) => {
+        return {
+          ...current,
+          [panel.key]: {
+            error: null,
+            loading: true,
+            result: null
+          }
+        };
+      });
+      try {
+        const result = await run(panel.sql(dataset));
+        if (!token.cancelled) {
+          setStates((current_1) => {
+            return {
+              ...current_1,
+              [panel.key]: {
+                error: null,
+                loading: false,
+                result
+              }
+            };
+          });
+        }
+      } catch (error_) {
+        if (!token.cancelled) {
+          setStates((current_0) => {
+            return {
+              ...current_0,
+              [panel.key]: {
+                error: errorMessage(error_),
+                loading: false,
+                result: null
+              }
+            };
+          });
+        }
+      }
+    }
+  }, [run, dataset]);
+  useEffect(() => {
+    const token_0 = {
+      cancelled: false
+    };
+    fireAndForget(load(token_0));
+    return () => {
+      token_0.cancelled = true;
+    };
+  }, [load]);
+  if (run === null) {
+    return /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Set CLOUDFLARE_ACCOUNT_ID and CLOUDFLARE_API_TOKEN (Analytics Read) in your .dev.vars to enable usage panels."),
+      icon: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.6,
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxDEV("path", {
+          d: "M5 20V10m6.5 10V4M18 20v-7M3 20h18"
+        }, void 0, false)
+      }, void 0, false),
+      testId: "analytics-not-configured",
+      title: t("Analytics is not configured.")
+    }, void 0, false);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-4",
+    "data-testid": "lunora-analytics-panel",
+    children: PANEL_QUERIES.map((panel_0) => /* @__PURE__ */ jsxDEV(PanelResult, {
+      state: states[panel_0.key] ?? INITIAL_PANEL_STATE,
+      title: panel_0.title
+    }, panel_0.key, false))
+  }, void 0, false);
+};
+function _temp(column) {
+  return /* @__PURE__ */ jsxDEV(TableHead, {
+    children: column.name
+  }, column.name, false);
+}
+
+export { AnalyticsPanel };

package/dist/packem_chunks/auth-config-panel.js

@@ -0,0 +1,365 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
+import { a as useClientQuery } from '../packem_shared/use-admin-query-BGJ010yZ.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+
+const CAPABILITY_ROWS = [{
+  key: "accounts",
+  label: "Accounts"
+}, {
+  key: "admin",
+  label: "Admin"
+}, {
+  key: "organization",
+  label: "Organizations"
+}, {
+  key: "passkey",
+  label: "Passkeys"
+}, {
+  key: "twoFactor",
+  label: "Two-factor"
+}];
+const formatDuration = (seconds) => {
+  if (seconds === void 0) {
+    return "—";
+  }
+  const units = [[86400, "d"], [3600, "h"], [60, "m"]];
+  for (const [size, suffix] of units) {
+    if (seconds >= size && seconds % size === 0) {
+      return `${String(seconds / size)}${suffix}`;
+    }
+  }
+  return `${String(seconds)}s`;
+};
+const ConfigCard = (t0) => {
+  const $ = c(8);
+  const {
+    children,
+    heading,
+    testId
+  } = t0;
+  let t1;
+  if ($[0] !== heading) {
+    t1 = /* @__PURE__ */ jsxDEV("header", {
+      className: "border-b border-border px-4 py-3",
+      children: /* @__PURE__ */ jsxDEV("span", {
+        className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+        children: heading
+      }, void 0, false)
+    }, void 0, false);
+    $[0] = heading;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children) {
+    t2 = /* @__PURE__ */ jsxDEV(CardContent, {
+      className: "p-3",
+      children
+    }, void 0, false);
+    $[2] = children;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2 || $[6] !== testId) {
+    t3 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      "data-testid": testId,
+      children: [t1, t2]
+    }, void 0, true);
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = testId;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const KeyValue = (t0) => {
+  const $ = c(7);
+  const {
+    label,
+    value
+  } = t0;
+  let t1;
+  if ($[0] !== label) {
+    t1 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-sm",
+      children: label
+    }, void 0, false);
+    $[0] = label;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== value) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-sm text-muted-foreground tabular-nums",
+      children: value
+    }, void 0, false);
+    $[2] = value;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-between gap-2 rounded-xl border border-border bg-card p-2 shadow-xs",
+      children: [t1, t2]
+    }, void 0, true);
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+const AuthConfigPanel = () => {
+  const $ = c(20);
+  const client = useLunora();
+  const t = useT();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = ["lunora-auth-config"];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== client) {
+    t1 = () => client.getAuthConfig();
+    $[1] = client;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const {
+    data: config,
+    error
+  } = useClientQuery(t0, t1);
+  let t2;
+  if ($[3] !== t) {
+    t2 = (on) => /* @__PURE__ */ jsxDEV(Badge, {
+      variant: on ? "success" : "outline",
+      children: on ? t("Enabled") : t("Disabled")
+    }, void 0, false);
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const statusBadge = t2;
+  let t3;
+  if ($[5] !== error) {
+    t3 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "px-4 py-8 text-center text-sm text-destructive",
+      "data-testid": "auth-config-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[5] = error;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== config || $[8] !== error || $[9] !== t) {
+    t4 = error === null && config === void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "px-4 py-8 text-center text-sm text-muted-foreground",
+      "data-testid": "auth-config-loading",
+      children: t("Loading auth configuration…")
+    }, void 0, false);
+    $[7] = config;
+    $[8] = error;
+    $[9] = t;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== config || $[12] !== error || $[13] !== statusBadge || $[14] !== t) {
+    t5 = error === null && config !== void 0 && /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [/* @__PURE__ */ jsxDEV(ConfigCard, {
+        heading: t("Enabled capabilities"),
+        testId: "auth-config-capabilities",
+        children: /* @__PURE__ */ jsxDEV("ul", {
+          className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+          children: CAPABILITY_ROWS.map((row) => {
+            const enabled = config.capabilities[row.key];
+            return /* @__PURE__ */ jsxDEV("li", {
+              className: "flex items-center justify-between gap-2 rounded-xl border border-border bg-card p-2 shadow-xs",
+              "data-testid": `auth-config-cap-${row.key}`,
+              children: [/* @__PURE__ */ jsxDEV("span", {
+                className: "text-sm",
+                children: t(row.label)
+              }, void 0, false), statusBadge(enabled)]
+            }, row.key, true);
+          })
+        }, void 0, false)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(ConfigCard, {
+        heading: t("Plugins"),
+        testId: "auth-config-plugins",
+        children: config.plugins.length === 0 ? /* @__PURE__ */ jsxDEV("p", {
+          className: "text-sm text-muted-foreground",
+          children: t("No plugins enabled.")
+        }, void 0, false) : /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-wrap gap-2",
+          children: config.plugins.map(_temp)
+        }, void 0, false)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(ConfigCard, {
+        heading: t("Sign-in methods"),
+        testId: "auth-config-signin",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-2",
+          children: [/* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Email & password"),
+            value: statusBadge(config.emailAndPassword)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Social providers"),
+            value: config.socialProviders.length === 0 ? t("None") : /* @__PURE__ */ jsxDEV("span", {
+              className: "flex flex-wrap justify-end gap-1",
+              children: config.socialProviders.map(_temp2)
+            }, void 0, false)
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false), config.organization.enabled && /* @__PURE__ */ jsxDEV(ConfigCard, {
+        heading: t("Organizations"),
+        testId: "auth-config-org",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-2",
+          children: [/* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Teams"),
+            value: statusBadge(config.organization.teams)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Custom roles"),
+            value: statusBadge(config.organization.roles)
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(ConfigCard, {
+        heading: t("Session policy"),
+        testId: "auth-config-session",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-2",
+          children: [/* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Expires in"),
+            value: formatDuration(config.session.expiresIn)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Refresh after"),
+            value: formatDuration(config.session.updateAge)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Fresh window"),
+            value: formatDuration(config.session.freshAge)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Cookie cache"),
+            value: statusBadge(config.session.cookieCache === true)
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(ConfigCard, {
+        heading: t("Rate limit"),
+        testId: "auth-config-ratelimit",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-2",
+          children: [/* @__PURE__ */ jsxDEV(KeyValue, {
+            label: t("Status"),
+            value: statusBadge(config.rateLimit.enabled)
+          }, void 0, false), config.rateLimit.enabled && /* @__PURE__ */ jsxDEV(Fragment, {
+            children: [/* @__PURE__ */ jsxDEV(KeyValue, {
+              label: t("Max requests"),
+              value: config.rateLimit.max ?? "—"
+            }, void 0, false), /* @__PURE__ */ jsxDEV(KeyValue, {
+              label: t("Window"),
+              value: formatDuration(config.rateLimit.window)
+            }, void 0, false)]
+          }, void 0, true)]
+        }, void 0, true)
+      }, void 0, false), config.userFields.length > 0 && /* @__PURE__ */ jsxDEV(ConfigCard, {
+        heading: t("Plugin user fields"),
+        testId: "auth-config-user-fields",
+        children: /* @__PURE__ */ jsxDEV("ul", {
+          className: "flex flex-col gap-2",
+          children: config.userFields.map((field) => /* @__PURE__ */ jsxDEV("li", {
+            className: "flex items-center justify-between gap-2 rounded-xl border border-border bg-card p-2 shadow-xs",
+            "data-testid": `auth-config-user-field-${field.name}`,
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              className: "flex flex-col",
+              children: [/* @__PURE__ */ jsxDEV("span", {
+                className: "font-mono text-xs",
+                children: field.name
+              }, void 0, false), field.plugin !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+                className: "text-[11px] text-muted-foreground",
+                children: field.plugin
+              }, void 0, false)]
+            }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
+              className: "flex items-center gap-1",
+              children: [/* @__PURE__ */ jsxDEV(Badge, {
+                variant: "outline",
+                children: field.type
+              }, void 0, false), field.required && /* @__PURE__ */ jsxDEV(Badge, {
+                variant: "secondary",
+                children: t("required")
+              }, void 0, false), field.unique && /* @__PURE__ */ jsxDEV(Badge, {
+                variant: "secondary",
+                children: t("unique")
+              }, void 0, false)]
+            }, void 0, true)]
+          }, field.name, true))
+        }, void 0, false)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(Card, {
+        className: "gap-0 py-0",
+        children: /* @__PURE__ */ jsxDEV("p", {
+          className: "px-4 py-3 text-xs text-muted-foreground",
+          "data-testid": "auth-config-note",
+          children: t("OAuth providers, email templates, and rate limits are configured at deploy time in the better-auth setup and aren't editable here. See the Mail tab for email output.")
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true);
+    $[11] = config;
+    $[12] = error;
+    $[13] = statusBadge;
+    $[14] = t;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== t3 || $[17] !== t4 || $[18] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "auth-config",
+      children: [t3, t4, t5]
+    }, void 0, true);
+    $[16] = t3;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  return t6;
+};
+function _temp(plugin) {
+  return /* @__PURE__ */ jsxDEV(Badge, {
+    "data-testid": `auth-config-plugin-${plugin}`,
+    variant: "outline",
+    children: plugin
+  }, plugin, false);
+}
+function _temp2(provider) {
+  return /* @__PURE__ */ jsxDEV(Badge, {
+    "data-testid": `auth-config-provider-${provider}`,
+    variant: "outline",
+    children: provider
+  }, provider, false);
+}
+
+export { AuthConfigPanel };