nextblogkit 0.6.2 → 0.7.1

package/dist/admin/index.d.cts

@@ -6,8 +6,9 @@ interface AdminLayoutProps {
     apiKey?: string;
     apiPath?: string;
     adminPath?: string;
+    basePath?: string;
 }
-declare function AdminLayout({ children, apiKey, apiPath, adminPath }: AdminLayoutProps): react_jsx_runtime.JSX.Element;
+declare function AdminLayout({ children, apiKey, apiPath, adminPath, basePath }: AdminLayoutProps): react_jsx_runtime.JSX.Element;
 
 declare function Dashboard(): react_jsx_runtime.JSX.Element;
 
@@ -30,10 +31,13 @@ interface SEOPanelProps {
     title: string;
     slug: string;
     excerpt: string;
+    basePath?: string;
 }
-declare function SEOPanel({ seo, onChange, title, slug, excerpt }: SEOPanelProps): react_jsx_runtime.JSX.Element;
+declare function SEOPanel({ seo, onChange, title, slug, excerpt, basePath }: SEOPanelProps): react_jsx_runtime.JSX.Element;
 
 declare function setApiBase(path: string): void;
+declare function setBasePath(path: string): void;
+declare function getBasePath(): string;
 declare function useAdminApi(): {
     get: (path: string) => Promise<any>;
     post: (path: string, body?: unknown) => Promise<any>;
@@ -41,4 +45,4 @@ declare function useAdminApi(): {
     del: (path: string) => Promise<any>;
 };
 
-export { AdminLayout, CategoryManager, Dashboard, MediaLibrary, PostEditor, PostList, SEOPanel, SettingsPage, setApiBase, useAdminApi };
+export { AdminLayout, CategoryManager, Dashboard, MediaLibrary, PostEditor, PostList, SEOPanel, SettingsPage, getBasePath, setApiBase, setBasePath, useAdminApi };

package/dist/admin/index.d.ts

@@ -6,8 +6,9 @@ interface AdminLayoutProps {
     apiKey?: string;
     apiPath?: string;
     adminPath?: string;
+    basePath?: string;
 }
-declare function AdminLayout({ children, apiKey, apiPath, adminPath }: AdminLayoutProps): react_jsx_runtime.JSX.Element;
+declare function AdminLayout({ children, apiKey, apiPath, adminPath, basePath }: AdminLayoutProps): react_jsx_runtime.JSX.Element;
 
 declare function Dashboard(): react_jsx_runtime.JSX.Element;
 
@@ -30,10 +31,13 @@ interface SEOPanelProps {
     title: string;
     slug: string;
     excerpt: string;
+    basePath?: string;
 }
-declare function SEOPanel({ seo, onChange, title, slug, excerpt }: SEOPanelProps): react_jsx_runtime.JSX.Element;
+declare function SEOPanel({ seo, onChange, title, slug, excerpt, basePath }: SEOPanelProps): react_jsx_runtime.JSX.Element;
 
 declare function setApiBase(path: string): void;
+declare function setBasePath(path: string): void;
+declare function getBasePath(): string;
 declare function useAdminApi(): {
     get: (path: string) => Promise<any>;
     post: (path: string, body?: unknown) => Promise<any>;
@@ -41,4 +45,4 @@ declare function useAdminApi(): {
     del: (path: string) => Promise<any>;
 };
 
-export { AdminLayout, CategoryManager, Dashboard, MediaLibrary, PostEditor, PostList, SEOPanel, SettingsPage, setApiBase, useAdminApi };
+export { AdminLayout, CategoryManager, Dashboard, MediaLibrary, PostEditor, PostList, SEOPanel, SettingsPage, getBasePath, setApiBase, setBasePath, useAdminApi };

package/dist/admin/index.js

@@ -21,9 +21,16 @@ import CodeBlockLowlight from '@tiptap/extension-code-block';
 
 // src/admin/AdminLayout.tsx
 var _apiBase = "/api/blog";
+var _basePath = "/blog";
 function setApiBase(path) {
   _apiBase = path;
 }
+function setBasePath(path) {
+  _basePath = path;
+}
+function getBasePath() {
+  return _basePath;
+}
 function getApiKey() {
   if (typeof window === "undefined") return "";
   return sessionStorage.getItem("nbk_api_key") || "";
@@ -84,7 +91,7 @@ function buildNavItems(adminPath) {
     { label: "Settings", href: `${adminPath}/settings`, icon: "\u2699\uFE0F" }
   ];
 }
-function AdminLayout({ children, apiKey, apiPath, adminPath = "/admin/blog" }) {
+function AdminLayout({ children, apiKey, apiPath, adminPath = "/admin/blog", basePath = "/blog" }) {
   const [isAuthenticated, setIsAuthenticated] = useState(false);
   const [inputKey, setInputKey] = useState("");
   const [sidebarOpen, setSidebarOpen] = useState(true);
@@ -93,7 +100,10 @@ function AdminLayout({ children, apiKey, apiPath, adminPath = "/admin/blog" }) {
     if (apiPath) {
       setApiBase(apiPath);
     }
-  }, [apiPath]);
+    if (basePath) {
+      setBasePath(basePath);
+    }
+  }, [apiPath, basePath]);
   useEffect(() => {
     if (typeof window !== "undefined") {
       setCurrentPath(window.location.pathname);
@@ -431,7 +441,7 @@ function PostList() {
           /* @__PURE__ */ jsx(
             "a",
             {
-              href: `/blog/${post.slug}`,
+              href: `${getBasePath()}/${post.slug}`,
               target: "_blank",
               rel: "noopener noreferrer",
               className: "nbk-btn nbk-btn-sm",
@@ -979,6 +989,7 @@ function BlogEditor({
   const lastSavedRef = useRef("");
   const defaultUpload = useCallback(async (file) => {
     if (!uploadImage) {
+      console.warn("[NextBlogKit] No uploadImage handler provided. Using blob URL \u2014 image will not persist across page reloads. Configure Cloudflare R2 for persistent image storage.");
       return { url: URL.createObjectURL(file), alt: file.name };
     }
     return uploadImage(file);
@@ -1432,7 +1443,7 @@ function stripTags(html) {
 function slugify(text) {
   return text.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_]+/g, "-").replace(/-+/g, "-");
 }
-function SEOPanel({ seo, onChange, title, slug, excerpt }) {
+function SEOPanel({ seo, onChange, title, slug, excerpt, basePath = "/blog" }) {
   const metaTitle = seo.metaTitle || "";
   const metaDescription = seo.metaDescription || "";
   const focusKeyword = seo.focusKeyword || "";
@@ -1441,7 +1452,7 @@ function SEOPanel({ seo, onChange, title, slug, excerpt }) {
   const noIndex = seo.noIndex || false;
   const displayTitle = metaTitle || title || "Post Title";
   const displayDesc = metaDescription || excerpt || "Post description will appear here...";
-  const displayUrl = `/blog/${slug || "post-url"}`;
+  const displayUrl = `${basePath}/${slug || "post-url"}`;
   const titleLength = displayTitle.length;
   const descLength = displayDesc.length;
   const titleColor = titleLength >= 50 && titleLength <= 60 ? "nbk-count-good" : titleLength > 70 ? "nbk-count-bad" : "nbk-count-warn";
@@ -1653,10 +1664,20 @@ function PostEditor({ postId }) {
     [postId]
   );
   const uploadImage = async (file) => {
-    const formData = new FormData();
-    formData.append("file", file);
-    const res = await api.post("/media", formData);
-    return { url: res.data.url, alt: res.data.alt || file.name };
+    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) {
+      const msg = err.message || "Upload failed";
+      if (msg.includes("R2") || msg.includes("STORAGE_NOT_CONFIGURED")) {
+        setError("Image upload requires Cloudflare R2 configuration. Set R2 environment variables or use an external image URL instead.");
+      } else {
+        setError(msg);
+      }
+      throw err;
+    }
   };
   if (loading) {
     return /* @__PURE__ */ jsxs("div", { className: "nbk-post-editor", children: [
@@ -1878,7 +1899,8 @@ function PostEditor({ postId }) {
               onChange: setSeo,
               title,
               slug,
-              excerpt
+              excerpt,
+              basePath: getBasePath()
             }
           )
         ] })
@@ -2237,6 +2259,333 @@ function CategoryManager() {
     ] })
   ] });
 }
+function ApiTokensSection() {
+  const api = useAdminApi();
+  const [tokens, setTokens] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [tokenName, setTokenName] = useState("");
+  const [generating, setGenerating] = useState(false);
+  const [newToken, setNewToken] = useState("");
+  const [copied, setCopied] = useState(false);
+  const [error, setError] = useState("");
+  const [showDialog, setShowDialog] = useState(false);
+  const [revoking, setRevoking] = useState(null);
+  const fetchTokens = useCallback(async () => {
+    try {
+      const res = await api.get("/tokens");
+      setTokens(res.data || []);
+    } catch (err) {
+      setError(err.message || "Failed to load tokens");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    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("");
+      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 = () => {
+    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__ */ jsxs("div", { className: "nbk-settings-section", children: [
+    /* @__PURE__ */ jsx("h2", { className: "nbk-section-title", children: "API Tokens" }),
+    /* @__PURE__ */ jsx("p", { style: { color: "var(--nbk-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__ */ jsx("div", { className: "nbk-error", style: { marginBottom: "1rem" }, children: error }),
+    newToken && /* @__PURE__ */ jsxs("div", { style: {
+      background: "var(--nbk-bg-secondary)",
+      border: "1px solid var(--nbk-warning, #f59e0b)",
+      borderRadius: "var(--nbk-radius)",
+      padding: "1rem",
+      marginBottom: "1rem"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: "0.5rem", color: "var(--nbk-warning, #f59e0b)" }, children: "Save this token \u2014 it will only be shown once" }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx("code", { style: {
+          flex: 1,
+          background: "var(--nbk-bg)",
+          padding: "0.5rem 0.75rem",
+          borderRadius: "var(--nbk-radius)",
+          border: "1px solid var(--nbk-border)",
+          fontSize: "0.813rem",
+          fontFamily: "var(--nbk-font-code)",
+          wordBreak: "break-all"
+        }, children: newToken }),
+        /* @__PURE__ */ jsx("button", { onClick: copyToken, className: "nbk-btn nbk-btn-primary", style: { whiteSpace: "nowrap" }, children: copied ? "Copied!" : "Copy" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setNewToken(""),
+          style: {
+            marginTop: "0.5rem",
+            background: "none",
+            border: "none",
+            color: "var(--nbk-text-muted)",
+            cursor: "pointer",
+            fontSize: "0.813rem",
+            padding: 0
+          },
+          children: "Dismiss"
+        }
+      )
+    ] }),
+    !showDialog ? /* @__PURE__ */ jsx("button", { onClick: () => setShowDialog(true), className: "nbk-btn nbk-btn-primary", style: { marginBottom: "1rem" }, children: "Generate New Token" }) : /* @__PURE__ */ jsxs("div", { style: {
+      display: "flex",
+      gap: "0.5rem",
+      marginBottom: "1rem",
+      alignItems: "flex-end"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsx("label", { className: "nbk-label", children: "Token Name" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: tokenName,
+            onChange: (e) => setTokenName(e.target.value),
+            className: "nbk-input",
+            placeholder: "e.g. CI Pipeline, n8n Automation",
+            onKeyDown: (e) => e.key === "Enter" && handleGenerate(),
+            autoFocus: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("button", { onClick: handleGenerate, className: "nbk-btn nbk-btn-primary", disabled: generating || !tokenName.trim(), children: generating ? "Generating..." : "Generate" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => {
+            setShowDialog(false);
+            setTokenName("");
+          },
+          className: "nbk-btn",
+          style: { background: "var(--nbk-bg-secondary)", border: "1px solid var(--nbk-border)" },
+          children: "Cancel"
+        }
+      )
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { style: { color: "var(--nbk-text-muted)" }, children: "Loading tokens..." }) : tokens.length === 0 ? /* @__PURE__ */ jsx("div", { style: { color: "var(--nbk-text-muted)", fontSize: "0.875rem" }, children: "No API tokens generated yet." }) : /* @__PURE__ */ jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs("table", { style: {
+      width: "100%",
+      borderCollapse: "collapse",
+      fontSize: "0.875rem"
+    }, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: { borderBottom: "2px solid var(--nbk-border)" }, children: [
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Name" }),
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Key Prefix" }),
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Last Used" }),
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Created" }),
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "right", padding: "0.5rem 0.75rem", fontWeight: 600 } })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: tokens.map((t) => /* @__PURE__ */ jsxs("tr", { style: { borderBottom: "1px solid var(--nbk-border)" }, children: [
+        /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem" }, children: t.name }),
+        /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem" }, children: /* @__PURE__ */ jsxs("code", { style: { fontFamily: "var(--nbk-font-code)", fontSize: "0.813rem" }, children: [
+          t.prefix,
+          "..."
+        ] }) }),
+        /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem", color: "var(--nbk-text-muted)" }, children: formatDate(t.lastUsedAt) }),
+        /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem", color: "var(--nbk-text-muted)" }, children: formatDate(t.createdAt) }),
+        /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem", textAlign: "right" }, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleRevoke(t._id),
+            disabled: revoking === t._id,
+            style: {
+              background: "none",
+              border: "1px solid var(--nbk-danger, #ef4444)",
+              color: "var(--nbk-danger, #ef4444)",
+              padding: "0.25rem 0.75rem",
+              borderRadius: "var(--nbk-radius)",
+              cursor: "pointer",
+              fontSize: "0.813rem"
+            },
+            children: revoking === t._id ? "Revoking..." : "Revoke"
+          }
+        ) })
+      ] }, t._id)) })
+    ] }) })
+  ] });
+}
+function ApiReferenceSection() {
+  const [open, setOpen] = useState(false);
+  const [copiedCurl, setCopiedCurl] = useState(false);
+  const [copiedJson, setCopiedJson] = 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/api/blog/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) => {
+    navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "nbk-settings-section", children: [
+    /* @__PURE__ */ jsxs(
+      "h2",
+      {
+        className: "nbk-section-title",
+        onClick: () => setOpen(!open),
+        style: { cursor: "pointer", userSelect: "none", display: "flex", alignItems: "center", gap: "0.5rem" },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { transform: open ? "rotate(90deg)" : "rotate(0deg)", transition: "transform 0.2s", display: "inline-block" }, children: "\u25B6" }),
+          "API Reference"
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { style: { marginTop: "1rem" }, children: [
+      /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.938rem", fontWeight: 600, marginBottom: "0.75rem" }, children: "Create Post \u2014 POST /api/blog/posts" }),
+      /* @__PURE__ */ jsxs("div", { style: { marginBottom: "1rem" }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "0.25rem" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.813rem", fontWeight: 600, color: "var(--nbk-text-muted)" }, children: "Sample JSON Body" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => copyText(sampleJson, setCopiedJson),
+              style: {
+                background: "none",
+                border: "1px solid var(--nbk-border)",
+                borderRadius: "var(--nbk-radius)",
+                padding: "0.125rem 0.5rem",
+                cursor: "pointer",
+                fontSize: "0.75rem",
+                color: "var(--nbk-text-muted)"
+              },
+              children: copiedJson ? "Copied!" : "Copy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("pre", { style: {
+          background: "var(--nbk-bg-secondary)",
+          border: "1px solid var(--nbk-border)",
+          borderRadius: "var(--nbk-radius)",
+          padding: "0.75rem",
+          overflow: "auto",
+          fontSize: "0.813rem",
+          fontFamily: "var(--nbk-font-code)",
+          lineHeight: 1.5,
+          maxHeight: "400px"
+        }, children: sampleJson })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { marginBottom: "1rem" }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "0.25rem" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.813rem", fontWeight: 600, color: "var(--nbk-text-muted)" }, children: "Sample curl Command" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => copyText(sampleCurl, setCopiedCurl),
+              style: {
+                background: "none",
+                border: "1px solid var(--nbk-border)",
+                borderRadius: "var(--nbk-radius)",
+                padding: "0.125rem 0.5rem",
+                cursor: "pointer",
+                fontSize: "0.75rem",
+                color: "var(--nbk-text-muted)"
+              },
+              children: copiedCurl ? "Copied!" : "Copy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("pre", { style: {
+          background: "var(--nbk-bg-secondary)",
+          border: "1px solid var(--nbk-border)",
+          borderRadius: "var(--nbk-radius)",
+          padding: "0.75rem",
+          overflow: "auto",
+          fontSize: "0.813rem",
+          fontFamily: "var(--nbk-font-code)",
+          lineHeight: 1.5
+        }, children: sampleCurl })
+      ] }),
+      /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.938rem", fontWeight: 600, marginBottom: "0.75rem" }, children: "Field Reference" }),
+      /* @__PURE__ */ jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: "0.813rem" }, children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: { borderBottom: "2px solid var(--nbk-border)" }, children: [
+          /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Field" }),
+          /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Type" }),
+          /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Required" }),
+          /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "0.5rem 0.75rem", fontWeight: 600 }, children: "Description" })
+        ] }) }),
+        /* @__PURE__ */ 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__ */ jsxs("tr", { style: { borderBottom: "1px solid var(--nbk-border)" }, children: [
+          /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem" }, children: /* @__PURE__ */ jsx("code", { style: { fontFamily: "var(--nbk-font-code)", fontSize: "0.813rem" }, children: field }) }),
+          /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem", color: "var(--nbk-text-muted)" }, children: type }),
+          /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem" }, children: required }),
+          /* @__PURE__ */ jsx("td", { style: { padding: "0.5rem 0.75rem", color: "var(--nbk-text-muted)" }, children: desc })
+        ] }, field)) })
+      ] }) })
+    ] })
+  ] });
+}
 function SettingsPage() {
   const api = useAdminApi();
   const [settings, setSettings] = useState({});
@@ -2429,10 +2778,15 @@ function SettingsPage() {
           placeholder: "/* Custom CSS styles */"
         }
       ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { marginTop: "2rem" }, children: [
+      /* @__PURE__ */ jsx("h2", { className: "nbk-page-title", style: { fontSize: "1.25rem", marginBottom: "1rem" }, children: "API Access" }),
+      /* @__PURE__ */ jsx(ApiTokensSection, {}),
+      /* @__PURE__ */ jsx(ApiReferenceSection, {})
     ] })
   ] });
 }
 
-export { AdminLayout, CategoryManager, Dashboard, MediaLibrary, PostEditor, PostList, SEOPanel, SettingsPage, setApiBase, useAdminApi };
+export { AdminLayout, CategoryManager, Dashboard, MediaLibrary, PostEditor, PostList, SEOPanel, SettingsPage, getBasePath, setApiBase, setBasePath, useAdminApi };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map