specra 0.1.0

package/dist/app/docs-page.js

@@ -0,0 +1,4072 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/app/docs-page.tsx
+var docs_page_exports = {};
+__export(docs_page_exports, {
+  default: () => DocPage,
+  generateMetadata: () => generateMetadata,
+  generateStaticParams: () => generateStaticParams
+});
+module.exports = __toCommonJS(docs_page_exports);
+
+// src/lib/mdx.ts
+var import_fs2 = __toESM(require("fs"));
+var import_path2 = __toESM(require("path"));
+var import_gray_matter = __toESM(require("gray-matter"));
+
+// src/lib/category.ts
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var DOCS_DIR = import_path.default.join(process.cwd(), "docs");
+function getCategoryConfig(folderPath) {
+  try {
+    const categoryPath = import_path.default.join(folderPath, "_category_.json");
+    if (!import_fs.default.existsSync(categoryPath)) {
+      return null;
+    }
+    const content = import_fs.default.readFileSync(categoryPath, "utf8");
+    return JSON.parse(content);
+  } catch (error) {
+    console.error(`Error reading category config from ${folderPath}:`, error);
+    return null;
+  }
+}
+function getAllCategoryConfigs(version) {
+  const configs = /* @__PURE__ */ new Map();
+  const versionDir = import_path.default.join(DOCS_DIR, version);
+  if (!import_fs.default.existsSync(versionDir)) {
+    return configs;
+  }
+  function scanDirectory(dir, relativePath = "") {
+    const entries = import_fs.default.readdirSync(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      if (entry.isDirectory()) {
+        const fullPath = import_path.default.join(dir, entry.name);
+        const relPath = relativePath ? `${relativePath}/${entry.name}` : entry.name;
+        const config = getCategoryConfig(fullPath);
+        if (config) {
+          configs.set(relPath, config);
+        }
+        scanDirectory(fullPath, relPath);
+      }
+    }
+  }
+  scanDirectory(versionDir);
+  return configs;
+}
+
+// src/lib/sidebar-utils.ts
+function sortSidebarItems(items) {
+  return [...items].sort((a, b) => {
+    const posA = a.sidebar_position ?? a.meta?.sidebar_position ?? a.meta?.order ?? 999;
+    const posB = b.sidebar_position ?? b.meta?.sidebar_position ?? b.meta?.order ?? 999;
+    return posA - posB;
+  });
+}
+function sortSidebarGroups(groups) {
+  return Object.entries(groups).sort(([, a], [, b]) => {
+    const posA = a.position ?? 999;
+    const posB = b.position ?? 999;
+    return posA - posB;
+  });
+}
+function buildSidebarStructure(docs) {
+  const rootGroups = {};
+  const standalone = [];
+  const categoryMetadata = /* @__PURE__ */ new Map();
+  docs.forEach((doc) => {
+    const pathParts = doc.filePath.split("/");
+    const folderPath = pathParts.length > 1 ? pathParts.slice(0, -1).join("/") : "";
+    if (folderPath && doc.categoryLabel) {
+      categoryMetadata.set(folderPath, {
+        label: doc.categoryLabel,
+        position: doc.categoryPosition,
+        icon: doc.categoryIcon,
+        collapsible: doc.categoryCollapsible,
+        collapsed: doc.categoryCollapsed
+      });
+    }
+  });
+  docs.forEach((doc) => {
+    const pathParts = doc.filePath.split("/");
+    const isIndexFile = doc.filePath.endsWith("/index") || doc.filePath === "index" || pathParts.length > 1 && doc.slug === pathParts.slice(0, -1).join("/");
+    const customGroup = doc.meta.sidebar || doc.meta.group;
+    if (customGroup) {
+      const groupName = customGroup.charAt(0).toUpperCase() + customGroup.slice(1);
+      if (!rootGroups[groupName]) {
+        rootGroups[groupName] = {
+          label: groupName,
+          path: customGroup,
+          items: [],
+          position: 999,
+          collapsible: doc.categoryCollapsible ?? true,
+          defaultCollapsed: doc.categoryCollapsed ?? false,
+          children: {}
+        };
+      }
+      if (isIndexFile) {
+        rootGroups[groupName].position = doc.categoryPosition ?? doc.meta.sidebar_position ?? 999;
+        rootGroups[groupName].icon = doc.categoryIcon;
+      } else {
+        rootGroups[groupName].items.push(doc);
+      }
+      return;
+    }
+    if (pathParts.length > 1) {
+      const folderParts = pathParts.slice(0, -1);
+      let currentLevel = rootGroups;
+      let currentPath = "";
+      for (let i = 0; i < folderParts.length; i++) {
+        const folder = folderParts[i];
+        currentPath = currentPath ? `${currentPath}/${folder}` : folder;
+        const folderLabel = folder.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+        const metadata = categoryMetadata.get(currentPath);
+        if (!currentLevel[folder]) {
+          currentLevel[folder] = {
+            label: metadata?.label ?? folderLabel,
+            path: currentPath,
+            icon: metadata?.icon,
+            items: [],
+            position: metadata?.position ?? 999,
+            collapsible: metadata?.collapsible ?? true,
+            defaultCollapsed: metadata?.collapsed ?? false,
+            children: {}
+          };
+        }
+        if (i === folderParts.length - 1) {
+          if (isIndexFile) {
+            currentLevel[folder].position = doc.categoryPosition ?? doc.meta.sidebar_position ?? currentLevel[folder].position;
+            if (doc.categoryLabel) {
+              currentLevel[folder].label = doc.categoryLabel;
+            }
+            if (doc.categoryIcon) {
+              currentLevel[folder].icon = doc.categoryIcon;
+            }
+            if (doc.categoryCollapsible !== void 0) {
+              currentLevel[folder].collapsible = doc.categoryCollapsible;
+            }
+            if (doc.categoryCollapsed !== void 0) {
+              currentLevel[folder].defaultCollapsed = doc.categoryCollapsed;
+            }
+          } else {
+            currentLevel[folder].items.push(doc);
+          }
+        }
+        currentLevel = currentLevel[folder].children;
+      }
+    } else {
+      if (!isIndexFile) {
+        standalone.push(doc);
+      }
+    }
+  });
+  return { rootGroups, standalone };
+}
+
+// src/lib/mdx.ts
+var DOCS_DIR2 = import_path2.default.join(process.cwd(), "docs");
+function calculateReadingTime(content) {
+  const words = content.trim().split(/\s+/).length;
+  const minutes = Math.ceil(words / 200);
+  return { minutes, words };
+}
+function getVersions() {
+  try {
+    const versions = import_fs2.default.readdirSync(DOCS_DIR2);
+    return versions.filter((v) => import_fs2.default.statSync(import_path2.default.join(DOCS_DIR2, v)).isDirectory());
+  } catch (error) {
+    return ["v1.0.0"];
+  }
+}
+function findMdxFiles(dir, baseDir = dir) {
+  const files = [];
+  try {
+    const entries = import_fs2.default.readdirSync(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      const fullPath = import_path2.default.join(dir, entry.name);
+      if (entry.isDirectory()) {
+        files.push(...findMdxFiles(fullPath, baseDir));
+      } else if (entry.isFile() && entry.name.endsWith(".mdx")) {
+        const relativePath = import_path2.default.relative(baseDir, fullPath).replace(/\\/g, "/");
+        files.push(relativePath);
+      }
+    }
+  } catch (error) {
+    console.error(`Error reading directory ${dir}:`, error);
+  }
+  return files;
+}
+function readDocFromFile(filePath, originalSlug) {
+  try {
+    if (!import_fs2.default.existsSync(filePath)) {
+      return null;
+    }
+    const fileContents = import_fs2.default.readFileSync(filePath, "utf8");
+    const { data, content } = (0, import_gray_matter.default)(fileContents);
+    const { minutes, words } = calculateReadingTime(content);
+    let finalSlug = originalSlug;
+    if (data.slug) {
+      const customSlug = data.slug.replace(/^\//, "");
+      const parts = originalSlug.split("/");
+      if (parts.length > 1) {
+        parts[parts.length - 1] = customSlug;
+        finalSlug = parts.join("/");
+      } else {
+        finalSlug = customSlug;
+      }
+    }
+    return {
+      slug: finalSlug,
+      filePath: originalSlug,
+      // Keep original file path for sidebar
+      title: data.title || originalSlug,
+      meta: {
+        ...data,
+        content,
+        reading_time: minutes,
+        word_count: words
+      },
+      content
+    };
+  } catch (error) {
+    console.error(`Error reading file ${filePath}:`, error);
+    return null;
+  }
+}
+async function getDocBySlug(slug, version = "v1.0.0") {
+  try {
+    let filePath = import_path2.default.join(DOCS_DIR2, version, `${slug}.mdx`);
+    let doc = readDocFromFile(filePath, slug);
+    if (doc) return doc;
+    filePath = import_path2.default.join(DOCS_DIR2, version, slug, "index.mdx");
+    doc = readDocFromFile(filePath, slug);
+    if (doc) return doc;
+    const versionDir = import_path2.default.join(DOCS_DIR2, version);
+    if (!import_fs2.default.existsSync(versionDir)) {
+      return null;
+    }
+    const mdxFiles = findMdxFiles(versionDir);
+    for (const file of mdxFiles) {
+      const fileSlug = file.replace(/\.mdx$/, "");
+      const testPath = import_path2.default.join(versionDir, file.endsWith("index.mdx") ? file : `${fileSlug}.mdx`);
+      const testDoc = readDocFromFile(testPath, fileSlug);
+      if (testDoc && testDoc.slug === slug) {
+        return testDoc;
+      }
+    }
+    return null;
+  } catch (error) {
+    console.error(`Error reading doc ${slug}:`, error);
+    return null;
+  }
+}
+async function getAllDocs(version = "v1.0.0") {
+  try {
+    const versionDir = import_path2.default.join(DOCS_DIR2, version);
+    if (!import_fs2.default.existsSync(versionDir)) {
+      return [];
+    }
+    const mdxFiles = findMdxFiles(versionDir);
+    const categoryConfigs = getAllCategoryConfigs(version);
+    const docs = await Promise.all(
+      mdxFiles.map(async (file) => {
+        const originalFilePath = file.replace(/\.mdx$/, "");
+        let slug = originalFilePath;
+        if (file.endsWith("/index.mdx") || file === "index.mdx") {
+          slug = import_path2.default.dirname(file).replace(/\\/g, "/");
+          if (slug === ".") slug = "";
+        }
+        const doc = await getDocBySlug(slug, version);
+        if (doc) {
+          doc.filePath = originalFilePath;
+          const folderPath = import_path2.default.dirname(originalFilePath).replace(/\\/g, "/");
+          if (folderPath !== ".") {
+            const categoryConfig = categoryConfigs.get(folderPath);
+            if (categoryConfig) {
+              doc.categoryLabel = categoryConfig.label;
+              doc.categoryPosition = categoryConfig.position ?? categoryConfig.sidebar_position;
+              doc.categoryCollapsible = categoryConfig.collapsible;
+              doc.categoryCollapsed = categoryConfig.collapsed;
+              doc.categoryIcon = categoryConfig.icon;
+              doc.categoryTabGroup = categoryConfig.tab_group;
+            }
+          }
+        }
+        return doc;
+      })
+    );
+    const isDevelopment3 = process.env.NODE_ENV === "development";
+    const uniqueDocs = /* @__PURE__ */ new Map();
+    docs.filter((doc) => doc !== null).filter((doc) => isDevelopment3 || !doc.meta.draft).forEach((doc) => {
+      uniqueDocs.set(doc.slug, doc);
+    });
+    return Array.from(uniqueDocs.values()).sort((a, b) => {
+      const orderA = a.meta.sidebar_position ?? a.meta.order ?? 999;
+      const orderB = b.meta.sidebar_position ?? b.meta.order ?? 999;
+      return orderA - orderB;
+    });
+  } catch (error) {
+    console.error(`Error getting all docs for version ${version}:`, error);
+    return [];
+  }
+}
+function flattenSidebarOrder(rootGroups, standalone) {
+  const flatDocs = [];
+  const flattenGroup = (group) => {
+    const sortedChildren = sortSidebarGroups(group.children);
+    const sortedItems = sortSidebarItems(group.items);
+    const merged = [
+      ...sortedChildren.map(([, childGroup]) => ({
+        type: "group",
+        group: childGroup,
+        position: childGroup.position
+      })),
+      ...sortedItems.map((doc) => ({
+        type: "item",
+        doc,
+        position: doc.meta.sidebar_position ?? doc.meta.order ?? 999
+      }))
+    ];
+    merged.sort((a, b) => a.position - b.position);
+    merged.forEach((item) => {
+      if (item.type === "group") {
+        flattenGroup(item.group);
+      } else {
+        flatDocs.push(item.doc);
+      }
+    });
+  };
+  sortSidebarItems(standalone).forEach((doc) => {
+    flatDocs.push(doc);
+  });
+  const sortedRootGroups = sortSidebarGroups(rootGroups);
+  sortedRootGroups.forEach(([, group]) => {
+    flattenGroup(group);
+  });
+  return flatDocs;
+}
+function getAdjacentDocs(currentSlug, allDocs) {
+  const { rootGroups, standalone } = buildSidebarStructure(allDocs);
+  const orderedDocs = flattenSidebarOrder(rootGroups, standalone);
+  const currentIndex = orderedDocs.findIndex((doc) => doc.slug === currentSlug);
+  if (currentIndex === -1) {
+    return {};
+  }
+  const currentDoc = orderedDocs[currentIndex];
+  const currentTabGroup = currentDoc.meta?.tab_group || currentDoc.categoryTabGroup;
+  const filteredDocs = orderedDocs.filter((doc) => {
+    const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
+    if (currentTabGroup) {
+      return docTabGroup === currentTabGroup;
+    }
+    return !docTabGroup;
+  });
+  const filteredIndex = filteredDocs.findIndex((doc) => doc.slug === currentSlug);
+  if (filteredIndex === -1) {
+    return {};
+  }
+  return {
+    previous: filteredIndex > 0 ? filteredDocs[filteredIndex - 1] : void 0,
+    next: filteredIndex < filteredDocs.length - 1 ? filteredDocs[filteredIndex + 1] : void 0
+  };
+}
+function extractTableOfContents(content) {
+  const headingRegex = /^(#{2,3})\s+(.+)$/gm;
+  const toc = [];
+  let match;
+  while ((match = headingRegex.exec(content)) !== null) {
+    const level = match[1].length;
+    const text = match[2];
+    const id = text.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/^-|-$/g, "");
+    toc.push({ id, title: text, level });
+  }
+  return toc;
+}
+function isCategoryPage(slug, allDocs) {
+  return allDocs.some((doc) => {
+    const parts = doc.slug.split("/");
+    const docParent = parts.slice(0, -1).join("/");
+    return docParent === slug && doc.slug !== slug;
+  });
+}
+
+// src/lib/mdx-cache.ts
+var import_fs3 = require("fs");
+var import_path3 = require("path");
+
+// src/lib/dev-utils.ts
+var isDevelopment = process.env.NODE_ENV === "development";
+var PerfTimer = class {
+  constructor(label) {
+    this.label = label;
+    this.startTime = isDevelopment ? performance.now() : 0;
+  }
+  end() {
+    if (!isDevelopment) return;
+    const duration = performance.now() - this.startTime;
+    const color = duration > 1e3 ? "\x1B[31m" : duration > 500 ? "\x1B[33m" : "\x1B[32m";
+    const reset = "\x1B[0m";
+    console.log(`${color}\u23F1\uFE0F  ${this.label}: ${duration.toFixed(2)}ms${reset}`);
+  }
+};
+function logCacheOperation(operation, key) {
+  if (!isDevelopment) return;
+  const emoji = operation === "hit" ? "\u2705" : operation === "miss" ? "\u274C" : "\u{1F504}";
+  console.log(`${emoji} [Cache] ${operation}: ${key}`);
+}
+
+// src/lib/mdx-cache.ts
+var isDevelopment2 = process.env.NODE_ENV === "development";
+var versionsCache = {
+  data: null,
+  timestamp: 0
+};
+var allDocsCache = /* @__PURE__ */ new Map();
+var docBySlugCache = /* @__PURE__ */ new Map();
+var CACHE_TTL = isDevelopment2 ? 5e3 : 6e4;
+var watchersInitialized = false;
+function initializeWatchers() {
+  if (!isDevelopment2 || watchersInitialized) return;
+  watchersInitialized = true;
+  const docsPath = (0, import_path3.join)(process.cwd(), "docs");
+  try {
+    (0, import_fs3.watch)(docsPath, { recursive: true }, (eventType, filename) => {
+      if (!filename) return;
+      if (filename.endsWith(".mdx") || filename.endsWith(".json")) {
+        const parts = filename.split(/[/\\]/);
+        const version = parts[0];
+        allDocsCache.delete(version);
+        const cacheKeysToDelete = [];
+        docBySlugCache.forEach((_, key) => {
+          if (key.startsWith(`${version}:`)) {
+            cacheKeysToDelete.push(key);
+          }
+        });
+        cacheKeysToDelete.forEach((key) => docBySlugCache.delete(key));
+        if (eventType === "rename") {
+          versionsCache.data = null;
+        }
+        console.log(`[MDX Cache] Invalidated cache for: ${filename}`);
+      }
+    });
+    console.log("[MDX Cache] File watchers initialized");
+  } catch (error) {
+    console.error("[MDX Cache] Failed to initialize watchers:", error);
+  }
+}
+function isCacheValid(timestamp) {
+  return Date.now() - timestamp < CACHE_TTL;
+}
+function getCachedVersions() {
+  initializeWatchers();
+  if (versionsCache.data && isCacheValid(versionsCache.timestamp)) {
+    logCacheOperation("hit", "versions");
+    return versionsCache.data;
+  }
+  logCacheOperation("miss", "versions");
+  const timer = new PerfTimer("getVersions");
+  const versions = getVersions();
+  timer.end();
+  versionsCache.data = versions;
+  versionsCache.timestamp = Date.now();
+  return versions;
+}
+async function getCachedAllDocs(version = "v1.0.0") {
+  initializeWatchers();
+  const cached = allDocsCache.get(version);
+  if (cached && isCacheValid(cached.timestamp)) {
+    logCacheOperation("hit", `getAllDocs:${version}`);
+    return cached.data;
+  }
+  logCacheOperation("miss", `getAllDocs:${version}`);
+  const timer = new PerfTimer(`getAllDocs(${version})`);
+  const docs = await getAllDocs(version);
+  timer.end();
+  allDocsCache.set(version, {
+    data: docs,
+    timestamp: Date.now()
+  });
+  return docs;
+}
+async function getCachedDocBySlug(slug, version = "v1.0.0") {
+  initializeWatchers();
+  const cacheKey = `${version}:${slug}`;
+  const cached = docBySlugCache.get(cacheKey);
+  if (cached && isCacheValid(cached.timestamp)) {
+    logCacheOperation("hit", `getDocBySlug:${cacheKey}`);
+    return cached.data;
+  }
+  logCacheOperation("miss", `getDocBySlug:${cacheKey}`);
+  const timer = new PerfTimer(`getDocBySlug(${slug})`);
+  const doc = await getDocBySlug(slug, version);
+  timer.end();
+  docBySlugCache.set(cacheKey, {
+    data: doc,
+    timestamp: Date.now()
+  });
+  return doc;
+}
+
+// src/components/docs/doc-layout.tsx
+var import_lucide_react14 = require("lucide-react");
+var import_rsc = require("next-mdx-remote/rsc");
+var import_remark_gfm = __toESM(require("remark-gfm"));
+var import_rehype_slug = __toESM(require("rehype-slug"));
+
+// src/lib/remark-code-meta.ts
+function remarkCodeMeta() {
+  return (tree) => {
+    const visit = (node) => {
+      if (node.type === "code" && node.meta) {
+        node.data = node.data || {};
+        node.data.hProperties = node.data.hProperties || {};
+        node.data.hProperties.meta = node.meta;
+      }
+      if (node.children) {
+        node.children.forEach(visit);
+      }
+    };
+    visit(tree);
+  };
+}
+
+// src/components/docs/code-block.tsx
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CodeBlock({ code, language, filename }) {
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const handleCopy = async () => {
+    await navigator.clipboard.writeText(code);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const highlightCode = (code2, lang) => {
+    const lines = code2.split("\n");
+    return lines.map((line, i) => {
+      const tokens = [];
+      let currentPos = 0;
+      const patterns = [
+        { type: "comment", regex: /(\/\/.*$|\/\*[\s\S]*?\*\/|#.*$)/ },
+        { type: "string", regex: /("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|`(?:[^`\\]|\\.)*`)/ },
+        {
+          type: "keyword",
+          regex: /\b(const|let|var|function|return|if|else|for|while|do|break|continue|switch|case|default|import|export|from|as|class|extends|implements|interface|type|enum|namespace|async|await|try|catch|finally|throw|new|this|super|static|public|private|protected|readonly|abstract|void|null|undefined|true|false|typeof|instanceof|delete|in|of)\b/
+        },
+        { type: "operator", regex: /([+\-*/%=<>!&|^~?:]+)/ },
+        { type: "number", regex: /\b(0x[a-fA-F0-9]+|0b[01]+|\d+\.?\d*(?:e[+-]?\d+)?)\b/ },
+        { type: "function", regex: /\b([a-zA-Z_$][\w$]*)\s*(?=\()/ },
+        { type: "property", regex: /\.([a-zA-Z_$][\w$]*)/ },
+        { type: "punctuation", regex: /([{}[\]();,])/ }
+      ];
+      while (currentPos < line.length) {
+        let matched = false;
+        for (const { type, regex } of patterns) {
+          const match = line.slice(currentPos).match(regex);
+          if (match && match.index === 0) {
+            tokens.push({ type, value: match[0] });
+            currentPos += match[0].length;
+            matched = true;
+            break;
+          }
+        }
+        if (!matched) {
+          const nextSpecialChar = line.slice(currentPos).search(/["'`/\w.+\-*/%=<>!&|^~?:;,()[\]{}#]/);
+          if (nextSpecialChar === -1) {
+            tokens.push({ type: "text", value: line.slice(currentPos) });
+            break;
+          } else if (nextSpecialChar > 0) {
+            tokens.push({ type: "text", value: line.slice(currentPos, currentPos + nextSpecialChar) });
+            currentPos += nextSpecialChar;
+          } else {
+            tokens.push({ type: "text", value: line[currentPos] });
+            currentPos++;
+          }
+        }
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "table-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "table-cell pr-4 text-right select-none text-muted-foreground/40 w-8 align-top", children: i + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "table-cell align-top", children: tokens.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\xA0" }) : tokens.map((token, j) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `token-${token.type}`, children: token.value }, j)) })
+      ] }, i);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative group my-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-muted/50 dark:bg-muted/30 px-4 py-2 rounded-t-xl border border-b-0 border-border/50 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-red-500/80 dark:bg-red-500/60" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-yellow-500/80 dark:bg-yellow-500/60" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500/80 dark:bg-green-500/60" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-mono text-foreground", children: filename || "Code" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground/60 font-mono uppercase tracking-wide", children: language }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: handleCopy,
+            className: "p-1.5 rounded-md hover:bg-muted/50 transition-colors",
+            "aria-label": "Copy code",
+            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-4 w-4 text-green-400" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Copy, { className: "h-4 w-4 text-muted-foreground" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-gray-200/50 dark:bg-[#0d1117] rounded-b-xl overflow-x-auto border border-border/50", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "p-2 text-[13px] font-mono leading-relaxed text-gray-800 dark:text-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "table w-full", children: highlightCode(code, language) }) }) })
+  ] });
+}
+
+// src/components/docs/callout.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Callout({ children, type = "info", title }) {
+  const configs = {
+    info: {
+      icon: import_lucide_react2.Info,
+      className: "bg-blue-500/10 border-blue-500/30 text-blue-900 dark:bg-blue-400/5 dark:border-blue-500/20 dark:text-blue-400",
+      iconClassName: "text-blue-600 dark:text-blue-400",
+      titleClassName: "text-blue-700 dark:text-blue-300",
+      defaultTitle: "Info"
+    },
+    note: {
+      icon: import_lucide_react2.Info,
+      className: "bg-blue-500/10 border-blue-500/30 text-blue-900 dark:bg-blue-400/5 dark:border-blue-500/20 dark:text-blue-400",
+      iconClassName: "text-blue-600 dark:text-blue-400",
+      titleClassName: "text-blue-700 dark:text-blue-300",
+      defaultTitle: "Note"
+    },
+    warning: {
+      icon: import_lucide_react2.AlertTriangle,
+      className: "bg-yellow-500/10 border-yellow-500/30 text-yellow-900 dark:bg-yellow-400/5 dark:border-yellow-500/20 dark:text-yellow-400",
+      iconClassName: "text-yellow-600 dark:text-yellow-400",
+      titleClassName: "text-yellow-700 dark:text-yellow-300",
+      defaultTitle: "Warning"
+    },
+    success: {
+      icon: import_lucide_react2.CheckCircle2,
+      className: "bg-green-500/10 border-green-500/30 text-green-900 dark:bg-green-400/5 dark:border-green-500/20 dark:text-green-400",
+      iconClassName: "text-green-600 dark:text-green-400",
+      titleClassName: "text-green-700 dark:text-green-300",
+      defaultTitle: "Success"
+    },
+    error: {
+      icon: import_lucide_react2.XCircle,
+      className: "bg-red-500/10 border-red-500/30 text-red-900 dark:bg-red-400/5 dark:border-red-500/20 dark:text-red-400",
+      iconClassName: "text-red-600 dark:text-red-400",
+      titleClassName: "text-red-700 dark:text-red-300",
+      defaultTitle: "Error"
+    },
+    danger: {
+      icon: import_lucide_react2.XCircle,
+      className: "bg-red-500/10 border-red-500/30 text-red-900 dark:bg-red-400/5 dark:border-red-500/20 dark:text-red-400",
+      iconClassName: "text-red-600 dark:text-red-400",
+      titleClassName: "text-red-700 dark:text-red-300",
+      defaultTitle: "Danger"
+    },
+    tip: {
+      icon: import_lucide_react2.Lightbulb,
+      className: "bg-purple-500/10 border-purple-500/30 text-purple-900 dark:bg-purple-400/5 dark:border-purple-500/20 dark:text-purple-400",
+      iconClassName: "text-purple-600 dark:text-purple-400",
+      titleClassName: "text-purple-700 dark:text-purple-300",
+      defaultTitle: "Tip"
+    }
+  };
+  const config = configs[type];
+  const Icon2 = config.icon;
+  let _title = title || config.defaultTitle;
+  let content = children;
+  if (!title && children && typeof children === "object") {
+    const childArray = Array.isArray(children) ? children : [children];
+    const firstElement = childArray[0];
+    if (firstElement && typeof firstElement === "object" && "props" in firstElement) {
+      const props = firstElement.props;
+      if (props.children && Array.isArray(props.children)) {
+        const strongChild = props.children.find(
+          (child) => child && typeof child === "object" && child.type === "strong"
+        );
+        if (strongChild) {
+          _title = strongChild.props.children;
+          content = childArray.map((child, idx) => {
+            if (idx === 0 && typeof child === "object" && "props" in child) {
+              const newChildren = child.props.children.filter((c) => c !== strongChild);
+              return { ...child, props: { ...child.props, children: newChildren } };
+            }
+            return child;
+          });
+        }
+      }
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `flex gap-3 p-4 rounded-xl border my-2 ${config.className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon2, { className: `h-5 w-5 ${config.iconClassName}` }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex-1 space-y-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `font-semibold text-sm ${config.titleClassName}`, children: _title }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm leading-relaxed [&>p]:mb-0 [&>p]:text-current", children: content })
+    ] })
+  ] });
+}
+
+// src/components/docs/accordion.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function AccordionItem({ title, children, defaultOpen = false }) {
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(defaultOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "border border-border rounded-xl overflow-hidden mb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: "w-full flex items-center justify-between p-4 text-left bg-muted/30 hover:bg-muted/50 transition-colors",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "font-medium text-foreground", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_lucide_react3.ChevronDown,
+            {
+              className: `h-5 w-5 text-muted-foreground transition-transform ${isOpen ? "rotate-180" : ""}`
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "p-4 border-t border-border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children }) })
+  ] });
+}
+function Accordion({ children, type = "multiple", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: className || "my-6 space-y-2", children });
+}
+
+// src/components/docs/tabs.tsx
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Tab({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children });
+}
+function Tabs({ children, defaultValue }) {
+  const tabs = import_react3.Children.toArray(children).filter(import_react3.isValidElement);
+  const firstTabLabel = tabs[0]?.props.label || "";
+  const [activeTab, setActiveTab] = (0, import_react3.useState)(defaultValue || firstTabLabel);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "my-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center gap-1 border-b border-border mb-4", children: tabs.map((tab) => {
+      const label = tab.props.label;
+      const isActive = activeTab === label;
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          onClick: () => setActiveTab(label),
+          className: `px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px ${isActive ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
+          children: label
+        },
+        label
+      );
+    }) }),
+    tabs.map((tab) => {
+      const label = tab.props.label;
+      if (activeTab !== label) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none [&>*:first-child]:mt-0", children: tab.props.children }, label);
+    })
+  ] });
+}
+
+// src/components/docs/image.tsx
+var import_image = __toESM(require("next/image"));
+var import_react4 = require("react");
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Image({ src, alt, caption, width, height, zoom = true }) {
+  const [isZoomed, setIsZoomed] = (0, import_react4.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("figure", { className: "my-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative group rounded-xl border border-border overflow-hidden bg-muted/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_image.default,
+          {
+            src,
+            alt,
+            width: width || 1200,
+            height: height || 675,
+            className: "w-full h-auto"
+          }
+        ),
+        zoom && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            onClick: () => setIsZoomed(true),
+            className: "absolute top-3 right-3 p-2 rounded-md bg-background/80 backdrop-blur-sm border border-border opacity-0 group-hover:opacity-100 transition-opacity hover:bg-background",
+            "aria-label": "Zoom image",
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ZoomIn, { className: "h-4 w-4 text-foreground" })
+          }
+        )
+      ] }),
+      caption && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+    ] }),
+    isZoomed && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-background/95 backdrop-blur-sm flex items-center justify-center p-4",
+        onClick: () => setIsZoomed(false),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "button",
+            {
+              onClick: () => setIsZoomed(false),
+              className: "absolute top-4 right-4 p-2 rounded-md bg-muted hover:bg-muted/80 transition-colors",
+              "aria-label": "Close",
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.X, { className: "h-5 w-5 text-foreground" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "max-w-7xl max-h-[90vh] overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_image.default,
+            {
+              src,
+              alt,
+              width: width || 1920,
+              height: height || 1080,
+              className: "w-full h-auto"
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/docs/video.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Video({
+  src,
+  caption,
+  autoplay = false,
+  loop = false,
+  muted = false,
+  controls = true,
+  poster
+}) {
+  const isYouTube = src.includes("youtube.com") || src.includes("youtu.be");
+  const isVimeo = src.includes("vimeo.com");
+  const getYouTubeId = (url) => {
+    const match = url.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/);
+    return match ? match[1] : null;
+  };
+  const getVimeoId = (url) => {
+    const match = url.match(/vimeo\.com\/(\d+)/);
+    return match ? match[1] : null;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("figure", { className: "my-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "relative rounded-xl border border-border overflow-hidden bg-muted/30", children: isYouTube ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "iframe",
+      {
+        className: "absolute top-0 left-0 w-full h-full",
+        src: `https://www.youtube.com/embed/${getYouTubeId(src)}${autoplay ? "?autoplay=1" : ""}`,
+        title: "YouTube video",
+        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+        allowFullScreen: true
+      }
+    ) }) : isVimeo ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "iframe",
+      {
+        className: "absolute top-0 left-0 w-full h-full",
+        src: `https://player.vimeo.com/video/${getVimeoId(src)}${autoplay ? "?autoplay=1" : ""}`,
+        title: "Vimeo video",
+        allow: "autoplay; fullscreen; picture-in-picture",
+        allowFullScreen: true
+      }
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "video",
+      {
+        src,
+        controls,
+        autoPlay: autoplay,
+        loop,
+        muted,
+        poster,
+        className: "w-full h-auto",
+        children: "Your browser does not support the video tag."
+      }
+    ) }),
+    caption && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+  ] });
+}
+
+// src/components/docs/card.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_link = __toESM(require("next/link"));
+
+// src/components/docs/icon.tsx
+var LucideIcons = __toESM(require("lucide-react"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Icon({ icon, iconType = "regular", color, size = 20, className = "" }) {
+  if (typeof icon !== "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `inline-flex items-center ${className}`, style: { color }, children: icon });
+  }
+  if (icon.startsWith("http") || icon.startsWith("/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "img",
+      {
+        src: icon,
+        alt: "",
+        width: size,
+        height: size,
+        className: `inline-block ${className}`,
+        style: { color }
+      }
+    );
+  }
+  if (icon.startsWith("fa-")) {
+    const faClass = `fa-${iconType} ${icon}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "i",
+      {
+        className: `${faClass} ${className}`,
+        style: { fontSize: size, color },
+        "aria-hidden": "true"
+      }
+    );
+  }
+  const iconName = icon.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
+  const LucideIcon = LucideIcons[iconName];
+  if (LucideIcon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      LucideIcon,
+      {
+        size,
+        className: `inline-block ${className}`,
+        style: { color },
+        "aria-hidden": "true"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: `inline-flex items-center font-mono text-xs ${className}`, style: { color }, children: [
+    "[",
+    icon,
+    "]"
+  ] });
+}
+
+// src/components/docs/card.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Card({ title, description, href, icon, children, external = false }) {
+  const content = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "shrink-0 w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center text-primary", children: typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { icon, size: 20 }) : icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: `font-semibold text-foreground mb-1 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline", children: description }),
+      children && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-2 text-sm text-muted-foreground no-underline", children })
+    ] }),
+    href && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "shrink-0 self-start mt-1", children: external ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ExternalLink, { className: "h-4 w-4 text-muted-foreground group-hover:text-primary transition-colors" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ArrowRight, { className: "h-4 w-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 transition-all" }) })
+  ] }) });
+  if (href) {
+    const Component = external ? "a" : import_link.default;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      Component,
+      {
+        href,
+        className: "card-link group block p-4 rounded-xl border border-border hover:border-primary/50 hover:bg-muted/50 transition-all",
+        ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "p-4 rounded-xl border border-border bg-muted/30 no-underline", children: content });
+}
+function CardGrid({ children, cols = 2 }) {
+  const gridCols = {
+    1: "grid-cols-1",
+    2: "grid-cols-1 md:grid-cols-2",
+    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
+}
+
+// src/components/docs/image-card.tsx
+var import_image2 = __toESM(require("next/image"));
+var import_link2 = __toESM(require("next/link"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ImageCard({
+  src,
+  alt,
+  title,
+  description,
+  href,
+  external = false,
+  aspectRatio = "video"
+}) {
+  const aspectRatios = {
+    square: "aspect-square",
+    video: "aspect-video",
+    portrait: "aspect-[3/4]"
+  };
+  const content = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-0 p-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `w-full ${aspectRatios[aspectRatio]} overflow-hidden ${title || description ? "rounded-t-xl" : "rounded-xl"} bg-muted relative`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_image2.default,
+      {
+        src,
+        alt,
+        fill: true,
+        sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
+        className: "object-cover transition-transform duration-300 group-hover:scale-105"
+      }
+    ) }),
+    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "p-3 flex flex-col gap-1", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: `font-semibold text-foreground mb-0 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline mb-0", children: description })
+    ] })
+  ] });
+  if (href) {
+    const Component = external ? "a" : import_link2.default;
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Component,
+      {
+        href,
+        className: "image-card-link group block rounded-xl border border-border hover:border-primary/50 hover:shadow-lg transition-all overflow-hidden p-0",
+        ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "block rounded-xl border border-border overflow-hidden bg-card p-0", children: content });
+}
+function ImageCardGrid({ children, cols = 3 }) {
+  const gridCols = {
+    1: "grid-cols-1",
+    2: "grid-cols-1 md:grid-cols-2",
+    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+    4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
+}
+
+// src/components/docs/steps.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Steps({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "my-6 ml-4 space-y-6 [counter-reset:step]", children });
+}
+function Step({ title, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative pl-8 pb-6 border-l-2 border-border last:border-l-0 last:pb-0 [counter-increment:step] before:content-[counter(step)] before:absolute before:left-0 before:-translate-x-1/2 before:w-8 before:h-8 before:rounded-full before:bg-primary before:text-primary-foreground before:flex before:items-center before:justify-center before:text-sm before:font-semibold before:z-10", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children })
+  ] });
+}
+
+// src/components/docs/mermaid.tsx
+var import_react5 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Mermaid({ chart, caption }) {
+  const containerRef = (0, import_react5.useRef)(null);
+  const [error, setError] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
+    const renderChart = async () => {
+      try {
+        const mermaid = (await import("mermaid")).default;
+        mermaid.initialize({
+          startOnLoad: false,
+          theme: document.documentElement.classList.contains("dark") ? "dark" : "default",
+          securityLevel: "loose",
+          fontFamily: "inherit"
+        });
+        if (containerRef.current) {
+          const id = `mermaid-${Math.random().toString(36).substr(2, 9)}`;
+          const { svg } = await mermaid.render(id, chart);
+          containerRef.current.innerHTML = svg;
+        }
+      } catch (err) {
+        console.error("Mermaid rendering error:", err);
+        setError(err instanceof Error ? err.message : "Failed to render diagram");
+      }
+    };
+    renderChart();
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.attributeName === "class") {
+          renderChart();
+        }
+      });
+    });
+    observer.observe(document.documentElement, { attributes: true });
+    return () => observer.disconnect();
+  }, [chart]);
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "my-6 p-4 rounded-xl border border-red-500/50 bg-red-500/10", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "text-sm text-red-600 dark:text-red-400 font-mono", children: [
+      "Mermaid Error: ",
+      error
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("figure", { className: "my-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "div",
+      {
+        ref: containerRef,
+        className: "flex justify-center items-center p-6 rounded-xl border border-border bg-muted/30 overflow-x-auto"
+      }
+    ),
+    caption && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+  ] });
+}
+
+// src/components/docs/math.tsx
+var import_react6 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Math2({ children, block = false }) {
+  const containerRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
+    const renderMath = async () => {
+      try {
+        const katex = (await import("katex")).default;
+        if (containerRef.current) {
+          katex.render(children, containerRef.current, {
+            throwOnError: false,
+            displayMode: block
+          });
+        }
+      } catch (err) {
+        console.error("KaTeX rendering error:", err);
+        if (containerRef.current) {
+          containerRef.current.textContent = children;
+        }
+      }
+    };
+    renderMath();
+  }, [children, block]);
+  if (block) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        ref: containerRef,
+        className: "my-6 overflow-x-auto text-center"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { ref: containerRef, className: "inline-block" });
+}
+
+// src/components/docs/columns.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Columns({ children, cols = { sm: 1, md: 2, lg: 3 } }) {
+  const colClasses = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4"
+  };
+  const smClass = cols.sm ? colClasses[cols.sm] : "grid-cols-1";
+  const mdClass = cols.md ? `md:${colClasses[cols.md]}` : "";
+  const lgClass = cols.lg ? `lg:${colClasses[cols.lg]}` : "";
+  const xlClass = cols.xl ? `xl:${colClasses[cols.xl]}` : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `grid ${smClass} ${mdClass} ${lgClass} ${xlClass} gap-4 my-6`, children });
+}
+function Column({ children, span = 1 }) {
+  const spanClass = {
+    1: "col-span-1",
+    2: "col-span-2",
+    3: "col-span-3",
+    4: "col-span-4"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: spanClass[span], children });
+}
+
+// src/components/docs/badge.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Badge({ children, variant = "default" }) {
+  const variants = {
+    default: "bg-muted text-foreground border-border",
+    success: "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20",
+    warning: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 border-yellow-500/20",
+    error: "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/20",
+    info: "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "span",
+    {
+      className: `inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium border ${variants[variant]}`,
+      children
+    }
+  );
+}
+
+// src/components/docs/tooltip.tsx
+var import_react7 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Tooltip({ children, content, position = "top" }) {
+  const [isVisible, setIsVisible] = (0, import_react7.useState)(false);
+  const positions = {
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "span",
+    {
+      className: "relative inline-flex underline decoration-dotted cursor-help",
+      onMouseEnter: () => setIsVisible(true),
+      onMouseLeave: () => setIsVisible(false),
+      children: [
+        children,
+        isVisible && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "span",
+          {
+            className: `absolute ${positions[position]} z-50 px-2 py-1 text-xs text-white bg-gray-900 dark:bg-gray-700 rounded whitespace-nowrap pointer-events-none`,
+            children: content
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/docs/frame.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Frame({ src, title = "Embedded content", height = 500, width = "100%" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "my-6 rounded-xl border border-border overflow-hidden bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "iframe",
+    {
+      src,
+      title,
+      width,
+      height,
+      className: "w-full",
+      loading: "lazy",
+      sandbox: "allow-scripts allow-same-origin allow-forms allow-popups"
+    }
+  ) });
+}
+
+// src/components/docs/api/api-endpoint.tsx
+var import_react8 = require("react");
+var import_lucide_react6 = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+function getAssetPath(path3) {
+  const basePath = process.env.NEXT_PUBLIC_BASE_PATH || process.env.__NEXT_ROUTER_BASEPATH || "";
+  const normalizedPath = path3.startsWith("/") ? path3 : `/${path3}`;
+  if (basePath) {
+    const normalizedBase = basePath.startsWith("/") ? basePath : `/${basePath}`;
+    const cleanBase = normalizedBase.replace(/\/$/, "");
+    return `${cleanBase}${normalizedPath}`;
+  }
+  return normalizedPath;
+}
+
+// src/components/docs/api/api-endpoint.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var methodColors = {
+  GET: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+  POST: "bg-green-500/10 text-green-600 dark:text-green-400",
+  PUT: "bg-orange-500/10 text-orange-600 dark:text-orange-400",
+  PATCH: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
+  DELETE: "bg-red-500/10 text-red-600 dark:text-red-400"
+};
+function ApiEndpoint({ method, path: path3, summary, children, defaultOpen = false }) {
+  const [isOpen, setIsOpen] = (0, import_react8.useState)(defaultOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "not-prose mb-4 rounded-xl border border-border overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: "w-full flex items-center gap-3 px-4 py-3 text-left bg-muted/30 hover:bg-muted/50 transition-colors",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "span",
+            {
+              className: cn(
+                "text-xs font-semibold px-2 py-0.5 rounded",
+                methodColors[method]
+              ),
+              children: method
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("code", { className: "text-sm font-mono", children: path3 }),
+          summary && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-muted-foreground ml-auto mr-2", children: summary }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            import_lucide_react6.ChevronDown,
+            {
+              className: cn(
+                "h-5 w-5 text-muted-foreground transition-transform flex-shrink-0",
+                isOpen ? "rotate-180" : ""
+              )
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && children && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "border-t border-border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "px-4 py-4 space-y-6", children }) })
+  ] });
+}
+
+// src/components/docs/api/api-params.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function ApiParams({ title = "Parameters", params }) {
+  if (!params || params.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mb-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "space-y-3", children: params.map((param) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("code", { className: "text-sm font-mono text-foreground", children: param.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-muted-foreground", children: param.type }),
+        param.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-red-600 dark:text-red-400", children: "required" }),
+        param.default && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+          "default: ",
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("code", { className: "text-xs", children: param.default })
+        ] })
+      ] }),
+      param.description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: param.description })
+    ] }, param.name)) })
+  ] });
+}
+
+// src/components/docs/api/api-response.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var statusColors = {
+  "2": "text-green-600 dark:text-green-400",
+  "3": "text-blue-600 dark:text-blue-400",
+  "4": "text-orange-600 dark:text-orange-400",
+  "5": "text-red-600 dark:text-red-400"
+};
+function ApiResponse({ status, description, example, schema }) {
+  const statusClass = statusColors[String(status)[0]] || "text-muted-foreground";
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mb-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: `text-sm font-semibold ${statusClass}`, children: status }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground", children: description })
+    ] }),
+    example && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Example Response" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        CodeBlock,
+        {
+          code: typeof example === "string" ? example : JSON.stringify(example, null, 2),
+          language: "json"
+        }
+      )
+    ] }),
+    schema && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Schema" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        CodeBlock,
+        {
+          code: typeof schema === "string" ? schema : JSON.stringify(schema, null, 2),
+          language: "json"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/docs/api/api-playground.tsx
+var import_react9 = require("react");
+
+// src/components/ui/button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/input.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/textarea.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/badge.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge2({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot2.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/docs/api/api-playground.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function ApiPlayground({
+  method,
+  path: path3,
+  baseUrl = "",
+  headers = {},
+  defaultBody,
+  pathParams = []
+}) {
+  const [loading, setLoading] = (0, import_react9.useState)(false);
+  const [response, setResponse] = (0, import_react9.useState)(null);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const [requestBody, setRequestBody] = (0, import_react9.useState)(defaultBody || "");
+  const initialHeaders = (0, import_react9.useMemo)(() => {
+    const cleanHeaders = {};
+    Object.entries(headers).forEach(([key, value]) => {
+      cleanHeaders[key] = value || "";
+    });
+    return cleanHeaders;
+  }, [headers]);
+  const [requestHeaders, setRequestHeaders] = (0, import_react9.useState)(JSON.stringify(initialHeaders, null, 2));
+  const extractedParams = (0, import_react9.useMemo)(() => {
+    const params = {};
+    const pathParamPattern = /:(\w+)/g;
+    let match;
+    while ((match = pathParamPattern.exec(path3)) !== null) {
+      const paramName = match[1];
+      const paramConfig = pathParams.find((p) => p.name === paramName);
+      if (paramConfig?.example !== void 0) {
+        params[paramName] = String(paramConfig.example);
+      } else if (paramConfig?.type === "number") {
+        params[paramName] = "1";
+      } else {
+        params[paramName] = "";
+      }
+    }
+    return params;
+  }, [path3, pathParams]);
+  const [pathParamValues, setPathParamValues] = (0, import_react9.useState)(extractedParams);
+  const buildUrl = () => {
+    let finalPath = path3;
+    Object.entries(pathParamValues).forEach(([key, value]) => {
+      finalPath = finalPath.replace(`:${key}`, value);
+    });
+    return `${baseUrl}${finalPath}`;
+  };
+  const handleSend = async () => {
+    setLoading(true);
+    setError(null);
+    setResponse(null);
+    try {
+      const url = buildUrl();
+      const parsedHeaders = JSON.parse(requestHeaders);
+      const options = {
+        method,
+        headers: {
+          "Content-Type": "application/json",
+          ...parsedHeaders
+        }
+      };
+      if (method !== "GET" && method !== "DELETE" && requestBody) {
+        options.body = requestBody;
+      }
+      const res = await fetch(url, options);
+      const data = await res.json();
+      setResponse({
+        status: res.status,
+        statusText: res.statusText,
+        headers: Object.fromEntries(res.headers.entries()),
+        body: data
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "not-prose border border-border rounded-lg overflow-hidden bg-card/30", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "bg-muted/50 px-4 py-2 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h4", { className: "text-sm font-semibold text-foreground", children: "API Playground" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "p-4 space-y-4", children: [
+      Object.keys(pathParamValues).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Path Parameters" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-2", children: Object.entries(pathParamValues).map(([paramName, paramValue]) => {
+          const paramConfig = pathParams.find((p) => p.name === paramName);
+          return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-xs text-muted-foreground min-w-[80px]", children: [
+              ":",
+              paramName
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              Input,
+              {
+                value: paramValue,
+                onChange: (e) => setPathParamValues((prev) => ({ ...prev, [paramName]: e.target.value })),
+                placeholder: paramConfig?.example || paramConfig?.type || "value",
+                className: "font-mono text-sm"
+              }
+            )
+          ] }, paramName);
+        }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request URL" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge2, { variant: "outline", className: "font-mono", children: method }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Input, { value: buildUrl(), readOnly: true, className: "font-mono text-sm" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Headers (JSON)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          Textarea,
+          {
+            value: requestHeaders,
+            onChange: (e) => setRequestHeaders(e.target.value),
+            className: "font-mono text-sm",
+            rows: 4
+          }
+        )
+      ] }),
+      method !== "GET" && method !== "DELETE" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request Body (JSON)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          Textarea,
+          {
+            value: requestBody,
+            onChange: (e) => setRequestBody(e.target.value),
+            className: "font-mono text-sm",
+            rows: 6,
+            placeholder: '{\\n  "key": "value"\\n}'
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { onClick: handleSend, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+        "Sending..."
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.Play, { className: "mr-2 h-4 w-4" }),
+        "Send Request"
+      ] }) }),
+      response && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: [
+          "Response (",
+          response.status,
+          " ",
+          response.statusText,
+          ")"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CodeBlock, { code: JSON.stringify(response.body, null, 2), language: "json" })
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-4 p-3 bg-red-500/10 border border-red-500/20 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) })
+    ] })
+  ] });
+}
+
+// src/components/docs/api/api-reference.tsx
+var import_react10 = require("react");
+
+// src/lib/parsers/specra-parser.ts
+var SpecraParser = class {
+  validate(input) {
+    return typeof input === "object" && input !== null && "endpoints" in input && Array.isArray(input.endpoints);
+  }
+  parse(input) {
+    if (!this.validate(input)) {
+      throw new Error("Invalid Specra API spec format");
+    }
+    return input;
+  }
+};
+
+// src/lib/parsers/openapi-parser.ts
+var OpenApiParser = class {
+  validate(input) {
+    return typeof input === "object" && input !== null && ("openapi" in input || "swagger" in input) && "paths" in input;
+  }
+  parse(input) {
+    if (!this.validate(input)) {
+      throw new Error("Invalid OpenAPI spec format");
+    }
+    const baseUrl = this.extractBaseUrl(input);
+    const endpoints = [];
+    for (const [path3, pathItem] of Object.entries(input.paths || {})) {
+      const methods = ["get", "post", "put", "patch", "delete"];
+      for (const method of methods) {
+        const operation = pathItem[method];
+        if (!operation) continue;
+        const endpoint = this.parseOperation(path3, method.toUpperCase(), operation, input);
+        endpoints.push(endpoint);
+      }
+    }
+    return {
+      version: input.info?.version,
+      title: input.info?.title,
+      description: input.info?.description,
+      baseUrl,
+      auth: this.extractAuth(input),
+      endpoints
+    };
+  }
+  extractBaseUrl(spec) {
+    if (spec.servers && spec.servers.length > 0) {
+      return spec.servers[0].url;
+    }
+    if (spec.host) {
+      const scheme = spec.schemes?.[0] || "https";
+      const basePath = spec.basePath || "";
+      return `${scheme}://${spec.host}${basePath}`;
+    }
+    return "";
+  }
+  extractAuth(spec) {
+    const securitySchemes = spec.components?.securitySchemes || spec.securityDefinitions;
+    if (!securitySchemes) return void 0;
+    const firstScheme = Object.values(securitySchemes)[0];
+    if (!firstScheme) return void 0;
+    if (firstScheme.type === "http" && firstScheme.scheme === "bearer") {
+      return {
+        type: "bearer",
+        description: firstScheme.description,
+        tokenPrefix: "Bearer"
+      };
+    }
+    if (firstScheme.type === "apiKey") {
+      return {
+        type: "apiKey",
+        description: firstScheme.description,
+        headerName: firstScheme.name || "X-API-Key"
+      };
+    }
+    if (firstScheme.type === "http" && firstScheme.scheme === "basic") {
+      return {
+        type: "basic",
+        description: firstScheme.description
+      };
+    }
+    return void 0;
+  }
+  parseOperation(path3, method, operation, spec) {
+    const endpoint = {
+      title: operation.summary || operation.operationId || `${method} ${path3}`,
+      method,
+      path: this.convertPathParams(path3),
+      description: operation.description
+    };
+    const params = this.parseParameters(operation.parameters || [], spec);
+    if (params.path.length > 0) endpoint.pathParams = params.path;
+    if (params.query.length > 0) endpoint.queryParams = params.query;
+    if (params.header.length > 0) {
+      endpoint.headers = params.header.map((p) => ({
+        name: p.name,
+        value: p.example || "",
+        description: p.description
+      }));
+    }
+    if (operation.requestBody) {
+      endpoint.body = this.parseRequestBody(operation.requestBody, spec);
+    }
+    const responses = this.parseResponses(operation.responses || {}, spec);
+    if (responses.success) endpoint.successResponse = responses.success;
+    if (responses.errors.length > 0) endpoint.errorResponses = responses.errors;
+    return endpoint;
+  }
+  convertPathParams(path3) {
+    return path3.replace(/\{([^}]+)\}/g, ":$1");
+  }
+  parseParameters(parameters, spec) {
+    const result = { path: [], query: [], header: [] };
+    for (const param of parameters) {
+      const resolved = param.$ref ? this.resolveRef(param.$ref, spec) : param;
+      const apiParam = {
+        name: resolved.name,
+        type: resolved.schema?.type || resolved.type || "string",
+        required: resolved.required,
+        description: resolved.description,
+        example: resolved.example || resolved.schema?.example
+      };
+      if (resolved.in === "path") result.path.push(apiParam);
+      else if (resolved.in === "query") result.query.push(apiParam);
+      else if (resolved.in === "header") result.header.push(apiParam);
+    }
+    return result;
+  }
+  parseRequestBody(requestBody, spec) {
+    const content = requestBody.content?.["application/json"];
+    if (!content) return void 0;
+    return {
+      description: requestBody.description,
+      example: content.example || this.generateExample(content.schema, spec),
+      schema: content.schema
+    };
+  }
+  parseResponses(responses, spec) {
+    const result = { errors: [] };
+    for (const [statusCode, response] of Object.entries(responses)) {
+      const status = parseInt(statusCode);
+      if (isNaN(status)) continue;
+      const resolved = response.$ref ? this.resolveRef(response.$ref, spec) : response;
+      const content = resolved.content?.["application/json"];
+      const apiResponse = {
+        status,
+        description: resolved.description,
+        example: content?.example || this.generateExample(content?.schema, spec),
+        schema: content?.schema
+      };
+      if (status >= 200 && status < 300) {
+        result.success = apiResponse;
+      } else {
+        result.errors.push(apiResponse);
+      }
+    }
+    return result;
+  }
+  generateExample(schema, spec) {
+    if (!schema) return void 0;
+    if (schema.$ref) schema = this.resolveRef(schema.$ref, spec);
+    if (schema.example) return schema.example;
+    if (schema.type === "object" && schema.properties) {
+      const example = {};
+      for (const [key, prop] of Object.entries(schema.properties)) {
+        example[key] = this.generateExample(prop, spec);
+      }
+      return example;
+    }
+    if (schema.type === "array" && schema.items) {
+      return [this.generateExample(schema.items, spec)];
+    }
+    const defaults = {
+      string: "string",
+      number: 0,
+      integer: 0,
+      boolean: false,
+      object: {},
+      array: []
+    };
+    return defaults[schema.type] || null;
+  }
+  resolveRef(ref, spec) {
+    const path3 = ref.replace(/^#\//, "").split("/");
+    let current = spec;
+    for (const segment of path3) {
+      current = current[segment];
+      if (!current) return {};
+    }
+    return current;
+  }
+};
+
+// src/lib/parsers/postman-parser.ts
+var PostmanParser = class {
+  validate(input) {
+    return typeof input === "object" && input !== null && "info" in input && input.info?.schema?.includes("v2");
+  }
+  parse(input) {
+    if (!this.validate(input)) {
+      throw new Error("Invalid Postman Collection format (requires v2.0 or v2.1)");
+    }
+    const baseUrl = this.extractBaseUrl(input);
+    const endpoints = [];
+    this.parseItems(input.item || [], endpoints, baseUrl, input);
+    return {
+      version: input.info?.version,
+      title: input.info?.name,
+      description: input.info?.description,
+      baseUrl,
+      auth: this.extractAuth(input.auth),
+      globalHeaders: this.extractGlobalHeaders(input),
+      endpoints
+    };
+  }
+  extractBaseUrl(collection) {
+    const baseUrlVar = collection.variable?.find(
+      (v) => v.key === "baseUrl" || v.key === "base_url" || v.key === "url"
+    );
+    if (baseUrlVar) return baseUrlVar.value;
+    if (collection.item && collection.item.length > 0) {
+      const firstRequest = this.findFirstRequest(collection.item);
+      if (firstRequest?.request?.url) {
+        const url = this.parseUrl(firstRequest.request.url);
+        if (url.host) {
+          return `${url.protocol}://${url.host.join(".")}`;
+        }
+      }
+    }
+    return "";
+  }
+  findFirstRequest(items) {
+    for (const item of items) {
+      if (item.request) return item;
+      if (item.item) {
+        const found = this.findFirstRequest(item.item);
+        if (found) return found;
+      }
+    }
+    return null;
+  }
+  extractAuth(auth) {
+    if (!auth) return void 0;
+    if (auth.type === "bearer") {
+      return {
+        type: "bearer",
+        tokenPrefix: "Bearer"
+      };
+    }
+    if (auth.type === "apikey") {
+      const keyData = auth.apikey?.find((a) => a.key === "key");
+      const keyName = keyData?.value || "X-API-Key";
+      return {
+        type: "apiKey",
+        headerName: keyName
+      };
+    }
+    if (auth.type === "basic") {
+      return {
+        type: "basic"
+      };
+    }
+    return void 0;
+  }
+  extractGlobalHeaders(collection) {
+    return [];
+  }
+  parseItems(items, endpoints, baseUrl, collection) {
+    for (const item of items) {
+      if (item.item && Array.isArray(item.item)) {
+        this.parseItems(item.item, endpoints, baseUrl, collection);
+      } else if (item.request) {
+        const endpoint = this.parseRequest(item, baseUrl, collection);
+        endpoints.push(endpoint);
+      }
+    }
+  }
+  parseRequest(item, baseUrl, collection) {
+    const request = item.request;
+    const url = this.parseUrl(request.url);
+    const endpoint = {
+      title: item.name,
+      method: request.method.toUpperCase(),
+      path: this.buildPath(url, baseUrl),
+      description: item.request.description || item.description
+    };
+    const params = this.parseUrlParams(url);
+    if (params.path.length > 0) endpoint.pathParams = params.path;
+    if (params.query.length > 0) endpoint.queryParams = params.query;
+    if (request.header && request.header.length > 0) {
+      endpoint.headers = request.header.filter((h) => !h.disabled).map((h) => ({
+        name: h.key,
+        value: h.value || "",
+        description: h.description
+      }));
+    }
+    if (request.body) {
+      endpoint.body = this.parseBody(request.body);
+    }
+    const responses = this.parseResponses(item.response || []);
+    if (responses.success) endpoint.successResponse = responses.success;
+    if (responses.errors.length > 0) endpoint.errorResponses = responses.errors;
+    return endpoint;
+  }
+  parseUrl(url) {
+    if (typeof url === "string") {
+      const urlObj = new URL(url);
+      return {
+        protocol: urlObj.protocol.replace(":", ""),
+        host: urlObj.hostname.split("."),
+        path: urlObj.pathname.split("/").filter(Boolean),
+        query: [],
+        variable: []
+      };
+    }
+    return {
+      protocol: url.protocol || "https",
+      host: url.host || [],
+      path: url.path || [],
+      query: url.query || [],
+      variable: url.variable || []
+    };
+  }
+  buildPath(url, baseUrl) {
+    let path3 = "/";
+    if (url.path && url.path.length > 0) {
+      path3 += url.path.join("/");
+    }
+    path3 = path3.replace(/\{\{([^}]+)\}\}/g, ":$1");
+    return path3;
+  }
+  parseUrlParams(url) {
+    const result = { path: [], query: [] };
+    if (url.variable && url.variable.length > 0) {
+      for (const v of url.variable) {
+        result.path.push({
+          name: v.key,
+          type: v.type || "string",
+          description: v.description,
+          example: v.value
+        });
+      }
+    }
+    if (url.path && url.path.length > 0) {
+      for (const segment of url.path) {
+        if (segment.startsWith(":")) {
+          const paramName = segment.slice(1);
+          if (!result.path.find((p) => p.name === paramName)) {
+            result.path.push({
+              name: paramName,
+              type: "string"
+            });
+          }
+        }
+      }
+    }
+    if (url.query && url.query.length > 0) {
+      for (const q of url.query) {
+        if (q.disabled) continue;
+        result.query.push({
+          name: q.key,
+          type: "string",
+          description: q.description,
+          example: q.value
+        });
+      }
+    }
+    return result;
+  }
+  parseBody(body) {
+    if (!body) return void 0;
+    let example;
+    let description = body.description;
+    if (body.mode === "raw") {
+      try {
+        example = JSON.parse(body.raw);
+      } catch {
+        example = body.raw;
+      }
+    } else if (body.mode === "formdata" || body.mode === "urlencoded") {
+      example = {};
+      for (const item of body[body.mode] || []) {
+        if (!item.disabled) {
+          example[item.key] = item.value;
+        }
+      }
+    }
+    return {
+      description,
+      example
+    };
+  }
+  parseResponses(responses) {
+    const result = { errors: [] };
+    for (const response of responses) {
+      let example;
+      try {
+        example = JSON.parse(response.body);
+      } catch {
+        example = response.body;
+      }
+      const apiResponse = {
+        status: response.code || 200,
+        description: response.name,
+        example
+      };
+      if (apiResponse.status >= 200 && apiResponse.status < 300) {
+        if (!result.success) result.success = apiResponse;
+      } else {
+        result.errors.push(apiResponse);
+      }
+    }
+    return result;
+  }
+};
+
+// src/lib/parsers/index.ts
+var parsers = /* @__PURE__ */ new Map([
+  ["specra", new SpecraParser()],
+  ["openapi", new OpenApiParser()],
+  ["postman", new PostmanParser()]
+]);
+function detectParserType(input) {
+  if (!input || typeof input !== "object") {
+    throw new Error("Invalid API spec: input must be an object");
+  }
+  if (input.info?.schema?.includes("v2")) {
+    return "postman";
+  }
+  if (input.openapi || input.swagger) {
+    return "openapi";
+  }
+  if (input.endpoints && Array.isArray(input.endpoints)) {
+    return "specra";
+  }
+  throw new Error(
+    "Unable to auto-detect API spec format. Supported formats: Specra, OpenAPI 3.x, Postman Collection v2.x"
+  );
+}
+function parseApiSpec(input, parserType = "auto") {
+  const actualType = parserType === "auto" ? detectParserType(input) : parserType;
+  const parser = parsers.get(actualType);
+  if (!parser) {
+    throw new Error(`Unknown parser type: ${actualType}`);
+  }
+  if (!parser.validate(input)) {
+    throw new Error(`Input does not match ${actualType} format`);
+  }
+  return parser.parse(input);
+}
+
+// src/components/docs/api/api-reference.tsx
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function ApiReference({ spec, parser = "auto", showPlayground = true }) {
+  const [apiSpec, setApiSpec] = (0, import_react10.useState)(null);
+  const [loading, setLoading] = (0, import_react10.useState)(true);
+  const [error, setError] = (0, import_react10.useState)(null);
+  (0, import_react10.useEffect)(() => {
+    async function loadSpec() {
+      try {
+        const response = await fetch(spec);
+        if (!response.ok) {
+          throw new Error(`Failed to load API spec: ${response.statusText}`);
+        }
+        const data = await response.json();
+        const parsedSpec = parseApiSpec(data, parser);
+        setApiSpec(parsedSpec);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to load API spec");
+      } finally {
+        setLoading(false);
+      }
+    }
+    loadSpec();
+  }, [spec, parser]);
+  const interpolateEnv = (text, env) => {
+    if (!env) return text;
+    return text.replace(/\{(\w+)\}/g, (match, key) => {
+      return env[key] || match;
+    });
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-center py-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react8.Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "ml-2 text-muted-foreground", children: "Loading API specification..." })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "text-sm text-red-600 dark:text-red-400", children: [
+      "Error: ",
+      error
+    ] }) });
+  }
+  if (!apiSpec) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-6", children: [
+    (apiSpec.title || apiSpec.description) && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-8", children: [
+      apiSpec.title && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "text-2xl font-semibold mb-2 text-foreground", children: apiSpec.title }),
+      apiSpec.description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-muted-foreground", children: apiSpec.description }),
+      apiSpec.baseUrl && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-semibold text-muted-foreground mb-1", children: "Base URL" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("code", { className: "text-sm px-2 py-1 bg-muted rounded", children: apiSpec.baseUrl })
+      ] })
+    ] }),
+    apiSpec.auth && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rounded-lg border border-border bg-card/30 p-4 mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "text-lg font-semibold mb-2 text-foreground", children: "Authentication" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: apiSpec.auth.description || `This API uses ${apiSpec.auth.type} authentication.` }),
+      apiSpec.auth.type === "bearer" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        CodeBlock,
+        {
+          code: `Authorization: ${apiSpec.auth.tokenPrefix || "Bearer"} {YOUR_TOKEN}`,
+          language: "bash"
+        }
+      ),
+      apiSpec.auth.type === "apiKey" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        CodeBlock,
+        {
+          code: `${apiSpec.auth.headerName || "X-API-Key"}: {YOUR_API_KEY}`,
+          language: "bash"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: apiSpec.endpoints.map((endpoint, index) => {
+      const allHeaders = [
+        ...apiSpec.globalHeaders || [],
+        ...endpoint.headers || []
+      ].map((header) => ({
+        ...header,
+        value: interpolateEnv(header.value, apiSpec.env)
+      }));
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        AccordionItem,
+        {
+          value: `endpoint-${index}`,
+          title: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "span",
+              {
+                className: `text-xs font-semibold px-2 py-0.5 rounded ${endpoint.method === "GET" ? "bg-blue-500/10 text-blue-600 dark:text-blue-400" : endpoint.method === "POST" ? "bg-green-500/10 text-green-600 dark:text-green-400" : endpoint.method === "PUT" ? "bg-orange-500/10 text-orange-600 dark:text-orange-400" : endpoint.method === "PATCH" ? "bg-purple-500/10 text-purple-600 dark:text-purple-400" : "bg-red-500/10 text-red-600 dark:text-red-400"}`,
+                children: endpoint.method
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("code", { className: "text-sm font-mono", children: endpoint.path }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm text-muted-foreground ml-auto", children: endpoint.title })
+          ] }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-6 pt-4", children: [
+            endpoint.description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-muted-foreground", children: endpoint.description }),
+            endpoint.pathParams && endpoint.pathParams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ApiParams, { title: "Path Parameters", params: endpoint.pathParams }),
+            endpoint.queryParams && endpoint.queryParams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ApiParams, { title: "Query Parameters", params: endpoint.queryParams }),
+            allHeaders.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Headers" }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-2", children: allHeaders.map((header, idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("code", { className: "text-sm font-mono text-foreground", children: header.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xs text-muted-foreground", children: header.value })
+                ] }),
+                header.description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-muted-foreground", children: header.description })
+              ] }, idx)) })
+            ] }),
+            endpoint.body && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Request Body" }),
+              endpoint.body.description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: endpoint.body.description }),
+              endpoint.body.example && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                CodeBlock,
+                {
+                  code: typeof endpoint.body.example === "string" ? endpoint.body.example : JSON.stringify(endpoint.body.example, null, 2),
+                  language: "json"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Responses" }),
+              endpoint.successResponse && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                ApiResponse,
+                {
+                  status: endpoint.successResponse.status,
+                  description: endpoint.successResponse.description,
+                  example: endpoint.successResponse.example,
+                  schema: endpoint.successResponse.schema
+                }
+              ),
+              endpoint.errorResponses?.map((response, idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                ApiResponse,
+                {
+                  status: response.status,
+                  description: response.description,
+                  example: response.example,
+                  schema: response.schema
+                },
+                idx
+              ))
+            ] }),
+            endpoint.examples && endpoint.examples.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Examples" }),
+              endpoint.examples.map((example, idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: example.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CodeBlock, { code: example.code, language: example.language })
+              ] }, idx))
+            ] }),
+            showPlayground && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              ApiPlayground,
+              {
+                method: endpoint.method,
+                path: endpoint.path,
+                baseUrl: apiSpec.baseUrl,
+                headers: Object.fromEntries(allHeaders.map((h) => [h.name, h.value])),
+                pathParams: endpoint.pathParams,
+                defaultBody: endpoint.body?.example ? typeof endpoint.body.example === "string" ? endpoint.body.example : JSON.stringify(endpoint.body.example, null, 2) : void 0
+              }
+            )
+          ] })
+        },
+        index
+      );
+    }) })
+  ] });
+}
+
+// src/components/docs/mdx-components.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var mdxComponents = {
+  h1: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h1", { className: "text-3xl font-semibold tracking-tight mb-6 text-foreground", children }),
+  h2: ({ children, id }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { id, className: "text-2xl font-semibold tracking-tight mt-10 mb-4 text-foreground scroll-mt-24", children }),
+  h3: ({ children, id }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { id, className: "text-xl font-medium tracking-tight mt-8 mb-3 text-foreground scroll-mt-24", children }),
+  p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-base leading-7 text-muted-foreground mb-4", children }),
+  code: ({ children, className, meta, ...props }) => {
+    const isInline = !className;
+    if (isInline) {
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("code", { className: "px-1.5 py-0.5 rounded-md bg-muted/50 text-primary font-mono text-[13px] border border-border/50", children });
+    }
+    const language = className?.replace("language-", "") || "text";
+    const filename = meta || void 0;
+    const code = String(children).replace(/\n$/, "");
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CodeBlock, { code, language, filename });
+  },
+  pre: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children }),
+  ul: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ul", { className: "list-disc list-outside pl-5 space-y-2 mb-4 text-muted-foreground [&_p]:mb-0 [&_p]:inline [&_ul]:ml-6 [&_ol]:ml-6", children }),
+  ol: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ol", { className: "list-decimal list-outside pl-5 space-y-2 mb-4 text-muted-foreground [&_p]:mb-0 [&_p]:inline [&_ul]:ml-6 [&_ol]:ml-6", children }),
+  li: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { className: "leading-7 [&>p]:mb-0 [&>p]:inline", children }),
+  a: ({ children, href }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "a",
+    {
+      href,
+      className: "text-primary hover:underline font-medium",
+      target: href?.startsWith("http") ? "_blank" : void 0,
+      rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
+      children
+    }
+  ),
+  blockquote: ({ children }) => {
+    const childrenArray = Array.isArray(children) ? children : [children];
+    const firstChild = childrenArray[0];
+    let textContent = "";
+    if (firstChild && typeof firstChild === "object" && "props" in firstChild) {
+      const props = firstChild.props;
+      if (props.children) {
+        const text = Array.isArray(props.children) ? props.children.join("") : String(props.children);
+        textContent = text;
+      }
+    }
+    const alertMatch = textContent.match(/^\[!(INFO|TIP|WARNING|SUCCESS|ERROR)\]/);
+    if (alertMatch) {
+      const type = alertMatch[1].toLowerCase();
+      const processChildren = (node) => {
+        if (typeof node === "string") {
+          return node.replace(/^\[!(INFO|TIP|WARNING|SUCCESS|ERROR)\]\s*\n?/, "");
+        }
+        if (node && typeof node === "object" && "props" in node) {
+          return {
+            ...node,
+            props: {
+              ...node.props,
+              children: Array.isArray(node.props.children) ? node.props.children.map(processChildren) : processChildren(node.props.children)
+            }
+          };
+        }
+        return node;
+      };
+      const cleanedChildren = Array.isArray(children) ? children.map(processChildren) : processChildren(children);
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Callout, { type, children: cleanedChildren });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("blockquote", { className: "border-l-4 border-primary/50 bg-muted/30 pl-4 pr-4 py-3 my-6 rounded-r-lg", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-muted-foreground italic [&>p]:mb-0", children }) });
+  },
+  table: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "overflow-x-auto mb-6 rounded-xl border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("table", { className: "min-w-full border-collapse", children }) }),
+  th: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { className: "border-b border-r border-border bg-muted px-4 py-2 text-left font-semibold text-foreground last:border-r-0", children }),
+  td: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "border-b border-r border-border px-4 py-2 text-muted-foreground last:border-r-0", children }),
+  // Custom components
+  Callout,
+  Accordion,
+  AccordionItem,
+  Tabs,
+  Tab,
+  Image,
+  Video,
+  Card,
+  CardGrid,
+  ImageCard,
+  ImageCardGrid,
+  Steps,
+  Step,
+  Icon,
+  Mermaid,
+  Math: Math2,
+  Columns,
+  Column,
+  Badge,
+  Tooltip,
+  Frame,
+  // API Documentation components
+  ApiEndpoint,
+  ApiParams,
+  ApiResponse,
+  ApiPlayground,
+  ApiReference
+};
+
+// src/components/docs/doc-navigation.tsx
+var import_link3 = __toESM(require("next/link"));
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function DocNavigation({ previousDoc, nextDoc, version }) {
+  if (!previousDoc && !nextDoc) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mt-12 pt-8 border-t border-border grid grid-cols-2 gap-4", children: [
+    previousDoc ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      import_link3.default,
+      {
+        href: `/docs/${version}/${previousDoc.slug}`,
+        className: "group flex flex-col gap-2 p-4 rounded-xl border border-border hover:border-primary/50 hover:bg-muted/50 transition-all",
+        style: {
+          textDecoration: "none !important"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react9.ChevronLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "Previous" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-base font-medium text-foreground group-hover:text-primary transition-colors", children: previousDoc.title })
+        ]
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", {}),
+    nextDoc ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      import_link3.default,
+      {
+        href: `/docs/${version}/${nextDoc.slug}`,
+        className: "group flex flex-col gap-2 p-4 rounded-xl border border-border hover:border-primary/50 hover:bg-muted/50 transition-all text-right",
+        style: {
+          textDecoration: "none !important"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-end gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "Next" }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react9.ChevronRight, { className: "h-4 w-4" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-base font-medium text-foreground group-hover:text-primary transition-colors", children: nextDoc.title })
+        ]
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", {})
+  ] });
+}
+
+// src/components/docs/breadcrumb.tsx
+var import_link4 = __toESM(require("next/link"));
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Breadcrumb({ version, slug, title }) {
+  const parts = slug.split("/");
+  const breadcrumbs = [
+    { label: "Docs", href: `/docs/${version}` }
+  ];
+  let currentPath = "";
+  for (let i = 0; i < parts.length - 1; i++) {
+    currentPath += (currentPath ? "/" : "") + parts[i];
+    breadcrumbs.push({
+      label: parts[i].replace(/-/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()),
+      href: `/docs/${version}/${currentPath}`
+    });
+  }
+  breadcrumbs.push({
+    label: title,
+    href: `/docs/${version}/${slug}`
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("nav", { className: "flex items-center gap-2 text-sm text-muted-foreground mb-4", "aria-label": "Breadcrumb", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
+    index > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react10.ChevronRight, { className: "h-4 w-4" }),
+    index === breadcrumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-foreground font-medium", children: crumb.label }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      import_link4.default,
+      {
+        href: crumb.href,
+        className: "hover:text-foreground transition-colors",
+        children: crumb.label
+      }
+    )
+  ] }, crumb.href)) });
+}
+
+// src/components/docs/doc-metadata.tsx
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function DocMetadata({ meta, config }) {
+  const showReadingTime = config.features?.showReadingTime && meta.reading_time;
+  const showLastUpdated = config.features?.showLastUpdated && meta.last_updated;
+  const showAuthors = config.features?.showAuthors && meta.authors?.length;
+  const hasMetadata = showReadingTime || showLastUpdated || showAuthors;
+  if (!hasMetadata) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground border-b border-border pb-4 mb-6", children: [
+    showReadingTime && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react11.Clock, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { children: [
+        meta.reading_time,
+        " min read"
+      ] })
+    ] }),
+    showLastUpdated && meta.last_updated && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react11.Calendar, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { children: [
+        "Updated ",
+        new Date(meta.last_updated).toLocaleDateString()
+      ] })
+    ] }),
+    showAuthors && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react11.User, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: meta.authors.map((author, idx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { children: [
+        author.name || author.id,
+        idx < meta.authors.length - 1 && ", "
+      ] }, author.id)) })
+    ] })
+  ] });
+}
+
+// src/components/docs/draft-badge.tsx
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function DraftBadge() {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-md bg-yellow-500/10 border border-yellow-500/20 text-yellow-600 dark:text-yellow-400 text-sm font-medium mb-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react12.FileWarning, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Draft - Not visible in production" })
+  ] });
+}
+
+// src/components/docs/doc-tags.tsx
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function DocTags({ tags }) {
+  if (!tags || tags.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-wrap items-center gap-2 mt-6 pt-6 border-t border-border", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.Tag, { className: "h-4 w-4 text-muted-foreground" }),
+    tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      "span",
+      {
+        className: "inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium bg-primary/10 text-primary border border-primary/20",
+        children: tag
+      },
+      tag
+    ))
+  ] });
+}
+
+// src/components/docs/search-highlight.tsx
+var import_react11 = require("react");
+var import_navigation = require("next/navigation");
+function SearchHighlight() {
+  const searchParams = (0, import_navigation.useSearchParams)();
+  const query = searchParams.get("q");
+  (0, import_react11.useEffect)(() => {
+    if (!query) {
+      document.querySelectorAll("mark.search-highlight").forEach((mark) => {
+        const parent = mark.parentNode;
+        if (parent) {
+          parent.replaceChild(document.createTextNode(mark.textContent || ""), mark);
+          parent.normalize();
+        }
+      });
+      return;
+    }
+    const timeout = setTimeout(() => {
+      highlightSearchTerm(query);
+    }, 100);
+    return () => {
+      clearTimeout(timeout);
+      document.querySelectorAll("mark.search-highlight").forEach((mark) => {
+        const parent = mark.parentNode;
+        if (parent) {
+          parent.replaceChild(document.createTextNode(mark.textContent || ""), mark);
+          parent.normalize();
+        }
+      });
+    };
+  }, [query]);
+  return null;
+}
+function highlightSearchTerm(searchTerm) {
+  document.querySelectorAll("mark.search-highlight").forEach((mark) => {
+    const parent = mark.parentNode;
+    if (parent) {
+      parent.replaceChild(document.createTextNode(mark.textContent || ""), mark);
+      parent.normalize();
+    }
+  });
+  const contentArea = document.querySelector("main") || document.body;
+  const walker = document.createTreeWalker(
+    contentArea,
+    NodeFilter.SHOW_TEXT,
+    {
+      acceptNode: (node) => {
+        const parent = node.parentElement;
+        if (!parent) return NodeFilter.FILTER_REJECT;
+        const tagName = parent.tagName.toLowerCase();
+        if (["mark", "script", "style", "code", "pre"].includes(tagName)) {
+          return NodeFilter.FILTER_REJECT;
+        }
+        if (node.textContent && node.textContent.toLowerCase().includes(searchTerm.toLowerCase())) {
+          return NodeFilter.FILTER_ACCEPT;
+        }
+        return NodeFilter.FILTER_REJECT;
+      }
+    }
+  );
+  const nodesToHighlight = [];
+  let currentNode;
+  while (currentNode = walker.nextNode()) {
+    if (currentNode.textContent) {
+      nodesToHighlight.push({
+        node: currentNode,
+        text: currentNode.textContent
+      });
+    }
+  }
+  nodesToHighlight.forEach(({ node, text }) => {
+    const regex = new RegExp(`(${escapeRegex(searchTerm)})`, "gi");
+    const parts = text.split(regex);
+    if (parts.length > 1) {
+      const fragment = document.createDocumentFragment();
+      parts.forEach((part) => {
+        if (part.toLowerCase() === searchTerm.toLowerCase()) {
+          const mark = document.createElement("mark");
+          mark.className = "search-highlight bg-yellow-200 dark:bg-yellow-900/50 text-foreground px-1 rounded";
+          mark.textContent = part;
+          fragment.appendChild(mark);
+        } else if (part) {
+          fragment.appendChild(document.createTextNode(part));
+        }
+      });
+      node.parentNode?.replaceChild(fragment, node);
+    }
+  });
+  const firstHighlight = document.querySelector("mark.search-highlight");
+  if (firstHighlight) {
+    setTimeout(() => {
+      firstHighlight.scrollIntoView({ behavior: "smooth", block: "center" });
+    }, 200);
+  }
+}
+function escapeRegex(string) {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+// src/lib/config.types.ts
+var defaultConfig = {
+  site: {
+    title: "Documentation",
+    description: "Project documentation",
+    baseUrl: "/",
+    language: "en"
+  },
+  theme: {
+    defaultMode: "system",
+    respectPrefersColorScheme: true
+  },
+  navigation: {
+    showSidebar: true,
+    collapsibleSidebar: true,
+    showBreadcrumbs: true,
+    showTableOfContents: true,
+    tocPosition: "right",
+    tocMaxDepth: 3
+  },
+  search: {
+    enabled: true,
+    provider: "local",
+    placeholder: "Search documentation..."
+  },
+  features: {
+    showLastUpdated: true,
+    showReadingTime: true,
+    showAuthors: false,
+    showTags: true,
+    versioning: true,
+    i18n: false
+  }
+};
+
+// src/lib/config.server.ts
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key in source) {
+    const sourceValue = source[key];
+    const targetValue = result[key];
+    if (sourceValue && typeof sourceValue === "object" && !Array.isArray(sourceValue)) {
+      result[key] = deepMerge(
+        targetValue && typeof targetValue === "object" ? targetValue : {},
+        sourceValue
+      );
+    } else if (sourceValue !== void 0) {
+      result[key] = sourceValue;
+    }
+  }
+  return result;
+}
+function loadConfig(userConfig) {
+  try {
+    const config = deepMerge(defaultConfig, userConfig);
+    return config;
+  } catch (error) {
+    console.error(`\u274C Error loading configuration:`, error);
+    console.warn("Using default configuration.");
+    return defaultConfig;
+  }
+}
+function replaceEnvVariables(text, config) {
+  const cfg = config || loadConfig({});
+  const envVars = cfg.env || {};
+  let result = text;
+  result = result.replace(/\$\{([^}]+)\}/g, (match, varName) => {
+    return envVars[varName] || match;
+  });
+  result = result.replace(/\{\{([^}]+)\}\}/g, (match, varName) => {
+    return envVars[varName] || match;
+  });
+  return result;
+}
+function processContentWithEnv(content, config) {
+  return replaceEnvVariables(content, config);
+}
+var configInstance = null;
+function getConfig() {
+  if (!configInstance) {
+    throw new Error("Specra config has not been initialized");
+  }
+  return configInstance;
+}
+
+// src/components/docs/doc-layout.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+async function DocLayout({ content, meta, previousDoc, nextDoc, version, slug, config }) {
+  const isDevelopment3 = process.env.NODE_ENV === "development";
+  const processedContent = processContentWithEnv(content, config);
+  const editUrl = config.features?.editUrl && typeof config.features.editUrl === "string" ? `${config.features.editUrl}/${version}/${slug}.mdx` : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("article", { className: "flex-1 min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SearchHighlight, {}),
+    config.navigation?.showBreadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Breadcrumb, { version, slug, title: meta.title }),
+    isDevelopment3 && meta.draft && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DraftBadge, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h1", { className: "text-4xl font-bold tracking-tight mb-3 text-foreground", children: meta.title }),
+      meta.description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-lg text-muted-foreground leading-relaxed", children: meta.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DocMetadata, { meta, config }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none prose-headings:scroll-mt-24 prose-headings:font-semibold prose-h1:text-4xl prose-h2:text-3xl prose-h2:mt-12 prose-h2:mb-4 prose-h3:text-2xl prose-h3:mt-8 prose-h3:mb-3 prose-p:text-base prose-p:leading-7 prose-p:text-muted-foreground prose-p:mb-4 prose-a:font-normal prose-a:transition-all prose-code:text-primary prose-code:bg-muted/50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:text-[13px] prose-code:font-mono prose-code:border prose-code:border-border/50 prose-code:before:content-none prose-code:after:content-none prose-pre:bg-transparent prose-pre:p-0 prose-ul:list-disc prose-ul:list-inside prose-ul:space-y-2 prose-ul:mb-4 prose-ol:list-decimal prose-ol:list-inside prose-ol:space-y-2 prose-ol:mb-4 prose-li:leading-7 prose-li:text-muted-foreground prose-strong:text-foreground prose-strong:font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      import_rsc.MDXRemote,
+      {
+        source: processedContent,
+        options: {
+          parseFrontmatter: false,
+          mdxOptions: {
+            remarkPlugins: [import_remark_gfm.default, remarkCodeMeta],
+            rehypePlugins: [import_rehype_slug.default],
+            development: false
+          }
+        },
+        components: mdxComponents
+      }
+    ) }),
+    config.features?.showTags && meta.tags && meta.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DocTags, { tags: meta.tags }),
+    (editUrl || config.social?.github) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-12 pt-6 border-t border-border flex items-center justify-between", children: [
+      editUrl ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "a",
+        {
+          href: editUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.FileEdit, { className: "h-4 w-4" }),
+            "Edit this page"
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", {}),
+      config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "a",
+        {
+          href: `${config.social.github}/issues/new`,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.ExternalLink, { className: "h-4 w-4" }),
+            "Report an issue"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DocNavigation, { previousDoc, nextDoc, version })
+  ] });
+}
+
+// src/components/docs/table-of-contents.tsx
+var import_react12 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function TableOfContents({ items, config }) {
+  const [activeId, setActiveId] = (0, import_react12.useState)("");
+  if (!config.navigation?.showTableOfContents) {
+    return null;
+  }
+  const maxDepth = config.navigation?.tocMaxDepth || 3;
+  const filteredItems = items.filter((item) => item.level <= maxDepth);
+  const hasTabGroups = config.navigation?.tabGroups && config.navigation.tabGroups.length > 0;
+  (0, import_react12.useEffect)(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            setActiveId(entry.target.id);
+          }
+        });
+      },
+      { rootMargin: "-80px 0px -80% 0px" }
+    );
+    filteredItems.forEach((item) => {
+      const element = document.getElementById(item.id);
+      if (element) {
+        observer.observe(element);
+      }
+    });
+    return () => observer.disconnect();
+  }, [filteredItems]);
+  const handleClick = (e, id) => {
+    e.preventDefault();
+    const element = document.getElementById(id);
+    if (element) {
+      const offset = 100;
+      const elementPosition = element.getBoundingClientRect().top;
+      const offsetPosition = elementPosition + window.scrollY - offset;
+      window.scrollTo({
+        top: offsetPosition,
+        behavior: "smooth"
+      });
+      window.history.replaceState(null, "", `#${id}`);
+      setActiveId(id);
+    }
+  };
+  const stickyTop = hasTabGroups ? "top-[7.5rem]" : "top-24";
+  const maxHeight = hasTabGroups ? "max-h-[calc(100vh-10rem)]" : "max-h-[calc(100vh-7rem)]";
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("nav", { className: "space-y-1", children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "a",
+      {
+        href: `#${item.id}`,
+        onClick: (e) => handleClick(e, item.id),
+        className: `block text-sm transition-all cursor-pointer rounded-xl px-3 py-2 ${item.level === 3 ? "ml-3" : ""} ${activeId === item.id ? "text-primary font-medium" : "text-foreground hover:bg-accent/50"}`,
+        children: item.title
+      },
+      item.id
+    )) })
+  ] }) });
+}
+
+// src/components/docs/header.tsx
+var import_link5 = __toESM(require("next/link"));
+var import_lucide_react19 = require("lucide-react");
+
+// src/components/docs/version-switcher.tsx
+var import_react13 = require("react");
+var import_lucide_react15 = require("lucide-react");
+var import_navigation2 = require("next/navigation");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function VersionSwitcher({ currentVersion, versions }) {
+  const [open, setOpen] = (0, import_react13.useState)(false);
+  const router = (0, import_navigation2.useRouter)();
+  const handleVersionChange = (version) => {
+    router.push(`/docs/${version}`);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: "flex items-center gap-2 px-3 py-2 text-sm text-foreground bg-muted rounded-md hover:bg-muted/80 transition-colors",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-medium", children: currentVersion }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute right-0 mt-2 w-48 bg-background border border-border rounded-md shadow-lg z-50", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "p-2", children: versions.map((version) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        "button",
+        {
+          onClick: () => handleVersionChange(version),
+          className: "flex items-center justify-between w-full px-3 py-2 text-sm text-foreground hover:bg-muted rounded-md transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: version }),
+            version === currentVersion && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.Check, { className: "h-4 w-4 text-primary" })
+          ]
+        },
+        version
+      )) }) })
+    ] })
+  ] });
+}
+
+// src/components/docs/theme-toggle.tsx
+var import_lucide_react16 = require("lucide-react");
+var import_react14 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function ThemeToggle() {
+  const [theme, setTheme] = (0, import_react14.useState)("dark");
+  (0, import_react14.useEffect)(() => {
+    const savedTheme = localStorage.getItem("theme");
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    const initialTheme = savedTheme || (prefersDark ? "dark" : "light");
+    setTheme(initialTheme);
+    document.documentElement.classList.toggle("dark", initialTheme === "dark");
+  }, []);
+  const toggleTheme = () => {
+    const newTheme = theme === "dark" ? "light" : "dark";
+    setTheme(newTheme);
+    localStorage.setItem("theme", newTheme);
+    document.documentElement.classList.toggle("dark", newTheme === "dark");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "button",
+    {
+      onClick: toggleTheme,
+      className: "flex items-center justify-center w-9 h-9 rounded-md border border-border bg-background hover:bg-accent transition-colors",
+      "aria-label": "Toggle theme",
+      children: theme === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.Sun, { className: "h-4 w-4 text-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.Moon, { className: "h-4 w-4 text-foreground" })
+    }
+  );
+}
+
+// src/components/docs/search-modal.tsx
+var import_react15 = require("react");
+var import_lucide_react18 = require("lucide-react");
+var import_navigation3 = require("next/navigation");
+
+// src/components/ui/dialog.tsx
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 dark:bg-black/70 backdrop-blur-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react17.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/docs/search-modal.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function SearchModal({ isOpen, onClose, config }) {
+  const [query, setQuery] = (0, import_react15.useState)("");
+  const [results, setResults] = (0, import_react15.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
+  const [selectedIndex, setSelectedIndex] = (0, import_react15.useState)(0);
+  const router = (0, import_navigation3.useRouter)();
+  const searchConfig = config.search;
+  const performSearch = (0, import_react15.useCallback)(async (searchQuery) => {
+    if (!searchQuery.trim() || !searchConfig?.enabled) {
+      setResults([]);
+      return;
+    }
+    setIsLoading(true);
+    try {
+      const response = await fetch("/api/search", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          query: searchQuery,
+          // filter: 'version = "v1.0.0"',
+          distinct: "version",
+          limit: 2
+        })
+      });
+      if (response.ok) {
+        const data = await response.json();
+        console.log("Search response:", data);
+        setResults(data.hits || []);
+      } else {
+        console.error("Search failed:", response.status, await response.text());
+      }
+    } catch (error) {
+      console.error("Search error:", error);
+      setResults([]);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [searchConfig]);
+  (0, import_react15.useEffect)(() => {
+    const timer = setTimeout(() => {
+      performSearch(query);
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [query, performSearch]);
+  (0, import_react15.useEffect)(() => {
+    const handleKeyDown = (e) => {
+      if (!isOpen) return;
+      switch (e.key) {
+        case "Escape":
+          onClose();
+          break;
+        case "ArrowDown":
+          e.preventDefault();
+          setSelectedIndex((prev) => Math.min(prev + 1, results.length - 1));
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          setSelectedIndex((prev) => Math.max(prev - 1, 0));
+          break;
+        case "Enter":
+          e.preventDefault();
+          if (results[selectedIndex]) {
+            handleResultClick(results[selectedIndex]);
+          }
+          break;
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, results, selectedIndex, onClose]);
+  (0, import_react15.useEffect)(() => {
+    if (isOpen) {
+      setQuery("");
+      setResults([]);
+      setSelectedIndex(0);
+    }
+  }, [isOpen]);
+  const handleResultClick = (result) => {
+    const url = `/docs/${result.version}/${result.slug}?q=${encodeURIComponent(query)}`;
+    router.push(url);
+    onClose();
+  };
+  const highlightText = (text, query2) => {
+    if (!query2.trim()) return text;
+    const parts = text.split(new RegExp(`(${query2})`, "gi"));
+    return parts.map(
+      (part, i) => part.toLowerCase() === query2.toLowerCase() ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("mark", { className: "bg-yellow-200 dark:bg-yellow-900/50 text-foreground", children: part }, i) : part
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Dialog, { open: isOpen, onOpenChange: onClose, modal: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    DialogContent,
+    {
+      className: "max-w-2xl p-0 gap-0 top-[10vh] translate-y-0",
+      showCloseButton: false,
+      onOpenAutoFocus: (e) => e.preventDefault(),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.Search, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            "input",
+            {
+              type: "text",
+              value: query,
+              onChange: (e) => setQuery(e.target.value),
+              placeholder: searchConfig?.placeholder || "Search documentation...",
+              className: "flex-1 bg-transparent border-none outline-none text-foreground placeholder:text-muted-foreground",
+              autoFocus: true
+            }
+          ),
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.Loader2, { className: "h-5 w-5 text-muted-foreground animate-spin" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "max-h-[60vh] overflow-y-auto", children: [
+          query.trim() && results.length === 0 && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
+            'No results found for "',
+            query,
+            '"'
+          ] }),
+          results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "py-2", children: results.map((result, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            "button",
+            {
+              onClick: () => handleResultClick(result),
+              className: `w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors border-l-2 ${index === selectedIndex ? "bg-muted/50 border-primary" : "border-transparent"}`,
+              onMouseEnter: () => setSelectedIndex(index),
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.FileText, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "font-medium text-foreground mb-1", children: highlightText(result.title, query) }),
+                  result.content && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-sm text-muted-foreground line-clamp-2", children: highlightText(result.content, query) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: result.version }),
+                    result.category && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "\u2022" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: result.category })
+                    ] })
+                  ] })
+                ] })
+              ] })
+            },
+            result.id
+          )) }),
+          !query.trim() && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "px-4 py-8 text-center text-muted-foreground text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { children: "Start typing to search documentation..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mt-4 flex items-center justify-center gap-4 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "\u2191\u2193" }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Navigate" }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Enter" }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Select" }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Esc" }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Close" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/components/docs/header.tsx
+var import_react16 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function Header({ currentVersion, versions, onMenuClick, config }) {
+  const [searchOpen, setSearchOpen] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
+    const handleKeyDown = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+        e.preventDefault();
+        setSearchOpen(true);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "container flex h-16 items-center justify-between px-6 mx-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          "button",
+          {
+            onClick: onMenuClick,
+            className: "lg:hidden hover:bg-muted p-2 rounded-md transition-colors",
+            "aria-label": "Toggle menu",
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Menu, { className: "h-5 w-5" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_link5.default, { href: "/", className: "flex items-center gap-2", children: [
+          config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: getAssetPath(config.site.logo), alt: config.site.title, className: "h-8 w-auto" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "font-semibold text-lg text-foreground", children: "Specra" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
+        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+          "button",
+          {
+            onClick: () => setSearchOpen(true),
+            className: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground hover:text-foreground bg-muted rounded-md transition-colors",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Search, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("kbd", { className: "hidden sm:inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-background px-1.5 font-mono text-xs font-medium", children: "\u2318K" })
+            ]
+          }
+        ),
+        config.features?.versioning && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(VersionSwitcher, { currentVersion, versions }),
+        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          "a",
+          {
+            href: config.social.github,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
+            "aria-label": "GitHub",
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Github, { className: "h-4 w-4" })
+          }
+        ),
+        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          "a",
+          {
+            href: config.social.twitter,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
+            "aria-label": "Twitter",
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Twitter, { className: "h-4 w-4" })
+          }
+        ),
+        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          "a",
+          {
+            href: config.social.discord,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
+            "aria-label": "Discord",
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.MessageCircle, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ThemeToggle, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
+  ] });
+}
+
+// src/components/docs/doc-layout-wrapper.tsx
+var import_react21 = require("react");
+
+// src/components/docs/mobile-doc-layout.tsx
+var import_react19 = require("react");
+
+// src/components/docs/footer.tsx
+var import_link6 = __toESM(require("next/link"));
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function Footer({ config }) {
+  if (!config.footer) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("footer", { className: "bg-muted/30 dark:bg-muted/10 rounded-2xl mt-24", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-6 py-12", children: [
+    config.footer.links && config.footer.links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 mb-8", children: config.footer.links.map((column, idx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-semibold text-foreground mb-4", children: column.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "space-y-2", children: column.items.map((item, itemIdx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        import_link6.default,
+        {
+          href: item.href,
+          className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+          children: item.label
+        }
+      ) }, itemIdx)) })
+    ] }, idx)) }),
+    config.footer.copyright && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-muted-foreground text-center", children: config.footer.copyright }) })
+  ] }) });
+}
+
+// src/components/docs/site-banner.tsx
+var import_lucide_react20 = require("lucide-react");
+var import_react17 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function SiteBanner({ config }) {
+  const [dismissed, setDismissed] = (0, import_react17.useState)(false);
+  const [mounted, setMounted] = (0, import_react17.useState)(false);
+  const banner = config.banner;
+  const storageKey = "site-banner-dismissed";
+  (0, import_react17.useEffect)(() => {
+    setMounted(true);
+    const isDismissed = localStorage.getItem(storageKey) === "true";
+    setDismissed(isDismissed);
+  }, []);
+  const handleDismiss = () => {
+    setDismissed(true);
+    localStorage.setItem(storageKey, "true");
+  };
+  if (!mounted || !banner || !banner.enabled || dismissed) {
+    return null;
+  }
+  const typeConfig = {
+    info: {
+      icon: import_lucide_react20.Info,
+      bg: "bg-blue-500/10 dark:bg-blue-400/5",
+      border: "border-blue-500/30 dark:border-blue-500/20",
+      iconColor: "text-blue-600 dark:text-blue-400",
+      textColor: "text-blue-900 dark:text-blue-300"
+    },
+    success: {
+      icon: import_lucide_react20.CheckCircle,
+      bg: "bg-green-500/10 dark:bg-green-400/5",
+      border: "border-green-500/30 dark:border-green-500/20",
+      iconColor: "text-green-600 dark:text-green-400",
+      textColor: "text-green-900 dark:text-green-300"
+    },
+    warning: {
+      icon: import_lucide_react20.AlertCircle,
+      bg: "bg-yellow-500/10 dark:bg-yellow-400/5",
+      border: "border-yellow-500/30 dark:border-yellow-500/20",
+      iconColor: "text-yellow-600 dark:text-yellow-400",
+      textColor: "text-yellow-900 dark:text-yellow-300"
+    },
+    error: {
+      icon: import_lucide_react20.XCircle,
+      bg: "bg-red-500/10 dark:bg-red-400/5",
+      border: "border-red-500/30 dark:border-red-500/20",
+      iconColor: "text-red-600 dark:text-red-400",
+      textColor: "text-red-900 dark:text-red-300"
+    }
+  };
+  const type = banner.type || "info";
+  const { icon: IconComponent, bg, border, iconColor, textColor } = typeConfig[type];
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `w-full border-b ${border} ${bg}`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "container mx-auto px-6 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconComponent, { className: `h-5 w-5 shrink-0 ${iconColor}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: `text-sm font-medium ${textColor}`, children: banner.message }) }),
+    banner.dismissible && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      "button",
+      {
+        onClick: handleDismiss,
+        className: `shrink-0 p-1 rounded-md hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${iconColor}`,
+        "aria-label": "Dismiss banner",
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react20.X, { className: "h-4 w-4" })
+      }
+    )
+  ] }) }) });
+}
+
+// src/components/docs/tab-groups.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function TabGroups({ tabGroups, activeTabId, onTabChange }) {
+  const activeTab = activeTabId || tabGroups[0]?.id || "";
+  const handleTabChange = (tabId) => {
+    onTabChange?.(tabId);
+  };
+  if (!tabGroups || tabGroups.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "sticky top-16 z-30 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("nav", { className: "flex gap-1 overflow-x-auto no-scrollbar", "aria-label": "Documentation tabs", children: tabGroups.map((tab) => {
+    const isActive = tab.id === activeTab;
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      "button",
+      {
+        onClick: () => handleTabChange(tab.id),
+        className: `flex items-center gap-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-all border-b-2 ${isActive ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
+        "aria-current": isActive ? "page" : void 0,
+        children: [
+          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
+          tab.label
+        ]
+      },
+      tab.id
+    );
+  }) }) }) });
+}
+
+// src/components/docs/sidebar.tsx
+var import_link7 = __toESM(require("next/link"));
+var import_navigation4 = require("next/navigation");
+var import_lucide_react21 = require("lucide-react");
+var import_react18 = require("react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
+  const pathname = (0, import_navigation4.usePathname)();
+  const [collapsed, setCollapsed] = (0, import_react18.useState)(() => {
+    const initial = {};
+    return initial;
+  });
+  if (!config.navigation?.showSidebar) {
+    return null;
+  }
+  const hasTabGroups = config.navigation?.tabGroups && config.navigation.tabGroups.length > 0;
+  const filteredDocs = hasTabGroups && activeTabGroup ? docs.filter((doc) => {
+    const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
+    if (!docTabGroup) {
+      return activeTabGroup === config.navigation?.tabGroups?.[0]?.id;
+    }
+    return docTabGroup === activeTabGroup;
+  }) : docs;
+  const rootGroups = {};
+  const standalone = [];
+  filteredDocs.forEach((doc) => {
+    const pathParts = doc.filePath.split("/");
+    const isIndexFile = doc.filePath.endsWith("/index") || doc.filePath === "index" || pathParts.length > 1 && doc.slug === pathParts.slice(0, -1).join("/");
+    const customGroup = doc.sidebar || doc.group;
+    if (customGroup) {
+      const groupName = customGroup.charAt(0).toUpperCase() + customGroup.slice(1);
+      if (!rootGroups[groupName]) {
+        rootGroups[groupName] = {
+          label: groupName,
+          path: customGroup,
+          items: [],
+          position: 999,
+          collapsible: doc.categoryCollapsible ?? true,
+          defaultCollapsed: doc.categoryCollapsed ?? false,
+          children: {}
+        };
+      }
+      if (isIndexFile) {
+        rootGroups[groupName].position = doc.sidebar_position ?? 999;
+        rootGroups[groupName].icon = doc.categoryIcon;
+      } else {
+        rootGroups[groupName].items.push(doc);
+      }
+      return;
+    }
+    if (pathParts.length > 1) {
+      const folderParts = pathParts.slice(0, -1);
+      let currentLevel = rootGroups;
+      let currentPath = "";
+      for (let i = 0; i < folderParts.length; i++) {
+        const folder = folderParts[i];
+        currentPath = currentPath ? `${currentPath}/${folder}` : folder;
+        const folderLabel = folder.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+        if (!currentLevel[folder]) {
+          currentLevel[folder] = {
+            label: doc.categoryLabel && i === folderParts.length - 1 ? doc.categoryLabel : folderLabel,
+            path: currentPath,
+            icon: doc.categoryIcon,
+            items: [],
+            position: doc.categoryPosition ?? 999,
+            collapsible: doc.categoryCollapsible ?? true,
+            defaultCollapsed: doc.categoryCollapsed ?? false,
+            children: {}
+          };
+        }
+        if (i === folderParts.length - 1) {
+          if (isIndexFile) {
+            currentLevel[folder].position = doc.categoryPosition ?? doc.sidebar_position ?? 999;
+            if (doc.categoryLabel) {
+              currentLevel[folder].label = doc.categoryLabel;
+            }
+            if (doc.categoryIcon) {
+              currentLevel[folder].icon = doc.categoryIcon;
+            }
+          } else {
+            currentLevel[folder].items.push(doc);
+          }
+        }
+        currentLevel = currentLevel[folder].children;
+      }
+    } else {
+      if (!isIndexFile) {
+        standalone.push(doc);
+      }
+    }
+  });
+  const toggleSection = (section) => {
+    setCollapsed((prev) => ({ ...prev, [section]: !prev[section] }));
+  };
+  const renderGroup = (groupKey, group, depth = 0) => {
+    const sortedItems = sortSidebarItems(group.items);
+    const sortedChildren = sortSidebarGroups(group.children);
+    const hasChildren = sortedChildren.length > 0;
+    const hasItems = sortedItems.length > 0;
+    const hasContent = hasChildren || hasItems;
+    const isActiveInGroup = (g) => {
+      const hasActiveItem2 = g.items.some((doc) => pathname === `/docs/${version}/${doc.slug}`);
+      if (hasActiveItem2) return true;
+      return Object.values(g.children).some((child) => isActiveInGroup(child));
+    };
+    const hasActiveItem = isActiveInGroup(group);
+    const isGroupActive = pathname === `/docs/${version}/${group.path}`;
+    const isCollapsed = hasActiveItem || isGroupActive ? false : collapsed[groupKey] ?? group.defaultCollapsed;
+    const marginLeft = depth > 0 ? "ml-4" : "";
+    const groupHref = `/docs/${version}/${group.path}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `space-y-1 ${marginLeft}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          import_link7.default,
+          {
+            href: groupHref,
+            onClick: onLinkClick,
+            className: `flex items-center gap-2 flex-1 px-3 py-2 text-sm font-semibold rounded-l-xl transition-all ${isGroupActive ? "bg-primary/10 text-primary" : "text-foreground hover:bg-accent/50"}`,
+            children: [
+              group.icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: group.icon, size: 16, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.FolderOpen, { size: 16, className: "shrink-0" }),
+              group.label
+            ]
+          }
+        ),
+        hasContent && group.collapsible && config.navigation?.collapsibleSidebar && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          "button",
+          {
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              toggleSection(groupKey);
+            },
+            className: `p-2 rounded-r-xl transition-all ${isGroupActive ? "hover:bg-primary/20" : "hover:bg-accent/50"}`,
+            "aria-label": isCollapsed ? "Expand section" : "Collapse section",
+            children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.ChevronRight, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.ChevronDown, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` })
+          }
+        )
+      ] }),
+      !isCollapsed && hasContent && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "ml-4 space-y-1", children: (() => {
+        const merged = [
+          ...sortedChildren.map(([childKey, childGroup]) => ({
+            type: "group",
+            key: childKey,
+            group: childGroup,
+            position: childGroup.position
+          })),
+          ...sortedItems.map((doc) => ({
+            type: "item",
+            doc,
+            position: doc.sidebar_position ?? doc.meta?.sidebar_position ?? doc.meta?.order ?? 999
+          }))
+        ];
+        merged.sort((a, b) => a.position - b.position);
+        return merged.map((item) => {
+          if (item.type === "group") {
+            return renderGroup(`${groupKey}/${item.key}`, item.group, depth + 1);
+          } else {
+            const href = `/docs/${version}/${item.doc.slug}`;
+            const isActive = pathname === href;
+            return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+              import_link7.default,
+              {
+                href,
+                onClick: onLinkClick,
+                className: `flex items-center gap-2 px-3 py-2 text-sm rounded-xl transition-all ${isActive ? "bg-primary/10 text-primary font-medium" : "text-foreground hover:text-foreground hover:bg-accent/50"}`,
+                children: [
+                  item.doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: item.doc.meta.icon, size: 16, className: "shrink-0" }),
+                  item.doc.title
+                ]
+              },
+              `grouped-${item.doc.slug}`
+            );
+          }
+        });
+      })() })
+    ] }, `group-${groupKey}`);
+  };
+  const sortedRootGroups = sortSidebarGroups(rootGroups);
+  const sortedStandalone = sortSidebarItems(standalone);
+  const stickyTop = hasTabGroups ? "top-[7.5rem]" : "top-24";
+  const maxHeight = hasTabGroups ? "max-h-[calc(100vh-10rem)]" : "max-h-[calc(100vh-7rem)]";
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("aside", { className: `w-64 shrink-0 sticky ${stickyTop} self-start`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "Documentation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("nav", { className: "space-y-1", children: [
+      sortedStandalone.length > 0 && sortedStandalone.map((doc) => {
+        const href = `/docs/${version}/${doc.slug}`;
+        const isActive = pathname === href;
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          import_link7.default,
+          {
+            href,
+            onClick: onLinkClick,
+            className: `flex items-center gap-2 px-3 py-2 text-sm rounded-xl transition-all ${isActive ? "bg-primary/10 text-primary font-medium" : "text-foreground hover:text-foreground hover:bg-accent/50"}`,
+            children: [
+              doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: doc.meta.icon, size: 16, className: "shrink-0" }),
+              doc.title
+            ]
+          },
+          `standalone-${doc.slug}`
+        );
+      }),
+      sortedRootGroups.map(([groupKey, group]) => renderGroup(groupKey, group, 0))
+    ] })
+  ] }) });
+}
+
+// src/components/docs/mobile-doc-layout.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function MobileDocLayout({ header, docs, version, content, toc, config, activeTabGroup, onTabChange }) {
+  const [sidebarOpen, setSidebarOpen] = (0, import_react19.useState)(false);
+  const handleTabChange = (tabId) => {
+    onTabChange?.(tabId);
+  };
+  const closeSidebar = () => setSidebarOpen(false);
+  const toggleSidebar = () => setSidebarOpen(!sidebarOpen);
+  const headerWithProps = (0, import_react19.isValidElement)(header) ? (0, import_react19.cloneElement)(header, {
+    onMenuClick: toggleSidebar
+  }) : header;
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-h-screen bg-background", children: [
+    headerWithProps,
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SiteBanner, { config }),
+    config.navigation?.tabGroups && config.navigation.tabGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      TabGroups,
+      {
+        tabGroups: config.navigation.tabGroups,
+        activeTabId: activeTabGroup,
+        onTabChange: handleTabChange
+      }
+    ),
+    sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      "div",
+      {
+        className: "lg:hidden fixed inset-0 bg-background/80 backdrop-blur-sm z-40",
+        onClick: () => setSidebarOpen(false)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      "div",
+      {
+        className: `lg:hidden fixed top-0 left-0 h-full w-64 bg-background border-r border-border z-40 transform transition-transform duration-300 ease-in-out overflow-y-auto ${sidebarOpen ? "translate-x-0" : "-translate-x-full"}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "pt-20 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          Sidebar,
+          {
+            docs,
+            version,
+            config,
+            onLinkClick: closeSidebar,
+            activeTabGroup
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("main", { className: "container mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        Sidebar,
+        {
+          docs,
+          version,
+          config,
+          activeTabGroup
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-2 px-2 md:px-8", children: [
+        content,
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Footer, { config })
+      ] }) }),
+      toc
+    ] }) })
+  ] });
+}
+
+// src/components/docs/tab-context.tsx
+var import_react20 = require("react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var TabContext = (0, import_react20.createContext)(void 0);
+function useTabContext() {
+  const context = (0, import_react20.useContext)(TabContext);
+  if (!context) {
+    throw new Error("useTabContext must be used within TabProvider");
+  }
+  return context;
+}
+
+// src/components/docs/doc-layout-wrapper.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function DocLayoutWrapper({ header, docs, version, content, toc, config, currentPageTabGroup }) {
+  const { activeTabGroup, setActiveTabGroup } = useTabContext();
+  const lastPageTabGroupRef = (0, import_react21.useRef)(void 0);
+  const isInitialMount = (0, import_react21.useRef)(true);
+  (0, import_react21.useEffect)(() => {
+    if (isInitialMount.current && currentPageTabGroup) {
+      setActiveTabGroup(currentPageTabGroup);
+      lastPageTabGroupRef.current = currentPageTabGroup;
+      isInitialMount.current = false;
+      return;
+    }
+    if (currentPageTabGroup && lastPageTabGroupRef.current !== currentPageTabGroup) {
+      setActiveTabGroup(currentPageTabGroup);
+      lastPageTabGroupRef.current = currentPageTabGroup;
+    }
+  }, [currentPageTabGroup, setActiveTabGroup]);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    MobileDocLayout,
+    {
+      header,
+      docs,
+      version,
+      content,
+      toc,
+      config,
+      activeTabGroup,
+      onTabChange: setActiveTabGroup
+    }
+  );
+}
+
+// src/components/docs/hot-reload-indicator.tsx
+var import_react22 = require("react");
+var import_navigation5 = require("next/navigation");
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function HotReloadIndicator() {
+  const [isReloading, setIsReloading] = (0, import_react22.useState)(false);
+  const [lastReload, setLastReload] = (0, import_react22.useState)(null);
+  const pathname = (0, import_navigation5.usePathname)();
+  (0, import_react22.useEffect)(() => {
+    if (process.env.NODE_ENV !== "development") return;
+    setIsReloading(true);
+    const timer = setTimeout(() => {
+      setIsReloading(false);
+      setLastReload(/* @__PURE__ */ new Date());
+      setTimeout(() => {
+        setLastReload(null);
+      }, 3e3);
+    }, 500);
+    return () => clearTimeout(timer);
+  }, [pathname]);
+  (0, import_react22.useEffect)(() => {
+    if (process.env.NODE_ENV !== "development") return;
+    const handleBeforeRefresh = () => {
+      setIsReloading(true);
+    };
+    const handleAfterRefresh = () => {
+      setIsReloading(false);
+      setLastReload(/* @__PURE__ */ new Date());
+      setTimeout(() => setLastReload(null), 3e3);
+    };
+    if (typeof window !== "undefined" && window.__NEXT_DATA__) {
+      window.addEventListener("beforeunload", handleBeforeRefresh);
+    }
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeRefresh);
+    };
+  }, []);
+  if (process.env.NODE_ENV !== "development") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+    isReloading && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react22.RefreshCw, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
+    ] }),
+    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-green-500 text-white rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react22.RefreshCw, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-sm font-medium", children: [
+        "Updated at ",
+        lastReload.toLocaleTimeString()
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/docs/dev-mode-badge.tsx
+var import_react23 = require("react");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function DevModeBadge() {
+  const [isConnected, setIsConnected] = (0, import_react23.useState)(true);
+  (0, import_react23.useEffect)(() => {
+    if (process.env.NODE_ENV !== "development") return;
+    const checkConnection = () => {
+      setIsConnected(navigator.onLine);
+    };
+    window.addEventListener("online", checkConnection);
+    window.addEventListener("offline", checkConnection);
+    return () => {
+      window.removeEventListener("online", checkConnection);
+      window.removeEventListener("offline", checkConnection);
+    };
+  }, []);
+  if (process.env.NODE_ENV !== "development") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "fixed top-20 left-4 z-40 flex items-center gap-2 px-3 py-1.5 bg-orange-500/10 text-orange-600 dark:text-orange-400 border border-orange-500/20 rounded-full text-xs font-medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react23.Code2, { className: "h-3 w-3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: "Dev Mode" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: `h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"} animate-pulse` })
+  ] });
+}
+
+// src/components/docs/mdx-hot-reload.tsx
+var import_react24 = require("react");
+var import_navigation6 = require("next/navigation");
+function MdxHotReload() {
+  const router = (0, import_navigation6.useRouter)();
+  (0, import_react24.useEffect)(() => {
+    if (process.env.NODE_ENV !== "development") return;
+    const eventSource = new EventSource("/api/mdx-watch");
+    eventSource.onmessage = (event) => {
+      const data = JSON.parse(event.data);
+      if (data.type === "change") {
+        console.log("[MDX Hot Reload] File changed:", data.file);
+        router.refresh();
+      } else if (data.type === "connected") {
+        console.log("[MDX Hot Reload] Watching for changes...");
+      }
+    };
+    eventSource.onerror = (error) => {
+      console.error("[MDX Hot Reload] Connection error:", error);
+      eventSource.close();
+    };
+    return () => {
+      eventSource.close();
+    };
+  }, [router]);
+  return null;
+}
+
+// src/components/docs/category-index.tsx
+var import_link8 = __toESM(require("next/link"));
+var import_lucide_react24 = require("lucide-react");
+var import_rsc2 = require("next-mdx-remote/rsc");
+var import_remark_gfm2 = __toESM(require("remark-gfm"));
+var import_rehype_slug2 = __toESM(require("rehype-slug"));
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function CategoryIndex({ categoryPath, version, allDocs, title, description, content, config }) {
+  const childDocs = allDocs.filter((doc) => {
+    const parts = doc.slug.split("/");
+    const docParent = parts.slice(0, -1).join("/");
+    return docParent === categoryPath && doc.slug !== categoryPath;
+  });
+  const processedContent = () => {
+    if (content) {
+      return processContentWithEnv(content, config);
+    }
+    return "";
+  };
+  const sortedDocs = sortSidebarItems(childDocs);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h1", { className: "text-4xl font-bold tracking-tight mb-3 text-foreground", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-lg text-muted-foreground leading-relaxed", children: description }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none prose-headings:scroll-mt-24 prose-headings:font-semibold prose-h1:text-4xl prose-h2:text-3xl prose-h2:mt-12 prose-h2:mb-4 prose-h3:text-2xl prose-h3:mt-8 prose-h3:mb-3 prose-p:text-base prose-p:leading-7 prose-p:text-muted-foreground prose-p:mb-4 prose-a:font-normal prose-a:transition-all prose-code:text-primary prose-code:bg-muted/50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:text-[13px] prose-code:font-mono prose-code:border prose-code:border-border/50 prose-code:before:content-none prose-code:after:content-none prose-pre:bg-transparent prose-pre:p-0 prose-ul:list-disc prose-ul:list-inside prose-ul:space-y-2 prose-ul:mb-4 prose-ol:list-decimal prose-ol:list-inside prose-ol:space-y-2 prose-ol:mb-4 prose-li:leading-7 prose-li:text-muted-foreground prose-strong:text-foreground prose-strong:font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        import_rsc2.MDXRemote,
+        {
+          source: processedContent(),
+          options: {
+            parseFrontmatter: false,
+            mdxOptions: {
+              remarkPlugins: [import_remark_gfm2.default, remarkCodeMeta],
+              rehypePlugins: [import_rehype_slug2.default],
+              development: false
+            }
+          },
+          components: mdxComponents
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-4", children: sortedDocs.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_link8.default,
+      {
+        href: `/docs/${version}/${doc.slug}`,
+        className: "group block p-5 rounded-xl border border-border bg-card hover:bg-accent hover:border-primary/50 transition-all duration-200",
+        style: {
+          textDecoration: "none !important"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.FileText, { className: "h-6 w-6 text-primary shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-semibold text-foreground group-hover:text-primary transition-colors", children: doc.meta.title || doc.title })
+            ] }),
+            doc.meta.description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2", children: doc.meta.description }),
+            doc.meta.reading_time && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: "text-xs text-muted-foreground mt-2", children: [
+              doc.meta.reading_time,
+              " min read"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 transition-all flex-shrink-0 mt-1" })
+        ] })
+      },
+      doc.slug
+    )) }),
+    sortedDocs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "text-center py-12 text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.FileText, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { children: "No documents found in this category." })
+    ] })
+  ] });
+}
+
+// src/components/docs/not-found-content.tsx
+var import_link9 = __toESM(require("next/link"));
+var import_lucide_react25 = require("lucide-react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+function NotFoundContent({ version }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "mb-8 text-base text-muted-foreground", children: [
+      "The documentation page you're looking for doesn't exist or may have been moved.",
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("br", {}),
+      "Try using the sidebar to find what you're looking for, or return to the documentation home."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        import_link9.default,
+        {
+          href: `/docs/${version}`,
+          className: "inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.ArrowLeft, { className: "h-4 w-4" }),
+            "Back to Documentation"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        import_link9.default,
+        {
+          href: "/",
+          className: "inline-flex items-center gap-2 rounded-lg border border-border bg-background px-6 py-3 text-sm font-medium hover:bg-muted transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.Home, { className: "h-4 w-4" }),
+            "Go to Homepage"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", { className: "font-medium text-foreground", children: "Tip:" }),
+      " Use the sidebar navigation on the left to browse all available documentation pages."
+    ] }) })
+  ] }) });
+}
+
+// src/app/docs-page.tsx
+var import_react25 = require("react");
+
+// src/components/docs/doc-loading.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+function DocLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "max-w-4xl mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "animate-pulse space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-8 bg-gray-200 rounded w-3/4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-1/2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-3 mt-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-5/6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-4/6" })
+    ] })
+  ] }) });
+}
+
+// src/app/docs-page.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+async function generateMetadata({ params }) {
+  const { version, slug: slugArray } = await params;
+  const slug = slugArray.join("/");
+  const doc = await getCachedDocBySlug(slug, version);
+  if (!doc) {
+    return {
+      title: "Page Not Found",
+      description: "The requested documentation page could not be found."
+    };
+  }
+  const title = doc.meta.title || doc.title;
+  const description = doc.meta.description || `Documentation for ${title}`;
+  const url = `/docs/${version}/${slug}`;
+  return {
+    title: `${title}`,
+    description,
+    openGraph: {
+      title,
+      description,
+      url,
+      siteName: "Documentation Platform",
+      type: "article",
+      locale: "en_US"
+    },
+    twitter: {
+      card: "summary_large_image",
+      title,
+      description
+    },
+    alternates: {
+      canonical: url
+    }
+  };
+}
+async function generateStaticParams() {
+  const versions = getCachedVersions();
+  const params = [];
+  for (const version of versions) {
+    const docs = await getCachedAllDocs(version);
+    for (const doc of docs) {
+      params.push({
+        version,
+        slug: doc.slug.split("/").filter(Boolean)
+      });
+    }
+  }
+  return params;
+}
+async function DocPage({ params }) {
+  const { version, slug: slugArray } = await params;
+  const slug = slugArray.join("/");
+  const allDocs = await getCachedAllDocs(version);
+  const versions = getCachedVersions();
+  const config = getConfig();
+  const isCategory = isCategoryPage(slug, allDocs);
+  const doc = await getCachedDocBySlug(slug, version);
+  if (!doc && isCategory) {
+    const categoryDoc = allDocs.find((d) => d.slug.startsWith(slug + "/"));
+    const categoryTabGroup = categoryDoc?.meta?.tab_group || categoryDoc?.categoryTabGroup;
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        DocLayoutWrapper,
+        {
+          header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+          docs: allDocs,
+          version,
+          content: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            CategoryIndex,
+            {
+              categoryPath: slug,
+              version,
+              allDocs,
+              title: slug.split("/").pop()?.replace(/-/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()) || "Category",
+              description: "Browse the documentation in this section.",
+              config
+            }
+          ),
+          toc: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}),
+          config,
+          currentPageTabGroup: categoryTabGroup
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+    ] });
+  }
+  if (!doc) {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DocLoading, {}), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        DocLayoutWrapper,
+        {
+          header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+          docs: allDocs,
+          version,
+          content: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(NotFoundContent, { version }),
+          toc: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}),
+          config,
+          currentPageTabGroup: void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+    ] }) });
+  }
+  const toc = extractTableOfContents(doc.content);
+  const { previous, next } = getAdjacentDocs(slug, allDocs);
+  const showCategoryIndex = isCategory && doc;
+  const currentPageTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DocLoading, {}), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      DocLayoutWrapper,
+      {
+        header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+        docs: allDocs,
+        version,
+        content: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          CategoryIndex,
+          {
+            categoryPath: slug,
+            version,
+            allDocs,
+            title: doc.meta.title,
+            description: doc.meta.description,
+            content: doc.content,
+            config
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          DocLayout,
+          {
+            meta: doc.meta,
+            content: doc.content,
+            previousDoc: previous ? { title: previous.meta.title, slug: previous.slug } : void 0,
+            nextDoc: next ? { title: next.meta.title, slug: next.slug } : void 0,
+            version,
+            slug,
+            config
+          }
+        ),
+        toc: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableOfContents, { items: toc, config }),
+        config,
+        currentPageTabGroup
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateMetadata,
+  generateStaticParams
+});
+//# sourceMappingURL=docs-page.js.map