next-blogpanel 1.0.0

package/dist/admin/index.cjs

@@ -0,0 +1,3062 @@
+"use client";
+'use strict';
+
+var React2 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@tiptap/react');
+var StarterKit = require('@tiptap/starter-kit');
+var Placeholder = require('@tiptap/extension-placeholder');
+var Link = require('@tiptap/extension-link');
+var Underline = require('@tiptap/extension-underline');
+var Highlight = require('@tiptap/extension-highlight');
+var Typography = require('@tiptap/extension-typography');
+var TaskList = require('@tiptap/extension-task-list');
+var TaskItem = require('@tiptap/extension-task-item');
+var Table = require('@tiptap/extension-table');
+var TableRow = require('@tiptap/extension-table-row');
+var TableCell = require('@tiptap/extension-table-cell');
+var TableHeader = require('@tiptap/extension-table-header');
+var extensionImage = require('@tiptap/extension-image');
+var state = require('@tiptap/pm/state');
+var core = require('@tiptap/core');
+var CodeBlockLowlight = require('@tiptap/extension-code-block');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
+var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
+var Placeholder__default = /*#__PURE__*/_interopDefault(Placeholder);
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+var Underline__default = /*#__PURE__*/_interopDefault(Underline);
+var Highlight__default = /*#__PURE__*/_interopDefault(Highlight);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+var TaskList__default = /*#__PURE__*/_interopDefault(TaskList);
+var TaskItem__default = /*#__PURE__*/_interopDefault(TaskItem);
+var Table__default = /*#__PURE__*/_interopDefault(Table);
+var TableRow__default = /*#__PURE__*/_interopDefault(TableRow);
+var TableCell__default = /*#__PURE__*/_interopDefault(TableCell);
+var TableHeader__default = /*#__PURE__*/_interopDefault(TableHeader);
+var CodeBlockLowlight__default = /*#__PURE__*/_interopDefault(CodeBlockLowlight);
+
+// src/admin/AdminLayout.tsx
+var _apiBase = "/api/blog";
+var _basePath = "/blog";
+var _adminPath = "/admin/blog";
+function setApiBase(path) {
+  _apiBase = path;
+}
+function setBasePath(path) {
+  _basePath = path;
+}
+function setAdminPath(path) {
+  _adminPath = path;
+}
+function getBasePath() {
+  return _basePath;
+}
+function getAdminPath() {
+  return _adminPath;
+}
+function getApiKey() {
+  if (typeof window === "undefined") return "";
+  return sessionStorage.getItem("blogpanel_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 = React2.useCallback(async (path) => {
+    return apiRequest(path);
+  }, []);
+  const post = React2.useCallback(async (path, body) => {
+    return apiRequest(path, {
+      method: "POST",
+      body: body instanceof FormData ? body : JSON.stringify(body)
+    });
+  }, []);
+  const put = React2.useCallback(async (path, body) => {
+    return apiRequest(path, {
+      method: "PUT",
+      body: JSON.stringify(body)
+    });
+  }, []);
+  const del = React2.useCallback(async (path) => {
+    return apiRequest(path, { method: "DELETE" });
+  }, []);
+  return React2.useMemo(() => ({ get, post, put, del }), [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", basePath = "/blog" }) {
+  const [isAuthenticated, setIsAuthenticated] = React2.useState(false);
+  const [inputKey, setInputKey] = React2.useState("");
+  const [sidebarOpen, setSidebarOpen] = React2.useState(true);
+  const [currentPath, setCurrentPath] = React2.useState("");
+  React2.useEffect(() => {
+    if (apiPath) {
+      setApiBase(apiPath);
+    }
+    if (basePath) {
+      setBasePath(basePath);
+    }
+    if (adminPath) {
+      setAdminPath(adminPath);
+    }
+  }, [apiPath, basePath, adminPath]);
+  const [initializing, setInitializing] = React2.useState(true);
+  React2.useEffect(() => {
+    if (typeof window === "undefined") return;
+    setCurrentPath(window.location.pathname);
+    const stored = sessionStorage.getItem("blogpanel_api_key");
+    const key = stored || apiKey;
+    if (!key) {
+      setInitializing(false);
+      return;
+    }
+    const base = apiPath || getApiBase();
+    fetch(`${base}/settings`, {
+      headers: { Authorization: `Bearer ${key}` }
+    }).then((res) => {
+      if (res.ok) {
+        setIsAuthenticated(true);
+      } else {
+        sessionStorage.removeItem("blogpanel_api_key");
+      }
+    }).catch(() => {
+      if (key) setIsAuthenticated(true);
+    }).finally(() => setInitializing(false));
+  }, [apiKey, apiPath]);
+  const [loginError, setLoginError] = React2.useState("");
+  const [loginLoading, setLoginLoading] = React2.useState(false);
+  const handleLogin = async (e) => {
+    e.preventDefault();
+    if (!inputKey.trim()) return;
+    setLoginError("");
+    setLoginLoading(true);
+    try {
+      const base = apiPath || getApiBase();
+      const res = await fetch(`${base}/settings`, {
+        headers: { Authorization: `Bearer ${inputKey}` }
+      });
+      if (res.ok) {
+        sessionStorage.setItem("blogpanel_api_key", inputKey);
+        setIsAuthenticated(true);
+      } else {
+        setLoginError("Invalid API key");
+      }
+    } catch {
+      setLoginError("Unable to connect to server");
+    } finally {
+      setLoginLoading(false);
+    }
+  };
+  if (initializing) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-admin-login", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-login-card", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nbp-login-subtitle", children: "Verifying..." }) }) });
+  }
+  if (!isAuthenticated) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-admin-login", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-login-card", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "nbp-login-title", children: "Blog Admin" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nbp-login-subtitle", children: "Enter your API key to continue" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleLogin, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "password",
+            value: inputKey,
+            onChange: (e) => setInputKey(e.target.value),
+            placeholder: "Enter API key",
+            className: "nbp-login-input",
+            autoFocus: true,
+            disabled: loginLoading
+          }
+        ),
+        loginError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nbp-login-error", children: loginError }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "nbp-login-btn", disabled: loginLoading, children: loginLoading ? "Verifying..." : "Sign In" })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-admin", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: `nbp-admin-sidebar ${sidebarOpen ? "open" : "closed"}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-sidebar-title", children: "Next BlogPanel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setSidebarOpen(!sidebarOpen),
+            className: "nbp-sidebar-toggle",
+            children: sidebarOpen ? "\u2190" : "\u2192"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "nbp-sidebar-nav", children: buildNavItems(adminPath).map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: item.href,
+          className: `nbp-sidebar-link ${currentPath === item.href ? "active" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nbp-sidebar-icon", children: item.icon }),
+            sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
+          ]
+        },
+        item.href
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-sidebar-footer", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => {
+            sessionStorage.removeItem("blogpanel_api_key");
+            setIsAuthenticated(false);
+          },
+          className: "nbp-sidebar-link",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nbp-sidebar-icon", children: "\u{1F6AA}" }),
+            sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sign Out" })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "nbp-admin-main", children })
+  ] });
+}
+function Dashboard() {
+  const api = useAdminApi();
+  const adminPath = getAdminPath();
+  const [stats, setStats] = React2.useState({
+    totalPosts: 0,
+    publishedPosts: 0,
+    draftPosts: 0,
+    totalMedia: 0,
+    totalCategories: 0
+  });
+  const [recentDrafts, setRecentDrafts] = React2.useState([]);
+  const [recentPublished, setRecentPublished] = React2.useState([]);
+  const [loading, setLoading] = React2.useState(true);
+  React2.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);
+      }
+    }
+    void loadDashboard();
+  }, [api]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-loading", children: "Loading dashboard..." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-dashboard", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "nbp-page-title", children: "Dashboard" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-stats-grid", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-stat-card", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-number", children: stats.totalPosts }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-label", children: "Total Posts" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-stat-card", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-number", children: stats.publishedPosts }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-label", children: "Published" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-stat-card", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-number", children: stats.draftPosts }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-label", children: "Drafts" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-stat-card", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-number", children: stats.totalMedia }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-label", children: "Media Files" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-stat-card", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-number", children: stats.totalCategories }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-stat-label", children: "Categories" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-dashboard-grid", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-dashboard-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "Recent Drafts" }),
+        recentDrafts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nbp-empty-state", children: "No drafts yet" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "nbp-post-list-simple", children: recentDrafts.map((post) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: `${adminPath}/${post._id}/edit`, className: "nbp-post-link", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nbp-post-link-title", children: post.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nbp-post-link-date", children: new Date(post.updatedAt).toLocaleDateString() })
+        ] }) }, post._id)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-dashboard-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "Recently Published" }),
+        recentPublished.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nbp-empty-state", children: "No published posts yet" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "nbp-post-list-simple", children: recentPublished.map((post) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: `${adminPath}/${post._id}/edit`, className: "nbp-post-link", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nbp-post-link-title", children: post.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nbp-post-link-date", children: new Date(post.publishedAt || post.createdAt).toLocaleDateString() })
+        ] }) }, post._id)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-quick-actions", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${adminPath}/new`, className: "nbp-btn nbp-btn-primary", children: "New Post" }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${adminPath}/media`, className: "nbp-btn nbp-btn-secondary", children: "Media Library" })
+    ] })
+  ] });
+}
+function PostList() {
+  const api = useAdminApi();
+  const adminPath = getAdminPath();
+  const [posts, setPosts] = React2.useState([]);
+  const [total, setTotal] = React2.useState(0);
+  const [page, setPage] = React2.useState(1);
+  const [statusFilter, setStatusFilter] = React2.useState("");
+  const [searchQuery, setSearchQuery] = React2.useState("");
+  const [loading, setLoading] = React2.useState(true);
+  const [selected, setSelected] = React2.useState(/* @__PURE__ */ new Set());
+  const limit = 20;
+  const loadPosts = React2.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, api]);
+  React2.useEffect(() => {
+    void 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}`);
+      void 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());
+    void loadPosts();
+  };
+  const totalPages = Math.ceil(total / limit);
+  const statusBadge = (status) => {
+    const colors = {
+      published: "nbp-badge-green",
+      draft: "nbp-badge-yellow",
+      scheduled: "nbp-badge-blue",
+      archived: "nbp-badge-gray"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `nbp-badge ${colors[status] || "nbp-badge-gray"}`, children: status });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-post-list", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-page-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "nbp-page-title", children: "Posts" }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${adminPath}/new`, className: "nbp-btn nbp-btn-primary", children: "New Post" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-filters", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search posts...",
+          value: searchQuery,
+          onChange: (e) => {
+            setSearchQuery(e.target.value);
+            setPage(1);
+          },
+          className: "nbp-input nbp-search-input"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          value: statusFilter,
+          onChange: (e) => {
+            setStatusFilter(e.target.value);
+            setPage(1);
+          },
+          className: "nbp-select",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "All Statuses" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "published", children: "Published" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "draft", children: "Draft" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "scheduled", children: "Scheduled" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "archived", children: "Archived" })
+          ]
+        }
+      ),
+      selected.size > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-bulk-actions", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          selected.size,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleBulkAction("publish"), className: "nbp-btn nbp-btn-sm", children: "Publish" }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleBulkAction("draft"), className: "nbp-btn nbp-btn-sm", children: "Unpublish" }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleBulkAction("archive"), className: "nbp-btn nbp-btn-sm nbp-btn-danger", children: "Archive" })
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-loading", children: "Loading posts..." }) : posts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-empty-state", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No posts found." }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${adminPath}/new`, className: "nbp-btn nbp-btn-primary", children: "Create your first post" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "nbp-table", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nbp-th-checkbox", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("th", { children: "Title" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Categories" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Words" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Date" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: posts.map((post) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("td", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${adminPath}/${post._id}/edit`, className: "nbp-post-title-link", children: post.title }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-post-slug", children: [
+            "/",
+            post.slug
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: statusBadge(post.status) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: post.categories.join(", ") || "\u2014" }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: post.wordCount }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: new Date(
+          post.publishedAt || post.updatedAt
+        ).toLocaleDateString() }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-actions", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${adminPath}/${post._id}/edit`, className: "nbp-btn nbp-btn-sm", children: "Edit" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: `${getBasePath()}/${post.slug}`,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "nbp-btn nbp-btn-sm",
+              children: "View"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => handleDelete(post._id),
+              className: "nbp-btn nbp-btn-sm nbp-btn-danger",
+              children: "Delete"
+            }
+          )
+        ] }) })
+      ] }, post._id)) })
+    ] }),
+    totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-pagination-admin", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setPage(page - 1),
+          disabled: page <= 1,
+          className: "nbp-btn nbp-btn-sm",
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "Page ",
+        page,
+        " of ",
+        totalPages,
+        " (",
+        total,
+        " posts)"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setPage(page + 1),
+          disabled: page >= totalPages,
+          className: "nbp-btn nbp-btn-sm",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+var DEFAULT_MAX_UPLOAD_SIZE = 10 * 1024 * 1024;
+
+// src/editor/extensions/image-upload.ts
+var ImageUpload = extensionImage.Image.extend({
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      uploadFn: async (_file) => ({ url: "" }),
+      maxSize: DEFAULT_MAX_UPLOAD_SIZE,
+      // the ingest ceiling, NOT maxImageSize — see src/lib/limits.ts
+      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 { maxSize, allowedTypes } = opts;
+    const editorRef = this.editor;
+    return [
+      new state.Plugin({
+        key: new state.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 = core.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",
+      core.mergeAttributes(HTMLAttributes, { "data-callout": "", class: `nbp-callout nbp-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 = core.Node.create({
+  name: "faqItem",
+  group: "block",
+  content: "faqQuestion faqAnswer",
+  defining: true,
+  parseHTML() {
+    return [{ tag: "div[data-faq-item]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", core.mergeAttributes(HTMLAttributes, { "data-faq-item": "", class: "nbp-faq-item" }), 0];
+  }
+});
+var FAQQuestion = core.Node.create({
+  name: "faqQuestion",
+  content: "inline*",
+  defining: true,
+  parseHTML() {
+    return [{ tag: "div[data-faq-question]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", core.mergeAttributes(HTMLAttributes, { "data-faq-question": "", class: "nbp-faq-question" }), 0];
+  }
+});
+var FAQAnswer = core.Node.create({
+  name: "faqAnswer",
+  content: "block+",
+  defining: true,
+  parseHTML() {
+    return [{ tag: "div[data-faq-answer]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", core.mergeAttributes(HTMLAttributes, { "data-faq-answer": "", class: "nbp-faq-answer" }), 0];
+  }
+});
+var FAQ = core.Node.create({
+  name: "faq",
+  group: "block",
+  content: "faqItem+",
+  defining: true,
+  parseHTML() {
+    return [{ tag: "div[data-faq]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", core.mergeAttributes(HTMLAttributes, { "data-faq": "", class: "nbp-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 = core.Node.create({
+  name: "tableOfContents",
+  group: "block",
+  atom: true,
+  parseHTML() {
+    return [{ tag: "div[data-toc]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      core.mergeAttributes(HTMLAttributes, {
+        "data-toc": "",
+        class: "nbp-toc-placeholder"
+      }),
+      "Table of Contents (auto-generated)"
+    ];
+  },
+  addCommands() {
+    return {
+      insertTableOfContents: () => ({ commands }) => {
+        return commands.insertContent({ type: this.name });
+      }
+    };
+  }
+});
+var CodeBlockEnhanced = CodeBlockLowlight__default.default.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 = core.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$1 = {
+      isOpen: false,
+      query: "",
+      position: null,
+      selectedIndex: 0,
+      items: commands
+    };
+    function updateState(partial) {
+      state$1 = { ...state$1, ...partial };
+      onStateChange(state$1);
+    }
+    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 state.Plugin({
+        key: new state.PluginKey("slashCommand"),
+        props: {
+          handleKeyDown(view, event) {
+            if (!state$1.isOpen) {
+              return false;
+            }
+            if (event.key === "ArrowDown") {
+              event.preventDefault();
+              updateState({
+                selectedIndex: (state$1.selectedIndex + 1) % state$1.items.length
+              });
+              return true;
+            }
+            if (event.key === "ArrowUp") {
+              event.preventDefault();
+              updateState({
+                selectedIndex: (state$1.selectedIndex - 1 + state$1.items.length) % state$1.items.length
+              });
+              return true;
+            }
+            if (event.key === "Enter") {
+              event.preventDefault();
+              const item = state$1.items[state$1.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$1.isOpen) {
+              updateState({ isOpen: false, query: "", selectedIndex: 0 });
+            }
+            return false;
+          }
+        }
+      })
+    ];
+  }
+});
+function BlogEditor({
+  content,
+  onChange,
+  onSave,
+  uploadImage,
+  onBrowseMedia,
+  placeholder = 'Start writing your post... Type "/" for commands',
+  autosaveInterval = 3e4,
+  className = ""
+}) {
+  const [slashState, setSlashState] = React2.useState({
+    isOpen: false,
+    query: "",
+    position: null,
+    selectedIndex: 0,
+    items: []
+  });
+  const [wordCount, setWordCount] = React2.useState(0);
+  const [isSaving, setIsSaving] = React2.useState(false);
+  const autosaveTimerRef = React2.useRef(null);
+  const lastSavedRef = React2.useRef("");
+  const defaultUpload = React2.useCallback(async (file) => {
+    if (!uploadImage) {
+      console.warn("[Next BlogPanel] No uploadImage handler provided. Using blob URL \u2014 image will not persist across page reloads. Pass an uploadImage handler (e.g. one that POSTs to your /media API route) to persist images via GridFS or Cloudflare R2.");
+      return { url: URL.createObjectURL(file), alt: file.name };
+    }
+    return uploadImage(file);
+  }, [uploadImage]);
+  const slashCommands = React2__default.default.useMemo(() => {
+    if (!onBrowseMedia) return defaultSlashCommands;
+    const imageIndex = defaultSlashCommands.findIndex((c) => c.title === "Image");
+    const mediaItem = {
+      title: "Media Library",
+      description: "Choose from uploaded images",
+      icon: "\u{1F4C1}",
+      command: (editor2) => {
+        onBrowseMedia().then((result) => {
+          if (result) {
+            editor2.chain().focus().setImage({ src: result.url, alt: result.alt || "" }).run();
+          }
+        }).catch((err) => {
+          console.error("[Next BlogPanel] onBrowseMedia failed:", err);
+        });
+      }
+    };
+    const cmds = [...defaultSlashCommands];
+    cmds.splice(imageIndex + 1, 0, mediaItem);
+    return cmds;
+  }, [onBrowseMedia]);
+  const editor = react.useEditor({
+    extensions: [
+      StarterKit__default.default.configure({
+        codeBlock: false,
+        dropcursor: { color: "#2563eb", width: 2 }
+      }),
+      Placeholder__default.default.configure({ placeholder }),
+      Link__default.default.configure({ openOnClick: false, HTMLAttributes: { class: "nbp-link" } }),
+      Underline__default.default,
+      Highlight__default.default.configure({ multicolor: false }),
+      Typography__default.default,
+      TaskList__default.default,
+      TaskItem__default.default.configure({ nested: true }),
+      Table__default.default.configure({ resizable: true }),
+      TableRow__default.default,
+      TableCell__default.default,
+      TableHeader__default.default,
+      ImageUpload.configure({ uploadFn: defaultUpload }),
+      CodeBlockEnhanced,
+      Callout,
+      FAQ,
+      FAQItem,
+      FAQQuestion,
+      FAQAnswer,
+      TableOfContents,
+      SlashCommand.configure({
+        commands: slashCommands,
+        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: `nbp-editor-content ${className}`
+      }
+    }
+  });
+  React2.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__ */ jsxRuntime.jsxs("div", { className: "nbp-editor", children: [
+    editor && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-editor-toolbar", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-toolbar-group", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleBold().run(),
+            className: editor.isActive("bold") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Bold",
+            children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "B" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleItalic().run(),
+            className: editor.isActive("italic") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Italic",
+            children: /* @__PURE__ */ jsxRuntime.jsx("em", { children: "I" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleUnderline().run(),
+            className: editor.isActive("underline") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Underline",
+            children: /* @__PURE__ */ jsxRuntime.jsx("u", { children: "U" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleStrike().run(),
+            className: editor.isActive("strike") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Strikethrough",
+            children: /* @__PURE__ */ jsxRuntime.jsx("s", { children: "S" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleCode().run(),
+            className: editor.isActive("code") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Inline Code",
+            children: "</>"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleHighlight().run(),
+            className: editor.isActive("highlight") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Highlight",
+            children: "H"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-toolbar-divider" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-toolbar-group", children: [2, 3, 4].map((level) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => editor.chain().focus().toggleHeading({ level }).run(),
+          className: editor.isActive("heading", { level }) ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+          title: `Heading ${level}`,
+          children: [
+            "H",
+            level
+          ]
+        },
+        level
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-toolbar-divider" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-toolbar-group", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleBulletList().run(),
+            className: editor.isActive("bulletList") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Bullet List",
+            children: "\u2022"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleOrderedList().run(),
+            className: editor.isActive("orderedList") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Numbered List",
+            children: "1."
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleTaskList().run(),
+            className: editor.isActive("taskList") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Task List",
+            children: "\u2611"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-toolbar-divider" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-toolbar-group", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleBlockquote().run(),
+            className: editor.isActive("blockquote") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Quote",
+            children: "\u201C"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+            className: editor.isActive("codeBlock") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Code Block",
+            children: "{ }"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().setHorizontalRule().run(),
+            className: "nbp-toolbar-btn",
+            title: "Divider",
+            children: "\u2014"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+            className: "nbp-toolbar-btn",
+            title: "Table",
+            children: "\u229E"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-toolbar-divider" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-toolbar-group", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => {
+              const url = window.prompt("Enter URL");
+              if (url) editor.chain().focus().setLink({ href: url }).run();
+            },
+            className: editor.isActive("link") ? "nbp-toolbar-btn active" : "nbp-toolbar-btn",
+            title: "Link",
+            children: "\u{1F517}"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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: "nbp-toolbar-btn",
+            title: "Upload Image",
+            children: "\u{1F4F7}"
+          }
+        ),
+        onBrowseMedia && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: async () => {
+              const result = await onBrowseMedia();
+              if (result && editor) {
+                editor.chain().focus().setImage({ src: result.url, alt: result.alt || "" }).run();
+              }
+            },
+            className: "nbp-toolbar-btn",
+            title: "Choose from Media Library",
+            children: "\u{1F5BC}"
+          }
+        )
+      ] })
+    ] }),
+    editor && /* @__PURE__ */ jsxRuntime.jsx(react.BubbleMenu, { editor, tippyOptions: { duration: 100 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-bubble-menu", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => editor.chain().focus().toggleBold().run(), className: editor.isActive("bold") ? "active" : "", children: "B" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => editor.chain().focus().toggleItalic().run(), className: editor.isActive("italic") ? "active" : "", children: "I" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => editor.chain().focus().toggleCode().run(), className: editor.isActive("code") ? "active" : "", children: "</>" }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.EditorContent, { editor }),
+    slashState.isOpen && slashState.position && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "nbp-slash-menu",
+        style: {
+          position: "fixed",
+          top: slashState.position.top,
+          left: slashState.position.left
+        },
+        children: slashState.items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            className: `nbp-slash-item ${index === slashState.selectedIndex ? "selected" : ""}`,
+            onMouseDown: (e) => {
+              e.preventDefault();
+              editor.storage.slashCommand.deleteSlashAndRun(item);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nbp-slash-icon", children: item.icon }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-slash-title", children: item.title }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-slash-desc", children: item.description })
+              ] })
+            ]
+          },
+          item.title
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-editor-status", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        wordCount,
+        " words"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        readingTime,
+        " min read"
+      ] }),
+      isSaving && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nbp-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="nbp-task-list">${renderChildren(node)}</ul>`;
+    case "taskItem": {
+      const checked = node.attrs?.checked ? "checked" : "";
+      return `<li class="nbp-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="nbp-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="nbp-callout nbp-callout-${calloutType}"><span class="nbp-callout-icon">${icons[calloutType] || ""}</span><div class="nbp-callout-content">${renderChildren(node)}</div></div>`;
+    }
+    case "faq":
+      return `<div class="nbp-faq" itemscope itemtype="https://schema.org/FAQPage">${renderChildren(node)}</div>`;
+    case "faqItem":
+      return `<div class="nbp-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="nbp-toc"></div>';
+    case "html":
+      return getTextContent(node);
+    case "embed": {
+      const embedUrl = node.attrs?.src || "";
+      return `<div class="nbp-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, basePath = "/blog" }) {
+  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 = `${basePath}/${slug || "post-url"}`;
+  const titleLength = displayTitle.length;
+  const descLength = displayDesc.length;
+  const titleColor = titleLength >= 50 && titleLength <= 60 ? "nbp-count-good" : titleLength > 70 ? "nbp-count-bad" : "nbp-count-warn";
+  const descColor = descLength >= 150 && descLength <= 160 ? "nbp-count-good" : descLength > 170 ? "nbp-count-bad" : "nbp-count-warn";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-seo-panel", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-serp-preview", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-serp-title", children: displayTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-serp-url", children: displayUrl }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-serp-desc", children: displayDesc.slice(0, 160) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Focus Keyword" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: focusKeyword,
+          onChange: (e) => onChange({ ...seo, focusKeyword: e.target.value }),
+          className: "nbp-input",
+          placeholder: "e.g. nextjs blog"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "nbp-label", children: [
+        "Meta Title ",
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: titleColor, children: [
+          "(",
+          titleLength,
+          "/60)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: metaTitle,
+          onChange: (e) => onChange({ ...seo, metaTitle: e.target.value }),
+          className: "nbp-input",
+          placeholder: title || "Custom meta title"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "nbp-label", children: [
+        "Meta Description ",
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: descColor, children: [
+          "(",
+          descLength,
+          "/160)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          value: metaDescription,
+          onChange: (e) => onChange({ ...seo, metaDescription: e.target.value }),
+          className: "nbp-textarea",
+          rows: 3,
+          placeholder: excerpt || "Custom meta description"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Canonical URL" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "url",
+          value: canonicalUrl,
+          onChange: (e) => onChange({ ...seo, canonicalUrl: e.target.value }),
+          className: "nbp-input",
+          placeholder: "https://..."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "OG Image Override" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "url",
+          value: ogImage,
+          onChange: (e) => onChange({ ...seo, ogImage: e.target.value }),
+          className: "nbp-input",
+          placeholder: "https://..."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-field", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "nbp-checkbox-label", children: [
+      /* @__PURE__ */ jsxRuntime.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] = React2.useState("");
+  const [slug, setSlug] = React2.useState("");
+  const [content, setContent] = React2.useState({ type: "doc", content: [{ type: "paragraph" }] });
+  const [excerpt, setExcerpt] = React2.useState("");
+  const [status, setStatus] = React2.useState("draft");
+  const [categories, setCategories] = React2.useState([]);
+  const [tags, setTags] = React2.useState("");
+  const [coverImageUrl, setCoverImageUrl] = React2.useState("");
+  const [seo, setSeo] = React2.useState({});
+  const [authorName, setAuthorName] = React2.useState("");
+  const [scheduledAt, setScheduledAt] = React2.useState("");
+  const [allCategories, setAllCategories] = React2.useState([]);
+  const [saving, setSaving] = React2.useState(false);
+  const [lastSaved, setLastSaved] = React2.useState("");
+  const [error, setError] = React2.useState("");
+  const [seoExpanded, setSeoExpanded] = React2.useState(false);
+  const [loading, setLoading] = React2.useState(!!postId);
+  const [sidebarOpen, setSidebarOpen] = React2.useState(true);
+  const [showMediaPicker, setShowMediaPicker] = React2.useState(false);
+  const [mediaItems, setMediaItems] = React2.useState([]);
+  const [mediaLoading, setMediaLoading] = React2.useState(false);
+  const [mediaPickerTarget, setMediaPickerTarget] = React2.useState("cover");
+  const [mediaPickerResolve, setMediaPickerResolve] = React2.useState(null);
+  React2.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, api]);
+  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 = `${getAdminPath()}/${res.data._id}/edit`;
+          return;
+        }
+      }
+      setLastSaved((/* @__PURE__ */ new Date()).toLocaleTimeString());
+    } catch (err) {
+      setError(err.message || "Failed to save");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleAutosave = React2.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, api]
+  );
+  const uploadImage = async (file) => {
+    try {
+      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 };
+    } catch (err) {
+      setError(err.message || "Upload failed");
+      throw err;
+    }
+  };
+  const openMediaPicker = async (target) => {
+    setMediaPickerTarget(target);
+    setShowMediaPicker(true);
+    setMediaLoading(true);
+    try {
+      const res = await api.get("/media?limit=50");
+      setMediaItems(res.data || []);
+    } catch {
+      setMediaItems([]);
+    } finally {
+      setMediaLoading(false);
+    }
+  };
+  const selectMedia = (item) => {
+    if (mediaPickerTarget === "cover") {
+      setCoverImageUrl(item.url);
+    }
+    if (mediaPickerTarget === "editor" && mediaPickerResolve) {
+      mediaPickerResolve(item);
+      setMediaPickerResolve(null);
+    }
+    setShowMediaPicker(false);
+  };
+  const closeMediaPicker = () => {
+    setShowMediaPicker(false);
+    if (mediaPickerResolve) {
+      mediaPickerResolve(null);
+      setMediaPickerResolve(null);
+    }
+  };
+  const handleBrowseMedia = () => {
+    return new Promise((resolve) => {
+      setMediaPickerResolve(() => resolve);
+      void openMediaPicker("editor");
+    });
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-post-editor", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-editor-header", children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "nbp-page-title", children: "Loading..." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2rem", textAlign: "center", color: "var(--nbp-text-muted)" }, children: "Loading post..." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-post-editor", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-editor-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "nbp-page-title", children: postId ? "Edit Post" : "New Post" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-editor-actions", children: [
+        lastSaved && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nbp-last-saved", children: [
+          "Last saved: ",
+          lastSaved
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => handleSave("draft"),
+            className: "nbp-btn nbp-btn-secondary",
+            disabled: saving,
+            children: saving ? "Saving..." : "Save Draft"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => handleSave("published"),
+            className: "nbp-btn nbp-btn-primary",
+            disabled: saving,
+            children: saving ? "Publishing..." : "Publish"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setSidebarOpen(!sidebarOpen),
+            className: "nbp-btn nbp-btn-ghost",
+            title: sidebarOpen ? "Hide sidebar" : "Show sidebar",
+            children: sidebarOpen ? "\u21E5" : "\u21E4"
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-error", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `nbp-editor-layout ${sidebarOpen ? "" : "nbp-sidebar-collapsed"}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-editor-main", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: title,
+            onChange: (e) => handleTitleChange(e.target.value),
+            placeholder: "Post title...",
+            className: "nbp-title-input"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BlogEditor,
+          {
+            content,
+            onChange: setContent,
+            onSave: postId ? handleAutosave : void 0,
+            uploadImage,
+            onBrowseMedia: handleBrowseMedia
+          }
+        )
+      ] }),
+      sidebarOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-editor-sidebar", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nbp-sidebar-heading", children: "Publish" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              value: status,
+              onChange: (e) => setStatus(e.target.value),
+              className: "nbp-select",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "draft", children: "Draft" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "published", children: "Published" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "scheduled", children: "Scheduled" })
+              ]
+            }
+          ),
+          status === "scheduled" && /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "datetime-local",
+              value: scheduledAt,
+              onChange: (e) => setScheduledAt(e.target.value),
+              className: "nbp-input"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nbp-sidebar-heading", children: "URL Slug" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: slug,
+              onChange: (e) => setSlug(e.target.value),
+              className: "nbp-input",
+              placeholder: "post-url-slug"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nbp-sidebar-heading", children: "Categories" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-checkbox-list", children: allCategories.map((cat) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "nbp-checkbox-label", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nbp-sidebar-heading", children: "Tags" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: tags,
+              onChange: (e) => setTags(e.target.value),
+              className: "nbp-input",
+              placeholder: "tag1, tag2, tag3"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nbp-sidebar-heading", children: "Cover Image" }),
+          coverImageUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: coverImageUrl, alt: "Cover", className: "nbp-cover-preview" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: coverImageUrl,
+              onChange: (e) => setCoverImageUrl(e.target.value),
+              className: "nbp-input",
+              placeholder: "Image URL"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.5rem", flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ jsxRuntime.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: "nbp-btn nbp-btn-sm nbp-btn-secondary",
+                children: "Upload New"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => openMediaPicker("cover"),
+                className: "nbp-btn nbp-btn-sm nbp-btn-secondary",
+                children: "Choose from Library"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nbp-sidebar-heading", children: "Author" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: authorName,
+              onChange: (e) => setAuthorName(e.target.value),
+              className: "nbp-input",
+              placeholder: "Author name"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nbp-sidebar-heading", children: "Excerpt" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              value: excerpt,
+              onChange: (e) => setExcerpt(e.target.value),
+              className: "nbp-textarea",
+              rows: 3,
+              placeholder: "Short description..."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-sidebar-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: () => setSeoExpanded(!seoExpanded),
+              className: "nbp-sidebar-heading nbp-expandable",
+              children: [
+                "SEO Settings ",
+                seoExpanded ? "\u25BC" : "\u25B6"
+              ]
+            }
+          ),
+          seoExpanded && /* @__PURE__ */ jsxRuntime.jsx(
+            SEOPanel,
+            {
+              seo,
+              onChange: setSeo,
+              title,
+              slug,
+              excerpt,
+              basePath: getBasePath()
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    showMediaPicker && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          background: "rgba(0,0,0,0.5)",
+          zIndex: 9999,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        onClick: closeMediaPicker,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              background: "var(--nbp-bg, #fff)",
+              borderRadius: "var(--nbp-radius, 0.5rem)",
+              width: "90%",
+              maxWidth: "800px",
+              maxHeight: "80vh",
+              overflow: "hidden",
+              display: "flex",
+              flexDirection: "column"
+            },
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                padding: "1rem 1.25rem",
+                borderBottom: "1px solid var(--nbp-border, #e5e7eb)"
+              }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { margin: 0, fontSize: "1.125rem", fontWeight: 600 }, children: "Choose from Media Library" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: closeMediaPicker,
+                    style: {
+                      background: "none",
+                      border: "none",
+                      fontSize: "1.5rem",
+                      cursor: "pointer",
+                      color: "var(--nbp-text-muted)",
+                      lineHeight: 1
+                    },
+                    children: "\xD7"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1rem 1.25rem", overflowY: "auto", flex: 1 }, children: mediaLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", padding: "2rem", color: "var(--nbp-text-muted)" }, children: "Loading media..." }) : mediaItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", padding: "2rem", color: "var(--nbp-text-muted)" }, children: "No media files found. Upload images via the Media Library first." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(auto-fill, minmax(120px, 1fr))",
+                gap: "0.75rem"
+              }, children: mediaItems.filter((m) => m.url).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => selectMedia({ url: item.url, alt: item.alt || item.originalName }),
+                  style: {
+                    background: "none",
+                    border: "2px solid var(--nbp-border, #e5e7eb)",
+                    borderRadius: "var(--nbp-radius, 0.5rem)",
+                    padding: "0.25rem",
+                    cursor: "pointer",
+                    overflow: "hidden",
+                    aspectRatio: "1",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  },
+                  onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--nbp-primary, #2563eb)",
+                  onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--nbp-border, #e5e7eb)",
+                  title: item.originalName,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: item.url,
+                      alt: item.alt || item.originalName,
+                      style: {
+                        width: "100%",
+                        height: "100%",
+                        objectFit: "cover",
+                        borderRadius: "calc(var(--nbp-radius, 0.5rem) - 4px)"
+                      },
+                      loading: "lazy"
+                    }
+                  )
+                },
+                item._id
+              )) }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function MediaLibrary() {
+  const api = useAdminApi();
+  const [media, setMedia] = React2.useState([]);
+  const [total, setTotal] = React2.useState(0);
+  const [page, setPage] = React2.useState(1);
+  const [loading, setLoading] = React2.useState(true);
+  const [uploading, setUploading] = React2.useState(false);
+  const [selected, setSelected] = React2.useState(null);
+  const [dragOver, setDragOver] = React2.useState(false);
+  const limit = 24;
+  const loadMedia = React2.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, api]);
+  React2.useEffect(() => {
+    void 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);
+      }
+      void 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);
+      void 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) {
+      void handleUpload(e.dataTransfer.files);
+    }
+  };
+  const totalPages = Math.ceil(total / limit);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-media-library", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-page-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "nbp-page-title", children: "Media Library" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "nbp-btn nbp-btn-primary", children: [
+        uploading ? "Uploading..." : "Upload Files",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "file",
+            multiple: true,
+            accept: "image/*",
+            onChange: (e) => e.target.files && handleUpload(e.target.files),
+            className: "nbp-hidden"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `nbp-dropzone ${dragOver ? "active" : ""}`,
+        onDragOver: (e) => {
+          e.preventDefault();
+          setDragOver(true);
+        },
+        onDragLeave: () => setDragOver(false),
+        onDrop: handleDrop,
+        children: "Drop files here to upload"
+      }
+    ),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-loading", children: "Loading media..." }) : media.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-empty-state", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No media files yet. Upload your first image!" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-media-grid", children: media.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `nbp-media-card ${selected?._id === item._id ? "selected" : ""}`,
+        onClick: () => setSelected(item),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-media-thumb", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.url, alt: item.alt || item.originalName, loading: "lazy" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-media-info", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-media-name", title: item.originalName, children: item.originalName }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-media-size", children: formatSize(item.size) })
+          ] })
+        ]
+      },
+      item._id
+    )) }),
+    selected && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-media-detail", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-media-detail-header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "File Details" }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setSelected(null), className: "nbp-close-btn", children: "\xD7" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("img", { src: selected.url, alt: selected.alt || "", className: "nbp-media-preview" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-media-meta", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Name:" }),
+          " ",
+          selected.originalName
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Type:" }),
+          " ",
+          selected.mimeType
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Size:" }),
+          " ",
+          formatSize(selected.size)
+        ] }),
+        selected.width && selected.height && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Dimensions:" }),
+          " ",
+          selected.width,
+          " x ",
+          selected.height
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Uploaded:" }),
+          " ",
+          new Date(selected.createdAt).toLocaleString()
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-media-url", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "URL" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            readOnly: true,
+            value: selected.url,
+            className: "nbp-input",
+            onClick: (e) => e.target.select()
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => handleDelete(selected._id),
+          className: "nbp-btn nbp-btn-danger",
+          children: "Delete File"
+        }
+      )
+    ] }),
+    totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-pagination-admin", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setPage(page - 1), disabled: page <= 1, className: "nbp-btn nbp-btn-sm", children: "Previous" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "Page ",
+        page,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setPage(page + 1), disabled: page >= totalPages, className: "nbp-btn nbp-btn-sm", children: "Next" })
+    ] })
+  ] });
+}
+function CategoryManager() {
+  const api = useAdminApi();
+  const [categories, setCategories] = React2.useState([]);
+  const [loading, setLoading] = React2.useState(true);
+  const [editingId, setEditingId] = React2.useState(null);
+  const [name, setName] = React2.useState("");
+  const [slug, setSlug] = React2.useState("");
+  const [description, setDescription] = React2.useState("");
+  const [error, setError] = React2.useState("");
+  const loadCategories = React2.useCallback(async () => {
+    try {
+      const res = await api.get("/categories");
+      setCategories(res.data || []);
+    } catch (err) {
+      console.error("Failed to load categories:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+  React2.useEffect(() => {
+    void 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();
+      void 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}`);
+      void 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 })
+      ]);
+      void loadCategories();
+    } catch (err) {
+      console.error("Reorder failed:", err);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-category-manager", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "nbp-page-title", children: "Categories" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-category-form", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { children: editingId ? "Edit Category" : "Add Category" }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-form-row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            className: "nbp-input",
+            placeholder: "Category name"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: slug,
+            onChange: (e) => setSlug(e.target.value),
+            className: "nbp-input",
+            placeholder: "slug (auto-generated)"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          value: description,
+          onChange: (e) => setDescription(e.target.value),
+          className: "nbp-textarea",
+          rows: 2,
+          placeholder: "Description (optional)"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-form-actions", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleSave, className: "nbp-btn nbp-btn-primary", children: editingId ? "Update" : "Add Category" }),
+        editingId && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: resetForm, className: "nbp-btn nbp-btn-secondary", children: "Cancel" })
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-loading", children: "Loading categories..." }) : categories.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-empty-state", children: "No categories yet." }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "nbp-table", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Order" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Slug" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Posts" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: categories.map((cat, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-reorder", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => handleReorder(cat._id, "up"),
+              disabled: idx === 0,
+              className: "nbp-btn-icon",
+              children: "\u25B2"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => handleReorder(cat._id, "down"),
+              disabled: idx === categories.length - 1,
+              className: "nbp-btn-icon",
+              children: "\u25BC"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: cat.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "nbp-text-muted", children: [
+          "/",
+          cat.slug
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: cat.postCount }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-actions", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleEdit(cat), className: "nbp-btn nbp-btn-sm", children: "Edit" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => handleDelete(cat._id),
+              className: "nbp-btn nbp-btn-sm nbp-btn-danger",
+              children: "Delete"
+            }
+          )
+        ] }) })
+      ] }, cat._id)) })
+    ] })
+  ] });
+}
+function ApiTokensSection() {
+  const api = useAdminApi();
+  const [tokens, setTokens] = React2.useState([]);
+  const [loading, setLoading] = React2.useState(true);
+  const [tokenName, setTokenName] = React2.useState("");
+  const [generating, setGenerating] = React2.useState(false);
+  const [newToken, setNewToken] = React2.useState("");
+  const [copied, setCopied] = React2.useState(false);
+  const [error, setError] = React2.useState("");
+  const [showDialog, setShowDialog] = React2.useState(false);
+  const [revoking, setRevoking] = React2.useState(null);
+  const fetchTokens = React2.useCallback(async () => {
+    try {
+      const res = await api.get("/tokens");
+      setTokens(res.data || []);
+    } catch (err) {
+      setError(err.message || "Failed to load tokens");
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+  React2.useEffect(() => {
+    void fetchTokens();
+  }, [fetchTokens]);
+  const handleGenerate = async () => {
+    if (!tokenName.trim()) return;
+    setGenerating(true);
+    setError("");
+    try {
+      const res = await api.post("/tokens", { name: tokenName.trim() });
+      setNewToken(res.data.plainToken);
+      setTokenName("");
+      void fetchTokens();
+    } catch (err) {
+      setError(err.message || "Failed to generate token");
+    } finally {
+      setGenerating(false);
+    }
+  };
+  const handleRevoke = async (id) => {
+    if (!confirm("Are you sure you want to revoke this token? Any integrations using it will stop working.")) return;
+    setRevoking(id);
+    setError("");
+    try {
+      await api.del(`/tokens?id=${id}`);
+      setTokens((prev) => prev.filter((t) => t._id !== id));
+    } catch (err) {
+      setError(err.message || "Failed to revoke token");
+    } finally {
+      setRevoking(null);
+    }
+  };
+  const copyToken = () => {
+    void navigator.clipboard.writeText(newToken);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const formatDate = (d) => {
+    if (!d) return "Never";
+    return new Date(d).toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings-section", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "API Tokens" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "var(--nbp-text-muted)", fontSize: "0.875rem", marginBottom: "1rem" }, children: "Generate tokens for external services (CI pipelines, automation tools, CMS integrations). Tokens can access the API like the master key but cannot manage other tokens." }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-error", style: { marginBottom: "1rem" }, children: error }),
+    newToken && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      background: "var(--nbp-bg-secondary)",
+      border: "1px solid var(--nbp-warning, #f59e0b)",
+      borderRadius: "var(--nbp-radius)",
+      padding: "1rem",
+      marginBottom: "1rem"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 600, marginBottom: "0.5rem", color: "var(--nbp-warning, #f59e0b)" }, children: "Save this token \u2014 it will only be shown once" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("code", { style: {
+          flex: 1,
+          background: "var(--nbp-bg)",
+          padding: "0.5rem 0.75rem",
+          borderRadius: "var(--nbp-radius)",
+          border: "1px solid var(--nbp-border)",
+          fontSize: "0.813rem",
+          fontFamily: "var(--nbp-font-code)",
+          wordBreak: "break-all"
+        }, children: newToken }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: copyToken, className: "nbp-btn nbp-btn-primary", style: { whiteSpace: "nowrap" }, children: copied ? "Copied!" : "Copy" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setNewToken(""),
+          style: {
+            marginTop: "0.5rem",
+            background: "none",
+            border: "none",
+            color: "var(--nbp-text-muted)",
+            cursor: "pointer",
+            fontSize: "0.813rem",
+            padding: 0
+          },
+          children: "Dismiss"
+        }
+      )
+    ] }),
+    !showDialog ? /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setShowDialog(true), className: "nbp-btn nbp-btn-primary", style: { marginBottom: "1rem" }, children: "Generate New Token" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      display: "flex",
+      gap: "0.5rem",
+      marginBottom: "1rem",
+      alignItems: "flex-end"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Token Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: tokenName,
+            onChange: (e) => setTokenName(e.target.value),
+            className: "nbp-input",
+            placeholder: "e.g. CI Pipeline, n8n Automation",
+            onKeyDown: (e) => e.key === "Enter" && handleGenerate(),
+            autoFocus: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleGenerate, className: "nbp-btn nbp-btn-primary", disabled: generating || !tokenName.trim(), children: generating ? "Generating..." : "Generate" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => {
+            setShowDialog(false);
+            setTokenName("");
+          },
+          className: "nbp-btn",
+          style: { background: "var(--nbp-bg-secondary)", border: "1px solid var(--nbp-border)" },
+          children: "Cancel"
+        }
+      )
+    ] }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--nbp-text-muted)" }, children: "Loading tokens..." }) : tokens.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--nbp-text-muted)", fontSize: "0.875rem" }, children: "No API tokens generated yet." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: {
+      width: "100%",
+      borderCollapse: "collapse",
+      fontSize: "0.875rem"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "2px solid var(--nbp-border)" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Key Prefix" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Last Used" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Created" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "right", padding: "0.5rem 0.75rem", fontWeight: 600 } })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: tokens.map((t) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid var(--nbp-border)" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem" }, children: t.name }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("code", { style: { fontFamily: "var(--nbp-font-code)", fontSize: "0.813rem" }, children: [
+          t.prefix,
+          "..."
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem", color: "var(--nbp-text-muted)" }, children: formatDate(t.lastUsedAt) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem", color: "var(--nbp-text-muted)" }, children: formatDate(t.createdAt) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem", textAlign: "right" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => handleRevoke(t._id),
+            disabled: revoking === t._id,
+            style: {
+              background: "none",
+              border: "1px solid var(--nbp-danger, #ef4444)",
+              color: "var(--nbp-danger, #ef4444)",
+              padding: "0.25rem 0.75rem",
+              borderRadius: "var(--nbp-radius)",
+              cursor: "pointer",
+              fontSize: "0.813rem"
+            },
+            children: revoking === t._id ? "Revoking..." : "Revoke"
+          }
+        ) })
+      ] }, t._id)) })
+    ] }) })
+  ] });
+}
+function ApiReferenceSection() {
+  const [open, setOpen] = React2.useState(false);
+  const [copiedCurl, setCopiedCurl] = React2.useState(false);
+  const [copiedJson, setCopiedJson] = React2.useState(false);
+  const sampleJson = `{
+  "title": "My Blog Post",
+  "content": [{ "type": "paragraph", "content": [{ "type": "text", "text": "Hello world!" }] }],
+  "contentHTML": "<p>Hello world!</p>",
+  "excerpt": "A short summary of the post",
+  "status": "published",
+  "categories": ["tech"],
+  "tags": ["nextjs", "blog"],
+  "author": {
+    "name": "John Doe",
+    "bio": "Software engineer",
+    "avatar": "https://example.com/avatar.jpg"
+  },
+  "seo": {
+    "metaTitle": "My Blog Post | MySite",
+    "metaDescription": "A short summary for search engines",
+    "focusKeyword": "blog post"
+  }
+}`;
+  const sampleCurl = `curl -X POST https://yoursite.com${getApiBase()}/posts \\
+  -H "Authorization: Bearer nbk_your-token-here" \\
+  -H "Content-Type: application/json" \\
+  -d '{ "title": "My Post", "content": [{"type":"paragraph","content":[{"type":"text","text":"Hello!"}]}], "contentHTML": "<p>Hello!</p>", "status": "published" }'`;
+  const copyText = (text, setCopied) => {
+    void navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings-section", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "h2",
+      {
+        className: "nbp-section-title",
+        onClick: () => setOpen(!open),
+        style: { cursor: "pointer", userSelect: "none", display: "flex", alignItems: "center", gap: "0.5rem" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { transform: open ? "rotate(90deg)" : "rotate(0deg)", transition: "transform 0.2s", display: "inline-block" }, children: "\u25B6" }),
+          "API Reference"
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "1rem" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("h3", { style: { fontSize: "0.938rem", fontWeight: 600, marginBottom: "0.75rem" }, children: [
+        "Create Post \u2014 POST ",
+        getApiBase(),
+        "/posts"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "1rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "0.25rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.813rem", fontWeight: 600, color: "var(--nbp-text-muted)" }, children: "Sample JSON Body" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => copyText(sampleJson, setCopiedJson),
+              style: {
+                background: "none",
+                border: "1px solid var(--nbp-border)",
+                borderRadius: "var(--nbp-radius)",
+                padding: "0.125rem 0.5rem",
+                cursor: "pointer",
+                fontSize: "0.75rem",
+                color: "var(--nbp-text-muted)"
+              },
+              children: copiedJson ? "Copied!" : "Copy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { style: {
+          background: "var(--nbp-bg-secondary)",
+          border: "1px solid var(--nbp-border)",
+          borderRadius: "var(--nbp-radius)",
+          padding: "0.75rem",
+          overflow: "auto",
+          fontSize: "0.813rem",
+          fontFamily: "var(--nbp-font-code)",
+          lineHeight: 1.5,
+          maxHeight: "400px"
+        }, children: sampleJson })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "1rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "0.25rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.813rem", fontWeight: 600, color: "var(--nbp-text-muted)" }, children: "Sample curl Command" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => copyText(sampleCurl, setCopiedCurl),
+              style: {
+                background: "none",
+                border: "1px solid var(--nbp-border)",
+                borderRadius: "var(--nbp-radius)",
+                padding: "0.125rem 0.5rem",
+                cursor: "pointer",
+                fontSize: "0.75rem",
+                color: "var(--nbp-text-muted)"
+              },
+              children: copiedCurl ? "Copied!" : "Copy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { style: {
+          background: "var(--nbp-bg-secondary)",
+          border: "1px solid var(--nbp-border)",
+          borderRadius: "var(--nbp-radius)",
+          padding: "0.75rem",
+          overflow: "auto",
+          fontSize: "0.813rem",
+          fontFamily: "var(--nbp-font-code)",
+          lineHeight: 1.5
+        }, children: sampleCurl })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontSize: "0.938rem", fontWeight: 600, marginBottom: "0.75rem" }, children: "Field Reference" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: "0.813rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "2px solid var(--nbp-border)" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Field" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Type" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Required" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Description" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: [
+          ["title", "string", "Yes", "Post title"],
+          ["content", "BlockContent[]", "No", "TipTap JSON content blocks"],
+          ["contentHTML", "string", "No", "HTML version of the content"],
+          ["excerpt", "string", "No", "Short summary (auto-generated if omitted)"],
+          ["slug", "string", "No", "URL slug (auto-generated from title if omitted)"],
+          ["status", '"draft" | "published" | "scheduled"', "No", 'Defaults to "draft"'],
+          ["categories", "string[]", "No", "Category slugs"],
+          ["tags", "string[]", "No", "Tag strings"],
+          ["author", "{ name, bio?, avatar?, url? }", "No", "Post author info"],
+          ["seo", "{ metaTitle?, metaDescription?, focusKeyword?, ... }", "No", "SEO metadata"],
+          ["coverImage", "{ _id, url, alt?, caption? }", "No", "Cover image reference"],
+          ["publishedAt", "ISO date string", "No", 'Publish date (auto-set when status is "published")'],
+          ["scheduledAt", "ISO date string", "No", "Schedule date for future publishing"]
+        ].map(([field, type, required, desc]) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid var(--nbp-border)" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem" }, children: /* @__PURE__ */ jsxRuntime.jsx("code", { style: { fontFamily: "var(--nbp-font-code)", fontSize: "0.813rem" }, children: field }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem", color: "var(--nbp-text-muted)" }, children: type }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem" }, children: required }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0.5rem 0.75rem", color: "var(--nbp-text-muted)" }, children: desc })
+        ] }, field)) })
+      ] }) })
+    ] })
+  ] });
+}
+function SettingsPage() {
+  const api = useAdminApi();
+  const [settings, setSettings] = React2.useState({});
+  const [loading, setLoading] = React2.useState(true);
+  const [saving, setSaving] = React2.useState(false);
+  const [saved, setSaved] = React2.useState(false);
+  const [error, setError] = React2.useState("");
+  React2.useEffect(() => {
+    api.get("/settings").then((res) => setSettings(res.data || {})).catch((err) => setError(err.message)).finally(() => setLoading(false));
+  }, [api]);
+  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__ */ jsxRuntime.jsx("div", { className: "nbp-loading", children: "Loading settings..." });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-page-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "nbp-page-title", children: "Settings" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: handleSave,
+          className: "nbp-btn nbp-btn-primary",
+          disabled: saving,
+          children: saving ? "Saving..." : saved ? "Saved!" : "Save Settings"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-error", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings-section", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "General" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Posts Per Page" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            value: settings.postsPerPage || 10,
+            onChange: (e) => update("postsPerPage", parseInt(e.target.value) || 10),
+            className: "nbp-input",
+            min: "1",
+            max: "100"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings-section", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "Default Author" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: settings.defaultAuthor?.name || "",
+            onChange: (e) => updateNested("defaultAuthor", "name", e.target.value),
+            className: "nbp-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Bio" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            value: settings.defaultAuthor?.bio || "",
+            onChange: (e) => updateNested("defaultAuthor", "bio", e.target.value),
+            className: "nbp-textarea",
+            rows: 2
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Avatar URL" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "url",
+            value: settings.defaultAuthor?.avatar || "",
+            onChange: (e) => updateNested("defaultAuthor", "avatar", e.target.value),
+            className: "nbp-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Profile URL" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "url",
+            value: settings.defaultAuthor?.url || "",
+            onChange: (e) => updateNested("defaultAuthor", "url", e.target.value),
+            className: "nbp-input"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings-section", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "SEO" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Default OG Image URL" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "url",
+            value: settings.defaultOgImage || "",
+            onChange: (e) => update("defaultOgImage", e.target.value),
+            className: "nbp-input",
+            placeholder: "https://..."
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings-section", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "Comments" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Comment System" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: settings.commentSystem || "none",
+            onChange: (e) => update("commentSystem", e.target.value),
+            className: "nbp-select",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "none", children: "None" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "giscus", children: "Giscus" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "disqus", children: "Disqus" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings-section", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "Analytics" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Google Analytics ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: settings.analytics?.gaId || "",
+            onChange: (e) => updateNested("analytics", "gaId", e.target.value),
+            className: "nbp-input",
+            placeholder: "G-XXXXXXXXXX"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nbp-label", children: "Plausible Domain" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: settings.analytics?.plausibleDomain || "",
+            onChange: (e) => updateNested("analytics", "plausibleDomain", e.target.value),
+            className: "nbp-input",
+            placeholder: "yourdomain.com"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nbp-settings-section", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-section-title", children: "Custom CSS" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nbp-field", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          value: settings.customCSS || "",
+          onChange: (e) => update("customCSS", e.target.value),
+          className: "nbp-textarea nbp-code-textarea",
+          rows: 6,
+          placeholder: "/* Custom CSS styles */"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "2rem" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nbp-page-title", style: { fontSize: "1.25rem", marginBottom: "1rem" }, children: "API Access" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ApiTokensSection, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ApiReferenceSection, {})
+    ] })
+  ] });
+}
+
+exports.AdminLayout = AdminLayout;
+exports.CategoryManager = CategoryManager;
+exports.Dashboard = Dashboard;
+exports.MediaLibrary = MediaLibrary;
+exports.PostEditor = PostEditor;
+exports.PostList = PostList;
+exports.SEOPanel = SEOPanel;
+exports.SettingsPage = SettingsPage;
+exports.getAdminPath = getAdminPath;
+exports.getApiBase = getApiBase;
+exports.getBasePath = getBasePath;
+exports.setAdminPath = setAdminPath;
+exports.setApiBase = setApiBase;
+exports.setBasePath = setBasePath;
+exports.useAdminApi = useAdminApi;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map