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

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

@@ -0,0 +1,179 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { a as CardContent, C as Card } from '../packem_shared/card-DURq3ElK.js';
+import { a as useClientQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { jsxDEV } 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 AuthConfigPanel = () => {
+  const $ = c(29);
+  const client = useLunora();
+  const t = useT();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = ["lunora-auth-capabilities"];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== client) {
+    t1 = () => client.getAuthCapabilities();
+    $[1] = client;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const {
+    data: capabilities,
+    error
+  } = useClientQuery(t0, t1);
+  let t2;
+  if ($[3] !== t) {
+    t2 = t("Enabled capabilities");
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== 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);
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== error) {
+    t4 = 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);
+    $[7] = error;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== capabilities || $[10] !== error || $[11] !== t) {
+    t5 = error === null && capabilities === 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);
+    $[9] = capabilities;
+    $[10] = error;
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== capabilities || $[14] !== error || $[15] !== t) {
+    t6 = error === null && capabilities !== void 0 && /* @__PURE__ */ jsxDEV(CardContent, {
+      className: "p-3",
+      children: /* @__PURE__ */ jsxDEV("ul", {
+        className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+        children: CAPABILITY_ROWS.map((row) => {
+          const enabled = 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), /* @__PURE__ */ jsxDEV(Badge, {
+              variant: enabled ? "success" : "outline",
+              children: enabled ? t("Enabled") : t("Disabled")
+            }, void 0, false)]
+          }, row.key, true);
+        })
+      }, void 0, false)
+    }, void 0, false);
+    $[13] = capabilities;
+    $[14] = error;
+    $[15] = t;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      children: [t3, t4, t5, t6]
+    }, void 0, true);
+    $[17] = t3;
+    $[18] = t4;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  let t8;
+  if ($[22] !== t) {
+    t8 = 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.");
+    $[22] = t;
+    $[23] = t8;
+  } else {
+    t8 = $[23];
+  }
+  let t9;
+  if ($[24] !== t8) {
+    t9 = /* @__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: t8
+      }, void 0, false)
+    }, void 0, false);
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  let t10;
+  if ($[26] !== t7 || $[27] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "auth-config",
+      children: [t7, t9]
+    }, void 0, true);
+    $[26] = t7;
+    $[27] = t9;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  return t10;
+};
+
+export { AuthConfigPanel };

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

@@ -0,0 +1,175 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { C as Card, a as CardContent } 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, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
+import { a as useClientQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
+import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { g as formatTimestamp, f as fireAndForget } from '../packem_shared/internal-FcNZ3beb.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const SESSION_LIMIT = 200;
+const AuthSessionsPanel = () => {
+  const $ = c(21);
+  const client = useLunora();
+  const t = useT();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = ["lunora-auth-sessions", SESSION_LIMIT];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== client) {
+    t1 = () => client.listAuthSessions({
+      limit: SESSION_LIMIT
+    });
+    $[1] = client;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const sessionsQuery = useClientQuery(t0, t1);
+  const {
+    error
+  } = sessionsQuery;
+  const sessions = sessionsQuery.data?.rows ?? null;
+  let t2;
+  if ($[3] !== sessionsQuery) {
+    t2 = () => {
+      sessionsQuery.refetch();
+    };
+    $[3] = sessionsQuery;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  useAutoRefresh(t2, true);
+  let t3;
+  if ($[5] !== client || $[6] !== sessionsQuery) {
+    t3 = (sessionId) => {
+      fireAndForget((async () => {
+        await client.revokeAuthSession({
+          sessionId
+        });
+        sessionsQuery.refetch();
+      })());
+    };
+    $[5] = client;
+    $[6] = sessionsQuery;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const onRevoke = t3;
+  let t4;
+  if ($[8] !== error) {
+    t4 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "auth-sessions-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[8] = error;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== sessions || $[11] !== t) {
+    t5 = sessions !== null && sessions.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+      testId: "auth-sessions-empty",
+      title: t("No active sessions.")
+    }, void 0, false);
+    $[10] = sessions;
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== onRevoke || $[14] !== sessions || $[15] !== t) {
+    t6 = sessions !== null && sessions.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "auth-sessions-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("user")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("expires")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("ip")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("user agent")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("impersonated by")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                "aria-label": t("Actions")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: sessions.map((session) => /* @__PURE__ */ jsxDEV(TableRow, {
+              "data-testid": `auth-session-${session.id}`,
+              children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: session.userId
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "text-muted-foreground tabular-nums",
+                children: formatTimestamp(session.expiresAt)
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                children: session.ipAddress ?? ""
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "max-w-40 truncate",
+                children: session.userAgent ?? ""
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: session.impersonatedBy ?? ""
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                children: /* @__PURE__ */ jsxDEV(Button, {
+                  "data-testid": `auth-session-revoke-${session.id}`,
+                  onClick: () => {
+                    onRevoke(session.id);
+                  },
+                  size: "xs",
+                  type: "button",
+                  variant: "ghost",
+                  children: t("Revoke")
+                }, void 0, false)
+              }, void 0, false)]
+            }, session.id, true))
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+    $[13] = onRevoke;
+    $[14] = sessions;
+    $[15] = t;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== t4 || $[18] !== t5 || $[19] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "auth-sessions",
+      children: [t4, t5, t6]
+    }, void 0, true);
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  return t7;
+};
+
+export { AuthSessionsPanel };