@ampless/admin 0.2.0-alpha.0 → 0.2.0-alpha.10

package/dist/pages/index.js

@@ -1,296 +1,37 @@
 import {
-  I18nProvider,
-  MediaUploader,
-  PostForm,
+  AdminDashboard,
+  AdminProviders,
+  EditPostPage,
+  LoginPage,
+  MediaPage,
+  NewPostPage,
+  PostsList,
   Sidebar,
   SiteSelector,
   SiteSettingsForm,
-  ThemeSettingsForm,
-  setAdminCmsConfigClient,
-  useT
-} from "../chunk-BN6BW7MP.js";
+  ThemeSettingsForm
+} from "../chunk-PAL62MXF.js";
+import "../chunk-QMVFRT62.js";
 import {
-  readAdminSiteIdFromCookie,
-  setAdminCmsConfig,
-  setAdminMediaContext
-} from "../chunk-TJR3ALRJ.js";
+  UsersListView
+} from "../chunk-UOU7KQLR.js";
+import {
+  I18nProvider
+} from "../chunk-OFHKZNZS.js";
+import "../chunk-OPQ3SAZJ.js";
+import "../chunk-VXEVLHGL.js";
 
 // src/pages/admin-layout.tsx
 import { redirect } from "next/navigation";
-
-// src/pages/admin-providers.tsx
-import { useEffect } from "react";
-
-// src/lib/amplify-client.ts
-import { Amplify } from "aws-amplify";
-var configured = false;
-function configureAmplify(outputs) {
-  if (configured) return;
-  Amplify.configure(outputs, { ssr: true });
-  configured = true;
-}
-
-// src/lib/posts-provider.ts
-import { generateClient } from "aws-amplify/api";
-import {
-  setPostsProvider,
-  composeSiteIdStatus,
-  composeSiteIdSlug
-} from "ampless";
-function encodeBody(value) {
-  if (typeof value === "string") return value;
-  return JSON.stringify(value ?? null);
-}
-function decodeBody(value) {
-  if (typeof value !== "string") return value;
-  try {
-    return JSON.parse(value);
-  } catch {
-    return value;
-  }
-}
-function toCorePost(p) {
+import { jsx, jsxs } from "react/jsx-runtime";
+function sanitizeCmsConfigForClient(config) {
   return {
-    postId: p.postId,
-    siteId: p.siteId,
-    slug: p.slug,
-    title: p.title,
-    excerpt: p.excerpt ?? void 0,
-    format: p.format ?? "markdown",
-    body: decodeBody(p.body),
-    status: p.status ?? "draft",
-    publishedAt: p.publishedAt ?? void 0,
-    tags: (p.tags ?? []).filter((t) => typeof t === "string")
-  };
-}
-function postTagEntries(post) {
-  if (post.status !== "published" || !post.publishedAt || !post.tags?.length) return [];
-  return post.tags.map((tag) => ({
-    siteIdTag: `${post.siteId}#${tag}`,
-    publishedAtPostId: `${post.publishedAt}#${post.postId}`
-  }));
-}
-function entryKey(e) {
-  return `${e.siteIdTag}|${e.publishedAtPostId}`;
-}
-var installed = false;
-function installAdminPostsProvider() {
-  if (installed) return;
-  installed = true;
-  const client = generateClient();
-  async function syncPostTags(post, oldPost) {
-    const oldEntries = oldPost ? postTagEntries(oldPost) : [];
-    const newEntries = postTagEntries(post);
-    const oldKeys = new Set(oldEntries.map(entryKey));
-    const newKeys = new Set(newEntries.map(entryKey));
-    await Promise.all(
-      oldEntries.filter((e) => !newKeys.has(entryKey(e))).map((e) => client.models.PostTag.delete(e))
-    );
-    await Promise.all(
-      newEntries.filter((e) => !oldKeys.has(entryKey(e))).map(
-        (e) => client.models.PostTag.create({
-          siteIdTag: e.siteIdTag,
-          publishedAtPostId: e.publishedAtPostId,
-          siteId: post.siteId,
-          tag: e.siteIdTag.slice(post.siteId.length + 1),
-          postId: post.postId,
-          publishedAt: post.publishedAt,
-          slug: post.slug,
-          title: post.title,
-          excerpt: post.excerpt,
-          tags: post.tags ?? []
-        })
-      )
-    );
-    await Promise.all(
-      newEntries.filter((e) => oldKeys.has(entryKey(e))).map(
-        (e) => client.models.PostTag.update({
-          siteIdTag: e.siteIdTag,
-          publishedAtPostId: e.publishedAtPostId,
-          slug: post.slug,
-          title: post.title,
-          excerpt: post.excerpt,
-          tags: post.tags ?? []
-        })
-      )
-    );
-  }
-  const provider = {
-    async list(opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const status = opts.status ?? "published";
-      const filter = { siteId: { eq: siteId } };
-      if (status !== "all") filter.status = { eq: status };
-      const { data } = await client.models.Post.list({ filter, limit: opts.limit ?? 100 });
-      return data.map(toCorePost);
-    },
-    async get(slug, opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const { data } = await client.models.Post.list({
-        filter: { siteId: { eq: siteId }, slug: { eq: slug } },
-        limit: 1
-      });
-      return data[0] ? toCorePost(data[0]) : null;
-    },
-    async getById(postId, opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const { data } = await client.models.Post.get({ siteId, postId });
-      return data ? toCorePost(data) : null;
-    },
-    async create(input) {
-      const postId = input.postId ?? `post-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-      const { data, errors } = await client.models.Post.create({
-        siteId: input.siteId,
-        postId,
-        slug: input.slug,
-        title: input.title,
-        excerpt: input.excerpt,
-        format: input.format,
-        body: encodeBody(input.body),
-        status: input.status,
-        publishedAt: input.publishedAt,
-        tags: input.tags,
-        // Denormalized GSI keys. Must match every change to slug /
-        // status — see the update() branch below.
-        siteIdStatus: composeSiteIdStatus(input.siteId, input.status),
-        siteIdSlug: composeSiteIdSlug(input.siteId, input.slug)
-      });
-      if (errors || !data) throw new Error(errors?.[0]?.message ?? "Failed to create post");
-      const created = toCorePost(data);
-      await syncPostTags(created, null);
-      return created;
-    },
-    async update(postId, patch, opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const oldPost = await this.getById(postId, { siteId });
-      const nextStatus = patch.status ?? oldPost?.status;
-      const nextSlug = patch.slug ?? oldPost?.slug;
-      const { data, errors } = await client.models.Post.update({
-        siteId,
-        postId,
-        ...patch.slug !== void 0 && { slug: patch.slug },
-        ...patch.title !== void 0 && { title: patch.title },
-        ...patch.excerpt !== void 0 && { excerpt: patch.excerpt },
-        ...patch.format !== void 0 && { format: patch.format },
-        ...patch.body !== void 0 && { body: encodeBody(patch.body) },
-        ...patch.status !== void 0 && { status: patch.status },
-        ...patch.publishedAt !== void 0 && { publishedAt: patch.publishedAt },
-        ...patch.tags !== void 0 && { tags: patch.tags },
-        ...patch.status !== void 0 && nextStatus && { siteIdStatus: composeSiteIdStatus(siteId, nextStatus) },
-        ...patch.slug !== void 0 && nextSlug && { siteIdSlug: composeSiteIdSlug(siteId, nextSlug) }
-      });
-      if (errors || !data) throw new Error(errors?.[0]?.message ?? "Failed to update post");
-      const updated = toCorePost(data);
-      await syncPostTags(updated, oldPost);
-      return updated;
-    },
-    async remove(postId, opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const oldPost = await this.getById(postId, { siteId });
-      if (oldPost) {
-        await syncPostTags({ ...oldPost, status: "draft" }, oldPost);
-      }
-      const { errors } = await client.models.Post.delete({ siteId, postId });
-      if (errors) throw new Error(errors[0]?.message ?? "Failed to delete post");
-    }
-  };
-  setPostsProvider(provider);
-}
-
-// src/lib/kv-provider.ts
-import { generateClient as generateClient2 } from "aws-amplify/api";
-import { setKvStore } from "ampless";
-var installed2 = false;
-function installAdminKvProvider() {
-  if (installed2) return;
-  installed2 = true;
-  const client = generateClient2();
-  function requireModel() {
-    const m = client.models.KvStore;
-    if (!m) {
-      throw new Error(
-        "KvStore model is not available on the AppSync client. Did you redeploy the sandbox? Run `npx ampx sandbox` and wait for it to finish, then reload this page."
-      );
-    }
-    return m;
-  }
-  function encodeValue(value) {
-    return JSON.stringify(value ?? null);
-  }
-  function decodeValue(raw) {
-    if (typeof raw !== "string") return raw;
-    try {
-      return JSON.parse(raw);
-    } catch {
-      return raw;
-    }
-  }
-  const store = {
-    async get(pk, sk) {
-      const model = requireModel();
-      const { data } = await model.get({ pk, sk });
-      return data ? decodeValue(data.value) : null;
-    },
-    async query(pk) {
-      const model = requireModel();
-      const { data } = await model.list({
-        filter: { pk: { eq: pk } },
-        limit: 1e3
-      });
-      return (data ?? []).map((row) => ({
-        pk: row.pk,
-        sk: row.sk,
-        value: decodeValue(row.value),
-        ttl: row.ttl ?? void 0
-      }));
-    },
-    async put(pk, sk, value, opts) {
-      const model = requireModel();
-      const ttl = opts?.ttlSeconds ? Math.floor(Date.now() / 1e3) + opts.ttlSeconds : void 0;
-      const existing = await model.get({ pk, sk });
-      if (existing.data) {
-        const { errors } = await model.update({
-          pk,
-          sk,
-          value: encodeValue(value),
-          ttl: ttl ?? null
-        });
-        if (errors) throw new Error(errors[0]?.message ?? "KvStore.update failed");
-      } else {
-        const { errors } = await model.create({
-          pk,
-          sk,
-          value: encodeValue(value),
-          ttl
-        });
-        if (errors) throw new Error(errors[0]?.message ?? "KvStore.create failed");
-      }
-    },
-    async remove(pk, sk) {
-      const model = requireModel();
-      const { errors } = await model.delete({ pk, sk });
-      if (errors) throw new Error(errors[0]?.message ?? "KvStore.delete failed");
-    }
+    ...config,
+    plugins: (config.plugins ?? []).map(
+      (p) => typeof p === "string" ? p : { name: p.name, apiVersion: p.apiVersion, trust_level: p.trust_level }
+    )
   };
-  setKvStore(store);
-}
-
-// src/pages/admin-providers.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
-function AdminProviders({ outputs, cmsConfig, children }) {
-  configureAmplify(outputs);
-  setAdminCmsConfig(cmsConfig);
-  setAdminCmsConfigClient(cmsConfig);
-  setAdminMediaContext(outputs, cmsConfig);
-  useEffect(() => {
-    installAdminPostsProvider();
-    installAdminKvProvider();
-  }, []);
-  return /* @__PURE__ */ jsx(Fragment, { children });
 }
-
-// src/pages/admin-layout.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function createAdminLayout(admin) {
   async function AdminLayout({ children }) {
     const session = await admin.getServerSession();
@@ -299,216 +40,87 @@ function createAdminLayout(admin) {
     }
     const sites = admin.adminSiteOptions();
     const currentSiteId = await admin.currentAdminSiteId();
-    const selector = sites.length > 0 ? /* @__PURE__ */ jsx2(SiteSelector, { current: currentSiteId, sites }) : null;
-    return /* @__PURE__ */ jsx2(AdminProviders, { outputs: admin.outputs, cmsConfig: admin.cmsConfig, children: /* @__PURE__ */ jsx2(I18nProvider, { locale: admin.locale, dict: admin.dict, children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen", children: [
-      /* @__PURE__ */ jsx2(Sidebar, { email: session.email, siteSelector: selector }),
-      /* @__PURE__ */ jsx2("main", { className: "flex-1 overflow-auto", children })
+    const selector = sites.length > 0 ? /* @__PURE__ */ jsx(SiteSelector, { current: currentSiteId, sites }) : null;
+    return /* @__PURE__ */ jsx(AdminProviders, { outputs: admin.outputs, cmsConfig: sanitizeCmsConfigForClient(admin.cmsConfig), children: /* @__PURE__ */ jsx(I18nProvider, { locale: admin.locale, dict: admin.dict, children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col md:flex-row", children: [
+      /* @__PURE__ */ jsx(
+        Sidebar,
+        {
+          email: session.email,
+          siteSelector: selector,
+          isAdmin: admin.isAdmin(session)
+        }
+      ),
+      /* @__PURE__ */ jsx("main", { className: "min-w-0 flex-1", children })
     ] }) }) });
   }
   return AdminLayout;
 }
 
 // src/pages/dashboard.tsx
-import { useEffect as useEffect2, useState } from "react";
-import Link from "next/link";
-import { listPosts } from "ampless";
-import { Button, Card, CardContent, CardHeader, CardTitle } from "@ampless/runtime/ui";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function AdminDashboard() {
-  const t = useT();
-  const [posts, setPosts] = useState([]);
-  const [loading, setLoading] = useState(true);
-  useEffect2(() => {
-    listPosts({ status: "all" }).then(setPosts).finally(() => setLoading(false));
-  }, []);
-  const published = posts.filter((p) => p.status === "published").length;
-  const drafts = posts.filter((p) => p.status === "draft").length;
-  return /* @__PURE__ */ jsxs2("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "mb-8 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx3("h1", { className: "text-3xl font-bold", children: t("dashboard.title") }),
-      /* @__PURE__ */ jsx3(Button, { asChild: true, children: /* @__PURE__ */ jsx3(Link, { href: "/admin/posts/new", children: t("dashboard.newPost") }) })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
-      /* @__PURE__ */ jsxs2(Card, { children: [
-        /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.totalPosts") }) }),
-        /* @__PURE__ */ jsxs2(CardContent, { children: [
-          /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : posts.length }),
-          /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: t("dashboard.totalLabel") })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs2(Card, { children: [
-        /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.published") }) }),
-        /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : published }) })
-      ] }),
-      /* @__PURE__ */ jsxs2(Card, { children: [
-        /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.drafts") }) }),
-        /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : drafts }) })
-      ] })
-    ] })
-  ] });
-}
 function createAdminDashboardPage(_admin) {
   return AdminDashboard;
 }
 
 // src/pages/posts-list.tsx
-import { useEffect as useEffect3, useState as useState2 } from "react";
-import Link2 from "next/link";
-import { listPosts as listPosts2 } from "ampless";
-import {
-  Button as Button2,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "@ampless/runtime/ui";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function PostsList() {
-  const t = useT();
-  const [posts, setPosts] = useState2([]);
-  const [loading, setLoading] = useState2(true);
-  useEffect3(() => {
-    const siteId = readAdminSiteIdFromCookie();
-    listPosts2({ status: "all", siteId }).then(setPosts).finally(() => setLoading(false));
-  }, []);
-  return /* @__PURE__ */ jsxs3("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "mb-8 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx4("h1", { className: "text-3xl font-bold", children: t("posts.list.title") }),
-      /* @__PURE__ */ jsx4(Button2, { asChild: true, children: /* @__PURE__ */ jsx4(Link2, { href: "/admin/posts/new", children: t("posts.list.newButton") }) })
-    ] }),
-    loading ? /* @__PURE__ */ jsx4("p", { className: "text-muted-foreground", children: t("common.loading") }) : posts.length === 0 ? /* @__PURE__ */ jsxs3("div", { className: "rounded-md border p-12 text-center", children: [
-      /* @__PURE__ */ jsx4("p", { className: "text-muted-foreground", children: t("posts.list.empty") }),
-      /* @__PURE__ */ jsx4(Button2, { asChild: true, className: "mt-4", children: /* @__PURE__ */ jsx4(Link2, { href: "/admin/posts/new", children: t("posts.list.createFirst") }) })
-    ] }) : /* @__PURE__ */ jsx4("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs3(Table, { children: [
-      /* @__PURE__ */ jsx4(TableHeader, { children: /* @__PURE__ */ jsxs3(TableRow, { children: [
-        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnTitle") }),
-        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnStatus") }),
-        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnSlug") }),
-        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnUpdated") })
-      ] }) }),
-      /* @__PURE__ */ jsx4(TableBody, { children: posts.map((post) => /* @__PURE__ */ jsxs3(TableRow, { children: [
-        /* @__PURE__ */ jsx4(TableCell, { children: /* @__PURE__ */ jsx4(
-          Link2,
-          {
-            href: `/admin/posts/${post.postId}`,
-            className: "font-medium hover:underline",
-            children: post.title
-          }
-        ) }),
-        /* @__PURE__ */ jsx4(TableCell, { children: /* @__PURE__ */ jsx4(
-          "span",
-          {
-            className: post.status === "published" ? "inline-block rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-700" : "inline-block rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-700",
-            children: t(`common.${post.status}`)
-          }
-        ) }),
-        /* @__PURE__ */ jsx4(TableCell, { className: "font-mono text-xs text-muted-foreground", children: post.slug }),
-        /* @__PURE__ */ jsx4(TableCell, { className: "text-sm text-muted-foreground", children: post.publishedAt ? new Date(post.publishedAt).toLocaleDateString() : "\u2014" })
-      ] }, post.postId)) })
-    ] }) })
-  ] });
-}
 function createPostsListPage(_admin) {
   return PostsList;
 }
 
 // src/pages/post-new.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function NewPostPage() {
-  const t = useT();
-  return /* @__PURE__ */ jsxs4("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsx5("h1", { className: "mb-8 text-3xl font-bold", children: t("posts.form.newTitle") }),
-    /* @__PURE__ */ jsx5(PostForm, {})
-  ] });
-}
 function createNewPostPage(_admin) {
   return NewPostPage;
 }
 
 // src/pages/post-edit.tsx
-import { useEffect as useEffect4, useState as useState3, use } from "react";
-import { notFound } from "next/navigation";
-import { getPostById } from "ampless";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function EditPostPage({ params }) {
-  const t = useT();
-  const { postId } = use(params);
-  const [post, setPost] = useState3(null);
-  const [loading, setLoading] = useState3(true);
-  const [missing, setMissing] = useState3(false);
-  useEffect4(() => {
-    const siteId = readAdminSiteIdFromCookie();
-    getPostById(postId, { siteId }).then((p) => {
-      if (!p) setMissing(true);
-      else setPost(p);
-    }).finally(() => setLoading(false));
-  }, [postId]);
-  if (loading) return /* @__PURE__ */ jsx6("div", { className: "p-8", children: t("common.loading") });
-  if (missing) notFound();
-  return /* @__PURE__ */ jsxs5("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsx6("h1", { className: "mb-8 text-3xl font-bold", children: t("posts.form.editTitle") }),
-    post && /* @__PURE__ */ jsx6(PostForm, { post })
-  ] });
-}
 function createEditPostPage(_admin) {
   return EditPostPage;
 }
 
 // src/pages/media.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function MediaPage() {
-  const t = useT();
-  return /* @__PURE__ */ jsxs6("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsx7("h1", { className: "mb-8 text-3xl font-bold", children: t("media.title") }),
-    /* @__PURE__ */ jsx7(MediaUploader, {})
-  ] });
-}
 function createMediaPage(_admin) {
   return MediaPage;
 }
 
 // src/pages/sites-list.tsx
-import Link3 from "next/link";
+import Link from "next/link";
 import { DEFAULT_SITE_ID, isMultiSite, siteFor } from "ampless";
 import {
-  Button as Button3,
-  Table as Table2,
-  TableBody as TableBody2,
-  TableCell as TableCell2,
-  TableHead as TableHead2,
-  TableHeader as TableHeader2,
-  TableRow as TableRow2
+  Button,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
 } from "@ampless/runtime/ui";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function createSitesListPage(admin) {
   const { cmsConfig, t } = admin;
   async function SitesPage() {
     const multi = isMultiSite(cmsConfig);
     const ids = multi ? Object.keys(cmsConfig.sites ?? {}) : [DEFAULT_SITE_ID];
-    return /* @__PURE__ */ jsxs7("div", { className: "p-8", children: [
-      /* @__PURE__ */ jsx8("div", { className: "mb-8 flex items-center justify-between", children: /* @__PURE__ */ jsxs7("div", { children: [
-        /* @__PURE__ */ jsx8("h1", { className: "text-3xl font-bold", children: t("sites.list.title") }),
-        /* @__PURE__ */ jsx8("p", { className: "mt-1 text-sm text-muted-foreground", children: t("sites.list.description") })
+    return /* @__PURE__ */ jsxs2("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+      /* @__PURE__ */ jsx2("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3 md:mb-8", children: /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("h1", { className: "text-2xl font-bold md:text-3xl", children: t("sites.list.title") }),
+        /* @__PURE__ */ jsx2("p", { className: "mt-1 text-sm text-muted-foreground", children: t("sites.list.description") })
       ] }) }),
-      /* @__PURE__ */ jsx8("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs7(Table2, { children: [
-        /* @__PURE__ */ jsx8(TableHeader2, { children: /* @__PURE__ */ jsxs7(TableRow2, { children: [
-          /* @__PURE__ */ jsx8(TableHead2, { children: t("sites.list.columnSiteId") }),
-          /* @__PURE__ */ jsx8(TableHead2, { children: t("sites.list.columnName") }),
-          /* @__PURE__ */ jsx8(TableHead2, { children: t("sites.list.columnUrl") }),
-          /* @__PURE__ */ jsx8(TableHead2, { children: t("sites.list.columnDomains") }),
-          /* @__PURE__ */ jsx8(TableHead2, {})
+      /* @__PURE__ */ jsx2("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs2(Table, { children: [
+        /* @__PURE__ */ jsx2(TableHeader, { children: /* @__PURE__ */ jsxs2(TableRow, { children: [
+          /* @__PURE__ */ jsx2(TableHead, { children: t("sites.list.columnSiteId") }),
+          /* @__PURE__ */ jsx2(TableHead, { children: t("sites.list.columnName") }),
+          /* @__PURE__ */ jsx2(TableHead, { children: t("sites.list.columnUrl") }),
+          /* @__PURE__ */ jsx2(TableHead, { children: t("sites.list.columnDomains") }),
+          /* @__PURE__ */ jsx2(TableHead, {})
         ] }) }),
-        /* @__PURE__ */ jsx8(TableBody2, { children: ids.map((id) => {
+        /* @__PURE__ */ jsx2(TableBody, { children: ids.map((id) => {
           const site = siteFor(id, cmsConfig);
           const domains = cmsConfig.sites?.[id]?.domains ?? [];
-          return /* @__PURE__ */ jsxs7(TableRow2, { children: [
-            /* @__PURE__ */ jsx8(TableCell2, { className: "font-mono text-xs", children: id }),
-            /* @__PURE__ */ jsx8(TableCell2, { className: "font-medium", children: site.name }),
-            /* @__PURE__ */ jsx8(TableCell2, { className: "text-sm text-muted-foreground", children: site.url }),
-            /* @__PURE__ */ jsx8(TableCell2, { className: "text-sm text-muted-foreground", children: domains.length > 0 ? domains.join(", ") : "\u2014" }),
-            /* @__PURE__ */ jsx8(TableCell2, { children: /* @__PURE__ */ jsx8(Button3, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx8(Link3, { href: `/admin/sites/${id}`, children: t("sites.list.edit") }) }) })
+          return /* @__PURE__ */ jsxs2(TableRow, { children: [
+            /* @__PURE__ */ jsx2(TableCell, { className: "font-mono text-xs", children: id }),
+            /* @__PURE__ */ jsx2(TableCell, { className: "font-medium", children: site.name }),
+            /* @__PURE__ */ jsx2(TableCell, { className: "text-sm text-muted-foreground", children: site.url }),
+            /* @__PURE__ */ jsx2(TableCell, { className: "text-sm text-muted-foreground", children: domains.length > 0 ? domains.join(", ") : "\u2014" }),
+            /* @__PURE__ */ jsx2(TableCell, { children: /* @__PURE__ */ jsx2(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx2(Link, { href: `/admin/sites/${id}`, children: t("sites.list.edit") }) }) })
           ] }, id);
         }) })
       ] }) })
@@ -518,9 +130,9 @@ function createSitesListPage(admin) {
 }
 
 // src/pages/site-edit.tsx
-import Link4 from "next/link";
+import Link2 from "next/link";
 import { siteFor as siteFor2 } from "ampless";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function createSiteEditPage(admin) {
   const { cmsConfig, t, loadSiteSettings } = admin;
   async function EditSitePage({ params }) {
@@ -545,10 +157,10 @@ function createSiteEditPage(admin) {
       dateFormat: settings.dateFormat,
       timezone: settings.timezone
     };
-    return /* @__PURE__ */ jsxs8("div", { className: "p-8", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsxs8(
-          Link4,
+    return /* @__PURE__ */ jsxs3("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "mb-6 md:mb-8", children: [
+        /* @__PURE__ */ jsxs3(
+          Link2,
           {
             href: "/admin/sites",
             className: "text-sm text-muted-foreground hover:underline",
@@ -558,14 +170,14 @@ function createSiteEditPage(admin) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx9("h1", { className: "mt-2 text-3xl font-bold", children: settings.site.name }),
-        /* @__PURE__ */ jsxs8("p", { className: "text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx3("h1", { className: "mt-2 text-2xl font-bold md:text-3xl", children: settings.site.name }),
+        /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground", children: [
           t("common.siteId"),
           ": ",
-          /* @__PURE__ */ jsx9("code", { className: "font-mono", children: siteId })
+          /* @__PURE__ */ jsx3("code", { className: "font-mono", children: siteId })
         ] }),
-        /* @__PURE__ */ jsx9("div", { className: "mt-4", children: /* @__PURE__ */ jsx9(
-          Link4,
+        /* @__PURE__ */ jsx3("div", { className: "mt-4", children: /* @__PURE__ */ jsx3(
+          Link2,
           {
             href: `/admin/sites/${siteId}/theme`,
             className: "text-sm font-medium underline",
@@ -573,16 +185,16 @@ function createSiteEditPage(admin) {
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx9(SiteSettingsForm, { siteId, initial, fallback })
+      /* @__PURE__ */ jsx3(SiteSettingsForm, { siteId, initial, fallback })
     ] });
   }
   return EditSitePage;
 }
 
 // src/pages/site-theme.tsx
-import Link5 from "next/link";
+import Link3 from "next/link";
 import { siteFor as siteFor3, resolveLocalized } from "ampless";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function createSiteThemePage(admin, themeList) {
   const { cmsConfig, t, locale, loadThemeConfig } = admin;
   async function ThemePage({ params }) {
@@ -594,10 +206,10 @@ function createSiteThemePage(admin, themeList) {
       label: m.manifest.label,
       description: m.manifest.description
     }));
-    return /* @__PURE__ */ jsxs9("div", { className: "p-8", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsxs9(
-          Link5,
+    return /* @__PURE__ */ jsxs4("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mb-6 md:mb-8", children: [
+        /* @__PURE__ */ jsxs4(
+          Link3,
           {
             href: `/admin/sites/${siteId}`,
             className: "text-sm text-muted-foreground hover:underline",
@@ -607,18 +219,18 @@ function createSiteThemePage(admin, themeList) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx10("h1", { className: "mt-2 text-3xl font-bold", children: t("theme.title") }),
-        /* @__PURE__ */ jsxs9("p", { className: "text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx4("h1", { className: "mt-2 text-2xl font-bold md:text-3xl", children: t("theme.title") }),
+        /* @__PURE__ */ jsxs4("p", { className: "text-sm text-muted-foreground", children: [
           t("common.active"),
           ":",
           " ",
-          /* @__PURE__ */ jsx10("strong", { children: resolveLocalized(theme.manifest.label, locale) }),
+          /* @__PURE__ */ jsx4("strong", { children: resolveLocalized(theme.manifest.label, locale) }),
           " (",
           theme.activeTheme,
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx4(
         ThemeSettingsForm,
         {
           siteId,
@@ -633,195 +245,21 @@ function createSiteThemePage(admin, themeList) {
   return ThemePage;
 }
 
-// src/pages/login.tsx
-import { useState as useState4 } from "react";
-import { useRouter } from "next/navigation";
-import {
-  signIn,
-  signUp,
-  confirmSignUp,
-  resetPassword,
-  confirmResetPassword
-} from "aws-amplify/auth";
-import {
-  Button as Button4,
-  Input,
-  Label,
-  Card as Card2,
-  CardContent as CardContent2,
-  CardHeader as CardHeader2,
-  CardTitle as CardTitle2,
-  CardDescription
-} from "@ampless/runtime/ui";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-function LoginPage() {
-  const router = useRouter();
-  const t = useT();
-  const [mode, setMode] = useState4("signIn");
-  const [email, setEmail] = useState4("");
-  const [password, setPassword] = useState4("");
-  const [code, setCode] = useState4("");
-  const [error, setError] = useState4(null);
-  const [info, setInfo] = useState4(null);
-  const [loading, setLoading] = useState4(false);
-  function go(next) {
-    setMode(next);
-    setError(null);
-    setInfo(null);
-    setCode("");
-    if (next === "signIn" || next === "signUp" || next === "forgot") setPassword("");
-  }
-  async function handleSubmit(e) {
-    e.preventDefault();
-    setError(null);
-    setInfo(null);
-    setLoading(true);
-    try {
-      if (mode === "signIn") {
-        const result = await signIn({ username: email, password });
-        if (result.isSignedIn) {
-          router.push("/admin");
-          router.refresh();
-        } else {
-          setError(t("auth.additionalStep", { step: result.nextStep.signInStep }));
-        }
-      } else if (mode === "signUp") {
-        await signUp({
-          username: email,
-          password,
-          options: { userAttributes: { email } }
-        });
-        go("confirm");
-      } else if (mode === "confirm") {
-        await confirmSignUp({ username: email, confirmationCode: code });
-        const result = await signIn({ username: email, password });
-        if (result.isSignedIn) {
-          router.push("/admin");
-          router.refresh();
-        }
-      } else if (mode === "forgot") {
-        await resetPassword({ username: email });
-        setMode("reset");
-        setInfo(t("auth.forgot.codeSent"));
-      } else if (mode === "reset") {
-        await confirmResetPassword({
-          username: email,
-          confirmationCode: code,
-          newPassword: password
-        });
-        const result = await signIn({ username: email, password });
-        if (result.isSignedIn) {
-          router.push("/admin");
-          router.refresh();
-        } else {
-          setMode("signIn");
-          setInfo(t("auth.reset.passwordUpdated"));
-        }
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setLoading(false);
+// src/pages/users-list.tsx
+import { redirect as redirect2 } from "next/navigation";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function createUsersListPage(admin) {
+  async function UsersPage() {
+    const session = await admin.getServerSession();
+    if (!admin.isAdmin(session)) {
+      redirect2("/admin");
     }
+    return /* @__PURE__ */ jsx5(UsersListView, { currentUserId: session.userId });
   }
-  const showEmail = mode !== "confirm" && mode !== "reset";
-  const showPassword = mode === "signIn" || mode === "signUp" || mode === "reset";
-  const showCode = mode === "confirm" || mode === "reset";
-  return /* @__PURE__ */ jsx11("main", { className: "flex min-h-screen items-center justify-center bg-muted/30 p-4", children: /* @__PURE__ */ jsxs10(Card2, { className: "w-full max-w-md", children: [
-    /* @__PURE__ */ jsxs10(CardHeader2, { children: [
-      /* @__PURE__ */ jsx11(CardTitle2, { children: t(`auth.${mode}.title`) }),
-      /* @__PURE__ */ jsx11(CardDescription, { children: t(`auth.${mode}.description`) })
-    ] }),
-    /* @__PURE__ */ jsx11(CardContent2, { children: /* @__PURE__ */ jsxs10("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      showEmail && /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx11(Label, { htmlFor: "email", children: t("auth.common.email") }),
-        /* @__PURE__ */ jsx11(
-          Input,
-          {
-            id: "email",
-            type: "email",
-            required: true,
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            autoComplete: "email"
-          }
-        )
-      ] }),
-      showCode && /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx11(Label, { htmlFor: "code", children: t("auth.common.code") }),
-        /* @__PURE__ */ jsx11(
-          Input,
-          {
-            id: "code",
-            required: true,
-            value: code,
-            onChange: (e) => setCode(e.target.value),
-            autoComplete: "one-time-code"
-          }
-        )
-      ] }),
-      showPassword && /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx11(Label, { htmlFor: "password", children: mode === "reset" ? t("auth.common.newPassword") : t("auth.common.password") }),
-        /* @__PURE__ */ jsx11(
-          Input,
-          {
-            id: "password",
-            type: "password",
-            required: true,
-            minLength: 8,
-            value: password,
-            onChange: (e) => setPassword(e.target.value),
-            autoComplete: mode === "signIn" ? "current-password" : "new-password"
-          }
-        ),
-        (mode === "signUp" || mode === "reset") && /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: t("auth.common.passwordHint") })
-      ] }),
-      info && /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: info }),
-      error && /* @__PURE__ */ jsx11("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsx11(Button4, { type: "submit", className: "w-full", disabled: loading, children: loading ? t("auth.common.working") : t(`auth.${mode}.submit`) }),
-      /* @__PURE__ */ jsxs10("div", { className: "space-y-1 text-center text-sm", children: [
-        mode === "signIn" && /* @__PURE__ */ jsxs10(Fragment2, { children: [
-          /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              className: "text-primary hover:underline",
-              onClick: () => go("forgot"),
-              children: t("auth.signIn.forgotPassword")
-            }
-          ) }),
-          /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              className: "text-primary hover:underline",
-              onClick: () => go("signUp"),
-              children: t("auth.signIn.createAccount")
-            }
-          ) })
-        ] }),
-        (mode === "signUp" || mode === "forgot" || mode === "reset") && /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
-          "button",
-          {
-            type: "button",
-            className: "text-primary hover:underline",
-            onClick: () => go("signIn"),
-            children: t("auth.signUp.backToSignIn")
-          }
-        ) }),
-        mode === "reset" && /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
-          "button",
-          {
-            type: "button",
-            className: "text-primary hover:underline",
-            onClick: () => go("forgot"),
-            children: t("auth.reset.resendCode")
-          }
-        ) })
-      ] })
-    ] }) })
-  ] }) });
+  return UsersPage;
 }
+
+// src/pages/login.tsx
 function createLoginPage(_admin) {
   return LoginPage;
 }
@@ -835,5 +273,6 @@ export {
   createPostsListPage,
   createSiteEditPage,
   createSiteThemePage,
-  createSitesListPage
+  createSitesListPage,
+  createUsersListPage
 };