nextblogkit 0.6.0

package/dist/admin/index.js

@@ -0,0 +1,2438 @@
+"use client";
+import { useCallback, useState, useEffect, useRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEditor, BubbleMenu, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Placeholder from '@tiptap/extension-placeholder';
+import Link from '@tiptap/extension-link';
+import Underline from '@tiptap/extension-underline';
+import Highlight from '@tiptap/extension-highlight';
+import Typography from '@tiptap/extension-typography';
+import TaskList from '@tiptap/extension-task-list';
+import TaskItem from '@tiptap/extension-task-item';
+import Table from '@tiptap/extension-table';
+import TableRow from '@tiptap/extension-table-row';
+import TableCell from '@tiptap/extension-table-cell';
+import TableHeader from '@tiptap/extension-table-header';
+import { Image } from '@tiptap/extension-image';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+import { Node, mergeAttributes, Extension } from '@tiptap/core';
+import CodeBlockLowlight from '@tiptap/extension-code-block';
+
+// src/admin/AdminLayout.tsx
+var _apiBase = "/api/blog";
+function setApiBase(path) {
+  _apiBase = path;
+}
+function getApiKey() {
+  if (typeof window === "undefined") return "";
+  return sessionStorage.getItem("nbk_api_key") || "";
+}
+function getApiBase() {
+  return _apiBase;
+}
+async function apiRequest(path, options = {}) {
+  const apiKey = getApiKey();
+  const url = `${getApiBase()}${path}`;
+  const headers = {
+    ...options.headers
+  };
+  if (apiKey) {
+    headers["Authorization"] = `Bearer ${apiKey}`;
+  }
+  if (!(options.body instanceof FormData)) {
+    headers["Content-Type"] = "application/json";
+  }
+  const res = await fetch(url, {
+    ...options,
+    headers
+  });
+  const data = await res.json();
+  if (!data.success) {
+    throw new Error(data.error?.message || "API request failed");
+  }
+  return data;
+}
+function useAdminApi() {
+  const get = useCallback(async (path) => {
+    return apiRequest(path);
+  }, []);
+  const post = useCallback(async (path, body) => {
+    return apiRequest(path, {
+      method: "POST",
+      body: body instanceof FormData ? body : JSON.stringify(body)
+    });
+  }, []);
+  const put = useCallback(async (path, body) => {
+    return apiRequest(path, {
+      method: "PUT",
+      body: JSON.stringify(body)
+    });
+  }, []);
+  const del = useCallback(async (path) => {
+    return apiRequest(path, { method: "DELETE" });
+  }, []);
+  return { get, post, put, del };
+}
+function buildNavItems(adminPath) {
+  return [
+    { label: "Dashboard", href: adminPath, icon: "\u{1F4CA}" },
+    { label: "Posts", href: `${adminPath}/posts`, icon: "\u{1F4DD}" },
+    { label: "New Post", href: `${adminPath}/new`, icon: "\u270F\uFE0F" },
+    { label: "Media", href: `${adminPath}/media`, icon: "\u{1F5BC}\uFE0F" },
+    { label: "Categories", href: `${adminPath}/categories`, icon: "\u{1F4C1}" },
+    { label: "Settings", href: `${adminPath}/settings`, icon: "\u2699\uFE0F" }
+  ];
+}
+function AdminLayout({ children, apiKey, apiPath, adminPath = "/admin/blog" }) {
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  const [inputKey, setInputKey] = useState("");
+  const [sidebarOpen, setSidebarOpen] = useState(true);
+  const [currentPath, setCurrentPath] = useState("");
+  useEffect(() => {
+    if (apiPath) {
+      setApiBase(apiPath);
+    }
+  }, [apiPath]);
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      setCurrentPath(window.location.pathname);
+      const stored = sessionStorage.getItem("nbk_api_key");
+      if (stored || apiKey) {
+        setIsAuthenticated(true);
+      }
+    }
+  }, [apiKey]);
+  const handleLogin = (e) => {
+    e.preventDefault();
+    if (inputKey.trim()) {
+      sessionStorage.setItem("nbk_api_key", inputKey);
+      setIsAuthenticated(true);
+    }
+  };
+  if (!isAuthenticated) {
+    return /* @__PURE__ */ jsx("div", { className: "nbk-admin-login", children: /* @__PURE__ */ jsxs("div", { className: "nbk-login-card", children: [
+      /* @__PURE__ */ jsx("h1", { className: "nbk-login-title", children: "Blog Admin" }),
+      /* @__PURE__ */ jsx("p", { className: "nbk-login-subtitle", children: "Enter your API key to continue" }),
+      /* @__PURE__ */ jsxs("form", { onSubmit: handleLogin, children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "password",
+            value: inputKey,
+            onChange: (e) => setInputKey(e.target.value),
+            placeholder: "Enter API key",
+            className: "nbk-login-input",
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "submit", className: "nbk-login-btn", children: "Sign In" })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-admin", children: [
+    /* @__PURE__ */ jsxs("aside", { className: `nbk-admin-sidebar ${sidebarOpen ? "open" : "closed"}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-header", children: [
+        /* @__PURE__ */ jsx("h2", { className: "nbk-sidebar-title", children: "NextBlogKit" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setSidebarOpen(!sidebarOpen),
+            className: "nbk-sidebar-toggle",
+            children: sidebarOpen ? "\u2190" : "\u2192"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("nav", { className: "nbk-sidebar-nav", children: buildNavItems(adminPath).map((item) => /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: item.href,
+          className: `nbk-sidebar-link ${currentPath === item.href ? "active" : ""}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "nbk-sidebar-icon", children: item.icon }),
+            sidebarOpen && /* @__PURE__ */ jsx("span", { children: item.label })
+          ]
+        },
+        item.href
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-sidebar-footer", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            sessionStorage.removeItem("nbk_api_key");
+            setIsAuthenticated(false);
+          },
+          className: "nbk-sidebar-link",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "nbk-sidebar-icon", children: "\u{1F6AA}" }),
+            sidebarOpen && /* @__PURE__ */ jsx("span", { children: "Sign Out" })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("main", { className: "nbk-admin-main", children })
+  ] });
+}
+function Dashboard() {
+  const api = useAdminApi();
+  const [stats, setStats] = useState({
+    totalPosts: 0,
+    publishedPosts: 0,
+    draftPosts: 0,
+    totalMedia: 0,
+    totalCategories: 0
+  });
+  const [recentDrafts, setRecentDrafts] = useState([]);
+  const [recentPublished, setRecentPublished] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    async function loadDashboard() {
+      try {
+        const [allPosts, published, drafts, media, categories] = await Promise.all([
+          api.get("/posts?limit=1"),
+          api.get("/posts?status=published&limit=5"),
+          api.get("/posts?status=draft&limit=5"),
+          api.get("/media?limit=1"),
+          api.get("/categories")
+        ]);
+        setStats({
+          totalPosts: allPosts.meta?.total || 0,
+          publishedPosts: published.meta?.total || 0,
+          draftPosts: drafts.meta?.total || 0,
+          totalMedia: media.meta?.total || 0,
+          totalCategories: Array.isArray(categories.data) ? categories.data.length : 0
+        });
+        setRecentDrafts(drafts.data || []);
+        setRecentPublished(published.data || []);
+      } catch (err) {
+        console.error("Dashboard load error:", err);
+      } finally {
+        setLoading(false);
+      }
+    }
+    loadDashboard();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "nbk-loading", children: "Loading dashboard..." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-dashboard", children: [
+    /* @__PURE__ */ jsx("h1", { className: "nbk-page-title", children: "Dashboard" }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-stats-grid", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nbk-stat-card", children: [
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-number", children: stats.totalPosts }),
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-label", children: "Total Posts" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-stat-card", children: [
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-number", children: stats.publishedPosts }),
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-label", children: "Published" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-stat-card", children: [
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-number", children: stats.draftPosts }),
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-label", children: "Drafts" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-stat-card", children: [
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-number", children: stats.totalMedia }),
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-label", children: "Media Files" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-stat-card", children: [
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-number", children: stats.totalCategories }),
+        /* @__PURE__ */ jsx("div", { className: "nbk-stat-label", children: "Categories" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-dashboard-grid", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nbk-dashboard-section", children: [
+        /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "Recent Drafts" }),
+        recentDrafts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "nbk-empty-state", children: "No drafts yet" }) : /* @__PURE__ */ jsx("ul", { className: "nbk-post-list-simple", children: recentDrafts.map((post) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", { href: `/admin/blog/${post._id}/edit`, className: "nbk-post-link", children: [
+          /* @__PURE__ */ jsx("span", { className: "nbk-post-link-title", children: post.title }),
+          /* @__PURE__ */ jsx("span", { className: "nbk-post-link-date", children: new Date(post.updatedAt).toLocaleDateString() })
+        ] }) }, post._id)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-dashboard-section", children: [
+        /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "Recently Published" }),
+        recentPublished.length === 0 ? /* @__PURE__ */ jsx("p", { className: "nbk-empty-state", children: "No published posts yet" }) : /* @__PURE__ */ jsx("ul", { className: "nbk-post-list-simple", children: recentPublished.map((post) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", { href: `/admin/blog/${post._id}/edit`, className: "nbk-post-link", children: [
+          /* @__PURE__ */ jsx("span", { className: "nbk-post-link-title", children: post.title }),
+          /* @__PURE__ */ jsx("span", { className: "nbk-post-link-date", children: new Date(post.publishedAt || post.createdAt).toLocaleDateString() })
+        ] }) }, post._id)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-quick-actions", children: [
+      /* @__PURE__ */ jsx("a", { href: "/admin/blog/new", className: "nbk-btn nbk-btn-primary", children: "New Post" }),
+      /* @__PURE__ */ jsx("a", { href: "/admin/blog/media", className: "nbk-btn nbk-btn-secondary", children: "Media Library" })
+    ] })
+  ] });
+}
+function PostList() {
+  const api = useAdminApi();
+  const [posts, setPosts] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
+  const [statusFilter, setStatusFilter] = useState("");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const limit = 20;
+  const loadPosts = useCallback(async () => {
+    setLoading(true);
+    try {
+      let path = `/posts?page=${page}&limit=${limit}`;
+      if (statusFilter) path += `&status=${statusFilter}`;
+      if (searchQuery) path += `&q=${encodeURIComponent(searchQuery)}`;
+      const res = await api.get(path);
+      setPosts(res.data || []);
+      setTotal(res.meta?.total || 0);
+    } catch (err) {
+      console.error("Failed to load posts:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [page, statusFilter, searchQuery]);
+  useEffect(() => {
+    loadPosts();
+  }, [loadPosts]);
+  const handleDelete = async (id) => {
+    if (!confirm("Are you sure you want to archive this post?")) return;
+    try {
+      await api.del(`/posts?id=${id}`);
+      loadPosts();
+    } catch (err) {
+      console.error("Delete failed:", err);
+    }
+  };
+  const handleBulkAction = async (action) => {
+    if (selected.size === 0) return;
+    for (const id of selected) {
+      try {
+        if (action === "publish") {
+          await api.put(`/posts?id=${id}`, { status: "published" });
+        } else if (action === "draft") {
+          await api.put(`/posts?id=${id}`, { status: "draft" });
+        } else if (action === "archive") {
+          await api.del(`/posts?id=${id}`);
+        }
+      } catch (err) {
+        console.error(`Bulk ${action} failed for ${id}:`, err);
+      }
+    }
+    setSelected(/* @__PURE__ */ new Set());
+    loadPosts();
+  };
+  const totalPages = Math.ceil(total / limit);
+  const statusBadge = (status) => {
+    const colors = {
+      published: "nbk-badge-green",
+      draft: "nbk-badge-yellow",
+      scheduled: "nbk-badge-blue",
+      archived: "nbk-badge-gray"
+    };
+    return /* @__PURE__ */ jsx("span", { className: `nbk-badge ${colors[status] || "nbk-badge-gray"}`, children: status });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-post-list", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nbk-page-header", children: [
+      /* @__PURE__ */ jsx("h1", { className: "nbk-page-title", children: "Posts" }),
+      /* @__PURE__ */ jsx("a", { href: "/admin/blog/new", className: "nbk-btn nbk-btn-primary", children: "New Post" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-filters", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search posts...",
+          value: searchQuery,
+          onChange: (e) => {
+            setSearchQuery(e.target.value);
+            setPage(1);
+          },
+          className: "nbk-input nbk-search-input"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: statusFilter,
+          onChange: (e) => {
+            setStatusFilter(e.target.value);
+            setPage(1);
+          },
+          className: "nbk-select",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "All Statuses" }),
+            /* @__PURE__ */ jsx("option", { value: "published", children: "Published" }),
+            /* @__PURE__ */ jsx("option", { value: "draft", children: "Draft" }),
+            /* @__PURE__ */ jsx("option", { value: "scheduled", children: "Scheduled" }),
+            /* @__PURE__ */ jsx("option", { value: "archived", children: "Archived" })
+          ]
+        }
+      ),
+      selected.size > 0 && /* @__PURE__ */ jsxs("div", { className: "nbk-bulk-actions", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          selected.size,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsx("button", { onClick: () => handleBulkAction("publish"), className: "nbk-btn nbk-btn-sm", children: "Publish" }),
+        /* @__PURE__ */ jsx("button", { onClick: () => handleBulkAction("draft"), className: "nbk-btn nbk-btn-sm", children: "Unpublish" }),
+        /* @__PURE__ */ jsx("button", { onClick: () => handleBulkAction("archive"), className: "nbk-btn nbk-btn-sm nbk-btn-danger", children: "Archive" })
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { className: "nbk-loading", children: "Loading posts..." }) : posts.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "nbk-empty-state", children: [
+      /* @__PURE__ */ jsx("p", { children: "No posts found." }),
+      /* @__PURE__ */ jsx("a", { href: "/admin/blog/new", className: "nbk-btn nbk-btn-primary", children: "Create your first post" })
+    ] }) : /* @__PURE__ */ jsxs("table", { className: "nbk-table", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "nbk-th-checkbox", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: selected.size === posts.length,
+            onChange: (e) => {
+              if (e.target.checked) {
+                setSelected(new Set(posts.map((p) => p._id)));
+              } else {
+                setSelected(/* @__PURE__ */ new Set());
+              }
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsx("th", { children: "Title" }),
+        /* @__PURE__ */ jsx("th", { children: "Status" }),
+        /* @__PURE__ */ jsx("th", { children: "Categories" }),
+        /* @__PURE__ */ jsx("th", { children: "Words" }),
+        /* @__PURE__ */ jsx("th", { children: "Date" }),
+        /* @__PURE__ */ jsx("th", { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: posts.map((post) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: selected.has(post._id),
+            onChange: (e) => {
+              const next = new Set(selected);
+              if (e.target.checked) next.add(post._id);
+              else next.delete(post._id);
+              setSelected(next);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("td", { children: [
+          /* @__PURE__ */ jsx("a", { href: `/admin/blog/${post._id}/edit`, className: "nbk-post-title-link", children: post.title }),
+          /* @__PURE__ */ jsxs("div", { className: "nbk-post-slug", children: [
+            "/",
+            post.slug
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("td", { children: statusBadge(post.status) }),
+        /* @__PURE__ */ jsx("td", { children: post.categories.join(", ") || "\u2014" }),
+        /* @__PURE__ */ jsx("td", { children: post.wordCount }),
+        /* @__PURE__ */ jsx("td", { children: new Date(
+          post.publishedAt || post.updatedAt
+        ).toLocaleDateString() }),
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "nbk-actions", children: [
+          /* @__PURE__ */ jsx("a", { href: `/admin/blog/${post._id}/edit`, className: "nbk-btn nbk-btn-sm", children: "Edit" }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `/blog/${post.slug}`,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "nbk-btn nbk-btn-sm",
+              children: "View"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => handleDelete(post._id),
+              className: "nbk-btn nbk-btn-sm nbk-btn-danger",
+              children: "Delete"
+            }
+          )
+        ] }) })
+      ] }, post._id)) })
+    ] }),
+    totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "nbk-pagination-admin", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setPage(page - 1),
+          disabled: page <= 1,
+          className: "nbk-btn nbk-btn-sm",
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Page ",
+        page,
+        " of ",
+        totalPages,
+        " (",
+        total,
+        " posts)"
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setPage(page + 1),
+          disabled: page >= totalPages,
+          className: "nbk-btn nbk-btn-sm",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+var ImageUpload = Image.extend({
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      uploadFn: async (_file) => ({ url: "" }),
+      maxSize: 10 * 1024 * 1024,
+      allowedTypes: ["image/jpeg", "image/png", "image/gif", "image/webp", "image/svg+xml"]
+    };
+  },
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      loading: {
+        default: false,
+        renderHTML: (attributes) => {
+          if (!attributes.loading) return {};
+          return { "data-loading": "true" };
+        }
+      },
+      width: { default: null },
+      height: { default: null },
+      caption: {
+        default: null,
+        renderHTML: (attributes) => {
+          if (!attributes.caption) return {};
+          return { "data-caption": attributes.caption };
+        }
+      }
+    };
+  },
+  addCommands() {
+    return {
+      ...this.parent?.(),
+      uploadImage: (file) => ({ commands, editor }) => {
+        const opts = this.options;
+        const { uploadFn, maxSize, allowedTypes } = opts;
+        if (maxSize && file.size > maxSize) {
+          console.error(`File too large: ${file.size} > ${maxSize}`);
+          return false;
+        }
+        if (allowedTypes && !allowedTypes.includes(file.type)) {
+          console.error(`File type not allowed: ${file.type}`);
+          return false;
+        }
+        const placeholderUrl = URL.createObjectURL(file);
+        commands.insertContent({
+          type: "image",
+          attrs: { src: placeholderUrl, loading: true, alt: file.name }
+        });
+        uploadFn(file).then((result) => {
+          const { state } = editor;
+          const { doc } = state;
+          let pos = null;
+          doc.descendants((node, nodePos) => {
+            if (node.type.name === "image" && node.attrs.src === placeholderUrl) {
+              pos = nodePos;
+              return false;
+            }
+          });
+          if (pos !== null) {
+            editor.chain().focus().setNodeSelection(pos).updateAttributes("image", {
+              src: result.url,
+              alt: result.alt || file.name,
+              loading: false
+            }).run();
+          }
+          URL.revokeObjectURL(placeholderUrl);
+        }).catch((err) => {
+          console.error("Image upload failed:", err);
+          URL.revokeObjectURL(placeholderUrl);
+        });
+        return true;
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const opts = this.options;
+    const { uploadFn, maxSize, allowedTypes } = opts;
+    const editorRef = this.editor;
+    return [
+      new Plugin({
+        key: new PluginKey("imageUploadDrop"),
+        props: {
+          handleDOMEvents: {
+            drop(view, event) {
+              const files = event.dataTransfer?.files;
+              if (!files || files.length === 0) return false;
+              const imageFiles = Array.from(files).filter(
+                (f) => (allowedTypes || []).includes(f.type)
+              );
+              if (imageFiles.length === 0) return false;
+              event.preventDefault();
+              for (const file of imageFiles) {
+                if (maxSize && file.size > maxSize) continue;
+                editorRef.commands.uploadImage(file);
+              }
+              return true;
+            },
+            paste(view, event) {
+              const files = event.clipboardData?.files;
+              if (!files || files.length === 0) return false;
+              const imageFiles = Array.from(files).filter(
+                (f) => (allowedTypes || []).includes(f.type)
+              );
+              if (imageFiles.length === 0) return false;
+              event.preventDefault();
+              for (const file of imageFiles) {
+                if (maxSize && file.size > maxSize) continue;
+                editorRef.commands.uploadImage(file);
+              }
+              return true;
+            }
+          }
+        }
+      })
+    ];
+  }
+});
+var Callout = Node.create({
+  name: "callout",
+  group: "block",
+  content: "block+",
+  defining: true,
+  addAttributes() {
+    return {
+      type: {
+        default: "info",
+        parseHTML: (element) => element.getAttribute("data-callout-type") || "info",
+        renderHTML: (attributes) => ({
+          "data-callout-type": attributes.type
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "div[data-callout]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes(HTMLAttributes, { "data-callout": "", class: `nbk-callout nbk-callout-${HTMLAttributes["data-callout-type"] || "info"}` }),
+      0
+    ];
+  },
+  addCommands() {
+    return {
+      setCallout: (attrs) => ({ commands }) => {
+        return commands.wrapIn(this.name, attrs);
+      },
+      toggleCallout: (attrs) => ({ commands }) => {
+        return commands.toggleWrap(this.name, attrs);
+      }
+    };
+  }
+});
+var FAQItem = Node.create({
+  name: "faqItem",
+  group: "block",
+  content: "faqQuestion faqAnswer",
+  defining: true,
+  parseHTML() {
+    return [{ tag: "div[data-faq-item]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-faq-item": "", class: "nbk-faq-item" }), 0];
+  }
+});
+var FAQQuestion = Node.create({
+  name: "faqQuestion",
+  content: "inline*",
+  defining: true,
+  parseHTML() {
+    return [{ tag: "div[data-faq-question]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-faq-question": "", class: "nbk-faq-question" }), 0];
+  }
+});
+var FAQAnswer = Node.create({
+  name: "faqAnswer",
+  content: "block+",
+  defining: true,
+  parseHTML() {
+    return [{ tag: "div[data-faq-answer]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-faq-answer": "", class: "nbk-faq-answer" }), 0];
+  }
+});
+var FAQ = Node.create({
+  name: "faq",
+  group: "block",
+  content: "faqItem+",
+  defining: true,
+  parseHTML() {
+    return [{ tag: "div[data-faq]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-faq": "", class: "nbk-faq" }), 0];
+  },
+  addCommands() {
+    return {
+      insertFAQ: () => ({ chain }) => {
+        return chain().insertContent({
+          type: "faq",
+          content: [
+            {
+              type: "faqItem",
+              content: [
+                { type: "faqQuestion", content: [{ type: "text", text: "Question?" }] },
+                { type: "faqAnswer", content: [{ type: "paragraph", content: [{ type: "text", text: "Answer." }] }] }
+              ]
+            }
+          ]
+        }).run();
+      }
+    };
+  }
+});
+var TableOfContents = Node.create({
+  name: "tableOfContents",
+  group: "block",
+  atom: true,
+  parseHTML() {
+    return [{ tag: "div[data-toc]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes(HTMLAttributes, {
+        "data-toc": "",
+        class: "nbk-toc-placeholder"
+      }),
+      "Table of Contents (auto-generated)"
+    ];
+  },
+  addCommands() {
+    return {
+      insertTableOfContents: () => ({ commands }) => {
+        return commands.insertContent({ type: this.name });
+      }
+    };
+  }
+});
+var CodeBlockEnhanced = CodeBlockLowlight.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      language: {
+        default: "plaintext",
+        parseHTML: (element) => element.getAttribute("data-language") || element.querySelector("code")?.className?.replace("language-", "") || "plaintext",
+        renderHTML: (attributes) => ({
+          "data-language": attributes.language
+        })
+      },
+      filename: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-filename"),
+        renderHTML: (attributes) => {
+          if (!attributes.filename) return {};
+          return { "data-filename": attributes.filename };
+        }
+      }
+    };
+  }
+});
+var defaultSlashCommands = [
+  {
+    title: "Heading 2",
+    description: "Large section heading",
+    icon: "H2",
+    command: (editor) => editor.chain().focus().toggleHeading({ level: 2 }).run()
+  },
+  {
+    title: "Heading 3",
+    description: "Medium section heading",
+    icon: "H3",
+    command: (editor) => editor.chain().focus().toggleHeading({ level: 3 }).run()
+  },
+  {
+    title: "Heading 4",
+    description: "Small section heading",
+    icon: "H4",
+    command: (editor) => editor.chain().focus().toggleHeading({ level: 4 }).run()
+  },
+  {
+    title: "Bullet List",
+    description: "Create a simple bullet list",
+    icon: "\u2022",
+    command: (editor) => editor.chain().focus().toggleBulletList().run()
+  },
+  {
+    title: "Numbered List",
+    description: "Create a numbered list",
+    icon: "1.",
+    command: (editor) => editor.chain().focus().toggleOrderedList().run()
+  },
+  {
+    title: "Task List",
+    description: "Create a checklist",
+    icon: "\u2611",
+    command: (editor) => editor.chain().focus().toggleTaskList().run()
+  },
+  {
+    title: "Blockquote",
+    description: "Add a quote block",
+    icon: '"',
+    command: (editor) => editor.chain().focus().toggleBlockquote().run()
+  },
+  {
+    title: "Code Block",
+    description: "Add a code snippet",
+    icon: "</>",
+    command: (editor) => editor.chain().focus().toggleCodeBlock().run()
+  },
+  {
+    title: "Divider",
+    description: "Add a horizontal divider",
+    icon: "\u2014",
+    command: (editor) => editor.chain().focus().setHorizontalRule().run()
+  },
+  {
+    title: "Image",
+    description: "Upload or embed an image",
+    icon: "\u{1F5BC}",
+    command: (editor) => {
+      const input = document.createElement("input");
+      input.type = "file";
+      input.accept = "image/*";
+      input.onchange = () => {
+        const file = input.files?.[0];
+        if (file) {
+          editor.commands.uploadImage(file);
+        }
+      };
+      input.click();
+    }
+  },
+  {
+    title: "Table",
+    description: "Add a table",
+    icon: "\u229E",
+    command: (editor) => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
+  },
+  {
+    title: "Callout",
+    description: "Add an info callout box",
+    icon: "\u2139",
+    command: (editor) => editor.chain().focus().setCallout({ type: "info" }).run()
+  },
+  {
+    title: "FAQ",
+    description: "Add a FAQ section",
+    icon: "?",
+    command: (editor) => editor.chain().focus().insertFAQ().run()
+  },
+  {
+    title: "Table of Contents",
+    description: "Auto-generated from headings",
+    icon: "\u2261",
+    command: (editor) => editor.chain().focus().insertTableOfContents().run()
+  }
+];
+var SlashCommand = Extension.create({
+  name: "slashCommand",
+  addOptions() {
+    return {
+      commands: defaultSlashCommands,
+      onStateChange: (_state) => {
+      }
+    };
+  },
+  addStorage() {
+    return {
+      deleteSlashAndRun: (_item) => {
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const { commands, onStateChange } = this.options;
+    const editorRef = this.editor;
+    const storage = this.editor.storage.slashCommand;
+    let state = {
+      isOpen: false,
+      query: "",
+      position: null,
+      selectedIndex: 0,
+      items: commands
+    };
+    function updateState(partial) {
+      state = { ...state, ...partial };
+      onStateChange(state);
+    }
+    function deleteSlashText(view) {
+      const { $from } = view.state.selection;
+      const textBefore = $from.parent.textContent.slice(0, $from.parentOffset);
+      const slashIndex = textBefore.lastIndexOf("/");
+      if (slashIndex >= 0) {
+        const start = $from.start() + slashIndex;
+        const end = $from.pos;
+        view.dispatch(view.state.tr.delete(start, end));
+      }
+    }
+    storage.deleteSlashAndRun = (item) => {
+      deleteSlashText(editorRef.view);
+      item.command(editorRef);
+      updateState({ isOpen: false, query: "", selectedIndex: 0 });
+    };
+    return [
+      new Plugin({
+        key: new PluginKey("slashCommand"),
+        props: {
+          handleKeyDown(view, event) {
+            if (!state.isOpen) {
+              return false;
+            }
+            if (event.key === "ArrowDown") {
+              event.preventDefault();
+              updateState({
+                selectedIndex: (state.selectedIndex + 1) % state.items.length
+              });
+              return true;
+            }
+            if (event.key === "ArrowUp") {
+              event.preventDefault();
+              updateState({
+                selectedIndex: (state.selectedIndex - 1 + state.items.length) % state.items.length
+              });
+              return true;
+            }
+            if (event.key === "Enter") {
+              event.preventDefault();
+              const item = state.items[state.selectedIndex];
+              if (item) {
+                deleteSlashText(view);
+                item.command(editorRef);
+              }
+              updateState({ isOpen: false, query: "", selectedIndex: 0 });
+              return true;
+            }
+            if (event.key === "Escape") {
+              updateState({ isOpen: false, query: "", selectedIndex: 0 });
+              return true;
+            }
+            return false;
+          },
+          handleTextInput(view, from, _to, text) {
+            const { $from } = view.state.selection;
+            const textBefore = $from.parent.textContent.slice(0, $from.parentOffset) + text;
+            const slashIndex = textBefore.lastIndexOf("/");
+            if (slashIndex >= 0) {
+              const query = textBefore.slice(slashIndex + 1).toLowerCase();
+              const filtered = commands.filter(
+                (cmd) => cmd.title.toLowerCase().includes(query) || cmd.description.toLowerCase().includes(query)
+              );
+              if (filtered.length > 0) {
+                const coords = view.coordsAtPos(from);
+                updateState({
+                  isOpen: true,
+                  query,
+                  position: { top: coords.bottom + 4, left: coords.left },
+                  items: filtered,
+                  selectedIndex: 0
+                });
+              } else {
+                updateState({ isOpen: false, query: "", selectedIndex: 0 });
+              }
+            } else if (state.isOpen) {
+              updateState({ isOpen: false, query: "", selectedIndex: 0 });
+            }
+            return false;
+          }
+        }
+      })
+    ];
+  }
+});
+function BlogEditor({
+  content,
+  onChange,
+  onSave,
+  uploadImage,
+  placeholder = 'Start writing your post... Type "/" for commands',
+  autosaveInterval = 3e4,
+  className = ""
+}) {
+  const [slashState, setSlashState] = useState({
+    isOpen: false,
+    query: "",
+    position: null,
+    selectedIndex: 0,
+    items: []
+  });
+  const [wordCount, setWordCount] = useState(0);
+  const [isSaving, setIsSaving] = useState(false);
+  const autosaveTimerRef = useRef(null);
+  const lastSavedRef = useRef("");
+  const defaultUpload = useCallback(async (file) => {
+    if (!uploadImage) {
+      return { url: URL.createObjectURL(file), alt: file.name };
+    }
+    return uploadImage(file);
+  }, [uploadImage]);
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        codeBlock: false,
+        dropcursor: { color: "#2563eb", width: 2 }
+      }),
+      Placeholder.configure({ placeholder }),
+      Link.configure({ openOnClick: false, HTMLAttributes: { class: "nbk-link" } }),
+      Underline,
+      Highlight.configure({ multicolor: false }),
+      Typography,
+      TaskList,
+      TaskItem.configure({ nested: true }),
+      Table.configure({ resizable: true }),
+      TableRow,
+      TableCell,
+      TableHeader,
+      ImageUpload.configure({ uploadFn: defaultUpload }),
+      CodeBlockEnhanced,
+      Callout,
+      FAQ,
+      FAQItem,
+      FAQQuestion,
+      FAQAnswer,
+      TableOfContents,
+      SlashCommand.configure({
+        onStateChange: setSlashState
+      })
+    ],
+    content: content || { type: "doc", content: [{ type: "paragraph" }] },
+    onUpdate: ({ editor: editor2 }) => {
+      const json = editor2.getJSON();
+      onChange?.(json);
+      const text = editor2.getText();
+      setWordCount(text.trim() ? text.trim().split(/\s+/).length : 0);
+    },
+    editorProps: {
+      attributes: {
+        class: `nbk-editor-content ${className}`
+      }
+    }
+  });
+  useEffect(() => {
+    if (!onSave || !autosaveInterval || !editor) return;
+    autosaveTimerRef.current = setInterval(() => {
+      const json = JSON.stringify(editor.getJSON());
+      if (json !== lastSavedRef.current) {
+        setIsSaving(true);
+        onSave(editor.getJSON());
+        lastSavedRef.current = json;
+        setTimeout(() => setIsSaving(false), 1e3);
+      }
+    }, autosaveInterval);
+    return () => {
+      if (autosaveTimerRef.current) clearInterval(autosaveTimerRef.current);
+    };
+  }, [editor, onSave, autosaveInterval]);
+  const readingTime = Math.max(1, Math.ceil(wordCount / 200));
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-editor", children: [
+    editor && /* @__PURE__ */ jsxs("div", { className: "nbk-editor-toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nbk-toolbar-group", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleBold().run(),
+            className: editor.isActive("bold") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Bold",
+            children: /* @__PURE__ */ jsx("strong", { children: "B" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleItalic().run(),
+            className: editor.isActive("italic") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Italic",
+            children: /* @__PURE__ */ jsx("em", { children: "I" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleUnderline().run(),
+            className: editor.isActive("underline") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Underline",
+            children: /* @__PURE__ */ jsx("u", { children: "U" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleStrike().run(),
+            className: editor.isActive("strike") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Strikethrough",
+            children: /* @__PURE__ */ jsx("s", { children: "S" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleCode().run(),
+            className: editor.isActive("code") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Inline Code",
+            children: "</>"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleHighlight().run(),
+            className: editor.isActive("highlight") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Highlight",
+            children: "H"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-toolbar-divider" }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-toolbar-group", children: [2, 3, 4].map((level) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => editor.chain().focus().toggleHeading({ level }).run(),
+          className: editor.isActive("heading", { level }) ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+          title: `Heading ${level}`,
+          children: [
+            "H",
+            level
+          ]
+        },
+        level
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-toolbar-divider" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-toolbar-group", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleBulletList().run(),
+            className: editor.isActive("bulletList") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Bullet List",
+            children: "\u2022"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleOrderedList().run(),
+            className: editor.isActive("orderedList") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Numbered List",
+            children: "1."
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleTaskList().run(),
+            className: editor.isActive("taskList") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Task List",
+            children: "\u2611"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-toolbar-divider" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-toolbar-group", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleBlockquote().run(),
+            className: editor.isActive("blockquote") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Quote",
+            children: "\u201C"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+            className: editor.isActive("codeBlock") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Code Block",
+            children: "{ }"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().setHorizontalRule().run(),
+            className: "nbk-toolbar-btn",
+            title: "Divider",
+            children: "\u2014"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+            className: "nbk-toolbar-btn",
+            title: "Table",
+            children: "\u229E"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-toolbar-divider" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-toolbar-group", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              const url = window.prompt("Enter URL");
+              if (url) editor.chain().focus().setLink({ href: url }).run();
+            },
+            className: editor.isActive("link") ? "nbk-toolbar-btn active" : "nbk-toolbar-btn",
+            title: "Link",
+            children: "\u{1F517}"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              const input = document.createElement("input");
+              input.type = "file";
+              input.accept = "image/*";
+              input.onchange = () => {
+                const file = input.files?.[0];
+                if (file) editor.commands.uploadImage(file);
+              };
+              input.click();
+            },
+            className: "nbk-toolbar-btn",
+            title: "Upload Image",
+            children: "\u{1F4F7}"
+          }
+        )
+      ] })
+    ] }),
+    editor && /* @__PURE__ */ jsx(BubbleMenu, { editor, tippyOptions: { duration: 100 }, children: /* @__PURE__ */ jsxs("div", { className: "nbk-bubble-menu", children: [
+      /* @__PURE__ */ jsx("button", { onClick: () => editor.chain().focus().toggleBold().run(), className: editor.isActive("bold") ? "active" : "", children: "B" }),
+      /* @__PURE__ */ jsx("button", { onClick: () => editor.chain().focus().toggleItalic().run(), className: editor.isActive("italic") ? "active" : "", children: "I" }),
+      /* @__PURE__ */ jsx("button", { onClick: () => editor.chain().focus().toggleCode().run(), className: editor.isActive("code") ? "active" : "", children: "</>" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => {
+            const url = window.prompt("Enter URL");
+            if (url) editor.chain().focus().setLink({ href: url }).run();
+          },
+          className: editor.isActive("link") ? "active" : "",
+          children: "Link"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(EditorContent, { editor }),
+    slashState.isOpen && slashState.position && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "nbk-slash-menu",
+        style: {
+          position: "fixed",
+          top: slashState.position.top,
+          left: slashState.position.left
+        },
+        children: slashState.items.map((item, index) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: `nbk-slash-item ${index === slashState.selectedIndex ? "selected" : ""}`,
+            onMouseDown: (e) => {
+              e.preventDefault();
+              editor.storage.slashCommand.deleteSlashAndRun(item);
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "nbk-slash-icon", children: item.icon }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { className: "nbk-slash-title", children: item.title }),
+                /* @__PURE__ */ jsx("div", { className: "nbk-slash-desc", children: item.description })
+              ] })
+            ]
+          },
+          item.title
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-editor-status", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        wordCount,
+        " words"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        readingTime,
+        " min read"
+      ] }),
+      isSaving && /* @__PURE__ */ jsx("span", { className: "nbk-saving", children: "Saving..." })
+    ] })
+  ] });
+}
+
+// src/editor/renderer.ts
+function renderBlocksToHTML(doc) {
+  if (!doc.content) return "";
+  return doc.content.map(renderNode).join("");
+}
+function renderNode(node) {
+  switch (node.type) {
+    case "paragraph":
+      return `<p>${renderInline(node)}</p>`;
+    case "heading": {
+      const level = node.attrs?.level || 2;
+      const text = renderInline(node);
+      const id = slugify(stripTags(text));
+      return `<h${level} id="${id}">${text}</h${level}>`;
+    }
+    case "bulletList":
+      return `<ul>${renderChildren(node)}</ul>`;
+    case "orderedList":
+      return `<ol>${renderChildren(node)}</ol>`;
+    case "listItem":
+      return `<li>${renderChildren(node)}</li>`;
+    case "taskList":
+      return `<ul class="nbk-task-list">${renderChildren(node)}</ul>`;
+    case "taskItem": {
+      const checked = node.attrs?.checked ? "checked" : "";
+      return `<li class="nbk-task-item" data-checked="${checked}"><input type="checkbox" ${checked} disabled />${renderChildren(node)}</li>`;
+    }
+    case "blockquote":
+      return `<blockquote>${renderChildren(node)}</blockquote>`;
+    case "codeBlock": {
+      const lang = node.attrs?.language || "plaintext";
+      const filename = node.attrs?.filename;
+      const code = escapeHtml(getTextContent(node));
+      const header = filename ? `<div class="nbk-code-header">${escapeHtml(filename)}</div>` : "";
+      return `${header}<pre><code class="language-${lang}">${code}</code></pre>`;
+    }
+    case "image": {
+      const src = node.attrs?.src || "";
+      const alt = node.attrs?.alt || "";
+      const caption = node.attrs?.caption;
+      const width = node.attrs?.width;
+      const height = node.attrs?.height;
+      let img = `<img src="${escapeAttr(src)}" alt="${escapeAttr(alt)}"`;
+      if (width) img += ` width="${width}"`;
+      if (height) img += ` height="${height}"`;
+      img += ' loading="lazy" />';
+      if (caption) {
+        return `<figure>${img}<figcaption>${escapeHtml(caption)}</figcaption></figure>`;
+      }
+      return img;
+    }
+    case "horizontalRule":
+      return "<hr />";
+    case "table":
+      return `<table>${renderChildren(node)}</table>`;
+    case "tableRow":
+      return `<tr>${renderChildren(node)}</tr>`;
+    case "tableHeader":
+      return `<th>${renderInline(node)}</th>`;
+    case "tableCell":
+      return `<td>${renderInline(node)}</td>`;
+    case "callout": {
+      const calloutType = node.attrs?.type || "info";
+      const icons = {
+        info: "\u2139\uFE0F",
+        warning: "\u26A0\uFE0F",
+        tip: "\u{1F4A1}",
+        danger: "\u{1F6A8}"
+      };
+      return `<div class="nbk-callout nbk-callout-${calloutType}"><span class="nbk-callout-icon">${icons[calloutType] || ""}</span><div class="nbk-callout-content">${renderChildren(node)}</div></div>`;
+    }
+    case "faq":
+      return `<div class="nbk-faq" itemscope itemtype="https://schema.org/FAQPage">${renderChildren(node)}</div>`;
+    case "faqItem":
+      return `<div class="nbk-faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">${renderChildren(node)}</div>`;
+    case "faqQuestion":
+      return `<h3 itemprop="name">${renderInline(node)}</h3>`;
+    case "faqAnswer":
+      return `<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer"><div itemprop="text">${renderChildren(node)}</div></div>`;
+    case "tableOfContents":
+      return '<div data-toc="true" class="nbk-toc"></div>';
+    case "html":
+      return getTextContent(node);
+    case "embed": {
+      const embedUrl = node.attrs?.src || "";
+      return `<div class="nbk-embed"><iframe src="${escapeAttr(embedUrl)}" frameborder="0" allowfullscreen loading="lazy"></iframe></div>`;
+    }
+    case "text":
+      return renderTextNode(node);
+    case "hardBreak":
+      return "<br />";
+    default:
+      if (node.content) return renderChildren(node);
+      if (node.text) return escapeHtml(node.text);
+      return "";
+  }
+}
+function renderChildren(node) {
+  if (!node.content) return "";
+  return node.content.map(renderNode).join("");
+}
+function renderInline(node) {
+  if (!node.content) return "";
+  return node.content.map(renderNode).join("");
+}
+function renderTextNode(node) {
+  let text = escapeHtml(node.text || "");
+  if (node.marks) {
+    for (const mark of node.marks) {
+      switch (mark.type) {
+        case "bold":
+          text = `<strong>${text}</strong>`;
+          break;
+        case "italic":
+          text = `<em>${text}</em>`;
+          break;
+        case "strike":
+          text = `<s>${text}</s>`;
+          break;
+        case "code":
+          text = `<code>${text}</code>`;
+          break;
+        case "underline":
+          text = `<u>${text}</u>`;
+          break;
+        case "highlight":
+          text = `<mark>${text}</mark>`;
+          break;
+        case "link": {
+          const href = mark.attrs?.href || "";
+          const target = href.startsWith("http") ? ' target="_blank" rel="noopener noreferrer"' : "";
+          text = `<a href="${escapeAttr(href)}"${target}>${text}</a>`;
+          break;
+        }
+      }
+    }
+  }
+  return text;
+}
+function getTextContent(node) {
+  if (node.text) return node.text;
+  if (!node.content) return "";
+  return node.content.map(getTextContent).join("");
+}
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function escapeAttr(str) {
+  return str.replace(/"/g, "&quot;").replace(/&/g, "&amp;");
+}
+function stripTags(html) {
+  return html.replace(/<[^>]+>/g, "");
+}
+function slugify(text) {
+  return text.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_]+/g, "-").replace(/-+/g, "-");
+}
+function SEOPanel({ seo, onChange, title, slug, excerpt }) {
+  const metaTitle = seo.metaTitle || "";
+  const metaDescription = seo.metaDescription || "";
+  const focusKeyword = seo.focusKeyword || "";
+  const canonicalUrl = seo.canonicalUrl || "";
+  const ogImage = seo.ogImage || "";
+  const noIndex = seo.noIndex || false;
+  const displayTitle = metaTitle || title || "Post Title";
+  const displayDesc = metaDescription || excerpt || "Post description will appear here...";
+  const displayUrl = `/blog/${slug || "post-url"}`;
+  const titleLength = displayTitle.length;
+  const descLength = displayDesc.length;
+  const titleColor = titleLength >= 50 && titleLength <= 60 ? "nbk-count-good" : titleLength > 70 ? "nbk-count-bad" : "nbk-count-warn";
+  const descColor = descLength >= 150 && descLength <= 160 ? "nbk-count-good" : descLength > 170 ? "nbk-count-bad" : "nbk-count-warn";
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-seo-panel", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nbk-serp-preview", children: [
+      /* @__PURE__ */ jsx("div", { className: "nbk-serp-title", children: displayTitle }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-serp-url", children: displayUrl }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-serp-desc", children: displayDesc.slice(0, 160) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+      /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Focus Keyword" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: focusKeyword,
+          onChange: (e) => onChange({ ...seo, focusKeyword: e.target.value }),
+          className: "nbk-input",
+          placeholder: "e.g. nextjs blog"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+      /* @__PURE__ */ jsxs("label", { className: "nbk-label", children: [
+        "Meta Title ",
+        /* @__PURE__ */ jsxs("span", { className: titleColor, children: [
+          "(",
+          titleLength,
+          "/60)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: metaTitle,
+          onChange: (e) => onChange({ ...seo, metaTitle: e.target.value }),
+          className: "nbk-input",
+          placeholder: title || "Custom meta title"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+      /* @__PURE__ */ jsxs("label", { className: "nbk-label", children: [
+        "Meta Description ",
+        /* @__PURE__ */ jsxs("span", { className: descColor, children: [
+          "(",
+          descLength,
+          "/160)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: metaDescription,
+          onChange: (e) => onChange({ ...seo, metaDescription: e.target.value }),
+          className: "nbk-textarea",
+          rows: 3,
+          placeholder: excerpt || "Custom meta description"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+      /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Canonical URL" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "url",
+          value: canonicalUrl,
+          onChange: (e) => onChange({ ...seo, canonicalUrl: e.target.value }),
+          className: "nbk-input",
+          placeholder: "https://..."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+      /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "OG Image Override" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "url",
+          value: ogImage,
+          onChange: (e) => onChange({ ...seo, ogImage: e.target.value }),
+          className: "nbk-input",
+          placeholder: "https://..."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "nbk-field", children: /* @__PURE__ */ jsxs("label", { className: "nbk-checkbox-label", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: noIndex,
+          onChange: (e) => onChange({ ...seo, noIndex: e.target.checked })
+        }
+      ),
+      "No Index (hide from search engines)"
+    ] }) })
+  ] });
+}
+function PostEditor({ postId }) {
+  const api = useAdminApi();
+  const [title, setTitle] = useState("");
+  const [slug, setSlug] = useState("");
+  const [content, setContent] = useState({ type: "doc", content: [{ type: "paragraph" }] });
+  const [excerpt, setExcerpt] = useState("");
+  const [status, setStatus] = useState("draft");
+  const [categories, setCategories] = useState([]);
+  const [tags, setTags] = useState("");
+  const [coverImageUrl, setCoverImageUrl] = useState("");
+  const [seo, setSeo] = useState({});
+  const [authorName, setAuthorName] = useState("");
+  const [scheduledAt, setScheduledAt] = useState("");
+  const [allCategories, setAllCategories] = useState([]);
+  const [saving, setSaving] = useState(false);
+  const [lastSaved, setLastSaved] = useState("");
+  const [error, setError] = useState("");
+  const [seoExpanded, setSeoExpanded] = useState(false);
+  const [loading, setLoading] = useState(!!postId);
+  const [sidebarOpen, setSidebarOpen] = useState(true);
+  useEffect(() => {
+    api.get("/categories").then((res) => {
+      setAllCategories(res.data || []);
+    }).catch(() => {
+    });
+    if (postId) {
+      api.get(`/posts?id=${postId}`).then((res) => {
+        const post = res.data;
+        setTitle(post.title || "");
+        setSlug(post.slug || "");
+        setContent(post.content?.length ? { type: "doc", content: post.content } : { type: "doc", content: [{ type: "paragraph" }] });
+        setExcerpt(post.excerpt || "");
+        setStatus(post.status || "draft");
+        setCategories(post.categories || []);
+        setTags((post.tags || []).join(", "));
+        setCoverImageUrl(post.coverImage?.url || "");
+        setSeo(post.seo || {});
+        setAuthorName(post.author?.name || "");
+        setScheduledAt(post.scheduledAt ? new Date(post.scheduledAt).toISOString().slice(0, 16) : "");
+      }).catch((err) => setError(err.message)).finally(() => setLoading(false));
+    }
+  }, [postId]);
+  const generateSlug = (text) => {
+    return text.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_]+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
+  };
+  const handleTitleChange = (value) => {
+    setTitle(value);
+    if (!postId) {
+      setSlug(generateSlug(value));
+    }
+  };
+  const handleSave = async (targetStatus) => {
+    setSaving(true);
+    setError("");
+    try {
+      const contentArray = content.content || [];
+      const html = renderBlocksToHTML(content);
+      const body = {
+        title,
+        slug,
+        excerpt,
+        content: contentArray,
+        contentHTML: html,
+        status: targetStatus || status,
+        categories,
+        tags: tags.split(",").map((t) => t.trim()).filter(Boolean),
+        seo
+      };
+      if (coverImageUrl) {
+        body.coverImage = { _id: "", url: coverImageUrl, alt: title };
+      }
+      if (authorName) {
+        body.author = { name: authorName };
+      }
+      if (scheduledAt && (targetStatus || status) === "scheduled") {
+        body.scheduledAt = new Date(scheduledAt).toISOString();
+      }
+      if (postId) {
+        await api.put(`/posts?id=${postId}`, body);
+      } else {
+        const res = await api.post("/posts", body);
+        if (res.data?._id) {
+          window.location.href = `/admin/blog/${res.data._id}/edit`;
+          return;
+        }
+      }
+      setLastSaved((/* @__PURE__ */ new Date()).toLocaleTimeString());
+    } catch (err) {
+      setError(err.message || "Failed to save");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleAutosave = useCallback(
+    (editorContent) => {
+      if (!postId) return;
+      const contentArray = editorContent.content || [];
+      const html = renderBlocksToHTML(editorContent);
+      api.put(`/posts?id=${postId}`, {
+        content: contentArray,
+        contentHTML: html
+      }).then(() => {
+        setLastSaved((/* @__PURE__ */ new Date()).toLocaleTimeString());
+      }).catch(() => {
+      });
+    },
+    [postId]
+  );
+  const uploadImage = async (file) => {
+    const formData = new FormData();
+    formData.append("file", file);
+    const res = await api.post("/media", formData);
+    return { url: res.data.url, alt: res.data.alt || file.name };
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "nbk-post-editor", children: [
+      /* @__PURE__ */ jsx("div", { className: "nbk-editor-header", children: /* @__PURE__ */ jsx("h1", { className: "nbk-page-title", children: "Loading..." }) }),
+      /* @__PURE__ */ jsx("div", { style: { padding: "2rem", textAlign: "center", color: "var(--nbk-text-muted)" }, children: "Loading post..." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-post-editor", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nbk-editor-header", children: [
+      /* @__PURE__ */ jsx("h1", { className: "nbk-page-title", children: postId ? "Edit Post" : "New Post" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-editor-actions", children: [
+        lastSaved && /* @__PURE__ */ jsxs("span", { className: "nbk-last-saved", children: [
+          "Last saved: ",
+          lastSaved
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleSave("draft"),
+            className: "nbk-btn nbk-btn-secondary",
+            disabled: saving,
+            children: saving ? "Saving..." : "Save Draft"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleSave("published"),
+            className: "nbk-btn nbk-btn-primary",
+            disabled: saving,
+            children: saving ? "Publishing..." : "Publish"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setSidebarOpen(!sidebarOpen),
+            className: "nbk-btn nbk-btn-ghost",
+            title: sidebarOpen ? "Hide sidebar" : "Show sidebar",
+            children: sidebarOpen ? "\u21E5" : "\u21E4"
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "nbk-error", children: error }),
+    /* @__PURE__ */ jsxs("div", { className: `nbk-editor-layout ${sidebarOpen ? "" : "nbk-sidebar-collapsed"}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "nbk-editor-main", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: title,
+            onChange: (e) => handleTitleChange(e.target.value),
+            placeholder: "Post title...",
+            className: "nbk-title-input"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          BlogEditor,
+          {
+            content,
+            onChange: setContent,
+            onSave: postId ? handleAutosave : void 0,
+            uploadImage
+          }
+        )
+      ] }),
+      sidebarOpen && /* @__PURE__ */ jsxs("div", { className: "nbk-editor-sidebar", children: [
+        /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-section", children: [
+          /* @__PURE__ */ jsx("h3", { className: "nbk-sidebar-heading", children: "Publish" }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: status,
+              onChange: (e) => setStatus(e.target.value),
+              className: "nbk-select",
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "draft", children: "Draft" }),
+                /* @__PURE__ */ jsx("option", { value: "published", children: "Published" }),
+                /* @__PURE__ */ jsx("option", { value: "scheduled", children: "Scheduled" })
+              ]
+            }
+          ),
+          status === "scheduled" && /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "datetime-local",
+              value: scheduledAt,
+              onChange: (e) => setScheduledAt(e.target.value),
+              className: "nbk-input"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-section", children: [
+          /* @__PURE__ */ jsx("h3", { className: "nbk-sidebar-heading", children: "URL Slug" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: slug,
+              onChange: (e) => setSlug(e.target.value),
+              className: "nbk-input",
+              placeholder: "post-url-slug"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-section", children: [
+          /* @__PURE__ */ jsx("h3", { className: "nbk-sidebar-heading", children: "Categories" }),
+          /* @__PURE__ */ jsx("div", { className: "nbk-checkbox-list", children: allCategories.map((cat) => /* @__PURE__ */ jsxs("label", { className: "nbk-checkbox-label", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: categories.includes(cat.slug),
+                onChange: (e) => {
+                  if (e.target.checked) {
+                    setCategories([...categories, cat.slug]);
+                  } else {
+                    setCategories(categories.filter((c) => c !== cat.slug));
+                  }
+                }
+              }
+            ),
+            cat.name
+          ] }, cat.slug)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-section", children: [
+          /* @__PURE__ */ jsx("h3", { className: "nbk-sidebar-heading", children: "Tags" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: tags,
+              onChange: (e) => setTags(e.target.value),
+              className: "nbk-input",
+              placeholder: "tag1, tag2, tag3"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-section", children: [
+          /* @__PURE__ */ jsx("h3", { className: "nbk-sidebar-heading", children: "Cover Image" }),
+          coverImageUrl && /* @__PURE__ */ jsx("img", { src: coverImageUrl, alt: "Cover", className: "nbk-cover-preview" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: coverImageUrl,
+              onChange: (e) => setCoverImageUrl(e.target.value),
+              className: "nbk-input",
+              placeholder: "Image URL"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: async () => {
+                const input = document.createElement("input");
+                input.type = "file";
+                input.accept = "image/*";
+                input.onchange = async () => {
+                  const file = input.files?.[0];
+                  if (!file) return;
+                  try {
+                    const result = await uploadImage(file);
+                    setCoverImageUrl(result.url);
+                  } catch (err) {
+                    console.error("Cover upload failed:", err);
+                  }
+                };
+                input.click();
+              },
+              className: "nbk-btn nbk-btn-sm nbk-btn-secondary",
+              children: "Upload Cover Image"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-section", children: [
+          /* @__PURE__ */ jsx("h3", { className: "nbk-sidebar-heading", children: "Author" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: authorName,
+              onChange: (e) => setAuthorName(e.target.value),
+              className: "nbk-input",
+              placeholder: "Author name"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-section", children: [
+          /* @__PURE__ */ jsx("h3", { className: "nbk-sidebar-heading", children: "Excerpt" }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: excerpt,
+              onChange: (e) => setExcerpt(e.target.value),
+              className: "nbk-textarea",
+              rows: 3,
+              placeholder: "Short description..."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "nbk-sidebar-section", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => setSeoExpanded(!seoExpanded),
+              className: "nbk-sidebar-heading nbk-expandable",
+              children: [
+                "SEO Settings ",
+                seoExpanded ? "\u25BC" : "\u25B6"
+              ]
+            }
+          ),
+          seoExpanded && /* @__PURE__ */ jsx(
+            SEOPanel,
+            {
+              seo,
+              onChange: setSeo,
+              title,
+              slug,
+              excerpt
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function MediaLibrary() {
+  const api = useAdminApi();
+  const [media, setMedia] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
+  const [loading, setLoading] = useState(true);
+  const [uploading, setUploading] = useState(false);
+  const [selected, setSelected] = useState(null);
+  const [dragOver, setDragOver] = useState(false);
+  const limit = 24;
+  const loadMedia = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await api.get(`/media?page=${page}&limit=${limit}`);
+      setMedia(res.data || []);
+      setTotal(res.meta?.total || 0);
+    } catch (err) {
+      console.error("Failed to load media:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [page]);
+  useEffect(() => {
+    loadMedia();
+  }, [loadMedia]);
+  const handleUpload = async (files) => {
+    setUploading(true);
+    try {
+      for (const file of Array.from(files)) {
+        const formData = new FormData();
+        formData.append("file", file);
+        await api.post("/media", formData);
+      }
+      loadMedia();
+    } catch (err) {
+      console.error("Upload failed:", err);
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleDelete = async (id) => {
+    if (!confirm("Delete this media file? This cannot be undone.")) return;
+    try {
+      await api.del(`/media?id=${id}`);
+      setSelected(null);
+      loadMedia();
+    } catch (err) {
+      console.error("Delete failed:", err);
+    }
+  };
+  const formatSize = (bytes) => {
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setDragOver(false);
+    if (e.dataTransfer.files.length) {
+      handleUpload(e.dataTransfer.files);
+    }
+  };
+  const totalPages = Math.ceil(total / limit);
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-media-library", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nbk-page-header", children: [
+      /* @__PURE__ */ jsx("h1", { className: "nbk-page-title", children: "Media Library" }),
+      /* @__PURE__ */ jsxs("label", { className: "nbk-btn nbk-btn-primary", children: [
+        uploading ? "Uploading..." : "Upload Files",
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "file",
+            multiple: true,
+            accept: "image/*",
+            onChange: (e) => e.target.files && handleUpload(e.target.files),
+            className: "nbk-hidden"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `nbk-dropzone ${dragOver ? "active" : ""}`,
+        onDragOver: (e) => {
+          e.preventDefault();
+          setDragOver(true);
+        },
+        onDragLeave: () => setDragOver(false),
+        onDrop: handleDrop,
+        children: "Drop files here to upload"
+      }
+    ),
+    loading ? /* @__PURE__ */ jsx("div", { className: "nbk-loading", children: "Loading media..." }) : media.length === 0 ? /* @__PURE__ */ jsx("div", { className: "nbk-empty-state", children: /* @__PURE__ */ jsx("p", { children: "No media files yet. Upload your first image!" }) }) : /* @__PURE__ */ jsx("div", { className: "nbk-media-grid", children: media.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `nbk-media-card ${selected?._id === item._id ? "selected" : ""}`,
+        onClick: () => setSelected(item),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "nbk-media-thumb", children: /* @__PURE__ */ jsx("img", { src: item.url, alt: item.alt || item.originalName, loading: "lazy" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "nbk-media-info", children: [
+            /* @__PURE__ */ jsx("div", { className: "nbk-media-name", title: item.originalName, children: item.originalName }),
+            /* @__PURE__ */ jsx("div", { className: "nbk-media-size", children: formatSize(item.size) })
+          ] })
+        ]
+      },
+      item._id
+    )) }),
+    selected && /* @__PURE__ */ jsxs("div", { className: "nbk-media-detail", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nbk-media-detail-header", children: [
+        /* @__PURE__ */ jsx("h3", { children: "File Details" }),
+        /* @__PURE__ */ jsx("button", { onClick: () => setSelected(null), className: "nbk-close-btn", children: "\xD7" })
+      ] }),
+      /* @__PURE__ */ jsx("img", { src: selected.url, alt: selected.alt || "", className: "nbk-media-preview" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-media-meta", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Name:" }),
+          " ",
+          selected.originalName
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Type:" }),
+          " ",
+          selected.mimeType
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Size:" }),
+          " ",
+          formatSize(selected.size)
+        ] }),
+        selected.width && selected.height && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Dimensions:" }),
+          " ",
+          selected.width,
+          " x ",
+          selected.height
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Uploaded:" }),
+          " ",
+          new Date(selected.createdAt).toLocaleString()
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-media-url", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "URL" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            readOnly: true,
+            value: selected.url,
+            className: "nbk-input",
+            onClick: (e) => e.target.select()
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => handleDelete(selected._id),
+          className: "nbk-btn nbk-btn-danger",
+          children: "Delete File"
+        }
+      )
+    ] }),
+    totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "nbk-pagination-admin", children: [
+      /* @__PURE__ */ jsx("button", { onClick: () => setPage(page - 1), disabled: page <= 1, className: "nbk-btn nbk-btn-sm", children: "Previous" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Page ",
+        page,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ jsx("button", { onClick: () => setPage(page + 1), disabled: page >= totalPages, className: "nbk-btn nbk-btn-sm", children: "Next" })
+    ] })
+  ] });
+}
+function CategoryManager() {
+  const api = useAdminApi();
+  const [categories, setCategories] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [editingId, setEditingId] = useState(null);
+  const [name, setName] = useState("");
+  const [slug, setSlug] = useState("");
+  const [description, setDescription] = useState("");
+  const [error, setError] = useState("");
+  const loadCategories = useCallback(async () => {
+    try {
+      const res = await api.get("/categories");
+      setCategories(res.data || []);
+    } catch (err) {
+      console.error("Failed to load categories:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    loadCategories();
+  }, [loadCategories]);
+  const resetForm = () => {
+    setEditingId(null);
+    setName("");
+    setSlug("");
+    setDescription("");
+    setError("");
+  };
+  const handleSave = async () => {
+    if (!name.trim()) {
+      setError("Name is required");
+      return;
+    }
+    setError("");
+    try {
+      const body = {
+        name: name.trim(),
+        description: description.trim() || void 0
+      };
+      if (slug.trim()) body.slug = slug.trim();
+      if (editingId) {
+        await api.put(`/categories?id=${editingId}`, body);
+      } else {
+        await api.post("/categories", body);
+      }
+      resetForm();
+      loadCategories();
+    } catch (err) {
+      setError(err.message || "Failed to save");
+    }
+  };
+  const handleEdit = (cat) => {
+    setEditingId(cat._id);
+    setName(cat.name);
+    setSlug(cat.slug);
+    setDescription(cat.description || "");
+  };
+  const handleDelete = async (id) => {
+    if (!confirm("Delete this category?")) return;
+    try {
+      await api.del(`/categories?id=${id}`);
+      loadCategories();
+    } catch (err) {
+      console.error("Delete failed:", err);
+    }
+  };
+  const handleReorder = async (id, direction) => {
+    const idx = categories.findIndex((c) => c._id === id);
+    if (idx < 0) return;
+    const swapIdx = direction === "up" ? idx - 1 : idx + 1;
+    if (swapIdx < 0 || swapIdx >= categories.length) return;
+    try {
+      await Promise.all([
+        api.put(`/categories?id=${categories[idx]._id}`, { order: categories[swapIdx].order }),
+        api.put(`/categories?id=${categories[swapIdx]._id}`, { order: categories[idx].order })
+      ]);
+      loadCategories();
+    } catch (err) {
+      console.error("Reorder failed:", err);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-category-manager", children: [
+    /* @__PURE__ */ jsx("h1", { className: "nbk-page-title", children: "Categories" }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-category-form", children: [
+      /* @__PURE__ */ jsx("h3", { children: editingId ? "Edit Category" : "Add Category" }),
+      error && /* @__PURE__ */ jsx("div", { className: "nbk-error", children: error }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-form-row", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            className: "nbk-input",
+            placeholder: "Category name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: slug,
+            onChange: (e) => setSlug(e.target.value),
+            className: "nbk-input",
+            placeholder: "slug (auto-generated)"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: description,
+          onChange: (e) => setDescription(e.target.value),
+          className: "nbk-textarea",
+          rows: 2,
+          placeholder: "Description (optional)"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-form-actions", children: [
+        /* @__PURE__ */ jsx("button", { onClick: handleSave, className: "nbk-btn nbk-btn-primary", children: editingId ? "Update" : "Add Category" }),
+        editingId && /* @__PURE__ */ jsx("button", { onClick: resetForm, className: "nbk-btn nbk-btn-secondary", children: "Cancel" })
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { className: "nbk-loading", children: "Loading categories..." }) : categories.length === 0 ? /* @__PURE__ */ jsx("div", { className: "nbk-empty-state", children: "No categories yet." }) : /* @__PURE__ */ jsxs("table", { className: "nbk-table", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { children: "Order" }),
+        /* @__PURE__ */ jsx("th", { children: "Name" }),
+        /* @__PURE__ */ jsx("th", { children: "Slug" }),
+        /* @__PURE__ */ jsx("th", { children: "Posts" }),
+        /* @__PURE__ */ jsx("th", { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: categories.map((cat, idx) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "nbk-reorder", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => handleReorder(cat._id, "up"),
+              disabled: idx === 0,
+              className: "nbk-btn-icon",
+              children: "\u25B2"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => handleReorder(cat._id, "down"),
+              disabled: idx === categories.length - 1,
+              className: "nbk-btn-icon",
+              children: "\u25BC"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx("td", { children: cat.name }),
+        /* @__PURE__ */ jsxs("td", { className: "nbk-text-muted", children: [
+          "/",
+          cat.slug
+        ] }),
+        /* @__PURE__ */ jsx("td", { children: cat.postCount }),
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "nbk-actions", children: [
+          /* @__PURE__ */ jsx("button", { onClick: () => handleEdit(cat), className: "nbk-btn nbk-btn-sm", children: "Edit" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => handleDelete(cat._id),
+              className: "nbk-btn nbk-btn-sm nbk-btn-danger",
+              children: "Delete"
+            }
+          )
+        ] }) })
+      ] }, cat._id)) })
+    ] })
+  ] });
+}
+function SettingsPage() {
+  const api = useAdminApi();
+  const [settings, setSettings] = useState({});
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [saved, setSaved] = useState(false);
+  const [error, setError] = useState("");
+  useEffect(() => {
+    api.get("/settings").then((res) => setSettings(res.data || {})).catch((err) => setError(err.message)).finally(() => setLoading(false));
+  }, []);
+  const handleSave = async () => {
+    setSaving(true);
+    setError("");
+    setSaved(false);
+    try {
+      await api.put("/settings", settings);
+      setSaved(true);
+      setTimeout(() => setSaved(false), 3e3);
+    } catch (err) {
+      setError(err.message || "Failed to save");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const update = (key, value) => {
+    setSettings((prev) => ({ ...prev, [key]: value }));
+  };
+  const updateNested = (parent, key, value) => {
+    setSettings((prev) => ({
+      ...prev,
+      [parent]: { ...prev[parent] || {}, [key]: value }
+    }));
+  };
+  if (loading) return /* @__PURE__ */ jsx("div", { className: "nbk-loading", children: "Loading settings..." });
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-settings", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nbk-page-header", children: [
+      /* @__PURE__ */ jsx("h1", { className: "nbk-page-title", children: "Settings" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleSave,
+          className: "nbk-btn nbk-btn-primary",
+          disabled: saving,
+          children: saving ? "Saving..." : saved ? "Saved!" : "Save Settings"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "nbk-error", children: error }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-settings-section", children: [
+      /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "General" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Posts Per Page" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            value: settings.postsPerPage || 10,
+            onChange: (e) => update("postsPerPage", parseInt(e.target.value) || 10),
+            className: "nbk-input",
+            min: "1",
+            max: "100"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-settings-section", children: [
+      /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "Default Author" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Name" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: settings.defaultAuthor?.name || "",
+            onChange: (e) => updateNested("defaultAuthor", "name", e.target.value),
+            className: "nbk-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Bio" }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: settings.defaultAuthor?.bio || "",
+            onChange: (e) => updateNested("defaultAuthor", "bio", e.target.value),
+            className: "nbk-textarea",
+            rows: 2
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Avatar URL" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "url",
+            value: settings.defaultAuthor?.avatar || "",
+            onChange: (e) => updateNested("defaultAuthor", "avatar", e.target.value),
+            className: "nbk-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Profile URL" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "url",
+            value: settings.defaultAuthor?.url || "",
+            onChange: (e) => updateNested("defaultAuthor", "url", e.target.value),
+            className: "nbk-input"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-settings-section", children: [
+      /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "SEO" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Default OG Image URL" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "url",
+            value: settings.defaultOgImage || "",
+            onChange: (e) => update("defaultOgImage", e.target.value),
+            className: "nbk-input",
+            placeholder: "https://..."
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-settings-section", children: [
+      /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "Comments" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Comment System" }),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: settings.commentSystem || "none",
+            onChange: (e) => update("commentSystem", e.target.value),
+            className: "nbk-select",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "none", children: "None" }),
+              /* @__PURE__ */ jsx("option", { value: "giscus", children: "Giscus" }),
+              /* @__PURE__ */ jsx("option", { value: "disqus", children: "Disqus" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-settings-section", children: [
+      /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "Analytics" }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Google Analytics ID" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: settings.analytics?.gaId || "",
+            onChange: (e) => updateNested("analytics", "gaId", e.target.value),
+            className: "nbk-input",
+            placeholder: "G-XXXXXXXXXX"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Plausible Domain" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: settings.analytics?.plausibleDomain || "",
+            onChange: (e) => updateNested("analytics", "plausibleDomain", e.target.value),
+            className: "nbk-input",
+            placeholder: "yourdomain.com"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-settings-section", children: [
+      /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "Custom CSS" }),
+      /* @__PURE__ */ jsx("div", { className: "nbk-field", children: /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: settings.customCSS || "",
+          onChange: (e) => update("customCSS", e.target.value),
+          className: "nbk-textarea nbk-code-textarea",
+          rows: 6,
+          placeholder: "/* Custom CSS styles */"
+        }
+      ) })
+    ] })
+  ] });
+}
+
+export { AdminLayout, CategoryManager, Dashboard, MediaLibrary, PostEditor, PostList, SEOPanel, SettingsPage, setApiBase, useAdminApi };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map