@ampless/admin 0.2.0-alpha.7 → 1.0.0-alpha.26

package/dist/chunk-GXPSAOES.js

@@ -1,2823 +0,0 @@
-'use client';
-import {
-  ADMIN_SITE_COOKIE,
-  publicMediaUrl,
-  setAdminMediaContext,
-  translate
-} from "./chunk-L5NHN3MY.js";
-import {
-  invalidateSiteSettingsCache
-} from "./chunk-VXEVLHGL.js";
-
-// src/components/i18n-provider.tsx
-import { createContext, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var I18nContext = createContext(null);
-function I18nProvider({ locale, dict, children }) {
-  const value = useMemo(() => ({ locale, dict }), [locale, dict]);
-  return /* @__PURE__ */ jsx(I18nContext.Provider, { value, children });
-}
-function useT() {
-  const ctx = useContext(I18nContext);
-  if (!ctx) {
-    throw new Error(
-      "useT() called outside <I18nProvider>. Wrap the admin layout (or root layout) with <I18nProvider locale={...} dict={...}>."
-    );
-  }
-  return (key, vars) => translate(ctx.dict, key, vars);
-}
-function useLocale() {
-  const ctx = useContext(I18nContext);
-  if (!ctx) throw new Error("useLocale() called outside <I18nProvider>.");
-  return ctx.locale;
-}
-
-// src/lib/admin-site-client.ts
-import { DEFAULT_SITE_ID, isMultiSite } from "ampless";
-var cmsConfig = null;
-function setAdminCmsConfig(config) {
-  cmsConfig = config;
-}
-function readAdminSiteIdFromCookie() {
-  if (!cmsConfig) return DEFAULT_SITE_ID;
-  if (!isMultiSite(cmsConfig)) return DEFAULT_SITE_ID;
-  const sites = cmsConfig.sites ?? {};
-  if (typeof document !== "undefined") {
-    const match = document.cookie.match(
-      new RegExp(`(?:^|;\\s*)${ADMIN_SITE_COOKIE}=([^;]+)`)
-    );
-    if (match) {
-      const v = decodeURIComponent(match[1]);
-      if (sites[v]) return v;
-    }
-  }
-  const first = Object.keys(sites)[0];
-  return first ?? DEFAULT_SITE_ID;
-}
-
-// src/lib/amplify-client.ts
-import { Amplify } from "aws-amplify";
-var configured = false;
-function configureAmplify(outputs) {
-  if (configured) return;
-  Amplify.configure(outputs, { ssr: true });
-  configured = true;
-}
-
-// src/lib/posts-provider.ts
-import { generateClient } from "aws-amplify/api";
-import {
-  setPostsProvider,
-  composeSiteIdStatus,
-  composeSiteIdSlug
-} from "ampless";
-function encodeBody(value) {
-  return JSON.stringify(value ?? null);
-}
-function decodeBody(value) {
-  if (typeof value !== "string") return value;
-  try {
-    return JSON.parse(value);
-  } catch {
-    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,
-    siteId: p.siteId,
-    slug: p.slug,
-    title: p.title,
-    excerpt: p.excerpt ?? void 0,
-    format: p.format ?? "markdown",
-    body: decodeBody(p.body),
-    status: p.status ?? "draft",
-    publishedAt: p.publishedAt ?? void 0,
-    tags: (p.tags ?? []).filter((t) => typeof t === "string"),
-    metadata: decodeMetadata(p.metadata)
-  };
-}
-function postTagEntries(post) {
-  if (post.status !== "published" || !post.publishedAt || !post.tags?.length) return [];
-  return post.tags.map((tag) => ({
-    siteIdTag: `${post.siteId}#${tag}`,
-    publishedAtPostId: `${post.publishedAt}#${post.postId}`
-  }));
-}
-function entryKey(e) {
-  return `${e.siteIdTag}|${e.publishedAtPostId}`;
-}
-var installed = false;
-function installAdminPostsProvider() {
-  if (installed) return;
-  installed = true;
-  const client = generateClient();
-  async function syncPostTags(post, oldPost) {
-    const oldEntries = oldPost ? postTagEntries(oldPost) : [];
-    const newEntries = postTagEntries(post);
-    const oldKeys = new Set(oldEntries.map(entryKey));
-    const newKeys = new Set(newEntries.map(entryKey));
-    function fullRow(e) {
-      return {
-        siteIdTag: e.siteIdTag,
-        publishedAtPostId: e.publishedAtPostId,
-        siteId: post.siteId,
-        tag: e.siteIdTag.slice(post.siteId.length + 1),
-        postId: post.postId,
-        publishedAt: post.publishedAt,
-        slug: post.slug,
-        title: post.title,
-        excerpt: post.excerpt,
-        tags: post.tags ?? []
-      };
-    }
-    async function upsertPostTag(e) {
-      const row = fullRow(e);
-      const upd = await client.models.PostTag.update(row);
-      if (!upd.errors) return;
-      const cre = await client.models.PostTag.create(row);
-      if (cre.errors) {
-        throw new Error(upd.errors[0]?.message ?? "PostTag.update failed");
-      }
-    }
-    await Promise.all(
-      oldEntries.filter((e) => !newKeys.has(entryKey(e))).map((e) => client.models.PostTag.delete(e))
-    );
-    await Promise.all(
-      newEntries.filter((e) => !oldKeys.has(entryKey(e))).map(async (e) => {
-        const cre = await client.models.PostTag.create(fullRow(e));
-        if (!cre.errors) return;
-        const upd = await client.models.PostTag.update(fullRow(e));
-        if (upd.errors)
-          throw new Error(cre.errors[0]?.message ?? "PostTag.create failed");
-      })
-    );
-    await Promise.all(
-      newEntries.filter((e) => oldKeys.has(entryKey(e))).map(upsertPostTag)
-    );
-  }
-  const provider = {
-    async list(opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const status = opts.status ?? "published";
-      const filter = { siteId: { eq: siteId } };
-      if (status !== "all") filter.status = { eq: status };
-      const { data } = await client.models.Post.list({ filter, limit: opts.limit ?? 100 });
-      return data.map(toCorePost);
-    },
-    async get(slug, opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const { data } = await client.models.Post.list({
-        filter: { siteId: { eq: siteId }, slug: { eq: slug } },
-        limit: 1
-      });
-      return data[0] ? toCorePost(data[0]) : null;
-    },
-    async getById(postId, opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const { data } = await client.models.Post.get({ siteId, postId });
-      return data ? toCorePost(data) : null;
-    },
-    async create(input) {
-      const postId = input.postId ?? `post-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-      const { data, errors } = await client.models.Post.create({
-        siteId: input.siteId,
-        postId,
-        slug: input.slug,
-        title: input.title,
-        excerpt: input.excerpt,
-        format: input.format,
-        body: encodeBody(input.body),
-        status: input.status,
-        publishedAt: input.publishedAt,
-        tags: input.tags,
-        ...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),
-        siteIdSlug: composeSiteIdSlug(input.siteId, input.slug)
-      });
-      if (errors || !data) throw new Error(errors?.[0]?.message ?? "Failed to create post");
-      const created = toCorePost(data);
-      await syncPostTags(created, null);
-      return created;
-    },
-    async update(postId, patch, opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const oldPost = await this.getById(postId, { siteId });
-      const nextStatus = patch.status ?? oldPost?.status;
-      const nextSlug = patch.slug ?? oldPost?.slug;
-      const { data, errors } = await client.models.Post.update({
-        siteId,
-        postId,
-        ...patch.slug !== void 0 && { slug: patch.slug },
-        ...patch.title !== void 0 && { title: patch.title },
-        ...patch.excerpt !== void 0 && { excerpt: patch.excerpt },
-        ...patch.format !== void 0 && { format: patch.format },
-        ...patch.body !== void 0 && { body: encodeBody(patch.body) },
-        ...patch.status !== void 0 && { status: patch.status },
-        ...patch.publishedAt !== void 0 && { publishedAt: patch.publishedAt },
-        ...patch.tags !== void 0 && { tags: patch.tags },
-        ...patch.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) }
-      });
-      if (errors || !data) throw new Error(errors?.[0]?.message ?? "Failed to update post");
-      const updated = toCorePost(data);
-      await syncPostTags(updated, oldPost);
-      return updated;
-    },
-    async remove(postId, opts = {}) {
-      const siteId = opts.siteId ?? "default";
-      const oldPost = await this.getById(postId, { siteId });
-      if (oldPost) {
-        await syncPostTags({ ...oldPost, status: "draft" }, oldPost);
-      }
-      const { errors } = await client.models.Post.delete({ siteId, postId });
-      if (errors) throw new Error(errors[0]?.message ?? "Failed to delete post");
-    }
-  };
-  setPostsProvider(provider);
-}
-
-// src/lib/kv-provider.ts
-import { generateClient as generateClient2 } from "aws-amplify/api";
-import { setKvStore } from "ampless";
-var installed2 = false;
-function installAdminKvProvider() {
-  if (installed2) return;
-  installed2 = true;
-  const client = generateClient2();
-  function requireModel() {
-    const m = client.models.KvStore;
-    if (!m) {
-      throw new Error(
-        "KvStore model is not available on the AppSync client. Did you redeploy the sandbox? Run `npx ampx sandbox` and wait for it to finish, then reload this page."
-      );
-    }
-    return m;
-  }
-  function encodeValue(value) {
-    return JSON.stringify(value ?? null);
-  }
-  function decodeValue(raw) {
-    if (typeof raw !== "string") return raw;
-    try {
-      return JSON.parse(raw);
-    } catch {
-      return raw;
-    }
-  }
-  const store = {
-    async get(pk, sk) {
-      const model = requireModel();
-      const { data } = await model.get({ pk, sk });
-      return data ? decodeValue(data.value) : null;
-    },
-    async query(pk) {
-      const model = requireModel();
-      const { data } = await model.list({
-        filter: { pk: { eq: pk } },
-        limit: 1e3
-      });
-      return (data ?? []).map((row) => ({
-        pk: row.pk,
-        sk: row.sk,
-        value: decodeValue(row.value),
-        ttl: row.ttl ?? void 0
-      }));
-    },
-    async put(pk, sk, value, opts) {
-      const model = requireModel();
-      const ttl = opts?.ttlSeconds ? Math.floor(Date.now() / 1e3) + opts.ttlSeconds : void 0;
-      const existing = await model.get({ pk, sk });
-      if (existing.data) {
-        const { errors } = await model.update({
-          pk,
-          sk,
-          value: encodeValue(value),
-          ttl: ttl ?? null
-        });
-        if (errors) throw new Error(errors[0]?.message ?? "KvStore.update failed");
-      } else {
-        const { errors } = await model.create({
-          pk,
-          sk,
-          value: encodeValue(value),
-          ttl
-        });
-        if (errors) throw new Error(errors[0]?.message ?? "KvStore.create failed");
-      }
-    },
-    async remove(pk, sk) {
-      const model = requireModel();
-      const { errors } = await model.delete({ pk, sk });
-      if (errors) throw new Error(errors[0]?.message ?? "KvStore.delete failed");
-    }
-  };
-  setKvStore(store);
-}
-
-// src/lib/admin-config-client.ts
-var cmsConfig2 = null;
-function setAdminCmsConfigClient(config) {
-  cmsConfig2 = config;
-}
-function getMediaProcessingDefaults() {
-  return cmsConfig2?.media?.processing;
-}
-
-// src/components/admin-providers.tsx
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-function AdminProviders({ outputs, cmsConfig: cmsConfig3, children }) {
-  configureAmplify(outputs);
-  setAdminCmsConfig(cmsConfig3);
-  setAdminCmsConfigClient(cmsConfig3);
-  setAdminMediaContext(outputs, cmsConfig3);
-  installAdminPostsProvider();
-  installAdminKvProvider();
-  return /* @__PURE__ */ jsx2(Fragment, { children });
-}
-
-// src/components/admin-dashboard.tsx
-import { useEffect, useState } from "react";
-import Link from "next/link";
-import { listPosts } from "ampless";
-import { Button, Card, CardContent, CardHeader, CardTitle } from "@ampless/runtime/ui";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function AdminDashboard() {
-  const t = useT();
-  const [posts, setPosts] = useState([]);
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    listPosts({ status: "all" }).then(setPosts).finally(() => setLoading(false));
-  }, []);
-  const published = posts.filter((p) => p.status === "published").length;
-  const drafts = posts.filter((p) => p.status === "draft").length;
-  return /* @__PURE__ */ 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 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: [
-          /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : posts.length }),
-          /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: t("dashboard.totalLabel") })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.published") }) }),
-        /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : published }) })
-      ] }),
-      /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.drafts") }) }),
-        /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : drafts }) })
-      ] })
-    ] })
-  ] });
-}
-
-// src/components/posts-list-view.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import Link2 from "next/link";
-import { listPosts as listPosts2 } from "ampless";
-import {
-  Button as Button2,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "@ampless/runtime/ui";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function PostsList() {
-  const t = useT();
-  const [posts, setPosts] = useState2([]);
-  const [loading, setLoading] = useState2(true);
-  useEffect2(() => {
-    const siteId = readAdminSiteIdFromCookie();
-    listPosts2({ status: "all", siteId }).then(setPosts).finally(() => setLoading(false));
-  }, []);
-  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: "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") }),
-        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnSlug") }),
-        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnUpdated") })
-      ] }) }),
-      /* @__PURE__ */ jsx4(TableBody, { children: posts.map((post) => /* @__PURE__ */ jsxs2(TableRow, { children: [
-        /* @__PURE__ */ jsx4(TableCell, { children: /* @__PURE__ */ jsx4(
-          Link2,
-          {
-            href: `/admin/posts/${post.postId}`,
-            className: "font-medium hover:underline",
-            children: post.title
-          }
-        ) }),
-        /* @__PURE__ */ jsx4(TableCell, { children: /* @__PURE__ */ jsx4(
-          "span",
-          {
-            className: post.status === "published" ? "inline-block rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-700" : "inline-block rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-700",
-            children: t(`common.${post.status}`)
-          }
-        ) }),
-        /* @__PURE__ */ jsx4(TableCell, { className: "font-mono text-xs text-muted-foreground", children: post.slug }),
-        /* @__PURE__ */ jsx4(TableCell, { className: "text-sm text-muted-foreground", children: post.publishedAt ? new Date(post.publishedAt).toLocaleDateString() : "\u2014" })
-      ] }, post.postId)) })
-    ] }) })
-  ] });
-}
-
-// src/lib/upload.ts
-import { uploadData } from "aws-amplify/storage";
-import { processImage } from "ampless/media";
-function sanitizeName(name) {
-  return name.replace(/[\x00-\x1f\x7f]/g, "").replace(/[\\/:*?"<>|]/g, "_").replace(/\s+/g, "_").replace(/^\.+/, "_").slice(0, 200) || "upload";
-}
-async function uploadProcessedImage(file, options) {
-  const processed = await processImage(file, options);
-  const safeName = sanitizeName(processed.suggestedName);
-  const now = /* @__PURE__ */ new Date();
-  const yyyy = now.getFullYear();
-  const mm = String(now.getMonth() + 1).padStart(2, "0");
-  const path = `public/media/${yyyy}/${mm}/${Date.now()}-${safeName}`;
-  await uploadData({
-    path,
-    data: processed.blob,
-    options: { contentType: processed.mime }
-  }).result;
-  return { path, url: publicMediaUrl(path) };
-}
-
-// src/components/image-upload-dialog.tsx
-import { useEffect as useEffect3, useRef, useState as useState3 } from "react";
-import ReactCrop, { centerCrop, makeAspectCrop } from "react-image-crop";
-import "react-image-crop/dist/ReactCrop.css";
-import { shouldSkipProcessing } from "ampless/media";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  Button as Button3,
-  Input,
-  Label
-} from "@ampless/runtime/ui";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ASPECTS = {
-  free: void 0,
-  "1:1": 1,
-  "4:3": 4 / 3,
-  "16:9": 16 / 9,
-  "3:2": 3 / 2
-};
-var ASPECT_CHOICES = ["free", "1:1", "4:3", "16:9", "3:2"];
-var FORMAT_CHOICES = ["auto", "webp", "jpeg"];
-var MAX_DIMENSION_PRESETS = [640, 1024, 1600, 2400, 4e3];
-var MIN_DIMENSION = 100;
-var MAX_DIMENSION_CEILING = 8e3;
-function clampMaxDimension(value, fallback) {
-  if (!Number.isFinite(value) || value <= 0) return fallback;
-  return Math.min(MAX_DIMENSION_CEILING, Math.max(MIN_DIMENSION, Math.round(value)));
-}
-function clampQuality(value) {
-  if (!Number.isFinite(value)) return 0.85;
-  return Math.min(1, Math.max(0, value));
-}
-function resolveFormat(choice, inputMime, losslessForPng) {
-  if (choice === "auto") {
-    return {
-      format: "webp",
-      lossless: losslessForPng && inputMime === "image/png"
-    };
-  }
-  return { format: choice, lossless: false };
-}
-function buildInitialCrop(naturalWidth, naturalHeight, aspect) {
-  if (aspect) {
-    return centerCrop(
-      makeAspectCrop({ unit: "%", width: 100 }, aspect, naturalWidth, naturalHeight),
-      naturalWidth,
-      naturalHeight
-    );
-  }
-  return { unit: "%", x: 0, y: 0, width: 100, height: 100 };
-}
-function ImageUploadDialog({
-  file,
-  remaining,
-  busy = false,
-  defaults,
-  onConfirm,
-  onSkip,
-  onCancel
-}) {
-  const t = useT();
-  const defaultMaxDimension = defaults?.maxDimension ?? 2400;
-  const defaultQuality = defaults?.quality ?? 0.85;
-  const losslessForPng = defaults?.losslessForPng ?? true;
-  const [original, setOriginal] = useState3(false);
-  const [aspect, setAspect] = useState3("free");
-  const [crop, setCrop] = useState3(void 0);
-  const [percentCrop, setPercentCrop] = useState3(null);
-  const [naturalSize, setNaturalSize] = useState3(null);
-  const [formatChoice, setFormatChoice] = useState3("auto");
-  const [losslessOverride, setLosslessOverride] = useState3(null);
-  const [quality, setQuality] = useState3(defaultQuality);
-  const [maxDimension, setMaxDimension] = useState3(defaultMaxDimension);
-  const [previewUrl, setPreviewUrl] = useState3(null);
-  const imgRef = useRef(null);
-  useEffect3(() => {
-    setOriginal(false);
-    setAspect("free");
-    setCrop(void 0);
-    setPercentCrop(null);
-    setNaturalSize(null);
-    setFormatChoice("auto");
-    setLosslessOverride(null);
-    setQuality(defaultQuality);
-    setMaxDimension(defaultMaxDimension);
-  }, [file, defaultQuality, defaultMaxDimension]);
-  useEffect3(() => {
-    if (!naturalSize) return;
-    const next = buildInitialCrop(naturalSize.width, naturalSize.height, ASPECTS[aspect]);
-    setCrop(next);
-    setPercentCrop(next);
-  }, [aspect, naturalSize]);
-  useEffect3(() => {
-    if (!file) {
-      setPreviewUrl(null);
-      return;
-    }
-    const url = URL.createObjectURL(file);
-    setPreviewUrl(url);
-    return () => URL.revokeObjectURL(url);
-  }, [file]);
-  if (!file) return null;
-  const isImage = file.type.startsWith("image/");
-  const passthrough = !isImage || shouldSkipProcessing(file.type);
-  const showCropper = !passthrough && !original;
-  const { format, lossless: autoLossless } = resolveFormat(formatChoice, file.type, losslessForPng);
-  const lossless = losslessOverride ?? autoLossless;
-  const showLosslessToggle = !original && !passthrough && format === "webp";
-  const showQualitySlider = !original && !passthrough && (format === "jpeg" || format === "webp" && !lossless);
-  function handleImageLoad(e) {
-    const { naturalWidth, naturalHeight } = e.currentTarget;
-    setNaturalSize({ width: naturalWidth, height: naturalHeight });
-    const initial = buildInitialCrop(naturalWidth, naturalHeight, ASPECTS[aspect]);
-    setCrop(initial);
-    setPercentCrop(initial);
-  }
-  function handleConfirm() {
-    if (!file || busy) return;
-    if (original || passthrough) {
-      onConfirm(file, { original: true });
-      return;
-    }
-    let cropArea = void 0;
-    if (percentCrop && naturalSize) {
-      const x = Math.round(percentCrop.x / 100 * naturalSize.width);
-      const y = Math.round(percentCrop.y / 100 * naturalSize.height);
-      const width = Math.round(percentCrop.width / 100 * naturalSize.width);
-      const height = Math.round(percentCrop.height / 100 * naturalSize.height);
-      if (width > 0 && height > 0 && (x !== 0 || y !== 0 || width !== naturalSize.width || height !== naturalSize.height)) {
-        cropArea = { x, y, width, height };
-      }
-    }
-    onConfirm(file, {
-      crop: cropArea,
-      maxDimension: clampMaxDimension(maxDimension, defaultMaxDimension),
-      format,
-      quality: clampQuality(quality),
-      lossless: format === "webp" ? lossless : false
-    });
-  }
-  return /* @__PURE__ */ jsx5(
-    Dialog,
-    {
-      open: true,
-      onOpenChange: (open) => {
-        if (open) return;
-        onCancel();
-      },
-      children: /* @__PURE__ */ jsxs3(DialogContent, { className: "max-h-[90vh] max-w-4xl overflow-y-auto", children: [
-        /* @__PURE__ */ jsxs3(DialogHeader, { children: [
-          /* @__PURE__ */ jsx5(DialogTitle, { className: "truncate", children: file.name }),
-          /* @__PURE__ */ jsxs3(DialogDescription, { children: [
-            remaining > 1 ? t("media.dialog.remaining", { count: remaining }) : `${formatBytes(file.size)} \xB7 ${file.type || "unknown"}`,
-            busy && t("media.dialog.uploading")
-          ] })
-        ] }),
-        previewUrl && showCropper && /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center rounded-md bg-black/90 p-2", children: /* @__PURE__ */ jsx5(
-          ReactCrop,
-          {
-            crop,
-            aspect: ASPECTS[aspect],
-            minWidth: 20,
-            minHeight: 20,
-            onChange: (_pixel, percent) => {
-              setCrop(percent);
-              setPercentCrop(percent);
-            },
-            children: /* @__PURE__ */ jsx5(
-              "img",
-              {
-                ref: imgRef,
-                src: previewUrl,
-                alt: "preview",
-                className: "block max-h-[60vh] max-w-full",
-                onLoad: handleImageLoad
-              }
-            )
-          }
-        ) }),
-        previewUrl && !showCropper && isImage && /* @__PURE__ */ jsx5("div", { className: "flex h-48 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ jsx5("img", { src: previewUrl, alt: "preview", className: "max-h-full max-w-full object-contain" }) }),
-        !isImage && // Non-image upload: skip the broken-img preview. Show the
-        // file's name / size / mime so the admin can confirm before
-        // committing the bytes to S3.
-        /* @__PURE__ */ jsxs3("div", { className: "flex h-32 flex-col items-center justify-center gap-1 rounded-md bg-muted text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx5("span", { className: "font-medium", children: file.name }),
-          /* @__PURE__ */ jsxs3("span", { className: "font-mono text-xs", children: [
-            formatBytes(file.size),
-            " \xB7 ",
-            file.type || "unknown"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ jsx5(
-              "input",
-              {
-                type: "checkbox",
-                checked: original,
-                disabled: busy,
-                onChange: (e) => setOriginal(e.target.checked)
-              }
-            ),
-            /* @__PURE__ */ jsx5("span", { children: t("media.dialog.useOriginal") }),
-            passthrough && /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: t("media.dialog.passthroughNote") })
-          ] }),
-          !original && !passthrough && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-            /* @__PURE__ */ jsxs3("div", { children: [
-              /* @__PURE__ */ jsx5(Label, { children: t("media.dialog.aspectRatio") }),
-              /* @__PURE__ */ jsx5("div", { className: "mt-2 flex flex-wrap gap-2", children: ASPECT_CHOICES.map((choice) => /* @__PURE__ */ jsx5(
-                Button3,
-                {
-                  type: "button",
-                  variant: aspect === choice ? "default" : "outline",
-                  size: "sm",
-                  disabled: busy,
-                  onClick: () => setAspect(choice),
-                  children: choice
-                },
-                choice
-              )) })
-            ] }),
-            /* @__PURE__ */ jsxs3("div", { children: [
-              /* @__PURE__ */ jsx5(Label, { children: t("media.dialog.outputFormat") }),
-              /* @__PURE__ */ jsx5("div", { className: "mt-2 flex flex-wrap gap-2", children: FORMAT_CHOICES.map((choice) => /* @__PURE__ */ jsx5(
-                Button3,
-                {
-                  type: "button",
-                  variant: formatChoice === choice ? "default" : "outline",
-                  size: "sm",
-                  disabled: busy,
-                  onClick: () => {
-                    setFormatChoice(choice);
-                    setLosslessOverride(null);
-                  },
-                  children: choice
-                },
-                choice
-              )) })
-            ] }),
-            showLosslessToggle && /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 text-sm", children: [
-              /* @__PURE__ */ jsx5(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: lossless,
-                  disabled: busy,
-                  onChange: (e) => setLosslessOverride(e.target.checked)
-                }
-              ),
-              /* @__PURE__ */ jsx5("span", { children: t("media.dialog.losslessWebp") })
-            ] }),
-            showQualitySlider && /* @__PURE__ */ jsxs3("div", { children: [
-              /* @__PURE__ */ jsx5(Label, { children: t("media.dialog.quality", { value: Math.round(quality * 100) }) }),
-              /* @__PURE__ */ jsx5(
-                "input",
-                {
-                  type: "range",
-                  min: 50,
-                  max: 100,
-                  step: 1,
-                  disabled: busy,
-                  value: Math.round(quality * 100),
-                  onChange: (e) => setQuality(Number(e.target.value) / 100),
-                  className: "mt-2 w-full"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "max-w-xs", children: [
-              /* @__PURE__ */ jsx5(Label, { htmlFor: "maxDimension", children: t("media.dialog.maxDimension") }),
-              /* @__PURE__ */ jsx5("div", { className: "mt-2 flex flex-wrap gap-2", children: MAX_DIMENSION_PRESETS.map((preset) => /* @__PURE__ */ jsx5(
-                Button3,
-                {
-                  type: "button",
-                  variant: maxDimension === preset ? "default" : "outline",
-                  size: "sm",
-                  disabled: busy,
-                  onClick: () => setMaxDimension(preset),
-                  children: preset
-                },
-                preset
-              )) }),
-              /* @__PURE__ */ jsx5(
-                Input,
-                {
-                  id: "maxDimension",
-                  type: "number",
-                  className: "mt-2",
-                  min: MIN_DIMENSION,
-                  max: MAX_DIMENSION_CEILING,
-                  disabled: busy,
-                  value: maxDimension,
-                  onChange: (e) => setMaxDimension(Number(e.target.value) || defaultMaxDimension)
-                }
-              )
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx5(Button3, { variant: "ghost", type: "button", onClick: onCancel, children: t("media.dialog.cancelAll") }),
-          /* @__PURE__ */ jsx5(Button3, { variant: "outline", type: "button", disabled: busy, onClick: onSkip, children: t("media.dialog.skip") }),
-          /* @__PURE__ */ jsx5(Button3, { type: "button", disabled: busy, onClick: handleConfirm, children: busy ? t("media.dialog.uploadingButton") : t("media.dialog.upload") })
-        ] })
-      ] })
-    }
-  );
-}
-function formatBytes(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
-}
-
-// src/components/media-picker.tsx
-import { useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
-import { list } from "aws-amplify/storage";
-import { Upload } from "lucide-react";
-import {
-  Dialog as Dialog2,
-  DialogContent as DialogContent2,
-  DialogDescription as DialogDescription2,
-  DialogHeader as DialogHeader2,
-  DialogTitle as DialogTitle2,
-  DialogTrigger,
-  Button as Button4
-} from "@ampless/runtime/ui";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function MediaPicker({ trigger, onSelect }) {
-  const t = useT();
-  const [open, setOpen] = useState4(false);
-  const [items, setItems] = useState4([]);
-  const [loading, setLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [pendingUpload, setPendingUpload] = useState4(null);
-  const [uploading, setUploading] = useState4(false);
-  const fileInputRef = useRef2(null);
-  useEffect4(() => {
-    if (!open) return;
-    let cancelled = false;
-    setLoading(true);
-    setError(null);
-    list({ path: "public/media/" }).then((result) => {
-      if (cancelled) return;
-      setItems(result.items.map((i) => i.path));
-    }).catch((err) => {
-      if (!cancelled) setError(err instanceof Error ? err.message : String(err));
-    }).finally(() => {
-      if (!cancelled) setLoading(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [open]);
-  function handlePick(path) {
-    onSelect(publicMediaUrl(path));
-    setOpen(false);
-  }
-  function handleFileSelected(e) {
-    const file = e.target.files?.[0];
-    e.target.value = "";
-    if (!file) return;
-    setPendingUpload(file);
-  }
-  async function handleUploadConfirm(file, options) {
-    setUploading(true);
-    setError(null);
-    try {
-      const { url } = await uploadProcessedImage(file, options);
-      onSelect(url);
-      setPendingUpload(null);
-      setOpen(false);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setUploading(false);
-    }
-  }
-  const pickerOpen = open && !pendingUpload;
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsxs4(Dialog2, { open: pickerOpen, onOpenChange: (next) => setOpen(next), children: [
-      /* @__PURE__ */ jsx6(DialogTrigger, { asChild: true, onClick: () => setOpen(true), children: trigger }),
-      /* @__PURE__ */ jsxs4(DialogContent2, { children: [
-        /* @__PURE__ */ jsx6(DialogHeader2, { children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs4("div", { children: [
-            /* @__PURE__ */ jsx6(DialogTitle2, { children: t("mediaPicker.title") }),
-            /* @__PURE__ */ jsx6(DialogDescription2, { children: t("mediaPicker.description") })
-          ] }),
-          /* @__PURE__ */ jsxs4(
-            Button4,
-            {
-              type: "button",
-              variant: "outline",
-              size: "sm",
-              onClick: () => fileInputRef.current?.click(),
-              children: [
-                /* @__PURE__ */ jsx6(Upload, { className: "mr-2 h-3 w-3" }),
-                t("mediaPicker.uploadNew")
-              ]
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx6(
-          "input",
-          {
-            ref: fileInputRef,
-            type: "file",
-            accept: "image/*",
-            className: "hidden",
-            onChange: handleFileSelected
-          }
-        ),
-        loading && /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: t("common.loading") }),
-        error && /* @__PURE__ */ jsx6("p", { className: "text-sm text-destructive", children: error }),
-        !loading && items.length === 0 && /* @__PURE__ */ jsxs4("p", { className: "text-sm text-muted-foreground", children: [
-          t("mediaPicker.empty"),
-          " ",
-          t("mediaPicker.emptyHint", { action: t("mediaPicker.emptyAction") })
-        ] }),
-        /* @__PURE__ */ jsx6("div", { className: "grid max-h-[60vh] grid-cols-3 gap-3 overflow-auto sm:grid-cols-4", children: items.map((path) => /* @__PURE__ */ jsxs4(
-          "button",
-          {
-            type: "button",
-            onClick: () => handlePick(path),
-            className: "group overflow-hidden rounded-md border transition hover:border-primary",
-            children: [
-              /* @__PURE__ */ jsx6(
-                "img",
-                {
-                  src: publicMediaUrl(path),
-                  alt: path,
-                  className: "aspect-square w-full object-cover"
-                }
-              ),
-              /* @__PURE__ */ jsx6("div", { className: "truncate p-1 text-xs text-muted-foreground", children: path.split("/").pop() })
-            ]
-          },
-          path
-        )) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6(
-      ImageUploadDialog,
-      {
-        file: pendingUpload,
-        remaining: pendingUpload ? 1 : 0,
-        busy: uploading,
-        defaults: getMediaProcessingDefaults(),
-        onConfirm: handleUploadConfirm,
-        onSkip: () => setPendingUpload(null),
-        onCancel: () => setPendingUpload(null)
-      }
-    )
-  ] });
-}
-
-// src/components/post-form.tsx
-import { useRef as useRef3, useState as useState5 } from "react";
-import { useRouter } from "next/navigation";
-import { Image as ImageIcon3 } from "lucide-react";
-import {
-  createPost,
-  updatePost,
-  deletePost,
-  formatDate
-} from "ampless";
-import {
-  renderBody,
-  tiptapToHtml,
-  tiptapToMarkdown,
-  markdownToHtml,
-  htmlToMarkdown
-} from "@ampless/runtime";
-import { Button as Button7, Input as Input2, Label as Label2, Textarea } from "@ampless/runtime/ui";
-
-// src/editor/tiptap-editor.tsx
-import { useEditor, EditorContent } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import Link3 from "@tiptap/extension-link";
-import Image from "@tiptap/extension-image";
-
-// src/editor/toolbar.tsx
-import {
-  Bold,
-  Italic,
-  Heading1,
-  Heading2,
-  List,
-  ListOrdered,
-  Code,
-  Link as LinkIcon,
-  Image as ImageIcon
-} from "lucide-react";
-import { Button as Button5, cn } from "@ampless/runtime/ui";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function Toolbar({ editor }) {
-  const t = useT();
-  if (!editor) return null;
-  const tools = [
-    { name: "bold", icon: Bold, action: () => editor.chain().focus().toggleBold().run(), isActive: () => editor.isActive("bold") },
-    { name: "italic", icon: Italic, action: () => editor.chain().focus().toggleItalic().run(), isActive: () => editor.isActive("italic") },
-    { name: "h1", icon: Heading1, action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(), isActive: () => editor.isActive("heading", { level: 1 }) },
-    { name: "h2", icon: Heading2, action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), isActive: () => editor.isActive("heading", { level: 2 }) },
-    { name: "bulletList", icon: List, action: () => editor.chain().focus().toggleBulletList().run(), isActive: () => editor.isActive("bulletList") },
-    { name: "orderedList", icon: ListOrdered, action: () => editor.chain().focus().toggleOrderedList().run(), isActive: () => editor.isActive("orderedList") },
-    { name: "code", icon: Code, action: () => editor.chain().focus().toggleCodeBlock().run(), isActive: () => editor.isActive("codeBlock") }
-  ];
-  const setLink = () => {
-    const previousUrl = editor.getAttributes("link").href ?? "";
-    const url = window.prompt(t("editor.linkPrompt"), previousUrl);
-    if (url === null) return;
-    if (url === "") {
-      editor.chain().focus().extendMarkRange("link").unsetLink().run();
-      return;
-    }
-    editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
-  };
-  const insertImage = (url) => {
-    editor.chain().focus().setImage({ src: url }).run();
-  };
-  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap gap-1 border-b p-2", children: [
-    tools.map((tool) => {
-      const Icon = tool.icon;
-      return /* @__PURE__ */ jsx7(
-        Button5,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          onClick: tool.action,
-          className: cn(tool.isActive() && "bg-accent text-accent-foreground"),
-          children: /* @__PURE__ */ jsx7(Icon, { className: "h-4 w-4" })
-        },
-        tool.name
-      );
-    }),
-    /* @__PURE__ */ jsx7(
-      Button5,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        onClick: setLink,
-        className: cn(editor.isActive("link") && "bg-accent text-accent-foreground"),
-        children: /* @__PURE__ */ jsx7(LinkIcon, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      MediaPicker,
-      {
-        onSelect: insertImage,
-        trigger: /* @__PURE__ */ jsx7(Button5, { type: "button", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx7(ImageIcon, { className: "h-4 w-4" }) })
-      }
-    )
-  ] });
-}
-
-// src/editor/image-bubble-menu.tsx
-import { BubbleMenu } from "@tiptap/react/menus";
-import { Trash2, Pencil, ImageIcon as ImageIcon2, Maximize2 } from "lucide-react";
-import { Button as Button6, cn as cn2 } from "@ampless/runtime/ui";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-function ImageBubbleMenu({ editor }) {
-  const t = useT();
-  const editAlt = () => {
-    const current = editor.getAttributes("image").alt ?? "";
-    const alt = window.prompt(t("editor.altPrompt"), current);
-    if (alt === null) return;
-    editor.chain().focus().updateAttributes("image", { alt }).run();
-  };
-  const remove2 = () => {
-    editor.chain().focus().deleteSelection().run();
-  };
-  const setDisplay = (display) => {
-    const current = editor.getAttributes("image").display ?? null;
-    const next = current === display ? null : display;
-    editor.chain().focus().updateAttributes("image", { display: next }).run();
-  };
-  const currentDisplay = editor.getAttributes("image").display ?? null;
-  return /* @__PURE__ */ jsx8(
-    BubbleMenu,
-    {
-      editor,
-      shouldShow: ({ editor: editor2 }) => editor2.isActive("image"),
-      options: { placement: "top" },
-      children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1 rounded-md border bg-popover p-1 shadow", children: [
-        /* @__PURE__ */ jsxs6(
-          Button6,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setDisplay("inline"),
-            className: cn2(currentDisplay === "inline" && "bg-accent text-accent-foreground"),
-            title: t("editor.image.inlineTitle"),
-            children: [
-              /* @__PURE__ */ jsx8(ImageIcon2, { className: "mr-1 h-3 w-3" }),
-              t("editor.image.inline")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs6(
-          Button6,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setDisplay("lightbox"),
-            className: cn2(currentDisplay === "lightbox" && "bg-accent text-accent-foreground"),
-            title: t("editor.image.lightboxTitle"),
-            children: [
-              /* @__PURE__ */ jsx8(Maximize2, { className: "mr-1 h-3 w-3" }),
-              t("editor.image.lightbox")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx8("span", { className: "mx-1 h-4 w-px bg-border" }),
-        /* @__PURE__ */ jsxs6(Button6, { type: "button", variant: "ghost", size: "sm", onClick: editAlt, children: [
-          /* @__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__ */ jsx8(Trash2, { className: "mr-1 h-3 w-3" }),
-          t("editor.image.delete")
-        ] })
-      ] })
-    }
-  );
-}
-
-// src/editor/tiptap-editor.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var AmplessImage = Image.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      display: {
-        default: null,
-        parseHTML: (el) => el.getAttribute("data-display"),
-        renderHTML: (attrs) => {
-          const v = attrs.display;
-          return v ? { "data-display": v } : {};
-        }
-      }
-    };
-  }
-});
-function TiptapEditor({ initialContent, onChange }) {
-  const editor = useEditor({
-    extensions: [
-      StarterKit,
-      Link3.configure({ openOnClick: false }),
-      AmplessImage.configure({ inline: false, allowBase64: false })
-    ],
-    content: initialContent ?? { type: "doc", content: [{ type: "paragraph" }] },
-    immediatelyRender: false,
-    editorProps: {
-      attributes: {
-        class: "prose prose-neutral dark:prose-invert max-w-none min-h-[400px] px-4 py-3 focus:outline-none"
-      }
-    },
-    onCreate: ({ editor: editor2 }) => {
-      onChange?.(editor2.getJSON());
-    },
-    onUpdate: ({ editor: editor2 }) => {
-      onChange?.(editor2.getJSON());
-    }
-  });
-  return /* @__PURE__ */ jsxs7("div", { className: "rounded-md border", children: [
-    /* @__PURE__ */ jsx9(Toolbar, { editor }),
-    editor && /* @__PURE__ */ jsx9(ImageBubbleMenu, { editor }),
-    /* @__PURE__ */ jsx9(EditorContent, { editor })
-  ] });
-}
-
-// src/components/post-form.tsx
-import { jsx as jsx10, jsxs as jsxs8 } 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;
-var SCRIPT_URL_RE = /\.m?js(\?|$)/i;
-function snippetFor(url, format) {
-  const isImage = IMAGE_URL_RE.test(url);
-  if (format === "markdown") {
-    return isImage ? `![](${url})` : url;
-  }
-  if (isImage) return `<img src="${url}" alt="" />`;
-  if (STYLESHEET_URL_RE.test(url)) return `<link rel="stylesheet" href="${url}" />`;
-  if (SCRIPT_URL_RE.test(url)) return `<script src="${url}"></script>`;
-  return url;
-}
-function slugify(s) {
-  return s.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
-}
-function defaultBodyForFormat(format) {
-  if (format === "tiptap") return EMPTY_TIPTAP_DOC;
-  return "";
-}
-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 [noLayout, setNoLayout] = useState5(post?.metadata?.no_layout === true);
-  const [saving, setSaving] = useState5(false);
-  const [error, setError] = useState5(null);
-  const [view, setView] = useState5("edit");
-  function buildMetadata() {
-    const next = { ...post?.metadata ?? {} };
-    if (noLayout && format === "html") next.no_layout = true;
-    else delete next.no_layout;
-    return Object.keys(next).length > 0 ? next : void 0;
-  }
-  function parseTags(raw) {
-    return Array.from(
-      new Set(
-        raw.split(",").map((t2) => t2.trim()).filter(Boolean)
-      )
-    );
-  }
-  function insertMediaSnippet(url) {
-    if (format === "tiptap") return;
-    const snippet = snippetFor(url, format);
-    const ta = bodyTextareaRef.current;
-    const current = typeof body === "string" ? body : "";
-    if (!ta) {
-      setBody(current + snippet);
-      return;
-    }
-    const start = ta.selectionStart ?? current.length;
-    const end = ta.selectionEnd ?? current.length;
-    const next = current.slice(0, start) + snippet + current.slice(end);
-    setBody(next);
-    requestAnimationFrame(() => {
-      const t2 = bodyTextareaRef.current;
-      if (!t2) return;
-      t2.focus();
-      const pos = start + snippet.length;
-      t2.setSelectionRange(pos, pos);
-    });
-  }
-  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);
-    }
-    setFormat(next);
-    setBody(nextBody);
-    if (next !== "html") setNoLayout(false);
-  }
-  async function save(e) {
-    e.preventDefault();
-    setSaving(true);
-    setError(null);
-    try {
-      const tags = parseTags(tagsInput);
-      const metadata = buildMetadata();
-      if (isEdit) {
-        await updatePost(
-          post.postId,
-          {
-            title,
-            slug: slug || slugify(title),
-            excerpt: excerpt || void 0,
-            format,
-            body,
-            status,
-            publishedAt: status === "published" ? post?.publishedAt ?? (/* @__PURE__ */ new Date()).toISOString() : void 0,
-            tags,
-            metadata
-          },
-          { siteId: post.siteId }
-        );
-      } else {
-        await createPost({
-          siteId: readAdminSiteIdFromCookie(),
-          slug: slug || slugify(title),
-          title,
-          excerpt: excerpt || void 0,
-          format,
-          body,
-          status,
-          publishedAt: status === "published" ? (/* @__PURE__ */ new Date()).toISOString() : void 0,
-          tags,
-          metadata
-        });
-      }
-      router.push("/admin/posts");
-      router.refresh();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setSaving(false);
-    }
-  }
-  async function handleDelete() {
-    if (!post) return;
-    if (!confirm(t("posts.form.deleteConfirm", { title: post.title }))) return;
-    setSaving(true);
-    try {
-      await deletePost(post.postId);
-      router.push("/admin/posts");
-      router.refresh();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-      setSaving(false);
-    }
-  }
-  const previewPost = {
-    postId: post?.postId ?? "preview",
-    siteId: post?.siteId ?? readAdminSiteIdFromCookie(),
-    slug: slug || slugify(title) || "preview",
-    title,
-    excerpt: excerpt || void 0,
-    format,
-    body,
-    status,
-    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(
-        "button",
-        {
-          type: "button",
-          onClick: () => setView("edit"),
-          "aria-pressed": view === "edit",
-          className: `px-4 py-2 text-sm font-medium transition ${view === "edit" ? "border-b-2 border-[var(--primary)] text-[var(--primary)]" : "text-muted-foreground hover:text-foreground"}`,
-          children: t("posts.form.tabEdit")
-        }
-      ),
-      /* @__PURE__ */ jsx10(
-        "button",
-        {
-          type: "button",
-          onClick: () => setView("preview"),
-          "aria-pressed": view === "preview",
-          className: `px-4 py-2 text-sm font-medium transition ${view === "preview" ? "border-b-2 border-[var(--primary)] text-[var(--primary)]" : "text-muted-foreground hover:text-foreground"}`,
-          children: t("posts.form.tabPreview")
-        }
-      )
-    ] }),
-    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 })
-        ] }),
-        excerpt && /* @__PURE__ */ jsx10("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
-      ] }),
-      /* @__PURE__ */ jsx10(
-        "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(
-        "span",
-        {
-          className: "rounded-full border px-2 py-0.5 text-xs text-muted-foreground",
-          children: [
-            "#",
-            tag
-          ]
-        },
-        tag
-      )) }),
-      /* @__PURE__ */ jsx10("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(
-          Input2,
-          {
-            id: "title",
-            required: true,
-            value: title,
-            onChange: (e) => {
-              setTitle(e.target.value);
-              if (!isEdit && !slug) setSlug(slugify(e.target.value));
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "slug", children: t("posts.form.slug") }),
-        /* @__PURE__ */ jsx10(
-          Input2,
-          {
-            id: "slug",
-            value: slug,
-            onChange: (e) => setSlug(e.target.value),
-            placeholder: slugify(title) || t("posts.form.slugPlaceholder")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
-        /* @__PURE__ */ jsx10(
-          Textarea,
-          {
-            id: "excerpt",
-            rows: 2,
-            value: excerpt,
-            onChange: (e) => setExcerpt(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "format", children: t("posts.form.format") }),
-        /* @__PURE__ */ jsxs8(
-          "select",
-          {
-            id: "format",
-            value: format,
-            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__ */ jsx10("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
-          // embedded toolbar, so we surface the MediaPicker as a
-          // standalone button. Selecting an asset inserts a
-          // format-aware snippet at the cursor.
-          /* @__PURE__ */ jsx10(
-            MediaPicker,
-            {
-              onSelect: insertMediaSnippet,
-              trigger: /* @__PURE__ */ jsxs8(Button7, { type: "button", variant: "outline", size: "sm", children: [
-                /* @__PURE__ */ jsx10(ImageIcon3, { className: "mr-2 h-3 w-3" }),
-                t("posts.form.insertMedia")
-              ] })
-            }
-          )
-        ] }),
-        format === "tiptap" ? /* @__PURE__ */ jsx10(TiptapEditor, { initialContent: body, onChange: setBody }) : /* @__PURE__ */ jsx10(
-          Textarea,
-          {
-            ref: bodyTextareaRef,
-            rows: 20,
-            value: typeof body === "string" ? body : "",
-            onChange: (e) => setBody(e.target.value),
-            className: "font-mono text-xs"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label2, { htmlFor: "tags", children: t("posts.form.tags") }),
-        /* @__PURE__ */ jsx10(
-          Input2,
-          {
-            id: "tags",
-            value: tagsInput,
-            onChange: (e) => setTagsInput(e.target.value),
-            placeholder: t("posts.form.tagsPlaceholder")
-          }
-        ),
-        /* @__PURE__ */ jsx10("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(
-          "select",
-          {
-            id: "status",
-            value: status,
-            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") })
-            ]
-          }
-        )
-      ] }),
-      format === "html" && /* @__PURE__ */ jsx10("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs8("label", { className: "flex items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx10(
-          "input",
-          {
-            type: "checkbox",
-            checked: noLayout,
-            onChange: (e) => setNoLayout(e.target.checked),
-            className: "mt-1"
-          }
-        ),
-        /* @__PURE__ */ jsxs8("span", { children: [
-          /* @__PURE__ */ jsx10("span", { className: "font-medium", children: t("posts.form.noLayout") }),
-          /* @__PURE__ */ jsx10("span", { className: "block text-xs text-muted-foreground", children: t("posts.form.noLayoutHint") })
-        ] })
-      ] }) }),
-      error && /* @__PURE__ */ jsx10("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx10(Button7, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
-        isEdit && /* @__PURE__ */ jsx10(Button7, { 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";
-function NewPostPage() {
-  const t = useT();
-  return /* @__PURE__ */ jsxs9("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
-    /* @__PURE__ */ jsx11("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("posts.form.newTitle") }),
-    /* @__PURE__ */ jsx11(PostForm, {})
-  ] });
-}
-
-// src/components/edit-post-view.tsx
-import { useEffect as useEffect5, useState as useState6, use } from "react";
-import { notFound } from "next/navigation";
-import { getPostById } from "ampless";
-import { jsx as jsx12, jsxs as jsxs10 } 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);
-  useEffect5(() => {
-    const siteId = readAdminSiteIdFromCookie();
-    getPostById(postId, { siteId }).then((p) => {
-      if (!p) setMissing(true);
-      else setPost(p);
-    }).finally(() => setLoading(false));
-  }, [postId]);
-  if (loading)
-    return /* @__PURE__ */ jsx12("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: t("common.loading") });
-  if (missing) notFound();
-  return /* @__PURE__ */ jsxs10("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
-    /* @__PURE__ */ jsx12("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("posts.form.editTitle") }),
-    post && /* @__PURE__ */ jsx12(PostForm, { post })
-  ] });
-}
-
-// 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 { 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";
-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;
-function getExtension(path) {
-  const dot = path.lastIndexOf(".");
-  return dot >= 0 ? path.slice(dot + 1).toUpperCase() : "FILE";
-}
-function snippetFor2(url, path) {
-  if (IMAGE_EXT_RE.test(path)) {
-    return `<img src="${url}" alt="" />`;
-  }
-  if (STYLESHEET_EXT_RE.test(path)) {
-    return `<link rel="stylesheet" href="${url}" />`;
-  }
-  if (SCRIPT_EXT_RE.test(path)) {
-    return `<script src="${url}"></script>`;
-  }
-  return url;
-}
-function sanitizeName2(name) {
-  return name.replace(/[ -]/g, "").replace(/[\\/:*?"<>|]/g, "_").replace(/\s+/g, "_").replace(/^\.+/, "_").slice(0, 200) || "upload";
-}
-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 uploadTaskRef = useRef4(null);
-  const cancelTokenRef = useRef4({ cancelled: false });
-  const refresh = useCallback(async () => {
-    try {
-      const result = await list2({ path: "public/media/" });
-      setItems(
-        result.items.map((item) => ({
-          path: item.path,
-          url: publicMediaUrl(item.path)
-        }))
-      );
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    }
-  }, []);
-  useEffect6(() => {
-    refresh();
-  }, [refresh]);
-  function handleFiles(e) {
-    const files = Array.from(e.target.files ?? []);
-    e.target.value = "";
-    if (files.length === 0) return;
-    setError(null);
-    setQueue((prev) => [...prev, ...files]);
-  }
-  async function handleDialogConfirm(file, options) {
-    const token = { cancelled: false };
-    cancelTokenRef.current = token;
-    setUploading(true);
-    setError(null);
-    let advance = true;
-    try {
-      const processed = await processImage2(file, options);
-      if (token.cancelled) {
-        advance = false;
-        return;
-      }
-      const safeName = sanitizeName2(processed.suggestedName);
-      const now = /* @__PURE__ */ new Date();
-      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({
-        path,
-        data: processed.blob,
-        options: { contentType: processed.mime }
-      });
-      uploadTaskRef.current = task;
-      await task.result;
-      await refresh();
-    } catch (err) {
-      if (isCancelError(err) || token.cancelled) {
-        advance = false;
-      } else {
-        setError(err instanceof Error ? err.message : String(err));
-      }
-    } finally {
-      uploadTaskRef.current = null;
-      setUploading(false);
-      if (advance) {
-        setQueue((prev) => prev.slice(1));
-      }
-    }
-  }
-  function handleDialogSkip() {
-    if (uploading) return;
-    setQueue((prev) => prev.slice(1));
-  }
-  function handleDialogCancel() {
-    cancelTokenRef.current.cancelled = true;
-    uploadTaskRef.current?.cancel();
-    setQueue([]);
-  }
-  async function handleDelete(path) {
-    if (!confirm(t("media.deleteConfirm"))) return;
-    try {
-      await remove({ path });
-      await refresh();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    }
-  }
-  async function handleCopy(item, mode) {
-    const text = mode === "url" ? item.url : snippetFor2(item.url, item.path);
-    await navigator.clipboard.writeText(text);
-    const key = `${item.path}:${mode}`;
-    setCopiedPath(key);
-    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(
-        Input3,
-        {
-          type: "file",
-          multiple: true,
-          onChange: handleFiles,
-          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 }) })
-    ] }),
-    error && /* @__PURE__ */ jsx13("p", { className: "text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsx13(
-      ImageUploadDialog,
-      {
-        file: currentFile,
-        remaining: queue.length,
-        busy: uploading,
-        defaults: getMediaProcessingDefaults(),
-        onConfirm: handleDialogConfirm,
-        onSkip: handleDialogSkip,
-        onCancel: handleDialogCancel
-      }
-    ),
-    /* @__PURE__ */ jsx13("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);
-      const filename = item.path.split("/").pop() ?? "";
-      const ext = getExtension(item.path);
-      const tagSnippet = snippetFor2(item.url, item.path);
-      const tagDiffersFromUrl = tagSnippet !== item.url;
-      const urlCopied = copiedPath === `${item.path}:url`;
-      const tagCopied = copiedPath === `${item.path}:tag`;
-      return /* @__PURE__ */ jsxs11(
-        "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(
-                "img",
-                {
-                  src: item.url,
-                  alt: item.path,
-                  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: [
-                ".",
-                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,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "icon",
-                    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" })
-                  }
-                ),
-                tagDiffersFromUrl && /* @__PURE__ */ jsx13(
-                  Button8,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "icon",
-                    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" })
-                  }
-                ),
-                /* @__PURE__ */ jsx13(
-                  Button8,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-6 w-6",
-                    onClick: () => handleDelete(item.path),
-                    title: t("media.delete"),
-                    children: /* @__PURE__ */ jsx13(Trash22, { className: "h-3 w-3" })
-                  }
-                )
-              ] })
-            ] })
-          ]
-        },
-        item.path
-      );
-    }) }),
-    items.length === 0 && /* @__PURE__ */ jsx13("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";
-function MediaPage() {
-  const t = useT();
-  return /* @__PURE__ */ jsxs12("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
-    /* @__PURE__ */ jsx14("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("media.title") }),
-    /* @__PURE__ */ jsx14(MediaUploader, {})
-  ] });
-}
-
-// src/components/login-view.tsx
-import { useState as useState8 } from "react";
-import { useRouter as useRouter2 } from "next/navigation";
-import {
-  signIn,
-  signUp,
-  confirmSignUp,
-  resetPassword,
-  confirmResetPassword
-} from "aws-amplify/auth";
-import {
-  Button as Button9,
-  Input as Input4,
-  Label as Label3,
-  Card as Card2,
-  CardContent as CardContent2,
-  CardHeader as CardHeader2,
-  CardTitle as CardTitle2,
-  CardDescription
-} from "@ampless/runtime/ui";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } 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);
-  function go(next) {
-    setMode(next);
-    setError(null);
-    setInfo(null);
-    setCode("");
-    if (next === "signIn" || next === "signUp" || next === "forgot") setPassword("");
-  }
-  async function handleSubmit(e) {
-    e.preventDefault();
-    setError(null);
-    setInfo(null);
-    setLoading(true);
-    try {
-      if (mode === "signIn") {
-        const result = await signIn({ username: email, password });
-        if (result.isSignedIn) {
-          router.push("/admin");
-          router.refresh();
-        } else {
-          setError(t("auth.additionalStep", { step: result.nextStep.signInStep }));
-        }
-      } else if (mode === "signUp") {
-        await signUp({
-          username: email,
-          password,
-          options: { userAttributes: { email } }
-        });
-        go("confirm");
-      } else if (mode === "confirm") {
-        await confirmSignUp({ username: email, confirmationCode: code });
-        const result = await signIn({ username: email, password });
-        if (result.isSignedIn) {
-          router.push("/admin");
-          router.refresh();
-        }
-      } else if (mode === "forgot") {
-        await resetPassword({ username: email });
-        setMode("reset");
-        setInfo(t("auth.forgot.codeSent"));
-      } else if (mode === "reset") {
-        await confirmResetPassword({
-          username: email,
-          confirmationCode: code,
-          newPassword: password
-        });
-        const result = await signIn({ username: email, password });
-        if (result.isSignedIn) {
-          router.push("/admin");
-          router.refresh();
-        } else {
-          setMode("signIn");
-          setInfo(t("auth.reset.passwordUpdated"));
-        }
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setLoading(false);
-    }
-  }
-  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`) })
-    ] }),
-    /* @__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(
-          Input4,
-          {
-            id: "email",
-            type: "email",
-            required: true,
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            autoComplete: "email"
-          }
-        )
-      ] }),
-      showCode && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx15(Label3, { htmlFor: "code", children: t("auth.common.code") }),
-        /* @__PURE__ */ jsx15(
-          Input4,
-          {
-            id: "code",
-            required: true,
-            value: code,
-            onChange: (e) => setCode(e.target.value),
-            autoComplete: "one-time-code"
-          }
-        )
-      ] }),
-      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(
-          Input4,
-          {
-            id: "password",
-            type: "password",
-            required: true,
-            minLength: 8,
-            value: password,
-            onChange: (e) => setPassword(e.target.value),
-            autoComplete: mode === "signIn" ? "current-password" : "new-password"
-          }
-        ),
-        (mode === "signUp" || mode === "reset") && /* @__PURE__ */ jsx15("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(
-            "button",
-            {
-              type: "button",
-              className: "text-primary hover:underline",
-              onClick: () => go("forgot"),
-              children: t("auth.signIn.forgotPassword")
-            }
-          ) }),
-          /* @__PURE__ */ jsx15("p", { children: /* @__PURE__ */ jsx15(
-            "button",
-            {
-              type: "button",
-              className: "text-primary hover:underline",
-              onClick: () => go("signUp"),
-              children: t("auth.signIn.createAccount")
-            }
-          ) })
-        ] }),
-        (mode === "signUp" || mode === "forgot" || mode === "reset") && /* @__PURE__ */ jsx15("p", { children: /* @__PURE__ */ jsx15(
-          "button",
-          {
-            type: "button",
-            className: "text-primary hover:underline",
-            onClick: () => go("signIn"),
-            children: t("auth.signUp.backToSignIn")
-          }
-        ) }),
-        mode === "reset" && /* @__PURE__ */ jsx15("p", { children: /* @__PURE__ */ jsx15(
-          "button",
-          {
-            type: "button",
-            className: "text-primary hover:underline",
-            onClick: () => go("forgot"),
-            children: t("auth.reset.resendCode")
-          }
-        ) })
-      ] })
-    ] }) })
-  ] }) });
-}
-
-// src/components/sidebar.tsx
-import { useEffect as useEffect7, useState as useState9 } from "react";
-import Link4 from "next/link";
-import { usePathname } from "next/navigation";
-import { signOut } from "aws-amplify/auth";
-import {
-  LayoutDashboard,
-  FileText as FileText2,
-  Image as Image2,
-  Globe,
-  Users,
-  LogOut,
-  ExternalLink,
-  Menu,
-  X
-} from "lucide-react";
-import { Button as Button10, cn as cn3 } from "@ampless/runtime/ui";
-import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-var navItems = [
-  { href: "/admin", key: "sidebar.dashboard", icon: LayoutDashboard },
-  { href: "/admin/posts", key: "sidebar.posts", icon: FileText2 },
-  { href: "/admin/media", key: "sidebar.media", icon: Image2 },
-  { href: "/admin/sites", key: "sidebar.sites", icon: Globe },
-  { href: "/admin/users", key: "sidebar.users", icon: Users, adminOnly: true }
-];
-function Sidebar({
-  email,
-  siteSelector,
-  isAdmin
-}) {
-  const pathname = usePathname();
-  const t = useT();
-  const [open, setOpen] = useState9(false);
-  useEffect7(() => {
-    setOpen(false);
-  }, [pathname]);
-  useEffect7(() => {
-    if (!open) return;
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = prev;
-    };
-  }, [open]);
-  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
-    /* @__PURE__ */ jsxs14("header", { className: "sticky top-0 z-30 flex h-14 items-center justify-between border-b bg-background px-4 md:hidden", children: [
-      /* @__PURE__ */ jsx16(Link4, { href: "/admin", className: "font-semibold", children: t("sidebar.brand") }),
-      /* @__PURE__ */ jsx16(
-        Button10,
-        {
-          variant: "ghost",
-          size: "icon",
-          "aria-label": t("sidebar.openMenu"),
-          "aria-expanded": open,
-          onClick: () => setOpen(true),
-          children: /* @__PURE__ */ jsx16(Menu, { className: "h-5 w-5" })
-        }
-      )
-    ] }),
-    open && /* @__PURE__ */ jsx16(
-      "div",
-      {
-        className: "fixed inset-0 z-40 bg-black/40 md:hidden",
-        "aria-hidden": "true",
-        onClick: () => setOpen(false)
-      }
-    ),
-    /* @__PURE__ */ jsxs14(
-      "aside",
-      {
-        className: cn3(
-          "fixed inset-y-0 left-0 z-50 flex w-60 flex-col border-r bg-muted/30 transition-transform md:sticky md:top-0 md:h-screen md:translate-x-0",
-          open ? "translate-x-0" : "-translate-x-full md:translate-x-0"
-        ),
-        "aria-label": t("sidebar.brand"),
-        children: [
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between border-b p-4", children: [
-            /* @__PURE__ */ jsx16(Link4, { href: "/admin", className: "font-semibold", children: t("sidebar.brand") }),
-            /* @__PURE__ */ jsx16(
-              Button10,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "md:hidden",
-                "aria-label": t("sidebar.closeMenu"),
-                onClick: () => setOpen(false),
-                children: /* @__PURE__ */ jsx16(X, { className: "h-5 w-5" })
-              }
-            )
-          ] }),
-          siteSelector ? /* @__PURE__ */ jsx16("div", { className: "border-b", children: siteSelector }) : null,
-          /* @__PURE__ */ jsx16("nav", { className: "flex-1 space-y-1 overflow-y-auto p-2", children: navItems.map((item) => {
-            if (item.adminOnly && !isAdmin) return null;
-            const Icon = item.icon;
-            const isActive = pathname === item.href || item.href !== "/admin" && pathname?.startsWith(item.href);
-            return /* @__PURE__ */ jsxs14(
-              Link4,
-              {
-                href: item.href,
-                className: cn3(
-                  "flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors",
-                  isActive ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx16(Icon, { className: "h-4 w-4" }),
-                  t(item.key)
-                ]
-              },
-              item.href
-            );
-          }) }),
-          /* @__PURE__ */ jsxs14("div", { className: "border-t p-2 space-y-1", children: [
-            /* @__PURE__ */ jsxs14(
-              Link4,
-              {
-                href: "/",
-                target: "_blank",
-                className: "flex items-center gap-3 rounded-md px-3 py-2 text-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-                children: [
-                  /* @__PURE__ */ jsx16(ExternalLink, { className: "h-4 w-4" }),
-                  t("sidebar.viewSite")
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx16("div", { className: "px-3 py-2 text-xs text-muted-foreground truncate", children: email }),
-            /* @__PURE__ */ jsxs14(
-              Button10,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "w-full justify-start gap-3",
-                onClick: async () => {
-                  await signOut();
-                  window.location.href = "/login";
-                },
-                children: [
-                  /* @__PURE__ */ jsx16(LogOut, { className: "h-4 w-4" }),
-                  t("sidebar.signOut")
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-
-// src/components/site-selector.tsx
-import { useRouter as useRouter3 } from "next/navigation";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-function SiteSelector({ current, sites }) {
-  const router = useRouter3();
-  const t = useT();
-  function onChange(e) {
-    const next = e.target.value;
-    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(
-      "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))
-      }
-    )
-  ] });
-}
-
-// src/components/site-settings-form.tsx
-import { useState as useState10 } from "react";
-import { useRouter as useRouter4 } from "next/navigation";
-import { setSiteSetting } from "ampless";
-import { Button as Button11, Input as Input5, Label as Label4, Textarea as Textarea2 } from "@ampless/runtime/ui";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-var KEYS = [
-  "site.name",
-  "site.url",
-  "site.description",
-  "media.imageDisplay",
-  "media.imageMaxWidth",
-  "dateFormat",
-  "timezone"
-];
-function SiteSettingsForm({ siteId, initial, fallback }) {
-  const router = useRouter4();
-  const t = useT();
-  const [values, setValues] = useState10(initial);
-  const [saving, setSaving] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [info, setInfo] = useState10(null);
-  function update(key, value) {
-    setValues((prev) => ({ ...prev, [key]: value }));
-  }
-  async function save(e) {
-    e.preventDefault();
-    setSaving(true);
-    setError(null);
-    setInfo(null);
-    try {
-      await Promise.all(
-        KEYS.map((key) => {
-          const value = values[key];
-          if (value === void 0 || value === "") return Promise.resolve();
-          return setSiteSetting(siteId, key, value);
-        })
-      );
-      setInfo(t("sites.edit.saved"));
-      router.refresh();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      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(
-          Input5,
-          {
-            id: "name",
-            value: values["site.name"] ?? "",
-            placeholder: fallback["site.name"] ?? "",
-            onChange: (e) => update("site.name", e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "url", children: t("common.url") }),
-        /* @__PURE__ */ jsx18(
-          Input5,
-          {
-            id: "url",
-            value: values["site.url"] ?? "",
-            placeholder: fallback["site.url"] ?? "",
-            onChange: (e) => update("site.url", e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "description", children: t("common.description") }),
-        /* @__PURE__ */ jsx18(
-          Textarea2,
-          {
-            id: "description",
-            value: values["site.description"] ?? "",
-            placeholder: fallback["site.description"] ?? "",
-            rows: 2,
-            onChange: (e) => update("site.description", e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    /* @__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(
-          "select",
-          {
-            id: "imageDisplay",
-            className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
-            value: values["media.imageDisplay"] ?? "",
-            onChange: (e) => update("media.imageDisplay", e.target.value),
-            children: [
-              /* @__PURE__ */ jsx18("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__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "imageMaxWidth", children: t("sites.edit.imageMaxWidth") }),
-        /* @__PURE__ */ jsx18(
-          Input5,
-          {
-            id: "imageMaxWidth",
-            value: values["media.imageMaxWidth"] ?? "",
-            placeholder: fallback["media.imageMaxWidth"] ?? "100%",
-            onChange: (e) => update("media.imageMaxWidth", e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    /* @__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(
-          "select",
-          {
-            id: "dateFormat",
-            className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
-            value: values["dateFormat"] ?? "",
-            onChange: (e) => update("dateFormat", e.target.value),
-            children: [
-              /* @__PURE__ */ jsx18("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__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx18(Label4, { htmlFor: "timezone", children: t("sites.edit.timezone") }),
-        /* @__PURE__ */ jsx18(
-          Input5,
-          {
-            id: "timezone",
-            value: values["timezone"] ?? "",
-            placeholder: fallback["timezone"] ?? "UTC",
-            onChange: (e) => update("timezone", e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    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") })
-  ] });
-}
-
-// src/components/theme-settings-form.tsx
-import { useState as useState11 } from "react";
-import { useRouter as useRouter5 } from "next/navigation";
-import {
-  setSiteSetting as setSiteSetting2,
-  deleteSiteSetting,
-  themeSettingKey,
-  validateThemeValue,
-  resolveLocalized,
-  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";
-var CACHE_REBUILD_DELAY_MS = 8e3;
-function ThemeSettingsForm({
-  siteId,
-  manifest,
-  activeTheme,
-  themeOptions,
-  initial
-}) {
-  const router = useRouter5();
-  const t = useT();
-  const locale = useLocale();
-  const [state, setState] = useState11({ values: initial, touched: {} });
-  const [pendingTheme, setPendingTheme] = useState11(activeTheme);
-  const [optimisticActive, setOptimisticActive] = useState11(activeTheme);
-  const [saving, setSaving] = useState11(false);
-  const [switching, setSwitching] = useState11(false);
-  const [error, setError] = useState11(null);
-  const [info, setInfo] = useState11(null);
-  const [invalid, setInvalid] = useState11({});
-  function update(key, value) {
-    setState((prev) => ({
-      values: { ...prev.values, [key]: value },
-      touched: { ...prev.touched, [key]: true }
-    }));
-  }
-  function scheduleCacheInvalidation() {
-    setTimeout(async () => {
-      try {
-        await invalidateSiteSettingsCache(siteId);
-      } catch (err) {
-        console.warn("[theme] cache invalidation failed", err);
-      }
-    }, CACHE_REBUILD_DELAY_MS);
-  }
-  function scheduleHardReload() {
-    setTimeout(async () => {
-      try {
-        await invalidateSiteSettingsCache(siteId);
-      } catch (err) {
-        console.warn("[theme] cache invalidation failed", err);
-      }
-      window.location.reload();
-    }, CACHE_REBUILD_DELAY_MS);
-  }
-  async function switchTheme(e) {
-    e.preventDefault();
-    if (pendingTheme === optimisticActive) return;
-    setSwitching(true);
-    setError(null);
-    setInfo(null);
-    try {
-      await setSiteSetting2(siteId, "theme.active", pendingTheme);
-      setOptimisticActive(pendingTheme);
-      setInfo(t("theme.switched", { theme: pendingTheme }));
-      scheduleHardReload();
-    } catch (err) {
-      console.error("[theme] switch failed", err);
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setSwitching(false);
-    }
-  }
-  async function save(e) {
-    e.preventDefault();
-    setSaving(true);
-    setError(null);
-    setInfo(null);
-    setInvalid({});
-    const newInvalid = {};
-    const writes = [];
-    for (const field of manifest.fields) {
-      if (!state.touched[field.key]) continue;
-      const raw = (state.values[field.key] ?? "").trim();
-      const storeKey = themeSettingKey(field.key);
-      if (raw === "") {
-        writes.push(deleteSiteSetting(siteId, storeKey));
-        continue;
-      }
-      const validated = validateThemeValue(field, raw);
-      if (validated === null) {
-        newInvalid[field.key] = true;
-        continue;
-      }
-      writes.push(setSiteSetting2(siteId, storeKey, validated));
-    }
-    if (Object.keys(newInvalid).length > 0) {
-      setInvalid(newInvalid);
-      setSaving(false);
-      setError(t("theme.invalidValues"));
-      return;
-    }
-    try {
-      await Promise.all(writes);
-      setInfo(t("theme.saved"));
-      setState((prev) => ({ values: prev.values, touched: {} }));
-      scheduleCacheInvalidation();
-    } catch (err) {
-      console.error("[theme] save failed", err);
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setSaving(false);
-    }
-  }
-  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: [
-          t("theme.currentlyActive", { theme: optimisticActive }),
-          optimisticActive !== activeTheme && t("theme.propagating")
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx19(
-        "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: [
-            resolveLocalized(opt.label, locale),
-            " (",
-            opt.value,
-            ")"
-          ] }, opt.value))
-        }
-      ),
-      (() => {
-        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;
-      })(),
-      /* @__PURE__ */ jsx19(
-        Button12,
-        {
-          type: "submit",
-          disabled: switching || pendingTheme === optimisticActive,
-          variant: pendingTheme === optimisticActive ? "outline" : "default",
-          children: switching ? t("theme.switching") : t("theme.switchButton")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx19(Label5, { className: "text-sm font-medium", children: t("theme.previewLabel") }),
-      /* @__PURE__ */ jsx19(
-        "iframe",
-        {
-          src: `/?previewTheme=${encodeURIComponent(pendingTheme)}`,
-          title: t("theme.previewLabel"),
-          className: "h-[600px] w-full rounded-md border bg-[var(--background)]"
-        },
-        pendingTheme
-      ),
-      /* @__PURE__ */ jsx19("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", {
-          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") })
-      ] }),
-      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(
-          FieldRow,
-          {
-            field,
-            value: state.values[field.key] ?? "",
-            invalid: !!invalid[field.key],
-            onChange: (v) => update(field.key, v)
-          },
-          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") })
-    ] })
-  ] });
-}
-function groupFields(fields) {
-  const map = /* @__PURE__ */ new Map();
-  for (const field of fields) {
-    const g = field.group ?? "General";
-    const k = typeof g === "string" ? g : JSON.stringify(g);
-    const existing = map.get(k);
-    if (existing) {
-      existing.fields.push(field);
-    } else {
-      map.set(k, { name: g, fields: [field] });
-    }
-  }
-  return Array.from(map.entries()).map(([key, { name, fields: fields2 }]) => ({ key, name, fields: fields2 }));
-}
-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;
-  switch (field.type) {
-    case "color":
-      return /* @__PURE__ */ jsx19(ColorField, { field, id, labelEl, description, value, invalid, onChange });
-    case "length":
-      return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        labelEl,
-        description,
-        /* @__PURE__ */ jsx19(
-          Input6,
-          {
-            id,
-            value,
-            placeholder: field.default,
-            onChange: (e) => onChange(e.target.value),
-            "aria-invalid": invalid,
-            className: "font-mono text-xs"
-          }
-        ),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: t("theme.lengthHelp") })
-      ] });
-    case "select":
-    case "fontFamily":
-      return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        labelEl,
-        description,
-        /* @__PURE__ */ jsxs17(
-          "select",
-          {
-            id,
-            className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
-            value: value || "",
-            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))
-            ]
-          }
-        )
-      ] });
-    case "image":
-      return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        labelEl,
-        description,
-        /* @__PURE__ */ jsx19(
-          Input6,
-          {
-            id,
-            value,
-            placeholder: field.default || t("theme.imagePlaceholder"),
-            onChange: (e) => onChange(e.target.value),
-            "aria-invalid": invalid
-          }
-        )
-      ] });
-    case "text":
-      return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        labelEl,
-        description,
-        /* @__PURE__ */ jsx19(
-          Input6,
-          {
-            id,
-            value,
-            placeholder: field.default,
-            maxLength: field.maxLength,
-            onChange: (e) => onChange(e.target.value),
-            "aria-invalid": invalid
-          }
-        )
-      ] });
-    case "linkList":
-      return /* @__PURE__ */ jsx19(
-        LinkListField,
-        {
-          field,
-          labelEl,
-          description,
-          value,
-          onChange
-        }
-      );
-  }
-}
-function LinkListField({ field, labelEl, description, value, onChange }) {
-  const items = parseLinkList(value);
-  const max = field.maxItems ?? 50;
-  function commit(next) {
-    onChange(stringifyLinkList(next));
-  }
-  function update(idx, patch) {
-    commit(items.map((it, i) => i === idx ? { ...it, ...patch } : it));
-  }
-  function add() {
-    if (items.length >= max) return;
-    commit([...items, { label: "", url: "" }]);
-  }
-  function remove2(idx) {
-    commit(items.filter((_, i) => i !== idx));
-  }
-  function move(idx, delta) {
-    const target = idx + delta;
-    if (target < 0 || target >= items.length) return;
-    const next = items.slice();
-    const [moved] = next.splice(idx, 1);
-    next.splice(target, 0, moved);
-    commit(next);
-  }
-  return /* @__PURE__ */ jsxs17("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." }),
-      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(
-              Input6,
-              {
-                value: item.label,
-                placeholder: "Label",
-                onChange: (e) => update(idx, { label: e.target.value })
-              }
-            ),
-            /* @__PURE__ */ jsx19(
-              Input6,
-              {
-                value: item.url,
-                placeholder: "/path or https://\u2026 or tag:name",
-                onChange: (e) => update(idx, { url: e.target.value }),
-                className: isTagRef ? "font-mono text-xs" : void 0
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "flex shrink-0 items-center gap-1", children: [
-            /* @__PURE__ */ jsx19(
-              Button12,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => move(idx, -1),
-                disabled: idx === 0,
-                "aria-label": "Move up",
-                children: "\u2191"
-              }
-            ),
-            /* @__PURE__ */ jsx19(
-              Button12,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => move(idx, 1),
-                disabled: idx === items.length - 1,
-                "aria-label": "Move down",
-                children: "\u2193"
-              }
-            ),
-            /* @__PURE__ */ jsx19(
-              Button12,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => remove2(idx),
-                "aria-label": "Remove",
-                children: "\xD7"
-              }
-            )
-          ] })
-        ] }, idx);
-      }),
-      /* @__PURE__ */ jsx19(
-        Button12,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          onClick: add,
-          disabled: items.length >= max,
-          children: "+ Add link"
-        }
-      ),
-      /* @__PURE__ */ jsxs17("p", { className: "text-xs text-muted-foreground", children: [
-        "Tip: use ",
-        /* @__PURE__ */ jsx19("code", { children: "tag:<name>" }),
-        " as a URL to render a list of posts with that tag instead of a single link."
-      ] })
-    ] })
-  ] });
-}
-function ColorField({
-  field,
-  id,
-  labelEl,
-  description,
-  value,
-  invalid,
-  onChange
-}) {
-  const effective = value || field.default;
-  const hex = useColorAsHex(effective);
-  return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-    labelEl,
-    description,
-    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx19(
-        "input",
-        {
-          type: "color",
-          value: hex,
-          onChange: (e) => onChange(e.target.value),
-          className: "h-9 w-12 cursor-pointer rounded border border-input bg-background p-0",
-          "aria-label": `${field.label} swatch`
-        }
-      ),
-      /* @__PURE__ */ jsx19(
-        Input6,
-        {
-          id,
-          value,
-          placeholder: field.default,
-          onChange: (e) => onChange(e.target.value),
-          "aria-invalid": invalid,
-          className: "font-mono text-xs"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx19(
-        "span",
-        {
-          className: "inline-block h-4 w-4 rounded border",
-          style: { background: effective },
-          "aria-hidden": true
-        }
-      ),
-      /* @__PURE__ */ jsx19("code", { className: "text-xs text-muted-foreground", children: effective })
-    ] })
-  ] });
-}
-function useColorAsHex(value) {
-  if (typeof document === "undefined") return "#000000";
-  const m = /^#([0-9a-fA-F]{6})$/.exec(value);
-  if (m) return value.toLowerCase();
-  try {
-    const ctx = document.createElement("canvas").getContext("2d");
-    if (!ctx) return "#000000";
-    ctx.fillStyle = "#000000";
-    ctx.fillStyle = value;
-    const out = ctx.fillStyle;
-    return /^#[0-9a-fA-F]{6}$/.test(out) ? out : "#000000";
-  } catch {
-    return "#000000";
-  }
-}
-
-export {
-  I18nProvider,
-  useT,
-  useLocale,
-  setAdminCmsConfig,
-  readAdminSiteIdFromCookie,
-  AdminProviders,
-  AdminDashboard,
-  PostsList,
-  sanitizeName,
-  uploadProcessedImage,
-  ImageUploadDialog,
-  MediaPicker,
-  PostForm,
-  NewPostPage,
-  EditPostPage,
-  MediaUploader,
-  MediaPage,
-  LoginPage,
-  Sidebar,
-  SiteSelector,
-  SiteSettingsForm,
-  ThemeSettingsForm
-};