@ampless/admin 0.2.0-alpha.5 → 0.2.0-alpha.7

package/dist/api/index.d.ts

@@ -2,7 +2,7 @@ import { NextRequest, NextResponse } from 'next/server';
 import { Admin } from '../index.js';
 import 'ampless';
 import '@ampless/runtime';
-import '../i18n-ByHM_Bho.js';
+import '../i18n-Bc4SYgWx.js';
 import '@aws-amplify/adapter-nextjs';
 
 /**

package/dist/{chunk-7WFZULH7.js → chunk-GXPSAOES.js}

@@ -4,7 +4,7 @@ import {
   publicMediaUrl,
   setAdminMediaContext,
   translate
-} from "./chunk-FI7CM4LH.js";
+} from "./chunk-L5NHN3MY.js";
 import {
   invalidateSiteSettingsCache
 } from "./chunk-VXEVLHGL.js";
@@ -82,6 +82,18 @@ function decodeBody(value) {
     return value;
   }
 }
+function decodeMetadata(value) {
+  if (value === null || value === void 0) return void 0;
+  const parsed = typeof value === "string" ? safeJsonParse(value) : value;
+  return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : void 0;
+}
+function safeJsonParse(value) {
+  try {
+    return JSON.parse(value);
+  } catch {
+    return value;
+  }
+}
 function toCorePost(p) {
   return {
     postId: p.postId,
@@ -93,7 +105,8 @@ function toCorePost(p) {
     body: decodeBody(p.body),
     status: p.status ?? "draft",
     publishedAt: p.publishedAt ?? void 0,
-    tags: (p.tags ?? []).filter((t) => typeof t === "string")
+    tags: (p.tags ?? []).filter((t) => typeof t === "string"),
+    metadata: decodeMetadata(p.metadata)
   };
 }
 function postTagEntries(post) {
@@ -190,6 +203,7 @@ function installAdminPostsProvider() {
         status: input.status,
         publishedAt: input.publishedAt,
         tags: input.tags,
+        ...input.metadata !== void 0 && { metadata: encodeBody(input.metadata) },
         // Denormalized GSI keys. Must match every change to slug /
         // status — see the update() branch below.
         siteIdStatus: composeSiteIdStatus(input.siteId, input.status),
@@ -216,6 +230,7 @@ function installAdminPostsProvider() {
         ...patch.status !== void 0 && { status: patch.status },
         ...patch.publishedAt !== void 0 && { publishedAt: patch.publishedAt },
         ...patch.tags !== void 0 && { tags: patch.tags },
+        ...patch.metadata !== void 0 && { metadata: encodeBody(patch.metadata) },
         ...patch.status !== void 0 && nextStatus && { siteIdStatus: composeSiteIdStatus(siteId, nextStatus) },
         ...patch.slug !== void 0 && nextSlug && { siteIdSlug: composeSiteIdSlug(siteId, nextSlug) }
       });
@@ -351,12 +366,12 @@ function AdminDashboard() {
   }, []);
   const published = posts.filter((p) => p.status === "published").length;
   const drafts = posts.filter((p) => p.status === "draft").length;
-  return /* @__PURE__ */ jsxs("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-8 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx3("h1", { className: "text-3xl font-bold", children: t("dashboard.title") }),
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3 md:mb-8", children: [
+      /* @__PURE__ */ jsx3("h1", { className: "text-2xl font-bold md:text-3xl", children: t("dashboard.title") }),
       /* @__PURE__ */ jsx3(Button, { asChild: true, children: /* @__PURE__ */ jsx3(Link, { href: "/admin/posts/new", children: t("dashboard.newPost") }) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [
       /* @__PURE__ */ jsxs(Card, { children: [
         /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.totalPosts") }) }),
         /* @__PURE__ */ jsxs(CardContent, { children: [
@@ -398,15 +413,15 @@ function PostsList() {
     const siteId = readAdminSiteIdFromCookie();
     listPosts2({ status: "all", siteId }).then(setPosts).finally(() => setLoading(false));
   }, []);
-  return /* @__PURE__ */ jsxs2("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "mb-8 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx4("h1", { className: "text-3xl font-bold", children: t("posts.list.title") }),
+  return /* @__PURE__ */ jsxs2("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3 md:mb-8", children: [
+      /* @__PURE__ */ jsx4("h1", { className: "text-2xl font-bold md:text-3xl", 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__ */ jsxs2("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__ */ jsxs2(Table, { children: [
+    ] }) : /* @__PURE__ */ jsx4("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs2(Table, { children: [
       /* @__PURE__ */ jsx4(TableHeader, { children: /* @__PURE__ */ jsxs2(TableRow, { children: [
         /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnTitle") }),
         /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnStatus") }),
@@ -1169,9 +1184,16 @@ function PostForm({ post }) {
   const [body, setBody] = useState5(post?.body ?? EMPTY_TIPTAP_DOC);
   const [status, setStatus] = useState5(post?.status ?? "draft");
   const [tagsInput, setTagsInput] = useState5((post?.tags ?? []).join(", "));
+  const [noLayout, setNoLayout] = useState5(post?.metadata?.no_layout === true);
   const [saving, setSaving] = useState5(false);
   const [error, setError] = useState5(null);
   const [view, setView] = useState5("edit");
+  function buildMetadata() {
+    const next = { ...post?.metadata ?? {} };
+    if (noLayout && format === "html") next.no_layout = true;
+    else delete next.no_layout;
+    return Object.keys(next).length > 0 ? next : void 0;
+  }
   function parseTags(raw) {
     return Array.from(
       new Set(
@@ -1228,6 +1250,7 @@ function PostForm({ post }) {
     }
     setFormat(next);
     setBody(nextBody);
+    if (next !== "html") setNoLayout(false);
   }
   async function save(e) {
     e.preventDefault();
@@ -1235,6 +1258,7 @@ function PostForm({ post }) {
     setError(null);
     try {
       const tags = parseTags(tagsInput);
+      const metadata = buildMetadata();
       if (isEdit) {
         await updatePost(
           post.postId,
@@ -1246,7 +1270,8 @@ function PostForm({ post }) {
             body,
             status,
             publishedAt: status === "published" ? post?.publishedAt ?? (/* @__PURE__ */ new Date()).toISOString() : void 0,
-            tags
+            tags,
+            metadata
           },
           { siteId: post.siteId }
         );
@@ -1260,7 +1285,8 @@ function PostForm({ post }) {
           body,
           status,
           publishedAt: status === "published" ? (/* @__PURE__ */ new Date()).toISOString() : void 0,
-          tags
+          tags,
+          metadata
         });
       }
       router.push("/admin/posts");
@@ -1465,6 +1491,21 @@ function PostForm({ post }) {
           }
         )
       ] }),
+      format === "html" && /* @__PURE__ */ jsx10("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs8("label", { className: "flex items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            type: "checkbox",
+            checked: noLayout,
+            onChange: (e) => setNoLayout(e.target.checked),
+            className: "mt-1"
+          }
+        ),
+        /* @__PURE__ */ jsxs8("span", { children: [
+          /* @__PURE__ */ jsx10("span", { className: "font-medium", children: t("posts.form.noLayout") }),
+          /* @__PURE__ */ jsx10("span", { className: "block text-xs text-muted-foreground", children: t("posts.form.noLayoutHint") })
+        ] })
+      ] }) }),
       error && /* @__PURE__ */ jsx10("p", { className: "text-sm text-destructive", children: error }),
       /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx10(Button7, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
@@ -1478,8 +1519,8 @@ function PostForm({ post }) {
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function NewPostPage() {
   const t = useT();
-  return /* @__PURE__ */ jsxs9("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsx11("h1", { className: "mb-8 text-3xl font-bold", children: t("posts.form.newTitle") }),
+  return /* @__PURE__ */ jsxs9("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsx11("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("posts.form.newTitle") }),
     /* @__PURE__ */ jsx11(PostForm, {})
   ] });
 }
@@ -1502,10 +1543,11 @@ function EditPostPage({ params }) {
       else setPost(p);
     }).finally(() => setLoading(false));
   }, [postId]);
-  if (loading) return /* @__PURE__ */ jsx12("div", { className: "p-8", children: t("common.loading") });
+  if (loading)
+    return /* @__PURE__ */ jsx12("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: t("common.loading") });
   if (missing) notFound();
-  return /* @__PURE__ */ jsxs10("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsx12("h1", { className: "mb-8 text-3xl font-bold", children: t("posts.form.editTitle") }),
+  return /* @__PURE__ */ jsxs10("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsx12("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("posts.form.editTitle") }),
     post && /* @__PURE__ */ jsx12(PostForm, { post })
   ] });
 }
@@ -1749,8 +1791,8 @@ function MediaUploader() {
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function MediaPage() {
   const t = useT();
-  return /* @__PURE__ */ jsxs12("div", { className: "p-8", children: [
-    /* @__PURE__ */ jsx14("h1", { className: "mb-8 text-3xl font-bold", children: t("media.title") }),
+  return /* @__PURE__ */ jsxs12("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsx14("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("media.title") }),
     /* @__PURE__ */ jsx14(MediaUploader, {})
   ] });
 }
@@ -1946,77 +1988,150 @@ function LoginPage() {
 }
 
 // src/components/sidebar.tsx
+import { useEffect as useEffect7, useState as useState9 } from "react";
 import Link4 from "next/link";
 import { usePathname } from "next/navigation";
 import { signOut } from "aws-amplify/auth";
-import { LayoutDashboard, FileText as FileText2, Image as Image2, Globe, LogOut, ExternalLink } from "lucide-react";
+import {
+  LayoutDashboard,
+  FileText as FileText2,
+  Image as Image2,
+  Globe,
+  Users,
+  LogOut,
+  ExternalLink,
+  Menu,
+  X
+} from "lucide-react";
 import { Button as Button10, cn as cn3 } from "@ampless/runtime/ui";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var navItems = [
   { href: "/admin", key: "sidebar.dashboard", icon: LayoutDashboard },
   { href: "/admin/posts", key: "sidebar.posts", icon: FileText2 },
   { href: "/admin/media", key: "sidebar.media", icon: Image2 },
-  { href: "/admin/sites", key: "sidebar.sites", icon: Globe }
+  { href: "/admin/sites", key: "sidebar.sites", icon: Globe },
+  { href: "/admin/users", key: "sidebar.users", icon: Users, adminOnly: true }
 ];
 function Sidebar({
   email,
-  siteSelector
+  siteSelector,
+  isAdmin
 }) {
   const pathname = usePathname();
   const t = useT();
-  return /* @__PURE__ */ jsxs14("aside", { className: "flex h-screen w-60 flex-col border-r bg-muted/30", children: [
-    /* @__PURE__ */ jsx16("div", { className: "border-b p-4", children: /* @__PURE__ */ jsx16(Link4, { href: "/admin", className: "font-semibold", children: t("sidebar.brand") }) }),
-    siteSelector ? /* @__PURE__ */ jsx16("div", { className: "border-b", children: siteSelector }) : null,
-    /* @__PURE__ */ jsx16("nav", { className: "flex-1 space-y-1 p-2", children: navItems.map((item) => {
-      const Icon = item.icon;
-      const isActive = pathname === item.href || item.href !== "/admin" && pathname?.startsWith(item.href);
-      return /* @__PURE__ */ jsxs14(
-        Link4,
-        {
-          href: item.href,
-          className: cn3(
-            "flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors",
-            isActive ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
-          ),
-          children: [
-            /* @__PURE__ */ jsx16(Icon, { className: "h-4 w-4" }),
-            t(item.key)
-          ]
-        },
-        item.href
-      );
-    }) }),
-    /* @__PURE__ */ jsxs14("div", { className: "border-t p-2 space-y-1", children: [
-      /* @__PURE__ */ jsxs14(
-        Link4,
-        {
-          href: "/",
-          target: "_blank",
-          className: "flex items-center gap-3 rounded-md px-3 py-2 text-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-          children: [
-            /* @__PURE__ */ jsx16(ExternalLink, { className: "h-4 w-4" }),
-            t("sidebar.viewSite")
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx16("div", { className: "px-3 py-2 text-xs text-muted-foreground truncate", children: email }),
-      /* @__PURE__ */ jsxs14(
+  const [open, setOpen] = useState9(false);
+  useEffect7(() => {
+    setOpen(false);
+  }, [pathname]);
+  useEffect7(() => {
+    if (!open) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
+    /* @__PURE__ */ jsxs14("header", { className: "sticky top-0 z-30 flex h-14 items-center justify-between border-b bg-background px-4 md:hidden", children: [
+      /* @__PURE__ */ jsx16(Link4, { href: "/admin", className: "font-semibold", children: t("sidebar.brand") }),
+      /* @__PURE__ */ jsx16(
         Button10,
         {
           variant: "ghost",
-          size: "sm",
-          className: "w-full justify-start gap-3",
-          onClick: async () => {
-            await signOut();
-            window.location.href = "/login";
-          },
-          children: [
-            /* @__PURE__ */ jsx16(LogOut, { className: "h-4 w-4" }),
-            t("sidebar.signOut")
-          ]
+          size: "icon",
+          "aria-label": t("sidebar.openMenu"),
+          "aria-expanded": open,
+          onClick: () => setOpen(true),
+          children: /* @__PURE__ */ jsx16(Menu, { className: "h-5 w-5" })
         }
       )
-    ] })
+    ] }),
+    open && /* @__PURE__ */ jsx16(
+      "div",
+      {
+        className: "fixed inset-0 z-40 bg-black/40 md:hidden",
+        "aria-hidden": "true",
+        onClick: () => setOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsxs14(
+      "aside",
+      {
+        className: cn3(
+          "fixed inset-y-0 left-0 z-50 flex w-60 flex-col border-r bg-muted/30 transition-transform md:sticky md:top-0 md:h-screen md:translate-x-0",
+          open ? "translate-x-0" : "-translate-x-full md:translate-x-0"
+        ),
+        "aria-label": t("sidebar.brand"),
+        children: [
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between border-b p-4", children: [
+            /* @__PURE__ */ jsx16(Link4, { href: "/admin", className: "font-semibold", children: t("sidebar.brand") }),
+            /* @__PURE__ */ jsx16(
+              Button10,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "md:hidden",
+                "aria-label": t("sidebar.closeMenu"),
+                onClick: () => setOpen(false),
+                children: /* @__PURE__ */ jsx16(X, { className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          siteSelector ? /* @__PURE__ */ jsx16("div", { className: "border-b", children: siteSelector }) : null,
+          /* @__PURE__ */ jsx16("nav", { className: "flex-1 space-y-1 overflow-y-auto p-2", children: navItems.map((item) => {
+            if (item.adminOnly && !isAdmin) return null;
+            const Icon = item.icon;
+            const isActive = pathname === item.href || item.href !== "/admin" && pathname?.startsWith(item.href);
+            return /* @__PURE__ */ jsxs14(
+              Link4,
+              {
+                href: item.href,
+                className: cn3(
+                  "flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors",
+                  isActive ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx16(Icon, { className: "h-4 w-4" }),
+                  t(item.key)
+                ]
+              },
+              item.href
+            );
+          }) }),
+          /* @__PURE__ */ jsxs14("div", { className: "border-t p-2 space-y-1", children: [
+            /* @__PURE__ */ jsxs14(
+              Link4,
+              {
+                href: "/",
+                target: "_blank",
+                className: "flex items-center gap-3 rounded-md px-3 py-2 text-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+                children: [
+                  /* @__PURE__ */ jsx16(ExternalLink, { className: "h-4 w-4" }),
+                  t("sidebar.viewSite")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx16("div", { className: "px-3 py-2 text-xs text-muted-foreground truncate", children: email }),
+            /* @__PURE__ */ jsxs14(
+              Button10,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "w-full justify-start gap-3",
+                onClick: async () => {
+                  await signOut();
+                  window.location.href = "/login";
+                },
+                children: [
+                  /* @__PURE__ */ jsx16(LogOut, { className: "h-4 w-4" }),
+                  t("sidebar.signOut")
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
   ] });
 }
 
@@ -2046,7 +2161,7 @@ function SiteSelector({ current, sites }) {
 }
 
 // src/components/site-settings-form.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import { useRouter as useRouter4 } from "next/navigation";
 import { setSiteSetting } from "ampless";
 import { Button as Button11, Input as Input5, Label as Label4, Textarea as Textarea2 } from "@ampless/runtime/ui";
@@ -2063,10 +2178,10 @@ var KEYS = [
 function SiteSettingsForm({ siteId, initial, fallback }) {
   const router = useRouter4();
   const t = useT();
-  const [values, setValues] = useState9(initial);
-  const [saving, setSaving] = useState9(false);
-  const [error, setError] = useState9(null);
-  const [info, setInfo] = useState9(null);
+  const [values, setValues] = useState10(initial);
+  const [saving, setSaving] = useState10(false);
+  const [error, setError] = useState10(null);
+  const [info, setInfo] = useState10(null);
   function update(key, value) {
     setValues((prev) => ({ ...prev, [key]: value }));
   }
@@ -2208,7 +2323,7 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
 }
 
 // src/components/theme-settings-form.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 import { useRouter as useRouter5 } from "next/navigation";
 import {
   setSiteSetting as setSiteSetting2,
@@ -2232,14 +2347,14 @@ function ThemeSettingsForm({
   const router = useRouter5();
   const t = useT();
   const locale = useLocale();
-  const [state, setState] = useState10({ values: initial, touched: {} });
-  const [pendingTheme, setPendingTheme] = useState10(activeTheme);
-  const [optimisticActive, setOptimisticActive] = useState10(activeTheme);
-  const [saving, setSaving] = useState10(false);
-  const [switching, setSwitching] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [info, setInfo] = useState10(null);
-  const [invalid, setInvalid] = useState10({});
+  const [state, setState] = useState11({ values: initial, touched: {} });
+  const [pendingTheme, setPendingTheme] = useState11(activeTheme);
+  const [optimisticActive, setOptimisticActive] = useState11(activeTheme);
+  const [saving, setSaving] = useState11(false);
+  const [switching, setSwitching] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [info, setInfo] = useState11(null);
+  const [invalid, setInvalid] = useState11({});
   function update(key, value) {
     setState((prev) => ({
       values: { ...prev.values, [key]: value },

package/dist/{chunk-FI7CM4LH.js → chunk-L5NHN3MY.js}

@@ -34,9 +34,12 @@ var en_default = {
     posts: "Posts",
     media: "Media",
     sites: "Sites",
+    users: "Users",
     viewSite: "View site",
     signOut: "Sign out",
-    site: "Site"
+    site: "Site",
+    openMenu: "Open menu",
+    closeMenu: "Close menu"
   },
   dashboard: {
     title: "Dashboard",
@@ -76,6 +79,8 @@ var en_default = {
       tagsPlaceholder: "comma, separated, tags",
       tagsHint: "Used to group posts on tag pages (e.g. /tag/tech).",
       status: "Status",
+      noLayout: "No layout",
+      noLayoutHint: "Serve this post as bare HTML \u2014 no theme header, footer, or root layout. The body is returned as the entire response. Best paired with format: HTML when the body contains a full <!DOCTYPE html>\u2026</html> document.",
       saveChanges: "Save changes",
       createPost: "Create post",
       delete: "Delete",
@@ -147,6 +152,25 @@ var en_default = {
       label: "Site"
     }
   },
+  users: {
+    list: {
+      title: "Users",
+      description: "Promote signed-up users to admin or editor. Sign-ups always start with no role and must be granted access here.",
+      columnEmail: "Email",
+      columnRole: "Role",
+      columnActions: "Actions",
+      save: "Save",
+      saving: "Saving...",
+      saved: "Saved.",
+      cannotEditSelf: "You cannot change your own role.",
+      empty: "No users yet.",
+      loading: "Loading users...",
+      error: "Failed to load users",
+      roleAdmin: "Admin",
+      roleEditor: "Editor",
+      roleNone: "None"
+    }
+  },
   theme: {
     title: "Theme",
     activeLabel: "Active theme",
@@ -269,9 +293,12 @@ var ja_default = {
     posts: "\u8A18\u4E8B",
     media: "\u30E1\u30C7\u30A3\u30A2",
     sites: "\u30B5\u30A4\u30C8",
+    users: "\u30E6\u30FC\u30B6\u30FC",
     viewSite: "\u30B5\u30A4\u30C8\u3092\u8868\u793A",
     signOut: "\u30B5\u30A4\u30F3\u30A2\u30A6\u30C8",
-    site: "\u30B5\u30A4\u30C8"
+    site: "\u30B5\u30A4\u30C8",
+    openMenu: "\u30E1\u30CB\u30E5\u30FC\u3092\u958B\u304F",
+    closeMenu: "\u30E1\u30CB\u30E5\u30FC\u3092\u9589\u3058\u308B"
   },
   dashboard: {
     title: "\u30C0\u30C3\u30B7\u30E5\u30DC\u30FC\u30C9",
@@ -311,6 +338,8 @@ var ja_default = {
       tagsPlaceholder: "\u30AB\u30F3\u30DE, \u533A\u5207\u308A, \u30BF\u30B0",
       tagsHint: "\u30BF\u30B0\u30DA\u30FC\u30B8\u3067\u8A18\u4E8B\u3092\u30B0\u30EB\u30FC\u30D4\u30F3\u30B0 (\u4F8B: /tag/tech)\u3002",
       status: "\u30B9\u30C6\u30FC\u30BF\u30B9",
+      noLayout: "\u30EC\u30A4\u30A2\u30A6\u30C8\u3092\u4F7F\u308F\u306A\u3044",
+      noLayoutHint: "\u30C6\u30FC\u30DE\u306E\u30D8\u30C3\u30C0\u30FC / \u30D5\u30C3\u30BF\u30FC / root layout \u3092\u4ECB\u3055\u305A\u3001\u672C\u6587\u3092 HTTP \u30EC\u30B9\u30DD\u30F3\u30B9\u672C\u4F53\u3068\u3057\u3066\u305D\u306E\u307E\u307E\u8FD4\u3057\u307E\u3059\u3002\u672C\u6587\u306B <!DOCTYPE html>\u2026</html> \u304C\u542B\u307E\u308C\u308B\u5834\u5408\u306F\u30D5\u30A9\u30FC\u30DE\u30C3\u30C8: HTML \u3068\u306E\u7D44\u307F\u5408\u308F\u305B\u304C\u6700\u9069\u3067\u3059\u3002",
       saveChanges: "\u5909\u66F4\u3092\u4FDD\u5B58",
       createPost: "\u8A18\u4E8B\u3092\u4F5C\u6210",
       delete: "\u524A\u9664",
@@ -382,6 +411,25 @@ var ja_default = {
       label: "\u30B5\u30A4\u30C8"
     }
   },
+  users: {
+    list: {
+      title: "\u30E6\u30FC\u30B6\u30FC",
+      description: "\u30B5\u30A4\u30F3\u30A2\u30C3\u30D7\u6E08\u307F\u30E6\u30FC\u30B6\u30FC\u3092\u7BA1\u7406\u8005\u307E\u305F\u306F\u7DE8\u96C6\u8005\u306B\u6607\u683C\u3057\u307E\u3059\u3002\u30B5\u30A4\u30F3\u30A2\u30C3\u30D7\u76F4\u5F8C\u306F\u30ED\u30FC\u30EB\u7121\u3057\u306E\u305F\u3081\u3001\u3053\u3053\u3067\u30A2\u30AF\u30BB\u30B9\u3092\u4ED8\u4E0E\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+      columnEmail: "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9",
+      columnRole: "\u30ED\u30FC\u30EB",
+      columnActions: "\u64CD\u4F5C",
+      save: "\u4FDD\u5B58",
+      saving: "\u4FDD\u5B58\u4E2D...",
+      saved: "\u4FDD\u5B58\u3057\u307E\u3057\u305F\u3002",
+      cannotEditSelf: "\u81EA\u5206\u81EA\u8EAB\u306E\u30ED\u30FC\u30EB\u306F\u5909\u66F4\u3067\u304D\u307E\u305B\u3093\u3002",
+      empty: "\u30E6\u30FC\u30B6\u30FC\u304C\u3044\u307E\u305B\u3093\u3002",
+      loading: "\u30E6\u30FC\u30B6\u30FC\u3092\u8AAD\u307F\u8FBC\u307F\u4E2D...",
+      error: "\u30E6\u30FC\u30B6\u30FC\u4E00\u89A7\u306E\u53D6\u5F97\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
+      roleAdmin: "\u7BA1\u7406\u8005",
+      roleEditor: "\u7DE8\u96C6\u8005",
+      roleNone: "\u306A\u3057"
+    }
+  },
   theme: {
     title: "\u30C6\u30FC\u30DE",
     activeLabel: "\u30A2\u30AF\u30C6\u30A3\u30D6\u30C6\u30FC\u30DE",

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { L as Locale, D as Dictionary } from '../i18n-ByHM_Bho.js';
+import { L as Locale, D as Dictionary } from '../i18n-Bc4SYgWx.js';
 import { Config, Post, ThemeManifest, LocalizedString, MediaProcessingDefaults } from 'ampless';
 import { AmplessOutputs } from '@ampless/runtime';
 export { A as AdminDashboard, E as EditPostPage, L as LoginPage, M as MediaPage, N as NewPostPage, P as PostsList } from '../login-view-BKrSZLJu.js';
@@ -108,10 +108,12 @@ declare function uploadProcessedImage(file: File, options: ProcessOptions): Prom
     url: string;
 }>;
 
-declare function Sidebar({ email, siteSelector, }: {
+declare function Sidebar({ email, siteSelector, isAdmin, }: {
     email: string;
     /** Rendered above the main nav in multi-site mode. */
     siteSelector?: React.ReactNode;
+    /** Gates `adminOnly` nav entries (user management). */
+    isAdmin: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 interface SiteOption {

package/dist/components/index.js

@@ -22,12 +22,12 @@ import {
   uploadProcessedImage,
   useLocale,
   useT
-} from "../chunk-7WFZULH7.js";
+} from "../chunk-GXPSAOES.js";
 import {
   ADMIN_SITE_COOKIE,
   publicMediaUrl,
   setAdminMediaContext
-} from "../chunk-FI7CM4LH.js";
+} from "../chunk-L5NHN3MY.js";
 import {
   invalidateSiteSettingsCache
 } from "../chunk-VXEVLHGL.js";