@ampless/admin 0.2.0-alpha.2 → 0.2.0-alpha.21

package/dist/chunk-T2RSMFOI.js

@@ -1,2074 +0,0 @@
-import {
-  ADMIN_SITE_COOKIE,
-  publicMediaUrl,
-  readAdminSiteIdFromCookie,
-  translate
-} from "./chunk-TJR3ALRJ.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/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/lib/theme-actions.ts
-import { updateTag } from "next/cache";
-async function invalidateSiteSettingsCache(siteId) {
-  updateTag(`site-settings:${siteId}`);
-}
-
-// src/components/sidebar.tsx
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { signOut } from "aws-amplify/auth";
-import { LayoutDashboard, FileText, Image, Globe, LogOut, ExternalLink } from "lucide-react";
-import { Button, cn } from "@ampless/runtime/ui";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var navItems = [
-  { href: "/admin", key: "sidebar.dashboard", icon: LayoutDashboard },
-  { href: "/admin/posts", key: "sidebar.posts", icon: FileText },
-  { href: "/admin/media", key: "sidebar.media", icon: Image },
-  { href: "/admin/sites", key: "sidebar.sites", icon: Globe }
-];
-function Sidebar({
-  email,
-  siteSelector
-}) {
-  const pathname = usePathname();
-  const t = useT();
-  return /* @__PURE__ */ jsxs("aside", { className: "flex h-screen w-60 flex-col border-r bg-muted/30", children: [
-    /* @__PURE__ */ jsx2("div", { className: "border-b p-4", children: /* @__PURE__ */ jsx2(Link, { href: "/admin", className: "font-semibold", children: t("sidebar.brand") }) }),
-    siteSelector ? /* @__PURE__ */ jsx2("div", { className: "border-b", children: siteSelector }) : null,
-    /* @__PURE__ */ jsx2("nav", { className: "flex-1 space-y-1 p-2", children: navItems.map((item) => {
-      const Icon = item.icon;
-      const isActive = pathname === item.href || item.href !== "/admin" && pathname?.startsWith(item.href);
-      return /* @__PURE__ */ jsxs(
-        Link,
-        {
-          href: item.href,
-          className: cn(
-            "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__ */ jsx2(Icon, { className: "h-4 w-4" }),
-            t(item.key)
-          ]
-        },
-        item.href
-      );
-    }) }),
-    /* @__PURE__ */ jsxs("div", { className: "border-t p-2 space-y-1", children: [
-      /* @__PURE__ */ jsxs(
-        Link,
-        {
-          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__ */ jsx2(ExternalLink, { className: "h-4 w-4" }),
-            t("sidebar.viewSite")
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx2("div", { className: "px-3 py-2 text-xs text-muted-foreground truncate", children: email }),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          className: "w-full justify-start gap-3",
-          onClick: async () => {
-            await signOut();
-            window.location.href = "/login";
-          },
-          children: [
-            /* @__PURE__ */ jsx2(LogOut, { className: "h-4 w-4" }),
-            t("sidebar.signOut")
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/site-selector.tsx
-import { useRouter } from "next/navigation";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function SiteSelector({ current, sites }) {
-  const router = useRouter();
-  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__ */ jsxs2("div", { className: "px-3 py-2", children: [
-    /* @__PURE__ */ jsx3("label", { className: "block text-xs uppercase tracking-wide text-muted-foreground mb-1", children: t("sites.selector.label") }),
-    /* @__PURE__ */ jsx3(
-      "select",
-      {
-        value: current,
-        onChange,
-        className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
-        children: sites.map((s) => /* @__PURE__ */ jsx3("option", { value: s.id, children: s.name }, s.id))
-      }
-    )
-  ] });
-}
-
-// src/components/image-upload-dialog.tsx
-import { useEffect, useRef, useState } 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 Button2,
-  Input,
-  Label
-} from "@ampless/runtime/ui";
-import { Fragment, jsx as jsx4, 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] = useState(false);
-  const [aspect, setAspect] = useState("free");
-  const [crop, setCrop] = useState(void 0);
-  const [percentCrop, setPercentCrop] = useState(null);
-  const [naturalSize, setNaturalSize] = useState(null);
-  const [formatChoice, setFormatChoice] = useState("auto");
-  const [losslessOverride, setLosslessOverride] = useState(null);
-  const [quality, setQuality] = useState(defaultQuality);
-  const [maxDimension, setMaxDimension] = useState(defaultMaxDimension);
-  const [previewUrl, setPreviewUrl] = useState(null);
-  const imgRef = useRef(null);
-  useEffect(() => {
-    setOriginal(false);
-    setAspect("free");
-    setCrop(void 0);
-    setPercentCrop(null);
-    setNaturalSize(null);
-    setFormatChoice("auto");
-    setLosslessOverride(null);
-    setQuality(defaultQuality);
-    setMaxDimension(defaultMaxDimension);
-  }, [file, defaultQuality, defaultMaxDimension]);
-  useEffect(() => {
-    if (!naturalSize) return;
-    const next = buildInitialCrop(naturalSize.width, naturalSize.height, ASPECTS[aspect]);
-    setCrop(next);
-    setPercentCrop(next);
-  }, [aspect, naturalSize]);
-  useEffect(() => {
-    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__ */ jsx4(
-    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__ */ jsx4(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__ */ jsx4("div", { className: "flex items-center justify-center rounded-md bg-black/90 p-2", children: /* @__PURE__ */ jsx4(
-          ReactCrop,
-          {
-            crop,
-            aspect: ASPECTS[aspect],
-            minWidth: 20,
-            minHeight: 20,
-            onChange: (_pixel, percent) => {
-              setCrop(percent);
-              setPercentCrop(percent);
-            },
-            children: /* @__PURE__ */ jsx4(
-              "img",
-              {
-                ref: imgRef,
-                src: previewUrl,
-                alt: "preview",
-                className: "block max-h-[60vh] max-w-full",
-                onLoad: handleImageLoad
-              }
-            )
-          }
-        ) }),
-        previewUrl && !showCropper && isImage && /* @__PURE__ */ jsx4("div", { className: "flex h-48 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ jsx4("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__ */ jsx4("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__ */ jsx4(
-              "input",
-              {
-                type: "checkbox",
-                checked: original,
-                disabled: busy,
-                onChange: (e) => setOriginal(e.target.checked)
-              }
-            ),
-            /* @__PURE__ */ jsx4("span", { children: t("media.dialog.useOriginal") }),
-            passthrough && /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", children: t("media.dialog.passthroughNote") })
-          ] }),
-          !original && !passthrough && /* @__PURE__ */ jsxs3(Fragment, { children: [
-            /* @__PURE__ */ jsxs3("div", { children: [
-              /* @__PURE__ */ jsx4(Label, { children: t("media.dialog.aspectRatio") }),
-              /* @__PURE__ */ jsx4("div", { className: "mt-2 flex flex-wrap gap-2", children: ASPECT_CHOICES.map((choice) => /* @__PURE__ */ jsx4(
-                Button2,
-                {
-                  type: "button",
-                  variant: aspect === choice ? "default" : "outline",
-                  size: "sm",
-                  disabled: busy,
-                  onClick: () => setAspect(choice),
-                  children: choice
-                },
-                choice
-              )) })
-            ] }),
-            /* @__PURE__ */ jsxs3("div", { children: [
-              /* @__PURE__ */ jsx4(Label, { children: t("media.dialog.outputFormat") }),
-              /* @__PURE__ */ jsx4("div", { className: "mt-2 flex flex-wrap gap-2", children: FORMAT_CHOICES.map((choice) => /* @__PURE__ */ jsx4(
-                Button2,
-                {
-                  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__ */ jsx4(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: lossless,
-                  disabled: busy,
-                  onChange: (e) => setLosslessOverride(e.target.checked)
-                }
-              ),
-              /* @__PURE__ */ jsx4("span", { children: t("media.dialog.losslessWebp") })
-            ] }),
-            showQualitySlider && /* @__PURE__ */ jsxs3("div", { children: [
-              /* @__PURE__ */ jsx4(Label, { children: t("media.dialog.quality", { value: Math.round(quality * 100) }) }),
-              /* @__PURE__ */ jsx4(
-                "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__ */ jsx4(Label, { htmlFor: "maxDimension", children: t("media.dialog.maxDimension") }),
-              /* @__PURE__ */ jsx4("div", { className: "mt-2 flex flex-wrap gap-2", children: MAX_DIMENSION_PRESETS.map((preset) => /* @__PURE__ */ jsx4(
-                Button2,
-                {
-                  type: "button",
-                  variant: maxDimension === preset ? "default" : "outline",
-                  size: "sm",
-                  disabled: busy,
-                  onClick: () => setMaxDimension(preset),
-                  children: preset
-                },
-                preset
-              )) }),
-              /* @__PURE__ */ jsx4(
-                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__ */ jsx4(Button2, { variant: "ghost", type: "button", onClick: onCancel, children: t("media.dialog.cancelAll") }),
-          /* @__PURE__ */ jsx4(Button2, { variant: "outline", type: "button", disabled: busy, onClick: onSkip, children: t("media.dialog.skip") }),
-          /* @__PURE__ */ jsx4(Button2, { 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 useEffect2, useRef as useRef2, useState as useState2 } 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 Button3
-} from "@ampless/runtime/ui";
-
-// src/lib/admin-config-client.ts
-var cmsConfig = null;
-function setAdminCmsConfigClient(config) {
-  cmsConfig = config;
-}
-function getMediaProcessingDefaults() {
-  return cmsConfig?.media?.processing;
-}
-
-// src/components/media-picker.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function MediaPicker({ trigger, onSelect }) {
-  const t = useT();
-  const [open, setOpen] = useState2(false);
-  const [items, setItems] = useState2([]);
-  const [loading, setLoading] = useState2(false);
-  const [error, setError] = useState2(null);
-  const [pendingUpload, setPendingUpload] = useState2(null);
-  const [uploading, setUploading] = useState2(false);
-  const fileInputRef = useRef2(null);
-  useEffect2(() => {
-    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(Fragment2, { children: [
-    /* @__PURE__ */ jsxs4(Dialog2, { open: pickerOpen, onOpenChange: (next) => setOpen(next), children: [
-      /* @__PURE__ */ jsx5(DialogTrigger, { asChild: true, onClick: () => setOpen(true), children: trigger }),
-      /* @__PURE__ */ jsxs4(DialogContent2, { children: [
-        /* @__PURE__ */ jsx5(DialogHeader2, { children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs4("div", { children: [
-            /* @__PURE__ */ jsx5(DialogTitle2, { children: t("mediaPicker.title") }),
-            /* @__PURE__ */ jsx5(DialogDescription2, { children: t("mediaPicker.description") })
-          ] }),
-          /* @__PURE__ */ jsxs4(
-            Button3,
-            {
-              type: "button",
-              variant: "outline",
-              size: "sm",
-              onClick: () => fileInputRef.current?.click(),
-              children: [
-                /* @__PURE__ */ jsx5(Upload, { className: "mr-2 h-3 w-3" }),
-                t("mediaPicker.uploadNew")
-              ]
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx5(
-          "input",
-          {
-            ref: fileInputRef,
-            type: "file",
-            accept: "image/*",
-            className: "hidden",
-            onChange: handleFileSelected
-          }
-        ),
-        loading && /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: t("common.loading") }),
-        error && /* @__PURE__ */ jsx5("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__ */ jsx5("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__ */ jsx5(
-                "img",
-                {
-                  src: publicMediaUrl(path),
-                  alt: path,
-                  className: "aspect-square w-full object-cover"
-                }
-              ),
-              /* @__PURE__ */ jsx5("div", { className: "truncate p-1 text-xs text-muted-foreground", children: path.split("/").pop() })
-            ]
-          },
-          path
-        )) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx5(
-      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 useState3 } from "react";
-import { useRouter as useRouter2 } 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 Button6, 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 Link2 from "@tiptap/extension-link";
-import Image2 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 Button4, cn as cn2 } from "@ampless/runtime/ui";
-import { jsx as jsx6, 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__ */ jsx6(
-        Button4,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          onClick: tool.action,
-          className: cn2(tool.isActive() && "bg-accent text-accent-foreground"),
-          children: /* @__PURE__ */ jsx6(Icon, { className: "h-4 w-4" })
-        },
-        tool.name
-      );
-    }),
-    /* @__PURE__ */ jsx6(
-      Button4,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        onClick: setLink,
-        className: cn2(editor.isActive("link") && "bg-accent text-accent-foreground"),
-        children: /* @__PURE__ */ jsx6(LinkIcon, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      MediaPicker,
-      {
-        onSelect: insertImage,
-        trigger: /* @__PURE__ */ jsx6(Button4, { type: "button", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx6(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 Button5, cn as cn3 } from "@ampless/runtime/ui";
-import { jsx as jsx7, 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__ */ jsx7(
-    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(
-          Button5,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setDisplay("inline"),
-            className: cn3(currentDisplay === "inline" && "bg-accent text-accent-foreground"),
-            title: t("editor.image.inlineTitle"),
-            children: [
-              /* @__PURE__ */ jsx7(ImageIcon2, { className: "mr-1 h-3 w-3" }),
-              t("editor.image.inline")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs6(
-          Button5,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setDisplay("lightbox"),
-            className: cn3(currentDisplay === "lightbox" && "bg-accent text-accent-foreground"),
-            title: t("editor.image.lightboxTitle"),
-            children: [
-              /* @__PURE__ */ jsx7(Maximize2, { className: "mr-1 h-3 w-3" }),
-              t("editor.image.lightbox")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx7("span", { className: "mx-1 h-4 w-px bg-border" }),
-        /* @__PURE__ */ jsxs6(Button5, { type: "button", variant: "ghost", size: "sm", onClick: editAlt, children: [
-          /* @__PURE__ */ jsx7(Pencil, { className: "mr-1 h-3 w-3" }),
-          t("editor.image.alt")
-        ] }),
-        /* @__PURE__ */ jsxs6(Button5, { type: "button", variant: "ghost", size: "sm", onClick: remove2, children: [
-          /* @__PURE__ */ jsx7(Trash2, { className: "mr-1 h-3 w-3" }),
-          t("editor.image.delete")
-        ] })
-      ] })
-    }
-  );
-}
-
-// src/editor/tiptap-editor.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var AmplessImage = Image2.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,
-      Link2.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__ */ jsx8(Toolbar, { editor }),
-    editor && /* @__PURE__ */ jsx8(ImageBubbleMenu, { editor }),
-    /* @__PURE__ */ jsx8(EditorContent, { editor })
-  ] });
-}
-
-// src/components/post-form.tsx
-import { jsx as jsx9, 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 = useRouter2();
-  const t = useT();
-  const isEdit = !!post;
-  const bodyTextareaRef = useRef3(null);
-  const [title, setTitle] = useState3(post?.title ?? "");
-  const [slug, setSlug] = useState3(post?.slug ?? "");
-  const [excerpt, setExcerpt] = useState3(post?.excerpt ?? "");
-  const [format, setFormat] = useState3(post?.format ?? "tiptap");
-  const [body, setBody] = useState3(post?.body ?? EMPTY_TIPTAP_DOC);
-  const [status, setStatus] = useState3(post?.status ?? "draft");
-  const [tagsInput, setTagsInput] = useState3((post?.tags ?? []).join(", "));
-  const [saving, setSaving] = useState3(false);
-  const [error, setError] = useState3(null);
-  const [view, setView] = useState3("edit");
-  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);
-  }
-  async function save(e) {
-    e.preventDefault();
-    setSaving(true);
-    setError(null);
-    try {
-      const tags = parseTags(tagsInput);
-      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
-          },
-          { 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
-        });
-      }
-      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__ */ jsx9(
-        "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__ */ jsx9(
-        "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__ */ jsx9("h1", { className: "text-3xl font-bold tracking-tight", children: title || /* @__PURE__ */ jsx9("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__ */ jsx9("time", { dateTime: previewPost.publishedAt, children: formatDate(previewPost.publishedAt) }) : /* @__PURE__ */ jsx9("span", { children: t("common.draft") }),
-          /* @__PURE__ */ jsx9("span", { className: "mx-2", children: "\xB7" }),
-          /* @__PURE__ */ jsx9("span", { className: "font-mono text-xs uppercase", children: format })
-        ] }),
-        excerpt && /* @__PURE__ */ jsx9("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
-      ] }),
-      /* @__PURE__ */ jsx9(
-        "div",
-        {
-          className: "prose prose-neutral dark:prose-invert max-w-none",
-          dangerouslySetInnerHTML: { __html: renderBody(previewPost) }
-        }
-      ),
-      previewPost.tags && previewPost.tags.length > 0 && /* @__PURE__ */ jsx9("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__ */ jsx9("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__ */ jsx9(Label2, { htmlFor: "title", children: t("posts.form.title") }),
-        /* @__PURE__ */ jsx9(
-          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__ */ jsx9(Label2, { htmlFor: "slug", children: t("posts.form.slug") }),
-        /* @__PURE__ */ jsx9(
-          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__ */ jsx9(Label2, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
-        /* @__PURE__ */ jsx9(
-          Textarea,
-          {
-            id: "excerpt",
-            rows: 2,
-            value: excerpt,
-            onChange: (e) => setExcerpt(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx9(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__ */ jsx9("option", { value: "tiptap", children: "Tiptap (rich editor)" }),
-              /* @__PURE__ */ jsx9("option", { value: "markdown", children: "Markdown" }),
-              /* @__PURE__ */ jsx9("option", { value: "html", children: "HTML" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx9("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__ */ jsx9(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__ */ jsx9(
-            MediaPicker,
-            {
-              onSelect: insertMediaSnippet,
-              trigger: /* @__PURE__ */ jsxs8(Button6, { type: "button", variant: "outline", size: "sm", children: [
-                /* @__PURE__ */ jsx9(ImageIcon3, { className: "mr-2 h-3 w-3" }),
-                t("posts.form.insertMedia")
-              ] })
-            }
-          )
-        ] }),
-        format === "tiptap" ? /* @__PURE__ */ jsx9(TiptapEditor, { initialContent: body, onChange: setBody }) : /* @__PURE__ */ jsx9(
-          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__ */ jsx9(Label2, { htmlFor: "tags", children: t("posts.form.tags") }),
-        /* @__PURE__ */ jsx9(
-          Input2,
-          {
-            id: "tags",
-            value: tagsInput,
-            onChange: (e) => setTagsInput(e.target.value),
-            placeholder: t("posts.form.tagsPlaceholder")
-          }
-        ),
-        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx9(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__ */ jsx9("option", { value: "draft", children: t("common.draft") }),
-              /* @__PURE__ */ jsx9("option", { value: "published", children: t("common.published") })
-            ]
-          }
-        )
-      ] }),
-      error && /* @__PURE__ */ jsx9("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx9(Button6, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
-        isEdit && /* @__PURE__ */ jsx9(Button6, { type: "button", variant: "destructive", onClick: handleDelete, disabled: saving, children: t("posts.form.delete") })
-      ] })
-    ] })
-  ] });
-}
-
-// src/components/site-settings-form.tsx
-import { useState as useState4 } from "react";
-import { useRouter as useRouter3 } from "next/navigation";
-import { setSiteSetting } from "ampless";
-import { Button as Button7, Input as Input3, Label as Label3, Textarea as Textarea2 } from "@ampless/runtime/ui";
-import { jsx as jsx10, jsxs as jsxs9 } 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 = useRouter3();
-  const t = useT();
-  const [values, setValues] = useState4(initial);
-  const [saving, setSaving] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [info, setInfo] = useState4(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__ */ jsxs9("form", { onSubmit: save, className: "space-y-6 max-w-xl", children: [
-    /* @__PURE__ */ jsxs9("fieldset", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx10("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.site") }),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label3, { htmlFor: "name", children: t("common.name") }),
-        /* @__PURE__ */ jsx10(
-          Input3,
-          {
-            id: "name",
-            value: values["site.name"] ?? "",
-            placeholder: fallback["site.name"] ?? "",
-            onChange: (e) => update("site.name", e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label3, { htmlFor: "url", children: t("common.url") }),
-        /* @__PURE__ */ jsx10(
-          Input3,
-          {
-            id: "url",
-            value: values["site.url"] ?? "",
-            placeholder: fallback["site.url"] ?? "",
-            onChange: (e) => update("site.url", e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label3, { htmlFor: "description", children: t("common.description") }),
-        /* @__PURE__ */ jsx10(
-          Textarea2,
-          {
-            id: "description",
-            value: values["site.description"] ?? "",
-            placeholder: fallback["site.description"] ?? "",
-            rows: 2,
-            onChange: (e) => update("site.description", e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs9("fieldset", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx10("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.media") }),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label3, { htmlFor: "imageDisplay", children: t("sites.edit.imageDisplay") }),
-        /* @__PURE__ */ jsxs9(
-          "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__ */ jsx10("option", { value: "", children: t("sites.edit.defaultPlaceholder", {
-                value: fallback["media.imageDisplay"] ?? "inline"
-              }) }),
-              /* @__PURE__ */ jsx10("option", { value: "inline", children: t("sites.edit.imageDisplayInline") }),
-              /* @__PURE__ */ jsx10("option", { value: "lightbox", children: t("sites.edit.imageDisplayLightbox") })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label3, { htmlFor: "imageMaxWidth", children: t("sites.edit.imageMaxWidth") }),
-        /* @__PURE__ */ jsx10(
-          Input3,
-          {
-            id: "imageMaxWidth",
-            value: values["media.imageMaxWidth"] ?? "",
-            placeholder: fallback["media.imageMaxWidth"] ?? "100%",
-            onChange: (e) => update("media.imageMaxWidth", e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs9("fieldset", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx10("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: t("sites.edit.dateDisplay") }),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label3, { htmlFor: "dateFormat", children: t("sites.edit.dateFormat") }),
-        /* @__PURE__ */ jsxs9(
-          "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__ */ jsx10("option", { value: "", children: t("sites.edit.defaultPlaceholder", {
-                value: fallback["dateFormat"] ?? "iso"
-              }) }),
-              /* @__PURE__ */ jsx10("option", { value: "iso", children: t("sites.edit.dateFormatIso") }),
-              /* @__PURE__ */ jsx10("option", { value: "long", children: t("sites.edit.dateFormatLong") }),
-              /* @__PURE__ */ jsx10("option", { value: "locale", children: t("sites.edit.dateFormatLocale") })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx10(Label3, { htmlFor: "timezone", children: t("sites.edit.timezone") }),
-        /* @__PURE__ */ jsx10(
-          Input3,
-          {
-            id: "timezone",
-            value: values["timezone"] ?? "",
-            placeholder: fallback["timezone"] ?? "UTC",
-            onChange: (e) => update("timezone", e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    info && /* @__PURE__ */ jsx10("p", { className: "text-sm text-muted-foreground", children: info }),
-    error && /* @__PURE__ */ jsx10("p", { className: "text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsx10(Button7, { type: "submit", disabled: saving, children: saving ? t("common.saving") : t("sites.edit.saveButton") })
-  ] });
-}
-
-// src/components/theme-settings-form.tsx
-import { useState as useState5 } from "react";
-import { useRouter as useRouter4 } from "next/navigation";
-import {
-  setSiteSetting as setSiteSetting2,
-  deleteSiteSetting,
-  themeSettingKey,
-  validateThemeValue,
-  resolveLocalized,
-  parseLinkList,
-  stringifyLinkList
-} from "ampless";
-import { Button as Button8, Input as Input4, Label as Label4 } from "@ampless/runtime/ui";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var CACHE_REBUILD_DELAY_MS = 8e3;
-function ThemeSettingsForm({
-  siteId,
-  manifest,
-  activeTheme,
-  themeOptions,
-  initial
-}) {
-  const router = useRouter4();
-  const t = useT();
-  const locale = useLocale();
-  const [state, setState] = useState5({ values: initial, touched: {} });
-  const [pendingTheme, setPendingTheme] = useState5(activeTheme);
-  const [optimisticActive, setOptimisticActive] = useState5(activeTheme);
-  const [saving, setSaving] = useState5(false);
-  const [switching, setSwitching] = useState5(false);
-  const [error, setError] = useState5(null);
-  const [info, setInfo] = useState5(null);
-  const [invalid, setInvalid] = useState5({});
-  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__ */ jsxs10("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ jsxs10("form", { onSubmit: switchTheme, className: "max-w-xl space-y-3 rounded-md border p-4", children: [
-      /* @__PURE__ */ jsxs10("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx11(Label4, { htmlFor: "active-theme", className: "text-sm font-medium", children: t("theme.activeLabel") }),
-        /* @__PURE__ */ jsxs10("p", { className: "text-xs text-muted-foreground", children: [
-          t("theme.currentlyActive", { theme: optimisticActive }),
-          optimisticActive !== activeTheme && t("theme.propagating")
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx11(
-        "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__ */ jsxs10("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__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: resolveLocalized(desc, locale) }) : null;
-      })(),
-      /* @__PURE__ */ jsx11(
-        Button8,
-        {
-          type: "submit",
-          disabled: switching || pendingTheme === optimisticActive,
-          variant: pendingTheme === optimisticActive ? "outline" : "default",
-          children: switching ? t("theme.switching") : t("theme.switchButton")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx11(Label4, { className: "text-sm font-medium", children: t("theme.previewLabel") }),
-      /* @__PURE__ */ jsx11(
-        "iframe",
-        {
-          src: `/?previewTheme=${encodeURIComponent(pendingTheme)}`,
-          title: t("theme.previewLabel"),
-          className: "h-[600px] w-full rounded-md border bg-[var(--background)]"
-        },
-        pendingTheme
-      ),
-      /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: t("theme.previewHint") })
-    ] }),
-    /* @__PURE__ */ jsxs10("form", { onSubmit: save, className: "max-w-xl space-y-6", children: [
-      /* @__PURE__ */ jsxs10("div", { children: [
-        /* @__PURE__ */ jsx11("h2", { className: "text-lg font-semibold", children: t("theme.customizationHeading", {
-          theme: resolveLocalized(manifest.label, locale)
-        }) }),
-        manifest.description && /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: resolveLocalized(manifest.description, locale) }),
-        /* @__PURE__ */ jsx11("p", { className: "mt-1 text-xs text-muted-foreground", children: t("theme.customizationHint") })
-      ] }),
-      groups.map(({ key, name, fields }) => /* @__PURE__ */ jsxs10("fieldset", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx11("legend", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: resolveLocalized(name, locale) }),
-        fields.map((field) => /* @__PURE__ */ jsx11(
-          FieldRow,
-          {
-            field,
-            value: state.values[field.key] ?? "",
-            invalid: !!invalid[field.key],
-            onChange: (v) => update(field.key, v)
-          },
-          field.key
-        ))
-      ] }, key)),
-      info && /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: info }),
-      error && /* @__PURE__ */ jsx11("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsx11(Button8, { 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__ */ jsx11(Label4, { htmlFor: id, className: invalid ? "text-destructive" : void 0, children: resolveLocalized(field.label, locale) });
-  const description = field.description ? /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: resolveLocalized(field.description, locale) }) : null;
-  switch (field.type) {
-    case "color":
-      return /* @__PURE__ */ jsx11(ColorField, { field, id, labelEl, description, value, invalid, onChange });
-    case "length":
-      return /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-        labelEl,
-        description,
-        /* @__PURE__ */ jsx11(
-          Input4,
-          {
-            id,
-            value,
-            placeholder: field.default,
-            onChange: (e) => onChange(e.target.value),
-            "aria-invalid": invalid,
-            className: "font-mono text-xs"
-          }
-        ),
-        /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: t("theme.lengthHelp") })
-      ] });
-    case "select":
-    case "fontFamily":
-      return /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-        labelEl,
-        description,
-        /* @__PURE__ */ jsxs10(
-          "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__ */ jsx11("option", { value: "", children: t("common.default") }),
-              field.options.map((opt) => /* @__PURE__ */ jsx11("option", { value: opt.value, children: resolveLocalized(opt.label, locale) }, opt.value))
-            ]
-          }
-        )
-      ] });
-    case "image":
-      return /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-        labelEl,
-        description,
-        /* @__PURE__ */ jsx11(
-          Input4,
-          {
-            id,
-            value,
-            placeholder: field.default || t("theme.imagePlaceholder"),
-            onChange: (e) => onChange(e.target.value),
-            "aria-invalid": invalid
-          }
-        )
-      ] });
-    case "text":
-      return /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-        labelEl,
-        description,
-        /* @__PURE__ */ jsx11(
-          Input4,
-          {
-            id,
-            value,
-            placeholder: field.default,
-            maxLength: field.maxLength,
-            onChange: (e) => onChange(e.target.value),
-            "aria-invalid": invalid
-          }
-        )
-      ] });
-    case "linkList":
-      return /* @__PURE__ */ jsx11(
-        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__ */ jsxs10("div", { className: "space-y-2", children: [
-    labelEl,
-    description,
-    /* @__PURE__ */ jsxs10("div", { className: "space-y-2 rounded-md border bg-muted/20 p-3", children: [
-      items.length === 0 && /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: "No links yet." }),
-      items.map((item, idx) => {
-        const isTagRef = /^tag:/.test(item.url.trim());
-        return /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-start gap-2", children: [
-          /* @__PURE__ */ jsxs10("div", { className: "grid flex-1 grid-cols-1 gap-2 sm:grid-cols-2", children: [
-            /* @__PURE__ */ jsx11(
-              Input4,
-              {
-                value: item.label,
-                placeholder: "Label",
-                onChange: (e) => update(idx, { label: e.target.value })
-              }
-            ),
-            /* @__PURE__ */ jsx11(
-              Input4,
-              {
-                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__ */ jsxs10("div", { className: "flex shrink-0 items-center gap-1", children: [
-            /* @__PURE__ */ jsx11(
-              Button8,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => move(idx, -1),
-                disabled: idx === 0,
-                "aria-label": "Move up",
-                children: "\u2191"
-              }
-            ),
-            /* @__PURE__ */ jsx11(
-              Button8,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => move(idx, 1),
-                disabled: idx === items.length - 1,
-                "aria-label": "Move down",
-                children: "\u2193"
-              }
-            ),
-            /* @__PURE__ */ jsx11(
-              Button8,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => remove2(idx),
-                "aria-label": "Remove",
-                children: "\xD7"
-              }
-            )
-          ] })
-        ] }, idx);
-      }),
-      /* @__PURE__ */ jsx11(
-        Button8,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          onClick: add,
-          disabled: items.length >= max,
-          children: "+ Add link"
-        }
-      ),
-      /* @__PURE__ */ jsxs10("p", { className: "text-xs text-muted-foreground", children: [
-        "Tip: use ",
-        /* @__PURE__ */ jsx11("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__ */ jsxs10("div", { className: "space-y-2", children: [
-    labelEl,
-    description,
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx11(
-        "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__ */ jsx11(
-        Input4,
-        {
-          id,
-          value,
-          placeholder: field.default,
-          onChange: (e) => onChange(e.target.value),
-          "aria-invalid": invalid,
-          className: "font-mono text-xs"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx11(
-        "span",
-        {
-          className: "inline-block h-4 w-4 rounded border",
-          style: { background: effective },
-          "aria-hidden": true
-        }
-      ),
-      /* @__PURE__ */ jsx11("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";
-  }
-}
-
-// src/components/media-uploader.tsx
-import { useState as useState6, useEffect as useEffect3, 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 Button9, Input as Input5 } from "@ampless/runtime/ui";
-import { Trash2 as Trash22, Copy, Check, FileText as FileText2, Code2 } from "lucide-react";
-import { jsx as jsx12, 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] = useState6([]);
-  const [queue, setQueue] = useState6([]);
-  const [uploading, setUploading] = useState6(false);
-  const [error, setError] = useState6(null);
-  const [copiedPath, setCopiedPath] = useState6(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));
-    }
-  }, []);
-  useEffect3(() => {
-    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__ */ jsx12(
-        Input5,
-        {
-          type: "file",
-          multiple: true,
-          onChange: handleFiles,
-          disabled: uploading
-        }
-      ),
-      uploading && /* @__PURE__ */ jsx12("p", { className: "mt-2 text-sm text-muted-foreground", children: t("media.uploading") }),
-      !uploading && queue.length > 0 && /* @__PURE__ */ jsx12("p", { className: "mt-2 text-sm text-muted-foreground", children: t("media.queued", { count: queue.length }) })
-    ] }),
-    error && /* @__PURE__ */ jsx12("p", { className: "text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsx12(
-      ImageUploadDialog,
-      {
-        file: currentFile,
-        remaining: queue.length,
-        busy: uploading,
-        defaults: getMediaProcessingDefaults(),
-        onConfirm: handleDialogConfirm,
-        onSkip: handleDialogSkip,
-        onCancel: handleDialogCancel
-      }
-    ),
-    /* @__PURE__ */ jsx12("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__ */ jsx12(
-                "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__ */ jsx12(Code2, { className: "h-8 w-8" }) : /* @__PURE__ */ jsx12(FileText2, { 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__ */ jsx12("span", { className: "truncate", title: filename, children: filename }),
-              /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-                /* @__PURE__ */ jsx12(
-                  Button9,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-6 w-6",
-                    onClick: () => handleCopy(item, "url"),
-                    title: t("media.copyUrl"),
-                    children: urlCopied ? /* @__PURE__ */ jsx12(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx12(Copy, { className: "h-3 w-3" })
-                  }
-                ),
-                tagDiffersFromUrl && /* @__PURE__ */ jsx12(
-                  Button9,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-6 w-6",
-                    onClick: () => handleCopy(item, "tag"),
-                    title: t("media.copyTag"),
-                    children: tagCopied ? /* @__PURE__ */ jsx12(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx12(Code2, { className: "h-3 w-3" })
-                  }
-                ),
-                /* @__PURE__ */ jsx12(
-                  Button9,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-6 w-6",
-                    onClick: () => handleDelete(item.path),
-                    title: t("media.delete"),
-                    children: /* @__PURE__ */ jsx12(Trash22, { className: "h-3 w-3" })
-                  }
-                )
-              ] })
-            ] })
-          ]
-        },
-        item.path
-      );
-    }) }),
-    items.length === 0 && /* @__PURE__ */ jsx12("p", { className: "text-center text-sm text-muted-foreground", children: t("media.empty") })
-  ] });
-}
-
-export {
-  I18nProvider,
-  useT,
-  useLocale,
-  sanitizeName,
-  uploadProcessedImage,
-  invalidateSiteSettingsCache,
-  Sidebar,
-  SiteSelector,
-  ImageUploadDialog,
-  setAdminCmsConfigClient,
-  MediaPicker,
-  PostForm,
-  SiteSettingsForm,
-  ThemeSettingsForm,
-  MediaUploader
-};