litecms 0.1.1 → 0.2.0

package/dist/admin/exports.js

@@ -6,12 +6,20 @@ import {
   CmsCheckbox,
   CmsField,
   CmsImageField,
+  CmsImagePickerModal,
+  CmsLanguageProvider,
+  CmsLanguageSelector,
   FormProvider,
+  detectBrowserLanguage,
   flattenValue,
   groupFields,
   groupPages,
+  translate,
+  useCmsLanguage,
+  useCmsLanguageOptional,
   useForm
-} from "../index-pmb5m3ek.js";
+} from "../index-c9btr14k.js";
+import"../index-wmd953zf.js";
 import {
   createCmsConfig,
   definePage,
@@ -19,8 +27,10 @@ import {
   getNavPages,
   getPageBySlug
 } from "../index-8zcd33mx.js";
+import"../index-szreq4v9.js";
 
 // src/admin/CmsAdminLayout.tsx
+import * as React from "react";
 import { usePathname } from "next/navigation";
 
 // src/components/CmsNavSection.tsx
@@ -50,13 +60,14 @@ function NavSection({
 }
 
 // src/admin/CmsAdminLayout.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-function CmsAdminLayout({
+import { jsxDEV as jsxDEV2, Fragment } from "react/jsx-dev-runtime";
+function CmsAdminLayoutInner({
   adminTitle = "Content",
   siteName,
   basePath = "/admin",
   publicSiteUrl,
-  pages,
+  modules,
+  pages = [],
   currentSlug: currentSlugProp,
   onLogout,
   children
@@ -65,6 +76,38 @@ function CmsAdminLayout({
   const detectedSlug = pathname?.replace(new RegExp(`^${basePath}/?`), "").split("/")[0];
   const currentSlug = currentSlugProp ?? (detectedSlug || undefined);
   const groupedPages = groupPages(pages);
+  const currentModuleId = React.useMemo(() => {
+    if (!modules?.length)
+      return;
+    for (const m of modules) {
+      const modulePath = m.href.replace(basePath, "").replace(/^\//, "");
+      if (modulePath && modulePath === currentSlug) {
+        return m.id;
+      }
+      if (modulePath && currentSlug?.startsWith(modulePath + "/")) {
+        return m.id;
+      }
+    }
+    const contentModule = modules.find((m) => m.id === "content");
+    if (contentModule) {
+      const contentPath = contentModule.href.replace(basePath, "").replace(/^\//, "");
+      if (!currentSlug || contentPath === "" && !modules.some((m) => {
+        const mp = m.href.replace(basePath, "").replace(/^\//, "");
+        return mp && (mp === currentSlug || currentSlug?.startsWith(mp + "/"));
+      })) {
+        return "content";
+      }
+    }
+    return;
+  }, [modules, basePath, currentSlug]);
+  const langContext = useCmsLanguageOptional();
+  const t = langContext?.t ?? ((key) => {
+    const fallback = {
+      viewSite: "View site",
+      signOut: "Sign out"
+    };
+    return fallback[key] ?? key;
+  });
   return /* @__PURE__ */ jsxDEV2("div", {
     className: "min-h-screen font-sans antialiased bg-neutral-50 text-neutral-900 selection:bg-neutral-200 selection:text-neutral-900 [--cms-accent:#171717] [--cms-accent-subtle:rgba(23,23,23,0.08)]",
     children: [
@@ -81,15 +124,45 @@ function CmsAdminLayout({
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV2("nav", {
             className: "flex-1 overflow-y-auto px-6 py-8 space-y-8",
-            children: groupedPages.map((group) => /* @__PURE__ */ jsxDEV2(NavSection, {
-              group,
-              basePath,
-              currentSlug
-            }, group.name ?? "__default", false, undefined, this))
-          }, undefined, false, undefined, this),
+            children: [
+              modules && modules.length > 0 && /* @__PURE__ */ jsxDEV2("div", {
+                className: "space-y-2",
+                children: modules.map((module) => {
+                  const isActive = currentModuleId === module.id;
+                  return /* @__PURE__ */ jsxDEV2("a", {
+                    href: module.href,
+                    className: `flex items-center gap-3 py-2 text-sm transition-colors ${isActive ? "text-neutral-900 font-medium" : "text-neutral-500 hover:text-neutral-900"}`,
+                    children: [
+                      module.icon && /* @__PURE__ */ jsxDEV2("span", {
+                        className: isActive ? "text-neutral-900" : "text-neutral-400",
+                        children: module.icon
+                      }, undefined, false, undefined, this),
+                      module.title
+                    ]
+                  }, module.id, true, undefined, this);
+                })
+              }, undefined, false, undefined, this),
+              (!modules || modules.length === 0) && groupedPages.length > 0 && /* @__PURE__ */ jsxDEV2(Fragment, {
+                children: groupedPages.map((group) => /* @__PURE__ */ jsxDEV2(NavSection, {
+                  group,
+                  basePath,
+                  currentSlug
+                }, group.name ?? "__default", false, undefined, this))
+              }, undefined, false, undefined, this),
+              modules && modules.length > 0 && currentModuleId === "content" && groupedPages.length > 0 && /* @__PURE__ */ jsxDEV2("div", {
+                className: "pt-4 border-t border-neutral-100",
+                children: groupedPages.map((group) => /* @__PURE__ */ jsxDEV2(NavSection, {
+                  group,
+                  basePath,
+                  currentSlug
+                }, group.name ?? "__default", false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV2("div", {
             className: "border-t border-neutral-200 px-6 py-4 space-y-3",
             children: [
+              langContext && /* @__PURE__ */ jsxDEV2(CmsLanguageSelector, {}, undefined, false, undefined, this),
               publicSiteUrl && /* @__PURE__ */ jsxDEV2("a", {
                 href: publicSiteUrl,
                 className: "flex items-center gap-2 text-xs tracking-wide text-neutral-400 hover:text-neutral-900 transition-colors",
@@ -97,7 +170,7 @@ function CmsAdminLayout({
                 rel: "noopener noreferrer",
                 children: [
                   /* @__PURE__ */ jsxDEV2("span", {
-                    children: "View site"
+                    children: t("viewSite")
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV2("svg", {
                     className: "h-3 w-3",
@@ -116,7 +189,7 @@ function CmsAdminLayout({
               onLogout && /* @__PURE__ */ jsxDEV2("button", {
                 onClick: onLogout,
                 className: "text-xs tracking-wide text-neutral-400 hover:text-neutral-900 transition-colors cursor-pointer",
-                children: "Sign out"
+                children: t("signOut")
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
@@ -132,7 +205,11 @@ function CmsAdminLayout({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV2("nav", {
         className: "flex gap-4 overflow-x-auto px-4 py-3 bg-white border-b border-neutral-200 md:hidden",
-        children: pages.map((page) => /* @__PURE__ */ jsxDEV2("a", {
+        children: modules && modules.length > 0 ? modules.map((module) => /* @__PURE__ */ jsxDEV2("a", {
+          href: module.href,
+          className: `shrink-0 text-sm transition-colors ${currentModuleId === module.id ? "text-neutral-900 border-b border-neutral-900 pb-1" : "text-neutral-400 hover:text-neutral-900"}`,
+          children: module.title
+        }, module.id, false, undefined, this)) : pages.map((page) => /* @__PURE__ */ jsxDEV2("a", {
           href: `${basePath}/${page.slug}`,
           className: `shrink-0 text-sm transition-colors ${currentSlug === page.slug ? "text-neutral-900 border-b border-neutral-900 pb-1" : "text-neutral-400 hover:text-neutral-900"}`,
           children: page.title
@@ -141,35 +218,59 @@ function CmsAdminLayout({
       /* @__PURE__ */ jsxDEV2("main", {
         className: "md:ml-56 min-h-screen bg-white",
         children: /* @__PURE__ */ jsxDEV2("div", {
-          className: "mx-auto",
+          className: "mx-auto h-full",
           children
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
+function CmsAdminLayout({
+  languageEndpoint,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(CmsLanguageProvider, {
+    languageEndpoint,
+    children: /* @__PURE__ */ jsxDEV2(CmsAdminLayoutInner, {
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
 // src/components/CmsSimpleForm.tsx
-import * as React from "react";
+import * as React2 from "react";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function CmsSimpleForm({
   fields,
   action,
   values = {},
   styles = {},
-  submitText = "Save",
-  submitPendingText = "Saving...",
-  successMessage = "Changes saved",
+  submitText,
+  submitPendingText,
+  successMessage,
   storage
 }) {
-  const [state, setState] = React.useState({
+  const [state, setState] = React2.useState({
     success: false
   });
-  const [isPending, setIsPending] = React.useState(false);
-  const [showSuccess, setShowSuccess] = React.useState(false);
+  const [isPending, setIsPending] = React2.useState(false);
+  const [showSuccess, setShowSuccess] = React2.useState(false);
+  const langContext = useCmsLanguageOptional();
+  const t = langContext?.t ?? ((key) => {
+    const fallback = {
+      save: "Save",
+      saving: "Saving...",
+      reset: "Reset",
+      changesSaved: "Changes saved"
+    };
+    return fallback[key] ?? key;
+  });
+  const resolvedSubmitText = submitText ?? t("save");
+  const resolvedSubmitPendingText = submitPendingText ?? t("saving");
+  const resolvedSuccessMessage = successMessage ?? t("changesSaved");
   const form = useForm({
     defaultValues: values
   });
-  const hiddenFieldEntries = React.useMemo(() => {
+  const hiddenFieldEntries = React2.useMemo(() => {
     const editableFieldNames = new Set(fields.map((f) => f.name));
     const entries = [];
     for (const [key, value] of Object.entries(values)) {
@@ -179,7 +280,7 @@ function CmsSimpleForm({
     }
     return entries;
   }, [fields, values]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (state.success) {
       setShowSuccess(true);
       const timer = setTimeout(() => setShowSuccess(false), 4000);
@@ -260,7 +361,7 @@ function CmsSimpleForm({
             }, undefined, false, undefined, this),
             showSuccess && /* @__PURE__ */ jsxDEV3("div", {
               className: "mt-12 py-4 px-5 border border-green-200 bg-green-50 text-green-900 text-sm",
-              children: successMessage
+              children: resolvedSuccessMessage
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV3("div", {
               className: "mt-16 pt-8 border-t border-neutral-200 flex items-center justify-between",
@@ -270,7 +371,7 @@ function CmsSimpleForm({
                   className: "text-sm text-neutral-400 hover:text-neutral-900 transition-colors cursor-pointer",
                   onClick: () => form.reset(),
                   disabled: isPending,
-                  children: "Reset"
+                  children: t("reset")
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV3("button", {
                   type: "submit",
@@ -287,7 +388,7 @@ function CmsSimpleForm({
                         d: "M21 12a9 9 0 1 1-6.219-8.56"
                       }, undefined, false, undefined, this)
                     }, undefined, false, undefined, this),
-                    isPending ? submitPendingText : submitText,
+                    isPending ? resolvedSubmitPendingText : resolvedSubmitText,
                     !isPending && /* @__PURE__ */ jsxDEV3("span", {
                       children: "→"
                     }, undefined, false, undefined, this)
@@ -430,23 +531,1359 @@ function CmsAdminPage({
           action,
           values,
           styles,
-          successMessage: successMessage ?? "Changes saved successfully.",
-          submitText: submitText ?? "Save",
-          submitPendingText: "Saving...",
+          successMessage,
+          submitText,
           storage
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
+// src/admin/CmsAdminLanding.tsx
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function EmptyState({ t }) {
+  return /* @__PURE__ */ jsxDEV5("div", {
+    className: "py-16 px-8 text-center flex flex-col items-center",
+    children: [
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "w-12 h-12 rounded-lg flex items-center justify-center mb-4 bg-neutral-100",
+        children: /* @__PURE__ */ jsxDEV5("svg", {
+          className: "w-6 h-6 text-neutral-400",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          children: /* @__PURE__ */ jsxDEV5("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV5("h2", {
+        className: "text-base font-medium mb-1 text-neutral-900",
+        children: t("cmsNotConfigured")
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV5("p", {
+        className: "text-sm max-w-sm leading-relaxed text-neutral-500",
+        children: t("cmsNotConfiguredDesc")
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var CmsModuleIcons = {
+  pages: /* @__PURE__ */ jsxDEV5("svg", {
+    className: "w-5 h-5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    children: /* @__PURE__ */ jsxDEV5("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  blog: /* @__PURE__ */ jsxDEV5("svg", {
+    className: "w-5 h-5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    children: /* @__PURE__ */ jsxDEV5("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  email: /* @__PURE__ */ jsxDEV5("svg", {
+    className: "w-5 h-5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    children: /* @__PURE__ */ jsxDEV5("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  analytics: /* @__PURE__ */ jsxDEV5("svg", {
+    className: "w-5 h-5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    children: /* @__PURE__ */ jsxDEV5("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this)
+};
+function ModuleCard({
+  title,
+  description,
+  icon,
+  href,
+  disabled = false,
+  badge
+}) {
+  const content = /* @__PURE__ */ jsxDEV5("div", {
+    className: "flex items-start gap-4",
+    children: [
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: `w-10 h-10 flex items-center justify-center shrink-0 transition-colors ${disabled ? "bg-neutral-50 text-neutral-300" : "bg-neutral-100 text-neutral-500 group-hover:bg-neutral-200"}`,
+        children: icon
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "flex-1 min-w-0",
+        children: [
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h3", {
+                className: `text-base font-medium transition-colors ${disabled ? "text-neutral-400" : "text-neutral-900 group-hover:text-neutral-700"}`,
+                children: title
+              }, undefined, false, undefined, this),
+              badge && /* @__PURE__ */ jsxDEV5("span", {
+                className: "px-1.5 py-0.5 text-xs rounded bg-neutral-100 text-neutral-400",
+                children: badge
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("p", {
+            className: `mt-0.5 text-sm ${disabled ? "text-neutral-300" : "text-neutral-500"}`,
+            children: description
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      !disabled && /* @__PURE__ */ jsxDEV5("svg", {
+        className: "w-5 h-5 text-neutral-300 group-hover:text-neutral-500 group-hover:translate-x-0.5 transition-all shrink-0",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: /* @__PURE__ */ jsxDEV5("path", {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  if (disabled) {
+    return /* @__PURE__ */ jsxDEV5("div", {
+      className: "block p-5 bg-neutral-50 border border-neutral-100 cursor-not-allowed",
+      children: content
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV5("a", {
+    href,
+    className: "group block p-5 bg-white border border-neutral-200 hover:border-neutral-300 transition-colors",
+    children: content
+  }, undefined, false, undefined, this);
+}
+function CmsAdminLanding({
+  basePath = "/admin",
+  pages,
+  modules = []
+}) {
+  const langContext = useCmsLanguageOptional();
+  const t = langContext?.t ?? ((key) => {
+    const fallback = {
+      dashboard: "Dashboard",
+      cmsNotConfigured: "CMS not configured",
+      cmsNotConfiguredDesc: "Please configure the CMS to get started editing content.",
+      modulePages: "Website Content",
+      modulePagesDesc: "Edit pages, text, and images on your website"
+    };
+    return fallback[key] ?? key;
+  });
+  if (pages.length === 0 && modules.length === 0) {
+    return /* @__PURE__ */ jsxDEV5(EmptyState, {
+      t
+    }, undefined, false, undefined, this);
+  }
+  const firstPageSlug = pages[0]?.slug;
+  return /* @__PURE__ */ jsxDEV5("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV5("header", {
+        className: "border-b border-neutral-200 h-16 px-8 flex items-center",
+        children: /* @__PURE__ */ jsxDEV5("h1", {
+          className: "text-2xl font-light tracking-tight text-neutral-900",
+          children: t("dashboard")
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "px-8 pb-12",
+        children: /* @__PURE__ */ jsxDEV5("div", {
+          className: "grid gap-4 xl:grid-cols-2",
+          children: [
+            pages.length > 0 && /* @__PURE__ */ jsxDEV5(ModuleCard, {
+              title: t("modulePages"),
+              description: t("modulePagesDesc"),
+              icon: CmsModuleIcons.pages,
+              href: firstPageSlug ? `${basePath}/${firstPageSlug}` : undefined,
+              disabled: !firstPageSlug
+            }, undefined, false, undefined, this),
+            modules.map((module) => /* @__PURE__ */ jsxDEV5(ModuleCard, {
+              title: module.title,
+              description: module.description,
+              icon: module.icon,
+              href: module.href,
+              disabled: module.disabled,
+              badge: module.badge
+            }, module.id, false, undefined, this))
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/admin/CmsBlogAdmin.tsx
+import * as React3 from "react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { jsxDEV as jsxDEV6, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+function generateId() {
+  return crypto.randomUUID();
+}
+function generateSlug(title) {
+  return title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 100);
+}
+function formatDate(dateString) {
+  return new Date(dateString).toLocaleDateString(undefined, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+var Icons = {
+  back: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: /* @__PURE__ */ jsxDEV6("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M15.75 19.5L8.25 12l7.5-7.5"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  plus: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "12",
+        y1: "5",
+        x2: "12",
+        y2: "19"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "5",
+        y1: "12",
+        x2: "19",
+        y2: "12"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  image: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("rect", {
+        x: "3",
+        y: "3",
+        width: "18",
+        height: "18",
+        rx: "2",
+        ry: "2"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("circle", {
+        cx: "8.5",
+        cy: "8.5",
+        r: "1.5"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("polyline", {
+        points: "21,15 16,10 5,21"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  bold: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  italic: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "19",
+        y1: "4",
+        x2: "10",
+        y2: "4"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "14",
+        y1: "20",
+        x2: "5",
+        y2: "20"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "15",
+        y1: "4",
+        x2: "9",
+        y2: "20"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  heading: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M4 12h8"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M4 18V6"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M12 18V6"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M17 10v4h4"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M21 10v8"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  list: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "8",
+        y1: "6",
+        x2: "21",
+        y2: "6"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "8",
+        y1: "12",
+        x2: "21",
+        y2: "12"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "8",
+        y1: "18",
+        x2: "21",
+        y2: "18"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "3",
+        y1: "6",
+        x2: "3.01",
+        y2: "6"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "3",
+        y1: "12",
+        x2: "3.01",
+        y2: "12"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("line", {
+        x1: "3",
+        y1: "18",
+        x2: "3.01",
+        y2: "18"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  link: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  code: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("polyline", {
+        points: "16,18 22,12 16,6"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("polyline", {
+        points: "8,6 2,12 8,18"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  quote: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-4 h-4",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("path", {
+        d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  document: /* @__PURE__ */ jsxDEV6("svg", {
+    className: "w-5 h-5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    children: /* @__PURE__ */ jsxDEV6("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this)
+};
+function PostCard({
+  post,
+  onClick,
+  t
+}) {
+  return /* @__PURE__ */ jsxDEV6("button", {
+    onClick,
+    className: "w-full text-left p-4 bg-white border border-neutral-200 hover:border-neutral-300 transition-colors group",
+    children: /* @__PURE__ */ jsxDEV6("div", {
+      className: "flex items-start gap-4",
+      children: [
+        post.coverImage ? /* @__PURE__ */ jsxDEV6("img", {
+          src: post.coverImage,
+          alt: "",
+          className: "w-20 h-20 object-cover shrink-0"
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6("div", {
+          className: "w-20 h-20 bg-neutral-100 flex items-center justify-center shrink-0",
+          children: Icons.document
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV6("div", {
+          className: "flex-1 min-w-0",
+          children: [
+            /* @__PURE__ */ jsxDEV6("div", {
+              className: "flex items-center gap-2 mb-1",
+              children: [
+                /* @__PURE__ */ jsxDEV6("h3", {
+                  className: "text-sm font-medium text-neutral-900 truncate group-hover:text-neutral-600 transition-colors",
+                  children: post.title || t("blogUntitled")
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV6("span", {
+                  className: `shrink-0 px-1.5 py-0.5 text-xs rounded ${post.status === "published" ? "bg-green-100 text-green-700" : "bg-neutral-100 text-neutral-500"}`,
+                  children: post.status === "published" ? t("blogPublished") : t("blogDraft")
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV6("p", {
+              className: "text-xs text-neutral-500 mb-2",
+              children: [
+                post.authorName,
+                " · ",
+                formatDate(post.updatedAt)
+              ]
+            }, undefined, true, undefined, this),
+            post.excerpt && /* @__PURE__ */ jsxDEV6("p", {
+              className: "text-sm text-neutral-600 line-clamp-2",
+              children: post.excerpt
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function EmptyState2({
+  t,
+  onCreate
+}) {
+  return /* @__PURE__ */ jsxDEV6("div", {
+    className: "flex flex-col items-center justify-center py-24 text-center",
+    children: [
+      /* @__PURE__ */ jsxDEV6("div", {
+        className: "w-16 h-16 rounded-lg flex items-center justify-center mb-4 bg-neutral-100",
+        children: Icons.document
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("h3", {
+        className: "text-lg font-medium text-neutral-900 mb-2",
+        children: t("blogNoPostsYet")
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("p", {
+        className: "text-sm text-neutral-500 mb-6 max-w-sm",
+        children: t("blogCreateFirstPost")
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("button", {
+        onClick: onCreate,
+        className: "inline-flex items-center gap-2 px-4 py-2 text-sm bg-neutral-900 text-white rounded hover:bg-neutral-800 transition-colors",
+        children: [
+          Icons.plus,
+          t("blogNewPost")
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function MarkdownPreview({
+  content,
+  t
+}) {
+  if (!content.trim()) {
+    return /* @__PURE__ */ jsxDEV6("div", {
+      className: "h-full flex items-center justify-center text-neutral-400 text-sm",
+      children: t("blogPreviewPlaceholder")
+    }, undefined, false, undefined, this);
+  }
+  const markdownComponents = {
+    h1: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("h1", {
+      ...props,
+      className: "text-2xl font-semibold text-neutral-900 mt-6 mb-3",
+      style: {
+        fontSize: "1.5rem",
+        fontWeight: 600,
+        lineHeight: "2rem"
+      },
+      children
+    }, undefined, false, undefined, this),
+    h2: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("h2", {
+      ...props,
+      className: "text-xl font-semibold text-neutral-900 mt-5 mb-3",
+      style: {
+        fontSize: "1.25rem",
+        fontWeight: 600,
+        lineHeight: "1.75rem"
+      },
+      children
+    }, undefined, false, undefined, this),
+    h3: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("h3", {
+      ...props,
+      className: "text-lg font-semibold text-neutral-900 mt-4 mb-2",
+      style: {
+        fontSize: "1.125rem",
+        fontWeight: 600,
+        lineHeight: "1.5rem"
+      },
+      children
+    }, undefined, false, undefined, this),
+    h4: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("h4", {
+      ...props,
+      className: "text-base font-semibold text-neutral-900 mt-4 mb-2",
+      style: {
+        fontSize: "1rem",
+        fontWeight: 600,
+        lineHeight: "1.5rem"
+      },
+      children
+    }, undefined, false, undefined, this),
+    p: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("p", {
+      ...props,
+      className: "text-sm text-neutral-700 leading-6 mb-3",
+      children
+    }, undefined, false, undefined, this),
+    a: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("a", {
+      ...props,
+      className: "text-blue-600 hover:text-blue-700 underline underline-offset-2",
+      children
+    }, undefined, false, undefined, this),
+    ul: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("ul", {
+      ...props,
+      className: "list-disc pl-5 text-sm text-neutral-700 mb-3",
+      children
+    }, undefined, false, undefined, this),
+    ol: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("ol", {
+      ...props,
+      className: "list-decimal pl-5 text-sm text-neutral-700 mb-3",
+      children
+    }, undefined, false, undefined, this),
+    li: ({ children, ...props }) => /* @__PURE__ */ jsxDEV6("li", {
+      ...props,
+      className: "mb-1",
+      children
+    }, undefined, false, undefined, this),
+    blockquote: ({
+      children,
+      ...props
+    }) => /* @__PURE__ */ jsxDEV6("blockquote", {
+      ...props,
+      className: "border-l-4 border-neutral-200 pl-4 italic text-neutral-600 my-4",
+      children
+    }, undefined, false, undefined, this),
+    code: (props) => {
+      const { children, inline, ...rest } = props;
+      return inline ? /* @__PURE__ */ jsxDEV6("code", {
+        ...rest,
+        className: "px-1 py-0.5 rounded bg-neutral-100 text-neutral-800 font-mono text-xs",
+        children
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6("code", {
+        ...rest,
+        className: "block w-full overflow-x-auto rounded bg-neutral-900 text-neutral-100 p-3 text-xs font-mono",
+        children
+      }, undefined, false, undefined, this);
+    }
+  };
+  return /* @__PURE__ */ jsxDEV6("div", {
+    className: "max-w-none p-6",
+    children: /* @__PURE__ */ jsxDEV6(ReactMarkdown, {
+      remarkPlugins: [remarkGfm],
+      components: markdownComponents,
+      children: content
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function MarkdownToolbar({
+  textareaRef,
+  content,
+  setContent,
+  onImageClick,
+  t
+}) {
+  function insertAtCursor(before, after = "", placeholder = "") {
+    const textarea = textareaRef.current;
+    if (!textarea)
+      return;
+    const start = textarea.selectionStart;
+    const end = textarea.selectionEnd;
+    const selectedText = content.substring(start, end);
+    const textToInsert = selectedText || placeholder;
+    const newContent = content.substring(0, start) + before + textToInsert + after + content.substring(end);
+    setContent(newContent);
+    setTimeout(() => {
+      textarea.focus();
+      const newCursorPos = start + before.length + textToInsert.length;
+      textarea.setSelectionRange(start + before.length, newCursorPos);
+    }, 0);
+  }
+  const buttons = [
+    {
+      icon: Icons.bold,
+      action: () => insertAtCursor("**", "**", "bold"),
+      title: "Bold"
+    },
+    {
+      icon: Icons.italic,
+      action: () => insertAtCursor("_", "_", "italic"),
+      title: "Italic"
+    },
+    {
+      icon: Icons.heading,
+      action: () => insertAtCursor("## ", "", "Heading"),
+      title: "Heading"
+    },
+    {
+      icon: Icons.list,
+      action: () => insertAtCursor("- ", "", "List item"),
+      title: "List"
+    },
+    {
+      icon: Icons.quote,
+      action: () => insertAtCursor("> ", "", "Quote"),
+      title: "Quote"
+    },
+    {
+      icon: Icons.code,
+      action: () => insertAtCursor("`", "`", "code"),
+      title: "Code"
+    },
+    {
+      icon: Icons.link,
+      action: () => insertAtCursor("[", "](url)", "link text"),
+      title: "Link"
+    },
+    {
+      icon: Icons.image,
+      action: onImageClick,
+      title: t("blogInsertImage")
+    }
+  ];
+  return /* @__PURE__ */ jsxDEV6("div", {
+    className: "flex items-center gap-1 px-2 py-1.5 border-b border-neutral-200 bg-neutral-50",
+    children: buttons.map((btn, i) => /* @__PURE__ */ jsxDEV6("button", {
+      type: "button",
+      onClick: btn.action,
+      title: btn.title,
+      className: "p-1.5 text-neutral-500 hover:text-neutral-900 hover:bg-neutral-200 rounded transition-colors",
+      children: btn.icon
+    }, i, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+function BlogListView({
+  posts,
+  isLoading,
+  onSelectPost,
+  onNewPost,
+  t
+}) {
+  return /* @__PURE__ */ jsxDEV6("div", {
+    className: "h-full flex flex-col",
+    children: [
+      /* @__PURE__ */ jsxDEV6("header", {
+        className: "border-b border-neutral-200 h-16 px-8 flex items-center justify-between shrink-0",
+        children: [
+          /* @__PURE__ */ jsxDEV6("h1", {
+            className: "text-2xl font-light tracking-tight text-neutral-900",
+            children: t("blogPosts")
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6("button", {
+            onClick: onNewPost,
+            className: "inline-flex items-center gap-2 px-3 py-1.5 text-sm bg-neutral-900 text-white rounded hover:bg-neutral-800 transition-colors",
+            children: [
+              Icons.plus,
+              t("blogNewPost")
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV6("div", {
+        className: "flex-1 overflow-y-auto p-8",
+        children: isLoading ? /* @__PURE__ */ jsxDEV6("div", {
+          className: "flex items-center justify-center py-24",
+          children: /* @__PURE__ */ jsxDEV6("div", {
+            className: "text-neutral-500 text-sm",
+            children: t("loading")
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this) : posts.length === 0 ? /* @__PURE__ */ jsxDEV6(EmptyState2, {
+          t,
+          onCreate: onNewPost
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6("div", {
+          className: "grid gap-4 max-w-4xl",
+          children: posts.map((post) => /* @__PURE__ */ jsxDEV6(PostCard, {
+            post,
+            onClick: () => onSelectPost(post),
+            t
+          }, post.id, false, undefined, this))
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function BlogEditorView({
+  post,
+  onBack,
+  onSave,
+  onDelete,
+  storage,
+  defaultAuthorName,
+  t
+}) {
+  const contentTextareaRef = React3.useRef(null);
+  const [title, setTitle] = React3.useState(post?.title ?? "");
+  const [slug, setSlug] = React3.useState(post?.slug ?? "");
+  const [excerpt, setExcerpt] = React3.useState(post?.excerpt ?? "");
+  const [coverImage, setCoverImage] = React3.useState(post?.coverImage ?? "");
+  const [content, setContent] = React3.useState(post?.content ?? "");
+  const [tagsInput, setTagsInput] = React3.useState(post?.tags?.join(", ") ?? "");
+  const [authorName, setAuthorName] = React3.useState(post?.authorName ?? defaultAuthorName);
+  const [status, setStatus] = React3.useState(post?.status ?? "draft");
+  const [isSaving, setIsSaving] = React3.useState(false);
+  const [isDeleting, setIsDeleting] = React3.useState(false);
+  const [error, setError] = React3.useState(null);
+  const [showImagePicker, setShowImagePicker] = React3.useState(false);
+  const [imagePickerTarget, setImagePickerTarget] = React3.useState("content");
+  const [isDragging, setIsDragging] = React3.useState(false);
+  React3.useEffect(() => {
+    if (!post && title && !slug) {
+      setSlug(generateSlug(title));
+    }
+  }, [title, post, slug]);
+  React3.useEffect(() => {
+    if (post) {
+      setTitle(post.title);
+      setSlug(post.slug);
+      setExcerpt(post.excerpt ?? "");
+      setCoverImage(post.coverImage ?? "");
+      setContent(post.content);
+      setTagsInput(post.tags?.join(", ") ?? "");
+      setAuthorName(post.authorName);
+      setStatus(post.status);
+    }
+  }, [post]);
+  async function handleSave(publish = false) {
+    if (!title.trim() || !slug.trim()) {
+      setError("Title and slug are required");
+      return;
+    }
+    setIsSaving(true);
+    setError(null);
+    const tags = tagsInput.split(",").map((t2) => t2.trim()).filter(Boolean);
+    const result = await onSave({
+      id: post?.id,
+      title,
+      slug,
+      excerpt: excerpt || undefined,
+      coverImage: coverImage || undefined,
+      content,
+      tags,
+      authorName
+    }, publish);
+    setIsSaving(false);
+    if (result) {
+      setStatus(result.status);
+    }
+  }
+  async function handleDelete() {
+    if (!post)
+      return;
+    if (!confirm(t("blogConfirmDelete")))
+      return;
+    setIsDeleting(true);
+    const success = await onDelete(post.id);
+    setIsDeleting(false);
+    if (success) {
+      onBack();
+    }
+  }
+  function handleImageSelect(url) {
+    if (imagePickerTarget === "cover") {
+      setCoverImage(url);
+    } else {
+      insertImageAtCursor(url);
+    }
+    setShowImagePicker(false);
+  }
+  function insertImageAtCursor(url, altText = "image") {
+    const textarea = contentTextareaRef.current;
+    const imageMarkdown = `![${altText}](${url})`;
+    if (!textarea) {
+      setContent((prev) => prev + `
+` + imageMarkdown + `
+`);
+      return;
+    }
+    const start = textarea.selectionStart;
+    const newContent = content.substring(0, start) + imageMarkdown + content.substring(start);
+    setContent(newContent);
+    setTimeout(() => {
+      textarea.focus();
+      const newCursorPos = start + imageMarkdown.length;
+      textarea.setSelectionRange(newCursorPos, newCursorPos);
+    }, 0);
+  }
+  function openImagePickerForContent() {
+    setImagePickerTarget("content");
+    setShowImagePicker(true);
+  }
+  function openImagePickerForCover() {
+    setImagePickerTarget("cover");
+    setShowImagePicker(true);
+  }
+  function handleDragOver(e) {
+    e.preventDefault();
+    if (e.dataTransfer.types.includes("Files")) {
+      setIsDragging(true);
+    }
+  }
+  function handleDragLeave(e) {
+    e.preventDefault();
+    setIsDragging(false);
+  }
+  async function handleDrop(e) {
+    e.preventDefault();
+    setIsDragging(false);
+    const files = Array.from(e.dataTransfer.files);
+    const imageFile = files.find((f) => f.type.startsWith("image/"));
+    if (!imageFile || !storage?.uploadEndpoint)
+      return;
+    const formData = new FormData;
+    formData.append("file", imageFile);
+    try {
+      const res = await fetch(storage.uploadEndpoint, {
+        method: "POST",
+        body: formData
+      });
+      if (res.ok) {
+        const data = await res.json();
+        insertImageAtCursor(data.url, imageFile.name.replace(/\.[^.]+$/, ""));
+      }
+    } catch (err) {
+      console.error("[litecms] Drop upload failed:", err);
+    }
+  }
+  return /* @__PURE__ */ jsxDEV6("div", {
+    className: "h-full flex flex-col",
+    children: [
+      /* @__PURE__ */ jsxDEV6("header", {
+        className: "border-b border-neutral-200 h-16 px-8 flex items-center justify-between shrink-0",
+        children: [
+          /* @__PURE__ */ jsxDEV6("button", {
+            onClick: onBack,
+            className: "inline-flex items-center gap-2 text-sm text-neutral-500 hover:text-neutral-900 transition-colors",
+            children: [
+              Icons.back,
+              t("blogBackToList")
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV6("div", {
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV6("button", {
+                onClick: () => handleSave(false),
+                disabled: isSaving || isDeleting,
+                className: "px-3 py-1.5 text-sm border border-neutral-200 rounded hover:bg-neutral-50 transition-colors disabled:opacity-50",
+                children: isSaving ? t("blogSaving") : t("blogSaveDraft")
+              }, undefined, false, undefined, this),
+              status === "published" ? /* @__PURE__ */ jsxDEV6("button", {
+                onClick: () => handleSave(false),
+                disabled: isSaving || isDeleting,
+                className: "px-3 py-1.5 text-sm bg-neutral-900 text-white rounded hover:bg-neutral-800 transition-colors disabled:opacity-50",
+                children: t("blogUpdate")
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6("button", {
+                onClick: () => handleSave(true),
+                disabled: isSaving || isDeleting,
+                className: "px-3 py-1.5 text-sm bg-neutral-900 text-white rounded hover:bg-neutral-800 transition-colors disabled:opacity-50",
+                children: t("blogPublish")
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      error && /* @__PURE__ */ jsxDEV6("div", {
+        className: "px-8 py-2 bg-red-50 text-red-600 text-sm",
+        children: error
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("div", {
+        className: "flex-1 flex min-h-0",
+        children: [
+          /* @__PURE__ */ jsxDEV6("div", {
+            className: "w-1/2 flex flex-col border-r border-neutral-200 overflow-hidden",
+            children: [
+              /* @__PURE__ */ jsxDEV6("div", {
+                className: "px-4 py-2 border-b border-neutral-100 text-xs font-medium text-neutral-500 uppercase tracking-wider",
+                children: t("blogEditor")
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV6("div", {
+                className: "flex-1 overflow-y-auto p-4 space-y-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV6("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV6("label", {
+                        className: "block text-sm font-medium text-neutral-700 mb-1",
+                        children: t("blogTitle")
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("input", {
+                        type: "text",
+                        value: title,
+                        onChange: (e) => setTitle(e.target.value),
+                        className: "w-full px-3 py-2 border border-neutral-200 rounded text-sm focus:outline-none focus:border-neutral-400",
+                        placeholder: "Post title..."
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV6("label", {
+                        className: "block text-sm font-medium text-neutral-700 mb-1",
+                        children: t("blogSlug")
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("input", {
+                        type: "text",
+                        value: slug,
+                        onChange: (e) => setSlug(e.target.value),
+                        className: "w-full px-3 py-2 border border-neutral-200 rounded text-sm focus:outline-none focus:border-neutral-400",
+                        placeholder: "post-slug"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV6("label", {
+                        className: "block text-sm font-medium text-neutral-700 mb-1",
+                        children: t("blogAuthor")
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("input", {
+                        type: "text",
+                        value: authorName,
+                        onChange: (e) => setAuthorName(e.target.value),
+                        className: "w-full px-3 py-2 border border-neutral-200 rounded text-sm focus:outline-none focus:border-neutral-400"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV6("label", {
+                        className: "block text-sm font-medium text-neutral-700 mb-1",
+                        children: t("blogExcerpt")
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("textarea", {
+                        value: excerpt,
+                        onChange: (e) => setExcerpt(e.target.value),
+                        rows: 2,
+                        className: "w-full px-3 py-2 border border-neutral-200 rounded text-sm focus:outline-none focus:border-neutral-400 resize-none",
+                        placeholder: "Brief summary..."
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV6("label", {
+                        className: "block text-sm font-medium text-neutral-700 mb-1",
+                        children: t("blogTags")
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("input", {
+                        type: "text",
+                        value: tagsInput,
+                        onChange: (e) => setTagsInput(e.target.value),
+                        className: "w-full px-3 py-2 border border-neutral-200 rounded text-sm focus:outline-none focus:border-neutral-400",
+                        placeholder: "tag1, tag2, tag3"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("p", {
+                        className: "text-xs text-neutral-400 mt-1",
+                        children: t("blogTagsHelp")
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV6("label", {
+                        className: "block text-sm font-medium text-neutral-700 mb-1",
+                        children: t("blogCoverImage")
+                      }, undefined, false, undefined, this),
+                      coverImage ? /* @__PURE__ */ jsxDEV6("div", {
+                        className: "relative group",
+                        children: [
+                          /* @__PURE__ */ jsxDEV6("img", {
+                            src: coverImage,
+                            alt: "Cover",
+                            className: "w-full h-32 object-cover border border-neutral-200"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV6("div", {
+                            className: "absolute inset-0 flex items-center justify-center gap-4 opacity-0 group-hover:opacity-100 transition-opacity bg-black/50",
+                            children: [
+                              /* @__PURE__ */ jsxDEV6("button", {
+                                type: "button",
+                                onClick: openImagePickerForCover,
+                                className: "text-xs text-white border-b border-white",
+                                children: t("replace")
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV6("button", {
+                                type: "button",
+                                onClick: () => setCoverImage(""),
+                                className: "text-xs text-white/70 hover:text-white",
+                                children: t("remove")
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV6("button", {
+                        type: "button",
+                        onClick: openImagePickerForCover,
+                        className: "w-full h-24 border border-dashed border-neutral-200 flex items-center justify-center text-neutral-400 text-sm hover:bg-neutral-50 transition-colors",
+                        children: t("clickToSelectImage")
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("div", {
+                    className: "flex-1",
+                    children: [
+                      /* @__PURE__ */ jsxDEV6("label", {
+                        className: "block text-sm font-medium text-neutral-700 mb-1",
+                        children: t("blogContent")
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("div", {
+                        className: `border rounded overflow-hidden transition-colors ${isDragging ? "border-blue-400 bg-blue-50" : "border-neutral-200"}`,
+                        onDragOver: handleDragOver,
+                        onDragLeave: handleDragLeave,
+                        onDrop: handleDrop,
+                        children: [
+                          /* @__PURE__ */ jsxDEV6(MarkdownToolbar, {
+                            textareaRef: contentTextareaRef,
+                            content,
+                            setContent,
+                            onImageClick: openImagePickerForContent,
+                            t
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV6("div", {
+                            className: "relative",
+                            children: [
+                              /* @__PURE__ */ jsxDEV6("textarea", {
+                                ref: contentTextareaRef,
+                                value: content,
+                                onChange: (e) => setContent(e.target.value),
+                                rows: 12,
+                                className: "w-full px-3 py-2 text-sm font-mono focus:outline-none resize-none border-0",
+                                placeholder: "Write your post in Markdown..."
+                              }, undefined, false, undefined, this),
+                              isDragging && /* @__PURE__ */ jsxDEV6("div", {
+                                className: "absolute inset-0 flex items-center justify-center bg-blue-50/90 pointer-events-none",
+                                children: /* @__PURE__ */ jsxDEV6("div", {
+                                  className: "text-blue-600 text-sm font-medium",
+                                  children: t("blogDropImageHere")
+                                }, undefined, false, undefined, this)
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  post && /* @__PURE__ */ jsxDEV6("div", {
+                    className: "pt-4 border-t border-neutral-200",
+                    children: /* @__PURE__ */ jsxDEV6("button", {
+                      onClick: handleDelete,
+                      disabled: isSaving || isDeleting,
+                      className: "text-sm text-red-600 hover:text-red-700 disabled:opacity-50",
+                      children: isDeleting ? t("blogDeleting") : t("blogDelete")
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV6("div", {
+            className: "w-1/2 flex flex-col bg-neutral-50 overflow-hidden",
+            children: [
+              /* @__PURE__ */ jsxDEV6("div", {
+                className: "px-4 py-2 border-b border-neutral-100 text-xs font-medium text-neutral-500 uppercase tracking-wider",
+                children: t("blogPreview")
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV6("div", {
+                className: "flex-1 overflow-y-auto",
+                children: /* @__PURE__ */ jsxDEV6(MarkdownPreview, {
+                  content,
+                  t
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      showImagePicker && /* @__PURE__ */ jsxDEV6(CmsImagePickerModal, {
+        storage,
+        onSelect: handleImageSelect,
+        onClose: () => setShowImagePicker(false),
+        currentValue: imagePickerTarget === "cover" ? coverImage : undefined
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function CmsBlogAdmin({
+  postsEndpoint = "/api/admin/blog/posts",
+  defaultAuthorName = "Admin",
+  storage
+}) {
+  const langContext = useCmsLanguageOptional();
+  const t = langContext?.t ?? ((key) => {
+    const fallback = {
+      blogPosts: "Blog Posts",
+      blogNewPost: "New Post",
+      blogNoPostsYet: "No posts yet",
+      blogCreateFirstPost: "Create your first blog post to get started.",
+      blogUntitled: "Untitled",
+      blogDraft: "Draft",
+      blogPublished: "Published",
+      blogTitle: "Title",
+      blogSlug: "Slug",
+      blogExcerpt: "Excerpt",
+      blogCoverImage: "Cover Image",
+      blogContent: "Content",
+      blogTags: "Tags",
+      blogAuthor: "Author",
+      blogSaveDraft: "Save Draft",
+      blogPublish: "Publish",
+      blogUnpublish: "Unpublish",
+      blogUpdate: "Update",
+      blogDelete: "Delete",
+      blogPreview: "Preview",
+      blogEditor: "Editor",
+      blogPreviewPlaceholder: "Start typing to see preview...",
+      blogSaving: "Saving...",
+      blogDeleting: "Deleting...",
+      blogConfirmDelete: "Are you sure you want to delete this post?",
+      blogTagsHelp: "Comma-separated tags",
+      blogBackToList: "Back to posts",
+      blogInsertImage: "Insert image",
+      blogDropImageHere: "Drop image here...",
+      clickToSelectImage: "Click to select image",
+      replace: "Replace",
+      remove: "Remove",
+      loading: "Loading..."
+    };
+    return fallback[key] ?? key;
+  });
+  const [posts, setPosts] = React3.useState([]);
+  const [selectedPost, setSelectedPost] = React3.useState(null);
+  const [isCreating, setIsCreating] = React3.useState(false);
+  const [isLoading, setIsLoading] = React3.useState(true);
+  const [error, setError] = React3.useState(null);
+  const isEditorOpen = selectedPost !== null || isCreating;
+  React3.useEffect(() => {
+    loadPosts();
+  }, [postsEndpoint]);
+  async function loadPosts() {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const res = await fetch(postsEndpoint);
+      if (!res.ok)
+        throw new Error("Failed to load posts");
+      const data = await res.json();
+      setPosts(data.posts ?? []);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load posts");
+    } finally {
+      setIsLoading(false);
+    }
+  }
+  function handleNewPost() {
+    setSelectedPost(null);
+    setIsCreating(true);
+  }
+  function handleSelectPost(post) {
+    setSelectedPost(post);
+    setIsCreating(false);
+  }
+  function handleBack() {
+    setSelectedPost(null);
+    setIsCreating(false);
+  }
+  async function handleSave(data, publish) {
+    const postData = {
+      ...data,
+      status: publish ? "published" : selectedPost?.status === "published" ? "published" : "draft"
+    };
+    try {
+      if (selectedPost) {
+        const res = await fetch(`${postsEndpoint}/${selectedPost.id}`, {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(postData)
+        });
+        if (!res.ok) {
+          const errorData = await res.json();
+          throw new Error(errorData.error ?? "Failed to update post");
+        }
+        const result = await res.json();
+        setSelectedPost(result.post);
+        setPosts((prev) => prev.map((p) => p.id === result.post.id ? result.post : p));
+        return result.post;
+      } else {
+        const res = await fetch(postsEndpoint, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            id: generateId(),
+            ...postData
+          })
+        });
+        if (!res.ok) {
+          const errorData = await res.json();
+          throw new Error(errorData.error ?? "Failed to create post");
+        }
+        const result = await res.json();
+        setSelectedPost(result.post);
+        setIsCreating(false);
+        setPosts((prev) => [result.post, ...prev]);
+        return result.post;
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save post");
+      return null;
+    }
+  }
+  async function handleDelete(id) {
+    try {
+      const res = await fetch(`${postsEndpoint}/${id}`, {
+        method: "DELETE"
+      });
+      if (!res.ok)
+        throw new Error("Failed to delete post");
+      setPosts((prev) => prev.filter((p) => p.id !== id));
+      return true;
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to delete post");
+      return false;
+    }
+  }
+  if (isEditorOpen) {
+    return /* @__PURE__ */ jsxDEV6(BlogEditorView, {
+      post: selectedPost,
+      onBack: handleBack,
+      onSave: handleSave,
+      onDelete: handleDelete,
+      storage,
+      defaultAuthorName,
+      t
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV6(Fragment2, {
+    children: [
+      error && /* @__PURE__ */ jsxDEV6("div", {
+        className: "px-8 py-2 bg-red-50 text-red-600 text-sm",
+        children: error
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6(BlogListView, {
+        posts,
+        isLoading,
+        onSelectPost: handleSelectPost,
+        onNewPost: handleNewPost,
+        t
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
 
 // src/admin/exports.ts
 export {
+  useCmsLanguageOptional,
+  useCmsLanguage,
+  translate,
   getPageBySlug,
   getNavPages,
   getCmsConfig,
+  detectBrowserLanguage,
   definePage,
   createCmsConfig,
+  CmsModuleIcons,
+  CmsLanguageSelector,
+  CmsLanguageProvider,
+  CmsBlogAdmin,
   CmsAdminPage,
-  CmsAdminLayout
+  CmsAdminLayout,
+  CmsAdminLanding
 };