@ampless/admin 0.2.0-alpha.6 → 0.2.0-alpha.8

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

@@ -4,7 +4,7 @@ import {
   publicMediaUrl,
   setAdminMediaContext,
   translate
-} from "./chunk-FI7CM4LH.js";
+} from "./chunk-KKM2MCM4.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") }),
@@ -916,7 +931,7 @@ function MediaPicker({ trigger, onSelect }) {
 }
 
 // src/components/post-form.tsx
-import { useRef as useRef3, useState as useState5 } from "react";
+import { useRef as useRef3, useState as useState6 } from "react";
 import { useRouter } from "next/navigation";
 import { Image as ImageIcon3 } from "lucide-react";
 import {
@@ -932,7 +947,7 @@ import {
   markdownToHtml,
   htmlToMarkdown
 } from "@ampless/runtime";
-import { Button as Button7, Input as Input2, Label as Label2, Textarea } from "@ampless/runtime/ui";
+import { Button as Button8, Input as Input2, Label as Label2, Textarea } from "@ampless/runtime/ui";
 
 // src/editor/tiptap-editor.tsx
 import { useEditor, EditorContent } from "@tiptap/react";
@@ -1029,7 +1044,7 @@ function ImageBubbleMenu({ editor }) {
     if (alt === null) return;
     editor.chain().focus().updateAttributes("image", { alt }).run();
   };
-  const remove2 = () => {
+  const remove3 = () => {
     editor.chain().focus().deleteSelection().run();
   };
   const setDisplay = (display) => {
@@ -1080,7 +1095,7 @@ function ImageBubbleMenu({ editor }) {
           /* @__PURE__ */ jsx8(Pencil, { className: "mr-1 h-3 w-3" }),
           t("editor.image.alt")
         ] }),
-        /* @__PURE__ */ jsxs6(Button6, { type: "button", variant: "ghost", size: "sm", onClick: remove2, children: [
+        /* @__PURE__ */ jsxs6(Button6, { type: "button", variant: "ghost", size: "sm", onClick: remove3, children: [
           /* @__PURE__ */ jsx8(Trash2, { className: "mr-1 h-3 w-3" }),
           t("editor.image.delete")
         ] })
@@ -1134,8 +1149,397 @@ function TiptapEditor({ initialContent, onChange }) {
   ] });
 }
 
-// src/components/post-form.tsx
+// src/components/static-uploader.tsx
+import { useState as useState5 } from "react";
+import { FileText, AlertTriangle, FileArchive, X } from "lucide-react";
+import { Button as Button7 } from "@ampless/runtime/ui";
+
+// src/lib/static-bundle.ts
+import JSZip from "jszip";
+import { uploadData as uploadData2, list as list2, remove } from "aws-amplify/storage";
+var DEFAULT_ENTRYPOINT = "index.html";
+var MAX_BUNDLE_BYTES = 50 * 1024 * 1024;
+var TEXT_EXTENSIONS = /* @__PURE__ */ new Set([".html", ".htm", ".css", ".svg"]);
+var MIME_TYPES = {
+  ".html": "text/html; charset=utf-8",
+  ".htm": "text/html; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".js": "application/javascript; charset=utf-8",
+  ".mjs": "application/javascript; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".avif": "image/avif",
+  ".ico": "image/x-icon",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".ttf": "font/ttf",
+  ".otf": "font/otf",
+  ".eot": "application/vnd.ms-fontobject",
+  ".txt": "text/plain; charset=utf-8",
+  ".xml": "application/xml; charset=utf-8",
+  ".map": "application/json; charset=utf-8",
+  ".pdf": "application/pdf"
+};
+function mimeTypeFor(path) {
+  const lower = path.toLowerCase();
+  const dot = lower.lastIndexOf(".");
+  if (dot < 0) return "application/octet-stream";
+  return MIME_TYPES[lower.slice(dot)] ?? "application/octet-stream";
+}
+function validateBundlePath(path) {
+  if (path === "" || path.endsWith("/")) return "directory entry";
+  if (path.includes("\0")) return "contains null byte";
+  if (path.startsWith("/") || path.startsWith("\\")) return "absolute path";
+  if (path.split(/[/\\]/).some((seg) => seg === "..")) return "parent-directory traversal";
+  if (path.startsWith("__MACOSX/") || /(^|\/)\._/.test(path)) return "macOS resource fork";
+  if (/(^|\/)\.DS_Store$/.test(path)) return ".DS_Store junk";
+  if (/(^|\/)Thumbs\.db$/i.test(path)) return "Thumbs.db junk";
+  return null;
+}
+var HTML_URL_ATTR_RE = /\b(?:href|src|action|data|poster|cite|formaction|manifest|srcset)\s*=\s*["']([^"']+)["']/gi;
+var CSS_URL_RE = /url\(\s*["']?([^"')\s]+)["']?\s*\)|@import\s+["']([^"']+)["']/gi;
+function findAbsolutePathRefs(path, content) {
+  const ext = path.toLowerCase().slice(path.lastIndexOf("."));
+  if (!TEXT_EXTENSIONS.has(ext)) return [];
+  const issues = [];
+  function check(url, lineHint) {
+    const trimmed = url.trim();
+    if (!trimmed) return;
+    if (trimmed.startsWith("#")) return;
+    if (/^[a-z][a-z0-9+.-]*:/i.test(trimmed)) return;
+    if (trimmed.startsWith("//")) {
+      issues.push({ path, reason: `protocol-relative URL: ${lineHint}` });
+      return;
+    }
+    if (trimmed.startsWith("/")) {
+      issues.push({ path, reason: `absolute path: ${lineHint}` });
+      return;
+    }
+  }
+  if (ext === ".html" || ext === ".htm" || ext === ".svg") {
+    HTML_URL_ATTR_RE.lastIndex = 0;
+    let m;
+    while ((m = HTML_URL_ATTR_RE.exec(content)) !== null) {
+      const val = m[1] ?? "";
+      if (/\bsrcset\s*=/i.test(m[0])) {
+        for (const candidate of val.split(",")) {
+          const urlPart = candidate.trim().split(/\s+/)[0];
+          if (urlPart) check(urlPart, candidate.trim());
+        }
+      } else {
+        check(val, m[0]);
+      }
+    }
+  }
+  if (ext === ".css" || ext === ".svg") {
+    CSS_URL_RE.lastIndex = 0;
+    let m;
+    while ((m = CSS_URL_RE.exec(content)) !== null) {
+      const val = (m[1] ?? m[2] ?? "").trim();
+      check(val, m[0]);
+    }
+  }
+  return issues;
+}
+async function extractZip(file) {
+  const zip = await JSZip.loadAsync(file);
+  const files = [];
+  const issues = [];
+  let totalBytes = 0;
+  for (const entry of Object.values(zip.files)) {
+    if (entry.dir) continue;
+    const reason = validateBundlePath(entry.name);
+    if (reason) {
+      const silent = reason === "macOS resource fork" || reason === ".DS_Store junk" || reason === "Thumbs.db junk";
+      if (!silent) issues.push({ path: entry.name, reason });
+      continue;
+    }
+    const data = await entry.async("uint8array");
+    totalBytes += data.byteLength;
+    files.push({ path: entry.name, data });
+  }
+  return { files: stripCommonPrefix(files), issues, totalBytes };
+}
+function stripCommonPrefix(files) {
+  if (files.length === 0) return files;
+  const firstSlash = files[0].path.indexOf("/");
+  if (firstSlash < 0) return files;
+  const prefix = files[0].path.slice(0, firstSlash + 1);
+  if (!files.every((f) => f.path.startsWith(prefix))) return files;
+  return files.map((f) => ({ ...f, path: f.path.slice(prefix.length) }));
+}
+function validateBundle(files) {
+  const issues = [];
+  const decoder = new TextDecoder("utf-8", { fatal: false });
+  for (const f of files) {
+    const ext = f.path.toLowerCase().slice(f.path.lastIndexOf("."));
+    if (!TEXT_EXTENSIONS.has(ext)) continue;
+    const text = decoder.decode(f.data);
+    issues.push(...findAbsolutePathRefs(f.path, text));
+  }
+  return issues;
+}
+function bundlePrefix(siteId, slug) {
+  return `public/static/${siteId}/${slug}/`;
+}
+async function uploadBundle(opts) {
+  if (opts.files.length === 0) {
+    throw new Error("Bundle is empty.");
+  }
+  const totalBytes = opts.files.reduce((sum, f) => sum + f.data.byteLength, 0);
+  if (totalBytes > MAX_BUNDLE_BYTES) {
+    throw new Error(
+      `Bundle too large: ${Math.round(totalBytes / 1024 / 1024)} MB exceeds the ${Math.round(MAX_BUNDLE_BYTES / 1024 / 1024)} MB ceiling for browser-side upload.`
+    );
+  }
+  const entrypoint = opts.entrypoint ?? pickDefaultEntrypoint(opts.files);
+  if (!opts.files.some((f) => f.path === entrypoint)) {
+    throw new Error(`Entrypoint "${entrypoint}" is not present in the bundle.`);
+  }
+  await deleteBundle(opts.siteId, opts.slug).catch(() => void 0);
+  const prefix = bundlePrefix(opts.siteId, opts.slug);
+  let uploaded = 0;
+  for (const f of opts.files) {
+    const task = uploadData2({
+      path: `${prefix}${f.path}`,
+      data: f.data,
+      // Forcing Content-Type at upload means CloudFront / browsers see
+      // it directly when serving the file via the public bucket URL.
+      // (The runtime route handler overrides it for the proxied path,
+      // but tooling that hits S3 directly benefits from a correct CT.)
+      options: { contentType: mimeTypeFor(f.path) }
+    });
+    await task.result;
+    uploaded += f.data.byteLength;
+    opts.onProgress?.(uploaded, totalBytes);
+  }
+  return {
+    entrypoint,
+    files: opts.files.map((f) => f.path).sort(),
+    uploadedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+async function deleteBundle(siteId, slug) {
+  const prefix = bundlePrefix(siteId, slug);
+  const result = await list2({ path: prefix });
+  for (const item of result.items) {
+    await remove({ path: item.path });
+  }
+}
+function pickDefaultEntrypoint(files) {
+  const exact = files.find((f) => f.path === DEFAULT_ENTRYPOINT);
+  if (exact) return exact.path;
+  const altRoot = files.find((f) => f.path === "index.htm");
+  if (altRoot) return altRoot.path;
+  const htmlRoot = files.filter((f) => /^[^/]+\.html?$/.test(f.path)).sort((a, b) => a.path.localeCompare(b.path));
+  if (htmlRoot.length > 0) return htmlRoot[0].path;
+  const htmlAny = files.filter((f) => /\.html?$/.test(f.path)).sort((a, b) => a.path.localeCompare(b.path));
+  if (htmlAny.length > 0) return htmlAny[0].path;
+  return DEFAULT_ENTRYPOINT;
+}
+
+// src/components/static-uploader.tsx
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function StaticUploader({ initial, onFilesReady, onClear }) {
+  const t = useT();
+  const [pending, setPending] = useState5(null);
+  const [issues, setIssues] = useState5([]);
+  const [busy, setBusy] = useState5(false);
+  const [error, setError] = useState5(null);
+  async function handleZip(file) {
+    setBusy(true);
+    setError(null);
+    try {
+      const { files, issues: structuralIssues } = await extractZip(file);
+      if (files.length === 0) {
+        setError(t("posts.form.static.emptyBundle"));
+        return;
+      }
+      const contentIssues = validateBundle(files);
+      const all = [...structuralIssues, ...contentIssues];
+      setPending(files);
+      setIssues(all);
+      if (all.length === 0) {
+        onFilesReady(files, guessEntrypoint(files));
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function handleLooseFiles(files) {
+    setBusy(true);
+    setError(null);
+    try {
+      const extracted = [];
+      const structural = [];
+      for (const f of Array.from(files)) {
+        const rel = f.webkitRelativePath ?? f.name;
+        const stripped = rel.includes("/") ? rel.slice(rel.indexOf("/") + 1) : rel;
+        const reason = validateBundlePath(stripped);
+        if (reason) {
+          structural.push({ path: stripped, reason });
+          continue;
+        }
+        const buf = new Uint8Array(await f.arrayBuffer());
+        extracted.push({ path: stripped, data: buf });
+      }
+      if (extracted.length === 0) {
+        setError(t("posts.form.static.emptyBundle"));
+        return;
+      }
+      const content = validateBundle(extracted);
+      const all = [...structural, ...content];
+      setPending(extracted);
+      setIssues(all);
+      if (all.length === 0) {
+        onFilesReady(extracted, guessEntrypoint(extracted));
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  }
+  function onPickerChange(e) {
+    const fl = e.target.files;
+    if (!fl || fl.length === 0) return;
+    e.target.value = "";
+    if (fl.length === 1 && fl[0].name.toLowerCase().endsWith(".zip")) {
+      void handleZip(fl[0]);
+    } else {
+      void handleLooseFiles(fl);
+    }
+  }
+  function clearPending() {
+    setPending(null);
+    setIssues([]);
+    setError(null);
+    onClear();
+  }
+  const showCurrent = !pending && initial && initial.files.length > 0;
+  return /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rounded-md border border-dashed p-4", children: [
+      /* @__PURE__ */ jsxs8("label", { className: "flex flex-col items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx10("span", { className: "font-medium", children: t("posts.form.static.pick") }),
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            type: "file",
+            accept: ".zip,application/zip,*/*",
+            multiple: true,
+            onChange: onPickerChange,
+            disabled: busy
+          }
+        ),
+        /* @__PURE__ */ jsx10("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
+      ] }),
+      busy && /* @__PURE__ */ jsx10("p", { className: "mt-2 text-sm text-muted-foreground", children: t("common.loading") }),
+      error && /* @__PURE__ */ jsx10("p", { className: "mt-2 text-sm text-destructive", children: error })
+    ] }),
+    showCurrent && /* @__PURE__ */ jsx10(CurrentBundle, { body: initial }),
+    pending && /* @__PURE__ */ jsx10(
+      PendingBundle,
+      {
+        files: pending,
+        issues,
+        onClear: clearPending
+      }
+    )
+  ] });
+}
+function CurrentBundle({ body }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-md border bg-muted/30 p-3", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "mb-2 flex items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsx10(FileArchive, { className: "h-4 w-4" }),
+      t("posts.form.static.currentBundle", {
+        count: body.files.length,
+        entrypoint: body.entrypoint
+      })
+    ] }),
+    /* @__PURE__ */ jsx10(FileList, { files: body.files })
+  ] });
+}
+function PendingBundle({
+  files,
+  issues,
+  onClear
+}) {
+  const t = useT();
+  const totalBytes = files.reduce((sum, f) => sum + f.data.byteLength, 0);
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-md border p-3", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "mb-2 flex items-center justify-between gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsxs8("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx10(FileArchive, { className: "h-4 w-4" }),
+        t("posts.form.static.pendingBundle", {
+          count: files.length,
+          size: formatBytes2(totalBytes)
+        })
+      ] }),
+      /* @__PURE__ */ jsxs8(Button7, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [
+        /* @__PURE__ */ jsx10(X, { className: "mr-1 h-3 w-3" }),
+        t("common.cancel")
+      ] })
+    ] }),
+    issues.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "mb-3 rounded-md border border-destructive/40 bg-destructive/5 p-2 text-sm", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "mb-1 flex items-center gap-2 font-medium text-destructive", children: [
+        /* @__PURE__ */ jsx10(AlertTriangle, { className: "h-4 w-4" }),
+        t("posts.form.static.issuesTitle", { count: issues.length })
+      ] }),
+      /* @__PURE__ */ jsxs8("ul", { className: "space-y-0.5 text-xs", children: [
+        issues.slice(0, 20).map((issue, idx) => /* @__PURE__ */ jsxs8("li", { className: "font-mono", children: [
+          issue.path,
+          ": ",
+          issue.reason
+        ] }, `${issue.path}-${idx}`)),
+        issues.length > 20 && /* @__PURE__ */ jsxs8("li", { className: "font-mono text-muted-foreground", children: [
+          "\u2026 ",
+          issues.length - 20,
+          " more"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx10("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
+    ] }),
+    /* @__PURE__ */ jsx10(FileList, { files: files.map((f) => f.path) })
+  ] });
+}
+function FileList({ files }) {
+  return /* @__PURE__ */ jsxs8("ul", { className: "space-y-0.5 text-xs", children: [
+    files.slice(0, 40).map((path) => /* @__PURE__ */ jsxs8("li", { className: "flex items-center gap-1.5 font-mono text-muted-foreground", children: [
+      /* @__PURE__ */ jsx10(FileText, { className: "h-3 w-3 shrink-0" }),
+      path
+    ] }, path)),
+    files.length > 40 && /* @__PURE__ */ jsxs8("li", { className: "font-mono text-xs text-muted-foreground", children: [
+      "\u2026 ",
+      files.length - 40,
+      " more"
+    ] })
+  ] });
+}
+function formatBytes2(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function guessEntrypoint(files) {
+  const exact = files.find((f) => f.path === "index.html");
+  if (exact) return "index.html";
+  const alt = files.find((f) => f.path === "index.htm");
+  if (alt) return "index.htm";
+  const rootHtml = files.filter((f) => /^[^/]+\.html?$/.test(f.path)).sort((a, b) => a.path.localeCompare(b.path))[0];
+  if (rootHtml) return rootHtml.path;
+  return files[0]?.path ?? "index.html";
+}
+
+// src/components/post-form.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var EMPTY_TIPTAP_DOC = { type: "doc", content: [{ type: "paragraph" }] };
 var IMAGE_URL_RE = /\.(jpe?g|png|gif|webp|avif|svg|bmp|tiff?)(\?|$)/i;
 var STYLESHEET_URL_RE = /\.css(\?|$)/i;
@@ -1155,23 +1559,36 @@ function slugify(s) {
 }
 function defaultBodyForFormat(format) {
   if (format === "tiptap") return EMPTY_TIPTAP_DOC;
+  if (format === "static") return null;
   return "";
 }
+function isStaticBody(value) {
+  return !!value && typeof value === "object" && "entrypoint" in value && "files" in value && Array.isArray(value.files);
+}
 function PostForm({ post }) {
   const router = useRouter();
   const t = useT();
   const isEdit = !!post;
   const bodyTextareaRef = useRef3(null);
-  const [title, setTitle] = useState5(post?.title ?? "");
-  const [slug, setSlug] = useState5(post?.slug ?? "");
-  const [excerpt, setExcerpt] = useState5(post?.excerpt ?? "");
-  const [format, setFormat] = useState5(post?.format ?? "tiptap");
-  const [body, setBody] = useState5(post?.body ?? EMPTY_TIPTAP_DOC);
-  const [status, setStatus] = useState5(post?.status ?? "draft");
-  const [tagsInput, setTagsInput] = useState5((post?.tags ?? []).join(", "));
-  const [saving, setSaving] = useState5(false);
-  const [error, setError] = useState5(null);
-  const [view, setView] = useState5("edit");
+  const [title, setTitle] = useState6(post?.title ?? "");
+  const [slug, setSlug] = useState6(post?.slug ?? "");
+  const [excerpt, setExcerpt] = useState6(post?.excerpt ?? "");
+  const [format, setFormat] = useState6(post?.format ?? "tiptap");
+  const [body, setBody] = useState6(post?.body ?? EMPTY_TIPTAP_DOC);
+  const [status, setStatus] = useState6(post?.status ?? "draft");
+  const [tagsInput, setTagsInput] = useState6((post?.tags ?? []).join(", "));
+  const [noLayout, setNoLayout] = useState6(post?.metadata?.no_layout === true);
+  const [saving, setSaving] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [view, setView] = useState6("edit");
+  const [pendingBundle, setPendingBundle] = useState6(null);
+  const initialStaticBody = isStaticBody(post?.body) ? post.body : null;
+  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(
@@ -1203,31 +1620,37 @@ function PostForm({ post }) {
   function changeFormat(next) {
     if (next === format) return;
     let nextBody = body;
-    const k = `${format}\u2192${next}`;
-    switch (k) {
-      case "tiptap\u2192html":
-        nextBody = tiptapToHtml(body);
-        break;
-      case "tiptap\u2192markdown":
-        nextBody = tiptapToMarkdown(body);
-        break;
-      case "html\u2192tiptap":
-        nextBody = String(body ?? "");
-        break;
-      case "markdown\u2192tiptap":
-        nextBody = markdownToHtml(String(body ?? ""));
-        break;
-      case "html\u2192markdown":
-        nextBody = htmlToMarkdown(String(body ?? ""));
-        break;
-      case "markdown\u2192html":
-        nextBody = markdownToHtml(String(body ?? ""));
-        break;
-      default:
-        nextBody = defaultBodyForFormat(next);
+    if (next === "static" || format === "static") {
+      nextBody = defaultBodyForFormat(next);
+    } else {
+      const k = `${format}\u2192${next}`;
+      switch (k) {
+        case "tiptap\u2192html":
+          nextBody = tiptapToHtml(body);
+          break;
+        case "tiptap\u2192markdown":
+          nextBody = tiptapToMarkdown(body);
+          break;
+        case "html\u2192tiptap":
+          nextBody = String(body ?? "");
+          break;
+        case "markdown\u2192tiptap":
+          nextBody = markdownToHtml(String(body ?? ""));
+          break;
+        case "html\u2192markdown":
+          nextBody = htmlToMarkdown(String(body ?? ""));
+          break;
+        case "markdown\u2192html":
+          nextBody = markdownToHtml(String(body ?? ""));
+          break;
+        default:
+          nextBody = defaultBodyForFormat(next);
+      }
     }
     setFormat(next);
     setBody(nextBody);
+    setPendingBundle(null);
+    if (next !== "html") setNoLayout(false);
   }
   async function save(e) {
     e.preventDefault();
@@ -1235,32 +1658,52 @@ function PostForm({ post }) {
     setError(null);
     try {
       const tags = parseTags(tagsInput);
+      const metadata = buildMetadata();
+      const finalSlug = slug || slugify(title);
+      const finalSiteId = post?.siteId ?? readAdminSiteIdFromCookie();
+      let nextBody = body;
+      if (format === "static") {
+        if (pendingBundle) {
+          nextBody = await uploadBundle({
+            siteId: finalSiteId,
+            slug: finalSlug,
+            files: pendingBundle.files,
+            entrypoint: pendingBundle.entrypoint
+          });
+        } else if (initialStaticBody) {
+          nextBody = initialStaticBody;
+        } else {
+          throw new Error(t("posts.form.static.noBundle"));
+        }
+      }
       if (isEdit) {
         await updatePost(
           post.postId,
           {
             title,
-            slug: slug || slugify(title),
+            slug: finalSlug,
             excerpt: excerpt || void 0,
             format,
-            body,
+            body: nextBody,
             status,
             publishedAt: status === "published" ? post?.publishedAt ?? (/* @__PURE__ */ new Date()).toISOString() : void 0,
-            tags
+            tags,
+            metadata
           },
           { siteId: post.siteId }
         );
       } else {
         await createPost({
-          siteId: readAdminSiteIdFromCookie(),
-          slug: slug || slugify(title),
+          siteId: finalSiteId,
+          slug: finalSlug,
           title,
           excerpt: excerpt || void 0,
           format,
-          body,
+          body: nextBody,
           status,
           publishedAt: status === "published" ? (/* @__PURE__ */ new Date()).toISOString() : void 0,
-          tags
+          tags,
+          metadata
         });
       }
       router.push("/admin/posts");
@@ -1276,6 +1719,9 @@ function PostForm({ post }) {
     if (!confirm(t("posts.form.deleteConfirm", { title: post.title }))) return;
     setSaving(true);
     try {
+      if (post.format === "static") {
+        await deleteBundle(post.siteId, post.slug).catch(() => void 0);
+      }
       await deletePost(post.postId);
       router.push("/admin/posts");
       router.refresh();
@@ -1296,9 +1742,9 @@ function PostForm({ post }) {
     publishedAt: status === "published" ? post?.publishedAt ?? (/* @__PURE__ */ new Date()).toISOString() : void 0,
     tags: parseTags(tagsInput)
   };
-  return /* @__PURE__ */ jsxs8("form", { onSubmit: save, className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex gap-1 border-b", children: [
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs9("form", { onSubmit: save, className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex gap-1 border-b", children: [
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -1308,7 +1754,7 @@ function PostForm({ post }) {
           children: t("posts.form.tabEdit")
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -1319,24 +1765,24 @@ function PostForm({ post }) {
         }
       )
     ] }),
-    view === "preview" && /* @__PURE__ */ jsxs8("article", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs8("header", { className: "border-b pb-4", children: [
-        /* @__PURE__ */ jsx10("h1", { className: "text-3xl font-bold tracking-tight", children: title || /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground italic", children: t("posts.form.previewNoTitle") }) }),
-        /* @__PURE__ */ jsxs8("p", { className: "mt-2 text-sm text-muted-foreground", children: [
-          previewPost.publishedAt ? /* @__PURE__ */ jsx10("time", { dateTime: previewPost.publishedAt, children: formatDate(previewPost.publishedAt) }) : /* @__PURE__ */ jsx10("span", { children: t("common.draft") }),
-          /* @__PURE__ */ jsx10("span", { className: "mx-2", children: "\xB7" }),
-          /* @__PURE__ */ jsx10("span", { className: "font-mono text-xs uppercase", children: format })
+    view === "preview" && /* @__PURE__ */ jsxs9("article", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs9("header", { className: "border-b pb-4", children: [
+        /* @__PURE__ */ jsx11("h1", { className: "text-3xl font-bold tracking-tight", children: title || /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground italic", children: t("posts.form.previewNoTitle") }) }),
+        /* @__PURE__ */ jsxs9("p", { className: "mt-2 text-sm text-muted-foreground", children: [
+          previewPost.publishedAt ? /* @__PURE__ */ jsx11("time", { dateTime: previewPost.publishedAt, children: formatDate(previewPost.publishedAt) }) : /* @__PURE__ */ jsx11("span", { children: t("common.draft") }),
+          /* @__PURE__ */ jsx11("span", { className: "mx-2", children: "\xB7" }),
+          /* @__PURE__ */ jsx11("span", { className: "font-mono text-xs uppercase", children: format })
         ] }),
-        excerpt && /* @__PURE__ */ jsx10("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
+        excerpt && /* @__PURE__ */ jsx11("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
       ] }),
-      /* @__PURE__ */ jsx10(
+      format === "static" ? /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: t("posts.form.static.previewHint") }) : /* @__PURE__ */ jsx11(
         "div",
         {
           className: "prose prose-neutral dark:prose-invert max-w-none",
           dangerouslySetInnerHTML: { __html: renderBody(previewPost) }
         }
       ),
-      previewPost.tags && previewPost.tags.length > 0 && /* @__PURE__ */ jsx10("div", { className: "flex flex-wrap gap-2 border-t pt-4 text-sm", children: previewPost.tags.map((tag) => /* @__PURE__ */ jsxs8(
+      previewPost.tags && previewPost.tags.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flex flex-wrap gap-2 border-t pt-4 text-sm", children: previewPost.tags.map((tag) => /* @__PURE__ */ jsxs9(
         "span",
         {
           className: "rounded-full border px-2 py-0.5 text-xs text-muted-foreground",
@@ -1347,12 +1793,12 @@ function PostForm({ post }) {
         },
         tag
       )) }),
-      /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
+      /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: view === "edit" ? "space-y-6" : "hidden", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "title", children: t("posts.form.title") }),
-        /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs9("div", { className: view === "edit" ? "space-y-6" : "hidden", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label2, { htmlFor: "title", children: t("posts.form.title") }),
+        /* @__PURE__ */ jsx11(
           Input2,
           {
             id: "title",
@@ -1365,9 +1811,9 @@ function PostForm({ post }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "slug", children: t("posts.form.slug") }),
-        /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label2, { htmlFor: "slug", children: t("posts.form.slug") }),
+        /* @__PURE__ */ jsx11(
           Input2,
           {
             id: "slug",
@@ -1377,9 +1823,9 @@ function PostForm({ post }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
-        /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label2, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
+        /* @__PURE__ */ jsx11(
           Textarea,
           {
             id: "excerpt",
@@ -1389,9 +1835,9 @@ function PostForm({ post }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "format", children: t("posts.form.format") }),
-        /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label2, { htmlFor: "format", children: t("posts.form.format") }),
+        /* @__PURE__ */ jsxs9(
           "select",
           {
             id: "format",
@@ -1399,33 +1845,41 @@ function PostForm({ post }) {
             onChange: (e) => changeFormat(e.target.value),
             className: "flex h-9 w-full max-w-xs rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm",
             children: [
-              /* @__PURE__ */ jsx10("option", { value: "tiptap", children: "Tiptap (rich editor)" }),
-              /* @__PURE__ */ jsx10("option", { value: "markdown", children: "Markdown" }),
-              /* @__PURE__ */ jsx10("option", { value: "html", children: "HTML" })
+              /* @__PURE__ */ jsx11("option", { value: "tiptap", children: "Tiptap (rich editor)" }),
+              /* @__PURE__ */ jsx11("option", { value: "markdown", children: "Markdown" }),
+              /* @__PURE__ */ jsx11("option", { value: "html", children: "HTML" }),
+              /* @__PURE__ */ jsx11("option", { value: "static", children: t("posts.form.formatStaticLabel") })
             ]
           }
         ),
-        /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
+        /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx10(Label2, { children: t("posts.form.body") }),
-          format !== "tiptap" && // For textarea-based formats (markdown / html) there's no
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx11(Label2, { children: t("posts.form.body") }),
+          format !== "tiptap" && format !== "static" && // For textarea-based formats (markdown / html) there's no
           // embedded toolbar, so we surface the MediaPicker as a
           // standalone button. Selecting an asset inserts a
           // format-aware snippet at the cursor.
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             MediaPicker,
             {
               onSelect: insertMediaSnippet,
-              trigger: /* @__PURE__ */ jsxs8(Button7, { type: "button", variant: "outline", size: "sm", children: [
-                /* @__PURE__ */ jsx10(ImageIcon3, { className: "mr-2 h-3 w-3" }),
+              trigger: /* @__PURE__ */ jsxs9(Button8, { type: "button", variant: "outline", size: "sm", children: [
+                /* @__PURE__ */ jsx11(ImageIcon3, { className: "mr-2 h-3 w-3" }),
                 t("posts.form.insertMedia")
               ] })
             }
           )
         ] }),
-        format === "tiptap" ? /* @__PURE__ */ jsx10(TiptapEditor, { initialContent: body, onChange: setBody }) : /* @__PURE__ */ jsx10(
+        format === "tiptap" ? /* @__PURE__ */ jsx11(TiptapEditor, { initialContent: body, onChange: setBody }) : format === "static" ? /* @__PURE__ */ jsx11(
+          StaticUploader,
+          {
+            initial: initialStaticBody,
+            onFilesReady: (files, entrypoint) => setPendingBundle({ files, entrypoint }),
+            onClear: () => setPendingBundle(null)
+          }
+        ) : /* @__PURE__ */ jsx11(
           Textarea,
           {
             ref: bodyTextareaRef,
@@ -1436,9 +1890,9 @@ function PostForm({ post }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "tags", children: t("posts.form.tags") }),
-        /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label2, { htmlFor: "tags", children: t("posts.form.tags") }),
+        /* @__PURE__ */ jsx11(
           Input2,
           {
             id: "tags",
@@ -1447,11 +1901,11 @@ function PostForm({ post }) {
             placeholder: t("posts.form.tagsPlaceholder")
           }
         ),
-        /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
+        /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "status", children: t("posts.form.status") }),
-        /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label2, { htmlFor: "status", children: t("posts.form.status") }),
+        /* @__PURE__ */ jsxs9(
           "select",
           {
             id: "status",
@@ -1459,42 +1913,57 @@ function PostForm({ post }) {
             onChange: (e) => setStatus(e.target.value),
             className: "flex h-9 w-full max-w-xs rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm",
             children: [
-              /* @__PURE__ */ jsx10("option", { value: "draft", children: t("common.draft") }),
-              /* @__PURE__ */ jsx10("option", { value: "published", children: t("common.published") })
+              /* @__PURE__ */ jsx11("option", { value: "draft", children: t("common.draft") }),
+              /* @__PURE__ */ jsx11("option", { value: "published", children: t("common.published") })
             ]
           }
         )
       ] }),
-      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") }),
-        isEdit && /* @__PURE__ */ jsx10(Button7, { type: "button", variant: "destructive", onClick: handleDelete, disabled: saving, children: t("posts.form.delete") })
+      format === "html" && /* @__PURE__ */ jsx11("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs9("label", { className: "flex items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx11(
+          "input",
+          {
+            type: "checkbox",
+            checked: noLayout,
+            onChange: (e) => setNoLayout(e.target.checked),
+            className: "mt-1"
+          }
+        ),
+        /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx11("span", { className: "font-medium", children: t("posts.form.noLayout") }),
+          /* @__PURE__ */ jsx11("span", { className: "block text-xs text-muted-foreground", children: t("posts.form.noLayoutHint") })
+        ] })
+      ] }) }),
+      error && /* @__PURE__ */ jsx11("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx11(Button8, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
+        isEdit && /* @__PURE__ */ jsx11(Button8, { type: "button", variant: "destructive", onClick: handleDelete, disabled: saving, children: t("posts.form.delete") })
       ] })
     ] })
   ] });
 }
 
 // src/components/new-post-view.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } 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") }),
-    /* @__PURE__ */ jsx11(PostForm, {})
+  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.newTitle") }),
+    /* @__PURE__ */ jsx12(PostForm, {})
   ] });
 }
 
 // src/components/edit-post-view.tsx
-import { useEffect as useEffect5, useState as useState6, use } from "react";
+import { useEffect as useEffect5, useState as useState7, use } from "react";
 import { notFound } from "next/navigation";
 import { getPostById } from "ampless";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function EditPostPage({ params }) {
   const t = useT();
   const { postId } = use(params);
-  const [post, setPost] = useState6(null);
-  const [loading, setLoading] = useState6(true);
-  const [missing, setMissing] = useState6(false);
+  const [post, setPost] = useState7(null);
+  const [loading, setLoading] = useState7(true);
+  const [missing, setMissing] = useState7(false);
   useEffect5(() => {
     const siteId = readAdminSiteIdFromCookie();
     getPostById(postId, { siteId }).then((p) => {
@@ -1502,21 +1971,22 @@ 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__ */ jsx13("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") }),
-    post && /* @__PURE__ */ jsx12(PostForm, { post })
+  return /* @__PURE__ */ jsxs11("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsx13("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("posts.form.editTitle") }),
+    post && /* @__PURE__ */ jsx13(PostForm, { post })
   ] });
 }
 
 // src/components/media-uploader.tsx
-import { useState as useState7, useEffect as useEffect6, useCallback, useRef as useRef4 } from "react";
-import { uploadData as uploadData2, list as list2, remove, isCancelError } from "aws-amplify/storage";
+import { useState as useState8, useEffect as useEffect6, useCallback, useRef as useRef4 } from "react";
+import { uploadData as uploadData3, list as list3, remove as remove2, isCancelError } from "aws-amplify/storage";
 import { processImage as processImage2 } from "ampless/media";
-import { Button as Button8, Input as Input3 } from "@ampless/runtime/ui";
-import { Trash2 as Trash22, Copy, Check, FileText, Code2 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Button as Button9, Input as Input3 } from "@ampless/runtime/ui";
+import { Trash2 as Trash22, Copy, Check, FileText as FileText2, Code2 } from "lucide-react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var IMAGE_EXT_RE = /\.(jpe?g|png|gif|webp|avif|svg|bmp|tiff?)$/i;
 var STYLESHEET_EXT_RE = /\.css$/i;
 var SCRIPT_EXT_RE = /\.m?js$/i;
@@ -1541,16 +2011,16 @@ function sanitizeName2(name) {
 }
 function MediaUploader() {
   const t = useT();
-  const [items, setItems] = useState7([]);
-  const [queue, setQueue] = useState7([]);
-  const [uploading, setUploading] = useState7(false);
-  const [error, setError] = useState7(null);
-  const [copiedPath, setCopiedPath] = useState7(null);
+  const [items, setItems] = useState8([]);
+  const [queue, setQueue] = useState8([]);
+  const [uploading, setUploading] = useState8(false);
+  const [error, setError] = useState8(null);
+  const [copiedPath, setCopiedPath] = useState8(null);
   const uploadTaskRef = useRef4(null);
   const cancelTokenRef = useRef4({ cancelled: false });
   const refresh = useCallback(async () => {
     try {
-      const result = await list2({ path: "public/media/" });
+      const result = await list3({ path: "public/media/" });
       setItems(
         result.items.map((item) => ({
           path: item.path,
@@ -1588,7 +2058,7 @@ function MediaUploader() {
       const yyyy = now.getFullYear();
       const mm = String(now.getMonth() + 1).padStart(2, "0");
       const path = `public/media/${yyyy}/${mm}/${Date.now()}-${safeName}`;
-      const task = uploadData2({
+      const task = uploadData3({
         path,
         data: processed.blob,
         options: { contentType: processed.mime }
@@ -1622,7 +2092,7 @@ function MediaUploader() {
   async function handleDelete(path) {
     if (!confirm(t("media.deleteConfirm"))) return;
     try {
-      await remove({ path });
+      await remove2({ path });
       await refresh();
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -1636,9 +2106,9 @@ function MediaUploader() {
     setTimeout(() => setCopiedPath((p) => p === key ? null : p), 1500);
   }
   const currentFile = queue[0] ?? null;
-  return /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "rounded-md border p-4", children: [
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "rounded-md border p-4", children: [
+      /* @__PURE__ */ jsx14(
         Input3,
         {
           type: "file",
@@ -1647,11 +2117,11 @@ function MediaUploader() {
           disabled: uploading
         }
       ),
-      uploading && /* @__PURE__ */ jsx13("p", { className: "mt-2 text-sm text-muted-foreground", children: t("media.uploading") }),
-      !uploading && queue.length > 0 && /* @__PURE__ */ jsx13("p", { className: "mt-2 text-sm text-muted-foreground", children: t("media.queued", { count: queue.length }) })
+      uploading && /* @__PURE__ */ jsx14("p", { className: "mt-2 text-sm text-muted-foreground", children: t("media.uploading") }),
+      !uploading && queue.length > 0 && /* @__PURE__ */ jsx14("p", { className: "mt-2 text-sm text-muted-foreground", children: t("media.queued", { count: queue.length }) })
     ] }),
-    error && /* @__PURE__ */ jsx13("p", { className: "text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsx13(
+    error && /* @__PURE__ */ jsx14("p", { className: "text-sm text-destructive", children: error }),
+    /* @__PURE__ */ jsx14(
       ImageUploadDialog,
       {
         file: currentFile,
@@ -1663,7 +2133,7 @@ function MediaUploader() {
         onCancel: handleDialogCancel
       }
     ),
-    /* @__PURE__ */ jsx13("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4", children: items.map((item) => {
+    /* @__PURE__ */ jsx14("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4", children: items.map((item) => {
       const isImage = IMAGE_EXT_RE.test(item.path);
       const isStylesheet = STYLESHEET_EXT_RE.test(item.path);
       const isScript = SCRIPT_EXT_RE.test(item.path);
@@ -1673,14 +2143,14 @@ function MediaUploader() {
       const tagDiffersFromUrl = tagSnippet !== item.url;
       const urlCopied = copiedPath === `${item.path}:url`;
       const tagCopied = copiedPath === `${item.path}:tag`;
-      return /* @__PURE__ */ jsxs11(
+      return /* @__PURE__ */ jsxs12(
         "div",
         {
           className: "group relative overflow-hidden rounded-md border bg-[var(--card)]",
           children: [
             isImage ? (
               // eslint-disable-next-line @next/next/no-img-element
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "img",
                 {
                   src: item.url,
@@ -1688,18 +2158,18 @@ function MediaUploader() {
                   className: "aspect-square w-full object-cover"
                 }
               )
-            ) : /* @__PURE__ */ jsxs11("div", { className: "flex aspect-square w-full flex-col items-center justify-center gap-2 bg-muted text-muted-foreground", children: [
-              isStylesheet || isScript ? /* @__PURE__ */ jsx13(Code2, { className: "h-8 w-8" }) : /* @__PURE__ */ jsx13(FileText, { className: "h-8 w-8" }),
-              /* @__PURE__ */ jsxs11("span", { className: "font-mono text-xs font-semibold", children: [
+            ) : /* @__PURE__ */ jsxs12("div", { className: "flex aspect-square w-full flex-col items-center justify-center gap-2 bg-muted text-muted-foreground", children: [
+              isStylesheet || isScript ? /* @__PURE__ */ jsx14(Code2, { className: "h-8 w-8" }) : /* @__PURE__ */ jsx14(FileText2, { className: "h-8 w-8" }),
+              /* @__PURE__ */ jsxs12("span", { className: "font-mono text-xs font-semibold", children: [
                 ".",
                 ext.toLowerCase()
               ] })
             ] }),
-            /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between border-t px-2 py-1 text-xs", children: [
-              /* @__PURE__ */ jsx13("span", { className: "truncate", title: filename, children: filename }),
-              /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-                /* @__PURE__ */ jsx13(
-                  Button8,
+            /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between border-t px-2 py-1 text-xs", children: [
+              /* @__PURE__ */ jsx14("span", { className: "truncate", title: filename, children: filename }),
+              /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+                /* @__PURE__ */ jsx14(
+                  Button9,
                   {
                     type: "button",
                     variant: "ghost",
@@ -1707,11 +2177,11 @@ function MediaUploader() {
                     className: "h-6 w-6",
                     onClick: () => handleCopy(item, "url"),
                     title: t("media.copyUrl"),
-                    children: urlCopied ? /* @__PURE__ */ jsx13(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx13(Copy, { className: "h-3 w-3" })
+                    children: urlCopied ? /* @__PURE__ */ jsx14(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx14(Copy, { className: "h-3 w-3" })
                   }
                 ),
-                tagDiffersFromUrl && /* @__PURE__ */ jsx13(
-                  Button8,
+                tagDiffersFromUrl && /* @__PURE__ */ jsx14(
+                  Button9,
                   {
                     type: "button",
                     variant: "ghost",
@@ -1719,11 +2189,11 @@ function MediaUploader() {
                     className: "h-6 w-6",
                     onClick: () => handleCopy(item, "tag"),
                     title: t("media.copyTag"),
-                    children: tagCopied ? /* @__PURE__ */ jsx13(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx13(Code2, { className: "h-3 w-3" })
+                    children: tagCopied ? /* @__PURE__ */ jsx14(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx14(Code2, { className: "h-3 w-3" })
                   }
                 ),
-                /* @__PURE__ */ jsx13(
-                  Button8,
+                /* @__PURE__ */ jsx14(
+                  Button9,
                   {
                     type: "button",
                     variant: "ghost",
@@ -1731,7 +2201,7 @@ function MediaUploader() {
                     className: "h-6 w-6",
                     onClick: () => handleDelete(item.path),
                     title: t("media.delete"),
-                    children: /* @__PURE__ */ jsx13(Trash22, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ jsx14(Trash22, { className: "h-3 w-3" })
                   }
                 )
               ] })
@@ -1741,22 +2211,22 @@ function MediaUploader() {
         item.path
       );
     }) }),
-    items.length === 0 && /* @__PURE__ */ jsx13("p", { className: "text-center text-sm text-muted-foreground", children: t("media.empty") })
+    items.length === 0 && /* @__PURE__ */ jsx14("p", { className: "text-center text-sm text-muted-foreground", children: t("media.empty") })
   ] });
 }
 
 // src/components/media-view.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } 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") }),
-    /* @__PURE__ */ jsx14(MediaUploader, {})
+  return /* @__PURE__ */ jsxs13("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsx15("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("media.title") }),
+    /* @__PURE__ */ jsx15(MediaUploader, {})
   ] });
 }
 
 // src/components/login-view.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { useRouter as useRouter2 } from "next/navigation";
 import {
   signIn,
@@ -1766,7 +2236,7 @@ import {
   confirmResetPassword
 } from "aws-amplify/auth";
 import {
-  Button as Button9,
+  Button as Button10,
   Input as Input4,
   Label as Label3,
   Card as Card2,
@@ -1775,17 +2245,17 @@ import {
   CardTitle as CardTitle2,
   CardDescription
 } from "@ampless/runtime/ui";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function LoginPage() {
   const router = useRouter2();
   const t = useT();
-  const [mode, setMode] = useState8("signIn");
-  const [email, setEmail] = useState8("");
-  const [password, setPassword] = useState8("");
-  const [code, setCode] = useState8("");
-  const [error, setError] = useState8(null);
-  const [info, setInfo] = useState8(null);
-  const [loading, setLoading] = useState8(false);
+  const [mode, setMode] = useState9("signIn");
+  const [email, setEmail] = useState9("");
+  const [password, setPassword] = useState9("");
+  const [code, setCode] = useState9("");
+  const [error, setError] = useState9(null);
+  const [info, setInfo] = useState9(null);
+  const [loading, setLoading] = useState9(false);
   function go(next) {
     setMode(next);
     setError(null);
@@ -1849,15 +2319,15 @@ function LoginPage() {
   const showEmail = mode !== "confirm" && mode !== "reset";
   const showPassword = mode === "signIn" || mode === "signUp" || mode === "reset";
   const showCode = mode === "confirm" || mode === "reset";
-  return /* @__PURE__ */ jsx15("main", { className: "flex min-h-screen items-center justify-center bg-muted/30 p-4", children: /* @__PURE__ */ jsxs13(Card2, { className: "w-full max-w-md", children: [
-    /* @__PURE__ */ jsxs13(CardHeader2, { children: [
-      /* @__PURE__ */ jsx15(CardTitle2, { children: t(`auth.${mode}.title`) }),
-      /* @__PURE__ */ jsx15(CardDescription, { children: t(`auth.${mode}.description`) })
+  return /* @__PURE__ */ jsx16("main", { className: "flex min-h-screen items-center justify-center bg-muted/30 p-4", children: /* @__PURE__ */ jsxs14(Card2, { className: "w-full max-w-md", children: [
+    /* @__PURE__ */ jsxs14(CardHeader2, { children: [
+      /* @__PURE__ */ jsx16(CardTitle2, { children: t(`auth.${mode}.title`) }),
+      /* @__PURE__ */ jsx16(CardDescription, { children: t(`auth.${mode}.description`) })
     ] }),
-    /* @__PURE__ */ jsx15(CardContent2, { children: /* @__PURE__ */ jsxs13("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      showEmail && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx15(Label3, { htmlFor: "email", children: t("auth.common.email") }),
-        /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(CardContent2, { children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      showEmail && /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx16(Label3, { htmlFor: "email", children: t("auth.common.email") }),
+        /* @__PURE__ */ jsx16(
           Input4,
           {
             id: "email",
@@ -1869,9 +2339,9 @@ function LoginPage() {
           }
         )
       ] }),
-      showCode && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx15(Label3, { htmlFor: "code", children: t("auth.common.code") }),
-        /* @__PURE__ */ jsx15(
+      showCode && /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx16(Label3, { htmlFor: "code", children: t("auth.common.code") }),
+        /* @__PURE__ */ jsx16(
           Input4,
           {
             id: "code",
@@ -1882,9 +2352,9 @@ function LoginPage() {
           }
         )
       ] }),
-      showPassword && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx15(Label3, { htmlFor: "password", children: mode === "reset" ? t("auth.common.newPassword") : t("auth.common.password") }),
-        /* @__PURE__ */ jsx15(
+      showPassword && /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx16(Label3, { htmlFor: "password", children: mode === "reset" ? t("auth.common.newPassword") : t("auth.common.password") }),
+        /* @__PURE__ */ jsx16(
           Input4,
           {
             id: "password",
@@ -1896,14 +2366,14 @@ function LoginPage() {
             autoComplete: mode === "signIn" ? "current-password" : "new-password"
           }
         ),
-        (mode === "signUp" || mode === "reset") && /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground", children: t("auth.common.passwordHint") })
+        (mode === "signUp" || mode === "reset") && /* @__PURE__ */ jsx16("p", { className: "text-xs text-muted-foreground", children: t("auth.common.passwordHint") })
       ] }),
-      info && /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: info }),
-      error && /* @__PURE__ */ jsx15("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsx15(Button9, { type: "submit", className: "w-full", disabled: loading, children: loading ? t("auth.common.working") : t(`auth.${mode}.submit`) }),
-      /* @__PURE__ */ jsxs13("div", { className: "space-y-1 text-center text-sm", children: [
-        mode === "signIn" && /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsx15("p", { children: /* @__PURE__ */ jsx15(
+      info && /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground", children: info }),
+      error && /* @__PURE__ */ jsx16("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsx16(Button10, { type: "submit", className: "w-full", disabled: loading, children: loading ? t("auth.common.working") : t(`auth.${mode}.submit`) }),
+      /* @__PURE__ */ jsxs14("div", { className: "space-y-1 text-center text-sm", children: [
+        mode === "signIn" && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+          /* @__PURE__ */ jsx16("p", { children: /* @__PURE__ */ jsx16(
             "button",
             {
               type: "button",
@@ -1912,7 +2382,7 @@ function LoginPage() {
               children: t("auth.signIn.forgotPassword")
             }
           ) }),
-          /* @__PURE__ */ jsx15("p", { children: /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16("p", { children: /* @__PURE__ */ jsx16(
             "button",
             {
               type: "button",
@@ -1922,7 +2392,7 @@ function LoginPage() {
             }
           ) })
         ] }),
-        (mode === "signUp" || mode === "forgot" || mode === "reset") && /* @__PURE__ */ jsx15("p", { children: /* @__PURE__ */ jsx15(
+        (mode === "signUp" || mode === "forgot" || mode === "reset") && /* @__PURE__ */ jsx16("p", { children: /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
@@ -1931,7 +2401,7 @@ function LoginPage() {
             children: t("auth.signUp.backToSignIn")
           }
         ) }),
-        mode === "reset" && /* @__PURE__ */ jsx15("p", { children: /* @__PURE__ */ jsx15(
+        mode === "reset" && /* @__PURE__ */ jsx16("p", { children: /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
@@ -1946,83 +2416,156 @@ function LoginPage() {
 }
 
 // src/components/sidebar.tsx
+import { useEffect as useEffect7, useState as useState10 } 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 { Button as Button10, cn as cn3 } from "@ampless/runtime/ui";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import {
+  LayoutDashboard,
+  FileText as FileText3,
+  Image as Image2,
+  Globe,
+  Users,
+  LogOut,
+  ExternalLink,
+  Menu,
+  X as X2
+} from "lucide-react";
+import { Button as Button11, cn as cn3 } from "@ampless/runtime/ui";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var navItems = [
   { href: "/admin", key: "sidebar.dashboard", icon: LayoutDashboard },
-  { href: "/admin/posts", key: "sidebar.posts", icon: FileText2 },
+  { href: "/admin/posts", key: "sidebar.posts", icon: FileText3 },
   { 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(
-        Button10,
+  const [open, setOpen] = useState10(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__ */ jsxs15(Fragment5, { children: [
+    /* @__PURE__ */ jsxs15("header", { className: "sticky top-0 z-30 flex h-14 items-center justify-between border-b bg-background px-4 md:hidden", children: [
+      /* @__PURE__ */ jsx17(Link4, { href: "/admin", className: "font-semibold", children: t("sidebar.brand") }),
+      /* @__PURE__ */ jsx17(
+        Button11,
         {
           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__ */ jsx17(Menu, { className: "h-5 w-5" })
         }
       )
-    ] })
+    ] }),
+    open && /* @__PURE__ */ jsx17(
+      "div",
+      {
+        className: "fixed inset-0 z-40 bg-black/40 md:hidden",
+        "aria-hidden": "true",
+        onClick: () => setOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsxs15(
+      "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__ */ jsxs15("div", { className: "flex items-center justify-between border-b p-4", children: [
+            /* @__PURE__ */ jsx17(Link4, { href: "/admin", className: "font-semibold", children: t("sidebar.brand") }),
+            /* @__PURE__ */ jsx17(
+              Button11,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "md:hidden",
+                "aria-label": t("sidebar.closeMenu"),
+                onClick: () => setOpen(false),
+                children: /* @__PURE__ */ jsx17(X2, { className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          siteSelector ? /* @__PURE__ */ jsx17("div", { className: "border-b", children: siteSelector }) : null,
+          /* @__PURE__ */ jsx17("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__ */ jsxs15(
+              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__ */ jsx17(Icon, { className: "h-4 w-4" }),
+                  t(item.key)
+                ]
+              },
+              item.href
+            );
+          }) }),
+          /* @__PURE__ */ jsxs15("div", { className: "border-t p-2 space-y-1", children: [
+            /* @__PURE__ */ jsxs15(
+              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__ */ jsx17(ExternalLink, { className: "h-4 w-4" }),
+                  t("sidebar.viewSite")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx17("div", { className: "px-3 py-2 text-xs text-muted-foreground truncate", children: email }),
+            /* @__PURE__ */ jsxs15(
+              Button11,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "w-full justify-start gap-3",
+                onClick: async () => {
+                  await signOut();
+                  window.location.href = "/login";
+                },
+                children: [
+                  /* @__PURE__ */ jsx17(LogOut, { className: "h-4 w-4" }),
+                  t("sidebar.signOut")
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
   ] });
 }
 
 // src/components/site-selector.tsx
 import { useRouter as useRouter3 } from "next/navigation";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function SiteSelector({ current, sites }) {
   const router = useRouter3();
   const t = useT();
@@ -2031,26 +2574,26 @@ function SiteSelector({ current, sites }) {
     document.cookie = `${ADMIN_SITE_COOKIE}=${encodeURIComponent(next)}; Path=/; Max-Age=${60 * 60 * 24 * 365}; SameSite=Lax`;
     router.refresh();
   }
-  return /* @__PURE__ */ jsxs15("div", { className: "px-3 py-2", children: [
-    /* @__PURE__ */ jsx17("label", { className: "block text-xs uppercase tracking-wide text-muted-foreground mb-1", children: t("sites.selector.label") }),
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs16("div", { className: "px-3 py-2", children: [
+    /* @__PURE__ */ jsx18("label", { className: "block text-xs uppercase tracking-wide text-muted-foreground mb-1", children: t("sites.selector.label") }),
+    /* @__PURE__ */ jsx18(
       "select",
       {
         value: current,
         onChange,
         className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
-        children: sites.map((s) => /* @__PURE__ */ jsx17("option", { value: s.id, children: s.name }, s.id))
+        children: sites.map((s) => /* @__PURE__ */ jsx18("option", { value: s.id, children: s.name }, s.id))
       }
     )
   ] });
 }
 
 // src/components/site-settings-form.tsx
-import { useState as useState9 } from "react";
+import { useState as useState11 } 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";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Button as Button12, Input as Input5, Label as Label4, Textarea as Textarea2 } from "@ampless/runtime/ui";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var KEYS = [
   "site.name",
   "site.url",
@@ -2063,10 +2606,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] = useState11(initial);
+  const [saving, setSaving] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [info, setInfo] = useState11(null);
   function update(key, value) {
     setValues((prev) => ({ ...prev, [key]: value }));
   }
@@ -2091,12 +2634,12 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
       setSaving(false);
     }
   }
-  return /* @__PURE__ */ jsxs16("form", { onSubmit: save, className: "space-y-6 max-w-xl", children: [
-    /* @__PURE__ */ jsxs16("fieldset", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx18("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.site") }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "name", children: t("common.name") }),
-        /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs17("form", { onSubmit: save, className: "space-y-6 max-w-xl", children: [
+    /* @__PURE__ */ jsxs17("fieldset", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx19("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.site") }),
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx19(Label4, { htmlFor: "name", children: t("common.name") }),
+        /* @__PURE__ */ jsx19(
           Input5,
           {
             id: "name",
@@ -2106,9 +2649,9 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "url", children: t("common.url") }),
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx19(Label4, { htmlFor: "url", children: t("common.url") }),
+        /* @__PURE__ */ jsx19(
           Input5,
           {
             id: "url",
@@ -2118,9 +2661,9 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "description", children: t("common.description") }),
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx19(Label4, { htmlFor: "description", children: t("common.description") }),
+        /* @__PURE__ */ jsx19(
           Textarea2,
           {
             id: "description",
@@ -2132,11 +2675,11 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs16("fieldset", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx18("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.media") }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "imageDisplay", children: t("sites.edit.imageDisplay") }),
-        /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs17("fieldset", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx19("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.media") }),
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx19(Label4, { htmlFor: "imageDisplay", children: t("sites.edit.imageDisplay") }),
+        /* @__PURE__ */ jsxs17(
           "select",
           {
             id: "imageDisplay",
@@ -2144,18 +2687,18 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
             value: values["media.imageDisplay"] ?? "",
             onChange: (e) => update("media.imageDisplay", e.target.value),
             children: [
-              /* @__PURE__ */ jsx18("option", { value: "", children: t("sites.edit.defaultPlaceholder", {
+              /* @__PURE__ */ jsx19("option", { value: "", children: t("sites.edit.defaultPlaceholder", {
                 value: fallback["media.imageDisplay"] ?? "inline"
               }) }),
-              /* @__PURE__ */ jsx18("option", { value: "inline", children: t("sites.edit.imageDisplayInline") }),
-              /* @__PURE__ */ jsx18("option", { value: "lightbox", children: t("sites.edit.imageDisplayLightbox") })
+              /* @__PURE__ */ jsx19("option", { value: "inline", children: t("sites.edit.imageDisplayInline") }),
+              /* @__PURE__ */ jsx19("option", { value: "lightbox", children: t("sites.edit.imageDisplayLightbox") })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "imageMaxWidth", children: t("sites.edit.imageMaxWidth") }),
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx19(Label4, { htmlFor: "imageMaxWidth", children: t("sites.edit.imageMaxWidth") }),
+        /* @__PURE__ */ jsx19(
           Input5,
           {
             id: "imageMaxWidth",
@@ -2166,11 +2709,11 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs16("fieldset", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx18("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.dateDisplay") }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "dateFormat", children: t("sites.edit.dateFormat") }),
-        /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs17("fieldset", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx19("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.dateDisplay") }),
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx19(Label4, { htmlFor: "dateFormat", children: t("sites.edit.dateFormat") }),
+        /* @__PURE__ */ jsxs17(
           "select",
           {
             id: "dateFormat",
@@ -2178,19 +2721,19 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
             value: values["dateFormat"] ?? "",
             onChange: (e) => update("dateFormat", e.target.value),
             children: [
-              /* @__PURE__ */ jsx18("option", { value: "", children: t("sites.edit.defaultPlaceholder", {
+              /* @__PURE__ */ jsx19("option", { value: "", children: t("sites.edit.defaultPlaceholder", {
                 value: fallback["dateFormat"] ?? "iso"
               }) }),
-              /* @__PURE__ */ jsx18("option", { value: "iso", children: t("sites.edit.dateFormatIso") }),
-              /* @__PURE__ */ jsx18("option", { value: "long", children: t("sites.edit.dateFormatLong") }),
-              /* @__PURE__ */ jsx18("option", { value: "locale", children: t("sites.edit.dateFormatLocale") })
+              /* @__PURE__ */ jsx19("option", { value: "iso", children: t("sites.edit.dateFormatIso") }),
+              /* @__PURE__ */ jsx19("option", { value: "long", children: t("sites.edit.dateFormatLong") }),
+              /* @__PURE__ */ jsx19("option", { value: "locale", children: t("sites.edit.dateFormatLocale") })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "timezone", children: t("sites.edit.timezone") }),
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx19(Label4, { htmlFor: "timezone", children: t("sites.edit.timezone") }),
+        /* @__PURE__ */ jsx19(
           Input5,
           {
             id: "timezone",
@@ -2201,14 +2744,14 @@ function SiteSettingsForm({ siteId, initial, fallback }) {
         )
       ] })
     ] }),
-    info && /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: info }),
-    error && /* @__PURE__ */ jsx18("p", { className: "text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsx18(Button11, { type: "submit", disabled: saving, children: saving ? t("common.saving") : t("sites.edit.saveButton") })
+    info && /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: info }),
+    error && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: error }),
+    /* @__PURE__ */ jsx19(Button12, { type: "submit", disabled: saving, children: saving ? t("common.saving") : t("sites.edit.saveButton") })
   ] });
 }
 
 // src/components/theme-settings-form.tsx
-import { useState as useState10 } from "react";
+import { useState as useState12 } from "react";
 import { useRouter as useRouter5 } from "next/navigation";
 import {
   setSiteSetting as setSiteSetting2,
@@ -2219,8 +2762,8 @@ import {
   parseLinkList,
   stringifyLinkList
 } from "ampless";
-import { Button as Button12, Input as Input6, Label as Label5 } from "@ampless/runtime/ui";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Button as Button13, Input as Input6, Label as Label5 } from "@ampless/runtime/ui";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var CACHE_REBUILD_DELAY_MS = 8e3;
 function ThemeSettingsForm({
   siteId,
@@ -2232,14 +2775,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] = useState12({ values: initial, touched: {} });
+  const [pendingTheme, setPendingTheme] = useState12(activeTheme);
+  const [optimisticActive, setOptimisticActive] = useState12(activeTheme);
+  const [saving, setSaving] = useState12(false);
+  const [switching, setSwitching] = useState12(false);
+  const [error, setError] = useState12(null);
+  const [info, setInfo] = useState12(null);
+  const [invalid, setInvalid] = useState12({});
   function update(key, value) {
     setState((prev) => ({
       values: { ...prev.values, [key]: value },
@@ -2325,23 +2868,23 @@ function ThemeSettingsForm({
     }
   }
   const groups = groupFields(manifest.fields);
-  return /* @__PURE__ */ jsxs17("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ jsxs17("form", { onSubmit: switchTheme, className: "max-w-xl space-y-3 rounded-md border p-4", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx19(Label5, { htmlFor: "active-theme", className: "text-sm font-medium", children: t("theme.activeLabel") }),
-        /* @__PURE__ */ jsxs17("p", { className: "text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ jsxs18("form", { onSubmit: switchTheme, className: "max-w-xl space-y-3 rounded-md border p-4", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx20(Label5, { htmlFor: "active-theme", className: "text-sm font-medium", children: t("theme.activeLabel") }),
+        /* @__PURE__ */ jsxs18("p", { className: "text-xs text-muted-foreground", children: [
           t("theme.currentlyActive", { theme: optimisticActive }),
           optimisticActive !== activeTheme && t("theme.propagating")
         ] })
       ] }),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         "select",
         {
           id: "active-theme",
           className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
           value: pendingTheme,
           onChange: (e) => setPendingTheme(e.target.value),
-          children: themeOptions.map((opt) => /* @__PURE__ */ jsxs17("option", { value: opt.value, children: [
+          children: themeOptions.map((opt) => /* @__PURE__ */ jsxs18("option", { value: opt.value, children: [
             resolveLocalized(opt.label, locale),
             " (",
             opt.value,
@@ -2351,10 +2894,10 @@ function ThemeSettingsForm({
       ),
       (() => {
         const desc = themeOptions.find((o) => o.value === pendingTheme)?.description;
-        return desc ? /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: resolveLocalized(desc, locale) }) : null;
+        return desc ? /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: resolveLocalized(desc, locale) }) : null;
       })(),
-      /* @__PURE__ */ jsx19(
-        Button12,
+      /* @__PURE__ */ jsx20(
+        Button13,
         {
           type: "submit",
           disabled: switching || pendingTheme === optimisticActive,
@@ -2363,9 +2906,9 @@ function ThemeSettingsForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx19(Label5, { className: "text-sm font-medium", children: t("theme.previewLabel") }),
-      /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx20(Label5, { className: "text-sm font-medium", children: t("theme.previewLabel") }),
+      /* @__PURE__ */ jsx20(
         "iframe",
         {
           src: `/?previewTheme=${encodeURIComponent(pendingTheme)}`,
@@ -2374,19 +2917,19 @@ function ThemeSettingsForm({
         },
         pendingTheme
       ),
-      /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: t("theme.previewHint") })
+      /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: t("theme.previewHint") })
     ] }),
-    /* @__PURE__ */ jsxs17("form", { onSubmit: save, className: "max-w-xl space-y-6", children: [
-      /* @__PURE__ */ jsxs17("div", { children: [
-        /* @__PURE__ */ jsx19("h2", { className: "text-lg font-semibold", children: t("theme.customizationHeading", {
+    /* @__PURE__ */ jsxs18("form", { onSubmit: save, className: "max-w-xl space-y-6", children: [
+      /* @__PURE__ */ jsxs18("div", { children: [
+        /* @__PURE__ */ jsx20("h2", { className: "text-lg font-semibold", children: t("theme.customizationHeading", {
           theme: resolveLocalized(manifest.label, locale)
         }) }),
-        manifest.description && /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: resolveLocalized(manifest.description, locale) }),
-        /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-muted-foreground", children: t("theme.customizationHint") })
+        manifest.description && /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: resolveLocalized(manifest.description, locale) }),
+        /* @__PURE__ */ jsx20("p", { className: "mt-1 text-xs text-muted-foreground", children: t("theme.customizationHint") })
       ] }),
-      groups.map(({ key, name, fields }) => /* @__PURE__ */ jsxs17("fieldset", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx19("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: resolveLocalized(name, locale) }),
-        fields.map((field) => /* @__PURE__ */ jsx19(
+      groups.map(({ key, name, fields }) => /* @__PURE__ */ jsxs18("fieldset", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx20("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: resolveLocalized(name, locale) }),
+        fields.map((field) => /* @__PURE__ */ jsx20(
           FieldRow,
           {
             field,
@@ -2397,9 +2940,9 @@ function ThemeSettingsForm({
           field.key
         ))
       ] }, key)),
-      info && /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: info }),
-      error && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsx19(Button12, { type: "submit", disabled: saving, children: saving ? t("theme.saving") : t("theme.saveButton") })
+      info && /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: info }),
+      error && /* @__PURE__ */ jsx20("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsx20(Button13, { type: "submit", disabled: saving, children: saving ? t("theme.saving") : t("theme.saveButton") })
     ] })
   ] });
 }
@@ -2421,16 +2964,16 @@ function FieldRow({ field, value, invalid, onChange }) {
   const t = useT();
   const locale = useLocale();
   const id = `theme-${field.key}`;
-  const labelEl = /* @__PURE__ */ jsx19(Label5, { htmlFor: id, className: invalid ? "text-destructive" : void 0, children: resolveLocalized(field.label, locale) });
-  const description = field.description ? /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: resolveLocalized(field.description, locale) }) : null;
+  const labelEl = /* @__PURE__ */ jsx20(Label5, { htmlFor: id, className: invalid ? "text-destructive" : void 0, children: resolveLocalized(field.label, locale) });
+  const description = field.description ? /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: resolveLocalized(field.description, locale) }) : null;
   switch (field.type) {
     case "color":
-      return /* @__PURE__ */ jsx19(ColorField, { field, id, labelEl, description, value, invalid, onChange });
+      return /* @__PURE__ */ jsx20(ColorField, { field, id, labelEl, description, value, invalid, onChange });
     case "length":
-      return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      return /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
         labelEl,
         description,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           Input6,
           {
             id,
@@ -2441,14 +2984,14 @@ function FieldRow({ field, value, invalid, onChange }) {
             className: "font-mono text-xs"
           }
         ),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: t("theme.lengthHelp") })
+        /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: t("theme.lengthHelp") })
       ] });
     case "select":
     case "fontFamily":
-      return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      return /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
         labelEl,
         description,
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs18(
           "select",
           {
             id,
@@ -2457,17 +3000,17 @@ function FieldRow({ field, value, invalid, onChange }) {
             onChange: (e) => onChange(e.target.value),
             "aria-invalid": invalid,
             children: [
-              /* @__PURE__ */ jsx19("option", { value: "", children: t("common.default") }),
-              field.options.map((opt) => /* @__PURE__ */ jsx19("option", { value: opt.value, children: resolveLocalized(opt.label, locale) }, opt.value))
+              /* @__PURE__ */ jsx20("option", { value: "", children: t("common.default") }),
+              field.options.map((opt) => /* @__PURE__ */ jsx20("option", { value: opt.value, children: resolveLocalized(opt.label, locale) }, opt.value))
             ]
           }
         )
       ] });
     case "image":
-      return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      return /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
         labelEl,
         description,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           Input6,
           {
             id,
@@ -2479,10 +3022,10 @@ function FieldRow({ field, value, invalid, onChange }) {
         )
       ] });
     case "text":
-      return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      return /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
         labelEl,
         description,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           Input6,
           {
             id,
@@ -2495,7 +3038,7 @@ function FieldRow({ field, value, invalid, onChange }) {
         )
       ] });
     case "linkList":
-      return /* @__PURE__ */ jsx19(
+      return /* @__PURE__ */ jsx20(
         LinkListField,
         {
           field,
@@ -2520,7 +3063,7 @@ function LinkListField({ field, labelEl, description, value, onChange }) {
     if (items.length >= max) return;
     commit([...items, { label: "", url: "" }]);
   }
-  function remove2(idx) {
+  function remove3(idx) {
     commit(items.filter((_, i) => i !== idx));
   }
   function move(idx, delta) {
@@ -2531,16 +3074,16 @@ function LinkListField({ field, labelEl, description, value, onChange }) {
     next.splice(target, 0, moved);
     commit(next);
   }
-  return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
     labelEl,
     description,
-    /* @__PURE__ */ jsxs17("div", { className: "space-y-2 rounded-md border bg-muted/20 p-3", children: [
-      items.length === 0 && /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "No links yet." }),
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-2 rounded-md border bg-muted/20 p-3", children: [
+      items.length === 0 && /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: "No links yet." }),
       items.map((item, idx) => {
         const isTagRef = /^tag:/.test(item.url.trim());
-        return /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-start gap-2", children: [
-          /* @__PURE__ */ jsxs17("div", { className: "grid flex-1 grid-cols-1 gap-2 sm:grid-cols-2", children: [
-            /* @__PURE__ */ jsx19(
+        return /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap items-start gap-2", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "grid flex-1 grid-cols-1 gap-2 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsx20(
               Input6,
               {
                 value: item.label,
@@ -2548,7 +3091,7 @@ function LinkListField({ field, labelEl, description, value, onChange }) {
                 onChange: (e) => update(idx, { label: e.target.value })
               }
             ),
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20(
               Input6,
               {
                 value: item.url,
@@ -2558,9 +3101,9 @@ function LinkListField({ field, labelEl, description, value, onChange }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "flex shrink-0 items-center gap-1", children: [
-            /* @__PURE__ */ jsx19(
-              Button12,
+          /* @__PURE__ */ jsxs18("div", { className: "flex shrink-0 items-center gap-1", children: [
+            /* @__PURE__ */ jsx20(
+              Button13,
               {
                 type: "button",
                 variant: "ghost",
@@ -2571,8 +3114,8 @@ function LinkListField({ field, labelEl, description, value, onChange }) {
                 children: "\u2191"
               }
             ),
-            /* @__PURE__ */ jsx19(
-              Button12,
+            /* @__PURE__ */ jsx20(
+              Button13,
               {
                 type: "button",
                 variant: "ghost",
@@ -2583,13 +3126,13 @@ function LinkListField({ field, labelEl, description, value, onChange }) {
                 children: "\u2193"
               }
             ),
-            /* @__PURE__ */ jsx19(
-              Button12,
+            /* @__PURE__ */ jsx20(
+              Button13,
               {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
-                onClick: () => remove2(idx),
+                onClick: () => remove3(idx),
                 "aria-label": "Remove",
                 children: "\xD7"
               }
@@ -2597,8 +3140,8 @@ function LinkListField({ field, labelEl, description, value, onChange }) {
           ] })
         ] }, idx);
       }),
-      /* @__PURE__ */ jsx19(
-        Button12,
+      /* @__PURE__ */ jsx20(
+        Button13,
         {
           type: "button",
           variant: "outline",
@@ -2608,9 +3151,9 @@ function LinkListField({ field, labelEl, description, value, onChange }) {
           children: "+ Add link"
         }
       ),
-      /* @__PURE__ */ jsxs17("p", { className: "text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs18("p", { className: "text-xs text-muted-foreground", children: [
         "Tip: use ",
-        /* @__PURE__ */ jsx19("code", { children: "tag:<name>" }),
+        /* @__PURE__ */ jsx20("code", { children: "tag:<name>" }),
         " as a URL to render a list of posts with that tag instead of a single link."
       ] })
     ] })
@@ -2627,11 +3170,11 @@ function ColorField({
 }) {
   const effective = value || field.default;
   const hex = useColorAsHex(effective);
-  return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
     labelEl,
     description,
-    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx20(
         "input",
         {
           type: "color",
@@ -2641,7 +3184,7 @@ function ColorField({
           "aria-label": `${field.label} swatch`
         }
       ),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         Input6,
         {
           id,
@@ -2653,8 +3196,8 @@ function ColorField({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx20(
         "span",
         {
           className: "inline-block h-4 w-4 rounded border",
@@ -2662,7 +3205,7 @@ function ColorField({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx19("code", { className: "text-xs text-muted-foreground", children: effective })
+      /* @__PURE__ */ jsx20("code", { className: "text-xs text-muted-foreground", children: effective })
     ] })
   ] });
 }