specra 0.1.10 → 0.1.12

package/dist/components/index.mjs

@@ -1437,12 +1437,115 @@ function VersionSwitcher({ currentVersion, versions }) {
   ] });
 }
 
+// src/components/docs/language-switcher.tsx
+import { useState as useState11 } from "react";
+import { Languages, Check as Check3, ChevronDown as ChevronDown5 } from "lucide-react";
+import { usePathname as usePathname2, useRouter as useRouter3 } from "next/navigation";
+
+// src/components/config-provider.tsx
+import * as React3 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var ConfigContext = React3.createContext(defaultConfig);
+function ConfigProvider({ config, children }) {
+  return /* @__PURE__ */ jsx26(ConfigContext.Provider, { value: config, children });
+}
+function useConfig() {
+  const config = React3.useContext(ConfigContext);
+  if (!config) {
+    throw new Error("useConfig must be used within a ConfigProvider");
+  }
+  return config;
+}
+function useConfigValue(path) {
+  const config = useConfig();
+  const keys = path.split(".");
+  let value = config;
+  for (const key of keys) {
+    if (value && typeof value === "object" && key in value) {
+      value = value[key];
+    } else {
+      return void 0;
+    }
+  }
+  return value;
+}
+
+// src/components/docs/language-switcher.tsx
+import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+function LanguageSwitcher() {
+  const [open, setOpen] = useState11(false);
+  const pathname = usePathname2();
+  const router = useRouter3();
+  const config = useConfig();
+  const i18n = config.features?.i18n;
+  if (!i18n || typeof i18n === "boolean") return null;
+  const { locales, localeNames, defaultLocale, prefixDefault } = i18n;
+  const pathParts = pathname.split("/");
+  const version = pathParts[2];
+  let currentLocale = defaultLocale;
+  if (pathParts[3] && locales.includes(pathParts[3])) {
+    currentLocale = pathParts[3];
+  }
+  const handleLocaleChange = (newLocale) => {
+    if (newLocale === currentLocale) {
+      setOpen(false);
+      return;
+    }
+    const parts = [...pathParts];
+    const hasLocalePrefix = locales.includes(parts[3]);
+    if (newLocale === defaultLocale && !prefixDefault) {
+      if (hasLocalePrefix) {
+        parts.splice(3, 1);
+      }
+    } else {
+      if (hasLocalePrefix) {
+        parts[3] = newLocale;
+      } else {
+        parts.splice(3, 0, newLocale);
+      }
+    }
+    const newPath = parts.join("/");
+    router.push(newPath);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs20(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: "flex items-center gap-1.5 px-2 h-9 rounded-md hover:bg-muted transition-colors",
+        "aria-label": "Switch language",
+        children: [
+          /* @__PURE__ */ jsx27(Languages, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx27("span", { className: "text-xs font-bold uppercase", children: currentLocale }),
+          /* @__PURE__ */ jsx27(ChevronDown5, { className: "h-3 w-3 text-muted-foreground" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs20(Fragment4, { children: [
+      /* @__PURE__ */ jsx27("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ jsx27("div", { className: "absolute right-0 mt-2 w-40 bg-background border border-border rounded-md shadow-lg z-50", children: /* @__PURE__ */ jsx27("div", { className: "p-2", children: locales.map((locale) => /* @__PURE__ */ jsxs20(
+        "button",
+        {
+          onClick: () => handleLocaleChange(locale),
+          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__ */ jsx27("span", { children: localeNames?.[locale] || locale.toUpperCase() }),
+            currentLocale === locale && /* @__PURE__ */ jsx27(Check3, { className: "h-4 w-4 text-primary" })
+          ]
+        },
+        locale
+      )) }) })
+    ] })
+  ] });
+}
+
 // src/components/docs/theme-toggle.tsx
 import { Moon, Sun } from "lucide-react";
-import { useEffect as useEffect5, useState as useState11 } from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState12 } from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function ThemeToggle() {
-  const [theme, setTheme] = useState11("dark");
+  const [theme, setTheme] = useState12("dark");
   useEffect5(() => {
     const savedTheme = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -1456,21 +1559,21 @@ function ThemeToggle() {
     localStorage.setItem("theme", newTheme);
     document.documentElement.classList.toggle("dark", newTheme === "dark");
   };
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     "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__ */ jsx26(Sun, { className: "h-4 w-4 text-foreground" }) : /* @__PURE__ */ jsx26(Moon, { className: "h-4 w-4 text-foreground" })
+      children: theme === "dark" ? /* @__PURE__ */ jsx28(Sun, { className: "h-4 w-4 text-foreground" }) : /* @__PURE__ */ jsx28(Moon, { className: "h-4 w-4 text-foreground" })
     }
   );
 }
 
 // src/components/docs/search-modal.tsx
-import { useState as useState12, useEffect as useEffect6, useCallback } from "react";
+import { useState as useState13, useEffect as useEffect6, useCallback } from "react";
 import { Search, FileText, Loader2 } from "lucide-react";
-import { useRouter as useRouter3 } from "next/navigation";
+import { useRouter as useRouter4 } from "next/navigation";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -1484,32 +1587,32 @@ function cn(...inputs) {
 }
 
 // src/components/ui/dialog.tsx
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx29(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx29(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx29(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx29(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -1527,9 +1630,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs20(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx27(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx29(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs21(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
@@ -1540,14 +1643,14 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs20(
+          showCloseButton && /* @__PURE__ */ jsxs21(
             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__ */ jsx27(XIcon, {}),
-                /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx29(XIcon, {}),
+                /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -1557,7 +1660,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       "data-slot": "dialog-header",
@@ -1567,7 +1670,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -1583,7 +1686,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -1596,7 +1699,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -1607,13 +1710,13 @@ function DialogDescription({
 }
 
 // src/components/docs/search-modal.tsx
-import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 function SearchModal({ isOpen, onClose, config }) {
-  const [query, setQuery] = useState12("");
-  const [results, setResults] = useState12([]);
-  const [isLoading, setIsLoading] = useState12(false);
-  const [selectedIndex, setSelectedIndex] = useState12(0);
-  const router = useRouter3();
+  const [query, setQuery] = useState13("");
+  const [results, setResults] = useState13([]);
+  const [isLoading, setIsLoading] = useState13(false);
+  const [selectedIndex, setSelectedIndex] = useState13(0);
+  const router = useRouter4();
   const searchConfig = config.search;
   const performSearch = useCallback(async (searchQuery) => {
     if (!searchQuery.trim() || !searchConfig?.enabled) {
@@ -1699,20 +1802,20 @@ function SearchModal({ isOpen, onClose, config }) {
     if (!query2.trim()) return text;
     const parts = text.split(new RegExp(`(${query2})`, "gi"));
     return parts.map(
-      (part, i) => part.toLowerCase() === query2.toLowerCase() ? /* @__PURE__ */ jsx28("mark", { className: "bg-yellow-200 dark:bg-yellow-900/50 text-foreground", children: part }, i) : part
+      (part, i) => part.toLowerCase() === query2.toLowerCase() ? /* @__PURE__ */ jsx30("mark", { className: "bg-yellow-200 dark:bg-yellow-900/50 text-foreground", children: part }, i) : part
     );
   };
-  return /* @__PURE__ */ jsx28(Dialog, { open: isOpen, onOpenChange: onClose, modal: true, children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx30(Dialog, { open: isOpen, onOpenChange: onClose, modal: true, children: /* @__PURE__ */ jsxs22(
     DialogContent,
     {
       className: "max-w-2xl p-0 gap-0 top-[10vh] translate-y-0",
       showCloseButton: false,
       onOpenAutoFocus: (e) => e.preventDefault(),
       children: [
-        /* @__PURE__ */ jsx28(DialogTitle, { className: "sr-only", children: "Search Documentation" }),
-        /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
-          /* @__PURE__ */ jsx28(Search, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx30(DialogTitle, { className: "sr-only", children: "Search Documentation" }),
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
+          /* @__PURE__ */ jsx30(Search, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsx30(
             "input",
             {
               type: "text",
@@ -1723,30 +1826,30 @@ function SearchModal({ isOpen, onClose, config }) {
               autoFocus: true
             }
           ),
-          isLoading && /* @__PURE__ */ jsx28(Loader2, { className: "h-5 w-5 text-muted-foreground animate-spin" })
+          isLoading && /* @__PURE__ */ jsx30(Loader2, { className: "h-5 w-5 text-muted-foreground animate-spin" })
         ] }),
-        /* @__PURE__ */ jsxs21("div", { className: "max-h-[60vh] overflow-y-auto", children: [
-          query.trim() && results.length === 0 && !isLoading && /* @__PURE__ */ jsxs21("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "max-h-[60vh] overflow-y-auto", children: [
+          query.trim() && results.length === 0 && !isLoading && /* @__PURE__ */ jsxs22("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
             'No results found for "',
             query,
             '"'
           ] }),
-          results.length > 0 && /* @__PURE__ */ jsx28("div", { className: "py-2", children: results.map((result, index) => /* @__PURE__ */ jsx28(
+          results.length > 0 && /* @__PURE__ */ jsx30("div", { className: "py-2", children: results.map((result, index) => /* @__PURE__ */ jsx30(
             "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__ */ jsxs21("div", { className: "flex items-start gap-3", children: [
-                /* @__PURE__ */ jsx28(FileText, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }),
-                /* @__PURE__ */ jsxs21("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx28("div", { className: "font-medium text-foreground mb-1", children: highlightText(result.title, query) }),
-                  result.content && /* @__PURE__ */ jsx28("div", { className: "text-sm text-muted-foreground line-clamp-2", children: highlightText(result.content, query) }),
-                  /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx28("span", { children: result.version }),
-                    result.category && /* @__PURE__ */ jsxs21(Fragment4, { children: [
-                      /* @__PURE__ */ jsx28("span", { children: "\u2022" }),
-                      /* @__PURE__ */ jsx28("span", { children: result.category })
+              children: /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ jsx30(FileText, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }),
+                /* @__PURE__ */ jsxs22("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx30("div", { className: "font-medium text-foreground mb-1", children: highlightText(result.title, query) }),
+                  result.content && /* @__PURE__ */ jsx30("div", { className: "text-sm text-muted-foreground line-clamp-2", children: highlightText(result.content, query) }),
+                  /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx30("span", { children: result.version }),
+                    result.category && /* @__PURE__ */ jsxs22(Fragment5, { children: [
+                      /* @__PURE__ */ jsx30("span", { children: "\u2022" }),
+                      /* @__PURE__ */ jsx30("span", { children: result.category })
                     ] })
                   ] })
                 ] })
@@ -1754,15 +1857,15 @@ function SearchModal({ isOpen, onClose, config }) {
             },
             result.id
           )) }),
-          !query.trim() && /* @__PURE__ */ jsxs21("div", { className: "px-4 py-8 text-center text-muted-foreground text-sm", children: [
-            /* @__PURE__ */ jsx28("p", { children: "Start typing to search documentation..." }),
-            /* @__PURE__ */ jsxs21("div", { className: "mt-4 flex items-center justify-center gap-4 text-xs", children: [
-              /* @__PURE__ */ jsx28("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "\u2191\u2193" }),
-              /* @__PURE__ */ jsx28("span", { children: "Navigate" }),
-              /* @__PURE__ */ jsx28("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Enter" }),
-              /* @__PURE__ */ jsx28("span", { children: "Select" }),
-              /* @__PURE__ */ jsx28("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Esc" }),
-              /* @__PURE__ */ jsx28("span", { children: "Close" })
+          !query.trim() && /* @__PURE__ */ jsxs22("div", { className: "px-4 py-8 text-center text-muted-foreground text-sm", children: [
+            /* @__PURE__ */ jsx30("p", { children: "Start typing to search documentation..." }),
+            /* @__PURE__ */ jsxs22("div", { className: "mt-4 flex items-center justify-center gap-4 text-xs", children: [
+              /* @__PURE__ */ jsx30("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "\u2191\u2193" }),
+              /* @__PURE__ */ jsx30("span", { children: "Navigate" }),
+              /* @__PURE__ */ jsx30("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Enter" }),
+              /* @__PURE__ */ jsx30("span", { children: "Select" }),
+              /* @__PURE__ */ jsx30("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Esc" }),
+              /* @__PURE__ */ jsx30("span", { children: "Close" })
             ] })
           ] })
         ] })
@@ -1772,42 +1875,12 @@ function SearchModal({ isOpen, onClose, config }) {
 }
 
 // src/components/docs/header.tsx
-import { useState as useState13, useEffect as useEffect7 } from "react";
-
-// src/components/config-provider.tsx
-import * as React3 from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var ConfigContext = React3.createContext(defaultConfig);
-function ConfigProvider({ config, children }) {
-  return /* @__PURE__ */ jsx29(ConfigContext.Provider, { value: config, children });
-}
-function useConfig() {
-  const config = React3.useContext(ConfigContext);
-  if (!config) {
-    throw new Error("useConfig must be used within a ConfigProvider");
-  }
-  return config;
-}
-function useConfigValue(path) {
-  const config = useConfig();
-  const keys = path.split(".");
-  let value = config;
-  for (const key of keys) {
-    if (value && typeof value === "object" && key in value) {
-      value = value[key];
-    } else {
-      return void 0;
-    }
-  }
-  return value;
-}
-
-// src/components/docs/header.tsx
-import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+import { useState as useState14, useEffect as useEffect7 } from "react";
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
   const contextConfig = useConfig();
   const config = configProp || contextConfig;
-  const [searchOpen, setSearchOpen] = useState13(false);
+  const [searchOpen, setSearchOpen] = useState14(false);
   useEffect7(() => {
     const handleKeyDown = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
@@ -1818,38 +1891,38 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  return /* @__PURE__ */ jsxs22("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__ */ jsxs22("div", { className: "container flex h-16 items-center justify-between px-2 md:px-6 mx-auto", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs23("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__ */ jsxs23("div", { className: "container flex h-16 items-center justify-between px-2 md:px-6 mx-auto", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx31(
           "button",
           {
             onClick: onMenuClick,
             className: "lg:hidden hover:bg-muted p-2 rounded-md transition-colors",
             "aria-label": "Toggle menu",
-            children: /* @__PURE__ */ jsx30(Menu, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx31(Menu, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ jsxs22(Link7, { href: "/", className: "flex items-center gap-2", children: [
-          !config.site.hideLogo && (config.site.logo ? /* @__PURE__ */ jsx30(Logo, { logo: config.site.logo, alt: config.site.title, className: "w-18 object-contain" }) : /* @__PURE__ */ jsx30("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx30("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) })),
-          !config.site.hideTitle && /* @__PURE__ */ jsx30("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
+        /* @__PURE__ */ jsxs23(Link7, { href: "/", className: "flex items-center gap-2", children: [
+          !config.site.hideLogo && (config.site.logo ? /* @__PURE__ */ jsx31(Logo, { logo: config.site.logo, alt: config.site.title, className: "h-12 w-auto object-contain" }) : /* @__PURE__ */ jsx31("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx31("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) })),
+          !config.site.hideTitle && /* @__PURE__ */ jsx31("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-        config.search?.enabled && /* @__PURE__ */ jsxs22(
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+        config.search?.enabled && /* @__PURE__ */ jsxs23(
           "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__ */ jsx30(Search2, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx30("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
-              /* @__PURE__ */ jsx30("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" })
+              /* @__PURE__ */ jsx31(Search2, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx31("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
+              /* @__PURE__ */ jsx31("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__ */ jsx30(VersionSwitcher, { currentVersion, versions }),
-        config.social?.github && /* @__PURE__ */ jsx30(
+        config.features?.versioning && /* @__PURE__ */ jsx31(VersionSwitcher, { currentVersion, versions }),
+        config.social?.github && /* @__PURE__ */ jsx31(
           "a",
           {
             href: config.social.github,
@@ -1857,10 +1930,10 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
             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__ */ jsx30(Github, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx31(Github, { className: "h-4 w-4" })
           }
         ),
-        config.social?.twitter && /* @__PURE__ */ jsx30(
+        config.social?.twitter && /* @__PURE__ */ jsx31(
           "a",
           {
             href: config.social.twitter,
@@ -1868,10 +1941,10 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
             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__ */ jsx30(Twitter, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx31(Twitter, { className: "h-4 w-4" })
           }
         ),
-        config.social?.discord && /* @__PURE__ */ jsx30(
+        config.social?.discord && /* @__PURE__ */ jsx31(
           "a",
           {
             href: config.social.discord,
@@ -1879,25 +1952,26 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
             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__ */ jsx30(MessageCircle, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx31(MessageCircle, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx30(ThemeToggle, {})
+        /* @__PURE__ */ jsx31(ThemeToggle, {}),
+        /* @__PURE__ */ jsx31(LanguageSwitcher, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx30(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
+    /* @__PURE__ */ jsx31(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
   ] });
 }
 
 // src/components/docs/hot-reload-indicator.tsx
-import { useEffect as useEffect8, useState as useState14 } from "react";
-import { usePathname as usePathname2 } from "next/navigation";
+import { useEffect as useEffect8, useState as useState15 } from "react";
+import { usePathname as usePathname3 } from "next/navigation";
 import { RefreshCw } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 function HotReloadIndicator() {
-  const [isReloading, setIsReloading] = useState14(false);
-  const [lastReload, setLastReload] = useState14(null);
-  const pathname = usePathname2();
+  const [isReloading, setIsReloading] = useState15(false);
+  const [lastReload, setLastReload] = useState15(null);
+  const pathname = usePathname3();
   useEffect8(() => {
     if (process.env.NODE_ENV !== "development") return;
     setIsReloading(true);
@@ -1928,14 +2002,14 @@ function HotReloadIndicator() {
     };
   }, []);
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
-    isReloading && /* @__PURE__ */ jsxs23("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__ */ jsx31(RefreshCw, { className: "h-4 w-4 animate-spin" }),
-      /* @__PURE__ */ jsx31("span", { className: "text-sm font-medium", children: "Reloading..." })
+  return /* @__PURE__ */ jsxs24(Fragment6, { children: [
+    isReloading && /* @__PURE__ */ jsxs24("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__ */ jsx32(RefreshCw, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ jsx32("span", { className: "text-sm font-medium", children: "Reloading..." })
     ] }),
-    lastReload && !isReloading && /* @__PURE__ */ jsxs23("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__ */ jsx31(RefreshCw, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxs23("span", { className: "text-sm font-medium", children: [
+    lastReload && !isReloading && /* @__PURE__ */ jsxs24("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__ */ jsx32(RefreshCw, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs24("span", { className: "text-sm font-medium", children: [
         "Updated at ",
         lastReload.toLocaleTimeString()
       ] })
@@ -1946,7 +2020,7 @@ function HotReloadIndicator() {
 // src/components/docs/image-card.tsx
 import NextImage from "next/image";
 import Link8 from "next/link";
-import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function ImageCard({
   src,
   alt,
@@ -1961,8 +2035,8 @@ function ImageCard({
     video: "aspect-video",
     portrait: "aspect-[3/4]"
   };
-  const content = /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-0 p-0", children: [
-    /* @__PURE__ */ jsx32("div", { className: `w-full ${aspectRatios[aspectRatio]} overflow-hidden ${title || description ? "rounded-t-xl" : "rounded-xl"} bg-muted relative`, children: /* @__PURE__ */ jsx32(
+  const content = /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-0 p-0", children: [
+    /* @__PURE__ */ jsx33("div", { className: `w-full ${aspectRatios[aspectRatio]} overflow-hidden ${title || description ? "rounded-t-xl" : "rounded-xl"} bg-muted relative`, children: /* @__PURE__ */ jsx33(
       NextImage,
       {
         src,
@@ -1972,14 +2046,14 @@ function ImageCard({
         className: "object-cover transition-transform duration-300 group-hover:scale-105"
       }
     ) }),
-    (title || description) && /* @__PURE__ */ jsxs24("div", { className: "p-3 flex flex-col gap-1", children: [
-      title && /* @__PURE__ */ jsx32("h3", { className: `font-semibold text-foreground mb-0 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
-      description && /* @__PURE__ */ jsx32("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline mb-0", children: description })
+    (title || description) && /* @__PURE__ */ jsxs25("div", { className: "p-3 flex flex-col gap-1", children: [
+      title && /* @__PURE__ */ jsx33("h3", { className: `font-semibold text-foreground mb-0 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
+      description && /* @__PURE__ */ jsx33("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline mb-0", children: description })
     ] })
   ] });
   if (href) {
     const Component = external ? "a" : Link8;
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       Component,
       {
         href,
@@ -1989,7 +2063,7 @@ function ImageCard({
       }
     );
   }
-  return /* @__PURE__ */ jsx32("div", { className: "block rounded-xl border border-border overflow-hidden bg-card p-0", children: content });
+  return /* @__PURE__ */ jsx33("div", { className: "block rounded-xl border border-border overflow-hidden bg-card p-0", children: content });
 }
 function ImageCardGrid({ children, cols = 3 }) {
   const gridCols = {
@@ -1998,20 +2072,20 @@ function ImageCardGrid({ children, cols = 3 }) {
     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__ */ jsx32("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
+  return /* @__PURE__ */ jsx33("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
 }
 
 // src/components/docs/image.tsx
 import NextImage2 from "next/image";
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { ZoomIn, X as X2 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 function Image({ src, alt, caption, width, height, zoom = true }) {
-  const [isZoomed, setIsZoomed] = useState15(false);
-  return /* @__PURE__ */ jsxs25(Fragment6, { children: [
-    /* @__PURE__ */ jsxs25("figure", { className: "my-6", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "relative group rounded-xl border border-border overflow-hidden bg-muted/30", children: [
-        /* @__PURE__ */ jsx33(
+  const [isZoomed, setIsZoomed] = useState16(false);
+  return /* @__PURE__ */ jsxs26(Fragment7, { children: [
+    /* @__PURE__ */ jsxs26("figure", { className: "my-6", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "relative group rounded-xl border border-border overflow-hidden bg-muted/30", children: [
+        /* @__PURE__ */ jsx34(
           NextImage2,
           {
             src,
@@ -2021,34 +2095,34 @@ function Image({ src, alt, caption, width, height, zoom = true }) {
             className: "w-full h-auto"
           }
         ),
-        zoom && /* @__PURE__ */ jsx33(
+        zoom && /* @__PURE__ */ jsx34(
           "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__ */ jsx33(ZoomIn, { className: "h-4 w-4 text-foreground" })
+            children: /* @__PURE__ */ jsx34(ZoomIn, { className: "h-4 w-4 text-foreground" })
           }
         )
       ] }),
-      caption && /* @__PURE__ */ jsx33("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+      caption && /* @__PURE__ */ jsx34("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
     ] }),
-    isZoomed && /* @__PURE__ */ jsxs25(
+    isZoomed && /* @__PURE__ */ jsxs26(
       "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__ */ jsx33(
+          /* @__PURE__ */ jsx34(
             "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__ */ jsx33(X2, { className: "h-5 w-5 text-foreground" })
+              children: /* @__PURE__ */ jsx34(X2, { className: "h-5 w-5 text-foreground" })
             }
           ),
-          /* @__PURE__ */ jsx33("div", { className: "max-w-7xl max-h-[90vh] overflow-auto", children: /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx34("div", { className: "max-w-7xl max-h-[90vh] overflow-auto", children: /* @__PURE__ */ jsx34(
             NextImage2,
             {
               src,
@@ -2066,7 +2140,7 @@ function Image({ src, alt, caption, width, height, zoom = true }) {
 
 // src/components/docs/math.tsx
 import { useEffect as useEffect9, useRef as useRef2 } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Math2({ children, block = false }) {
   const containerRef = useRef2(null);
   useEffect9(() => {
@@ -2089,7 +2163,7 @@ function Math2({ children, block = false }) {
     renderMath();
   }, [children, block]);
   if (block) {
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(
       "div",
       {
         ref: containerRef,
@@ -2097,14 +2171,14 @@ function Math2({ children, block = false }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx34("span", { ref: containerRef, className: "inline-block" });
+  return /* @__PURE__ */ jsx35("span", { ref: containerRef, className: "inline-block" });
 }
 
 // src/components/docs/mdx-hot-reload.tsx
 import { useEffect as useEffect10 } from "react";
-import { useRouter as useRouter4 } from "next/navigation";
+import { useRouter as useRouter5 } from "next/navigation";
 function MdxHotReload() {
-  const router = useRouter4();
+  const router = useRouter5();
   useEffect10(() => {
     if (process.env.NODE_ENV !== "development") return;
     const eventSource = new EventSource("/api/mdx-watch");
@@ -2129,11 +2203,11 @@ function MdxHotReload() {
 }
 
 // src/components/docs/mermaid.tsx
-import { useEffect as useEffect11, useRef as useRef3, useState as useState16 } from "react";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useRef as useRef3, useState as useState17 } from "react";
+import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 function Mermaid({ chart, caption }) {
   const containerRef = useRef3(null);
-  const [error, setError] = useState16(null);
+  const [error, setError] = useState17(null);
   useEffect11(() => {
     const renderChart = async () => {
       try {
@@ -2166,63 +2240,63 @@ function Mermaid({ chart, caption }) {
     return () => observer.disconnect();
   }, [chart]);
   if (error) {
-    return /* @__PURE__ */ jsx35("div", { className: "my-6 p-4 rounded-xl border border-red-500/50 bg-red-500/10", children: /* @__PURE__ */ jsxs26("p", { className: "text-sm text-red-600 dark:text-red-400 font-mono", children: [
+    return /* @__PURE__ */ jsx36("div", { className: "my-6 p-4 rounded-xl border border-red-500/50 bg-red-500/10", children: /* @__PURE__ */ jsxs27("p", { className: "text-sm text-red-600 dark:text-red-400 font-mono", children: [
       "Mermaid Error: ",
       error
     ] }) });
   }
-  return /* @__PURE__ */ jsxs26("figure", { className: "my-6", children: [
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs27("figure", { className: "my-6", children: [
+    /* @__PURE__ */ jsx36(
       "div",
       {
         ref: containerRef,
         className: "flex justify-center items-center p-6 rounded-xl border border-border bg-muted/30 overflow-x-auto"
       }
     ),
-    caption && /* @__PURE__ */ jsx35("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+    caption && /* @__PURE__ */ jsx36("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
   ] });
 }
 
 // src/components/docs/not-found-content.tsx
 import Link9 from "next/link";
 import { AlertTriangle as AlertTriangle2, Home, ArrowLeft } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 function NotFoundContent({ version }) {
-  return /* @__PURE__ */ jsx36("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs27("div", { className: "w-full max-w-2xl text-center", children: [
-    /* @__PURE__ */ jsx36("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx36("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ jsx36(AlertTriangle2, { className: "h-16 w-16 text-yellow-500" }) }) }),
-    /* @__PURE__ */ jsx36("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
-    /* @__PURE__ */ jsx36("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
-    /* @__PURE__ */ jsxs27("p", { className: "mb-8 text-base text-muted-foreground", children: [
+  return /* @__PURE__ */ jsx37("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs28("div", { className: "w-full max-w-2xl text-center", children: [
+    /* @__PURE__ */ jsx37("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx37("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ jsx37(AlertTriangle2, { className: "h-16 w-16 text-yellow-500" }) }) }),
+    /* @__PURE__ */ jsx37("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
+    /* @__PURE__ */ jsx37("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
+    /* @__PURE__ */ jsxs28("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__ */ jsx36("br", {}),
+      /* @__PURE__ */ jsx37("br", {}),
       "Try using the sidebar to find what you're looking for, or return to the documentation home."
     ] }),
-    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
-      /* @__PURE__ */ jsxs27(
+    /* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ jsxs28(
         Link9,
         {
           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__ */ jsx36(ArrowLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx37(ArrowLeft, { className: "h-4 w-4" }),
             "Back to Documentation"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs27(
+      /* @__PURE__ */ jsxs28(
         Link9,
         {
           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__ */ jsx36(Home, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx37(Home, { className: "h-4 w-4" }),
             "Go to Homepage"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx36("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ jsxs27("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx36("strong", { className: "font-medium text-foreground", children: "Tip:" }),
+    /* @__PURE__ */ jsx37("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ jsxs28("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx37("strong", { className: "font-medium text-foreground", children: "Tip:" }),
       " Use the sidebar navigation on the left to browse all available documentation pages."
     ] }) })
   ] }) });
@@ -2328,20 +2402,20 @@ function escapeRegex(string) {
 }
 
 // src/components/docs/sidebar-skeleton.tsx
-import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 function SidebarSkeleton() {
-  return /* @__PURE__ */ jsx37("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ jsxs28("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx37("div", { className: "px-2", children: /* @__PURE__ */ jsx37("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsx37("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx37("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ jsxs29("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx38("div", { className: "px-2", children: /* @__PURE__ */ jsx38("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
+    /* @__PURE__ */ jsx38("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx38("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx38(
       "div",
       {
         className: "h-4 bg-muted/50 rounded animate-pulse",
         style: { width: `${60 + Math.random() * 40}%` }
       }
     ) }, i)) }),
-    /* @__PURE__ */ jsxs28("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx37("div", { className: "px-2 mb-2", children: /* @__PURE__ */ jsx37("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
-      [...Array(5)].map((_, i) => /* @__PURE__ */ jsx37("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsxs29("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx38("div", { className: "px-2 mb-2", children: /* @__PURE__ */ jsx38("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
+      [...Array(5)].map((_, i) => /* @__PURE__ */ jsx38("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx38(
         "div",
         {
           className: "h-4 bg-muted/50 rounded animate-pulse",
@@ -2353,22 +2427,22 @@ function SidebarSkeleton() {
 }
 
 // src/components/docs/steps.tsx
-import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 function Steps({ children }) {
-  return /* @__PURE__ */ jsx38("div", { className: "my-6 ml-4 space-y-6 [counter-reset:step]", children });
+  return /* @__PURE__ */ jsx39("div", { className: "my-6 ml-4 space-y-6 [counter-reset:step]", children });
 }
 function Step({ title, children }) {
-  return /* @__PURE__ */ jsxs29("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__ */ jsx38("div", { className: "mb-2", children: /* @__PURE__ */ jsx38("h3", { className: "text-lg font-semibold text-foreground", children: title }) }),
-    /* @__PURE__ */ jsx38("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children })
+  return /* @__PURE__ */ jsxs30("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__ */ jsx39("div", { className: "mb-2", children: /* @__PURE__ */ jsx39("h3", { className: "text-lg font-semibold text-foreground", children: title }) }),
+    /* @__PURE__ */ jsx39("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children })
   ] });
 }
 
 // src/components/docs/table-of-contents.tsx
-import { useEffect as useEffect13, useState as useState17 } from "react";
-import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useState as useState18 } from "react";
+import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 function TableOfContents({ items, config }) {
-  const [activeId, setActiveId] = useState17("");
+  const [activeId, setActiveId] = useState18("");
   if (!config.navigation?.showTableOfContents) {
     return null;
   }
@@ -2411,9 +2485,9 @@ function TableOfContents({ items, config }) {
   };
   const stickyTop = hasTabGroups ? "top-[7.5rem]" : "top-24";
   const maxHeight = hasTabGroups ? "max-h-[calc(100vh-10rem)]" : "max-h-[calc(100vh-7rem)]";
-  return /* @__PURE__ */ jsx39("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ jsxs30("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
-    /* @__PURE__ */ jsx39("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
-    /* @__PURE__ */ jsx39("nav", { className: "space-y-1", children: filteredItems.map((item, index) => /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ jsxs31("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
+    /* @__PURE__ */ jsx40("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
+    /* @__PURE__ */ jsx40("nav", { className: "space-y-1", children: filteredItems.map((item, index) => /* @__PURE__ */ jsx40(
       "a",
       {
         href: `#${item.id}`,
@@ -2427,20 +2501,20 @@ function TableOfContents({ items, config }) {
 }
 
 // src/components/docs/tabs.tsx
-import { useState as useState18, Children, isValidElement as isValidElement3 } from "react";
-import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
+import { useState as useState19, Children, isValidElement as isValidElement3 } from "react";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 function Tab({ children }) {
-  return /* @__PURE__ */ jsx40(Fragment7, { children });
+  return /* @__PURE__ */ jsx41(Fragment8, { children });
 }
 function Tabs({ children, defaultValue }) {
   const tabs = Children.toArray(children).filter(isValidElement3);
   const firstTabLabel = tabs[0]?.props.label || "";
-  const [activeTab, setActiveTab] = useState18(defaultValue || firstTabLabel);
-  return /* @__PURE__ */ jsxs31("div", { className: "my-6", children: [
-    /* @__PURE__ */ jsx40("div", { className: "flex items-center gap-1 border-b border-border mb-4", children: tabs.map((tab) => {
+  const [activeTab, setActiveTab] = useState19(defaultValue || firstTabLabel);
+  return /* @__PURE__ */ jsxs32("div", { className: "my-6", children: [
+    /* @__PURE__ */ jsx41("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__ */ jsx40(
+      return /* @__PURE__ */ jsx41(
         "button",
         {
           onClick: () => setActiveTab(label),
@@ -2453,23 +2527,23 @@ function Tabs({ children, defaultValue }) {
     tabs.map((tab) => {
       const label = tab.props.label;
       if (activeTab !== label) return null;
-      return /* @__PURE__ */ jsx40("div", { className: "prose prose-slate dark:prose-invert max-w-none [&>*:first-child]:mt-0", children: tab.props.children }, label);
+      return /* @__PURE__ */ jsx41("div", { className: "prose prose-slate dark:prose-invert max-w-none [&>*:first-child]:mt-0", children: tab.props.children }, label);
     })
   ] });
 }
 
 // src/components/docs/tooltip.tsx
-import { useState as useState19 } from "react";
-import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+import { useState as useState20 } from "react";
+import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function Tooltip({ children, content, position = "top" }) {
-  const [isVisible, setIsVisible] = useState19(false);
+  const [isVisible, setIsVisible] = useState20(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__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "span",
     {
       className: "relative inline-flex underline decoration-dotted cursor-help",
@@ -2477,7 +2551,7 @@ function Tooltip({ children, content, position = "top" }) {
       onMouseLeave: () => setIsVisible(false),
       children: [
         children,
-        isVisible && /* @__PURE__ */ jsx41(
+        isVisible && /* @__PURE__ */ jsx42(
           "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`,
@@ -2490,7 +2564,7 @@ function Tooltip({ children, content, position = "top" }) {
 }
 
 // src/components/docs/video.tsx
-import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function Video({
   src,
   caption,
@@ -2510,8 +2584,8 @@ function Video({
     const match = url.match(/vimeo\.com\/(\d+)/);
     return match ? match[1] : null;
   };
-  return /* @__PURE__ */ jsxs33("figure", { className: "my-6", children: [
-    /* @__PURE__ */ jsx42("div", { className: "relative rounded-xl border border-border overflow-hidden bg-muted/30", children: isYouTube ? /* @__PURE__ */ jsx42("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs34("figure", { className: "my-6", children: [
+    /* @__PURE__ */ jsx43("div", { className: "relative rounded-xl border border-border overflow-hidden bg-muted/30", children: isYouTube ? /* @__PURE__ */ jsx43("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ jsx43(
       "iframe",
       {
         className: "absolute top-0 left-0 w-full h-full",
@@ -2520,7 +2594,7 @@ function Video({
         allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
         allowFullScreen: true
       }
-    ) }) : isVimeo ? /* @__PURE__ */ jsx42("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ jsx42(
+    ) }) : isVimeo ? /* @__PURE__ */ jsx43("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ jsx43(
       "iframe",
       {
         className: "absolute top-0 left-0 w-full h-full",
@@ -2529,7 +2603,7 @@ function Video({
         allow: "autoplay; fullscreen; picture-in-picture",
         allowFullScreen: true
       }
-    ) }) : /* @__PURE__ */ jsx42(
+    ) }) : /* @__PURE__ */ jsx43(
       "video",
       {
         src,
@@ -2542,14 +2616,14 @@ function Video({
         children: "Your browser does not support the video tag."
       }
     ) }),
-    caption && /* @__PURE__ */ jsx42("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+    caption && /* @__PURE__ */ jsx43("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
   ] });
 }
 
 // src/components/docs/api/api-endpoint.tsx
-import { useState as useState20 } from "react";
-import { ChevronDown as ChevronDown5 } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+import { useState as useState21 } from "react";
+import { ChevronDown as ChevronDown6 } from "lucide-react";
+import { jsx as jsx44, jsxs as jsxs35 } from "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",
@@ -2558,15 +2632,15 @@ var methodColors = {
   DELETE: "bg-red-500/10 text-red-600 dark:text-red-400"
 };
 function ApiEndpoint({ method, path, summary, children, defaultOpen = false }) {
-  const [isOpen, setIsOpen] = useState20(defaultOpen);
-  return /* @__PURE__ */ jsxs34("div", { className: "not-prose mb-4 rounded-xl border border-border overflow-hidden", children: [
-    /* @__PURE__ */ jsxs34(
+  const [isOpen, setIsOpen] = useState21(defaultOpen);
+  return /* @__PURE__ */ jsxs35("div", { className: "not-prose mb-4 rounded-xl border border-border overflow-hidden", children: [
+    /* @__PURE__ */ jsxs35(
       "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__ */ jsx43(
+          /* @__PURE__ */ jsx44(
             "span",
             {
               className: cn(
@@ -2576,10 +2650,10 @@ function ApiEndpoint({ method, path, summary, children, defaultOpen = false }) {
               children: method
             }
           ),
-          /* @__PURE__ */ jsx43("code", { className: "text-sm font-mono", children: path }),
-          summary && /* @__PURE__ */ jsx43("span", { className: "text-sm text-muted-foreground ml-auto mr-2", children: summary }),
-          /* @__PURE__ */ jsx43(
-            ChevronDown5,
+          /* @__PURE__ */ jsx44("code", { className: "text-sm font-mono", children: path }),
+          summary && /* @__PURE__ */ jsx44("span", { className: "text-sm text-muted-foreground ml-auto mr-2", children: summary }),
+          /* @__PURE__ */ jsx44(
+            ChevronDown6,
             {
               className: cn(
                 "h-5 w-5 text-muted-foreground transition-transform flex-shrink-0",
@@ -2590,34 +2664,34 @@ function ApiEndpoint({ method, path, summary, children, defaultOpen = false }) {
         ]
       }
     ),
-    isOpen && children && /* @__PURE__ */ jsx43("div", { className: "border-t border-border bg-background", children: /* @__PURE__ */ jsx43("div", { className: "px-4 py-4 space-y-6", children }) })
+    isOpen && children && /* @__PURE__ */ jsx44("div", { className: "border-t border-border bg-background", children: /* @__PURE__ */ jsx44("div", { className: "px-4 py-4 space-y-6", children }) })
   ] });
 }
 
 // src/components/docs/api/api-params.tsx
-import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function ApiParams({ title = "Parameters", params }) {
   if (!params || params.length === 0) return null;
-  return /* @__PURE__ */ jsxs35("div", { className: "mb-6", children: [
-    /* @__PURE__ */ jsx44("h4", { className: "text-sm font-semibold text-foreground mb-3", children: title }),
-    /* @__PURE__ */ jsx44("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs35("table", { className: "w-full border-collapse", children: [
-      /* @__PURE__ */ jsx44("thead", { children: /* @__PURE__ */ jsxs35("tr", { className: "border-b border-border", children: [
-        /* @__PURE__ */ jsx44("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Property" }),
-        /* @__PURE__ */ jsx44("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Type" }),
-        /* @__PURE__ */ jsx44("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Required" }),
-        /* @__PURE__ */ jsx44("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Default" }),
-        /* @__PURE__ */ jsx44("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Description" })
+  return /* @__PURE__ */ jsxs36("div", { className: "mb-6", children: [
+    /* @__PURE__ */ jsx45("h4", { className: "text-sm font-semibold text-foreground mb-3", children: title }),
+    /* @__PURE__ */ jsx45("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs36("table", { className: "w-full border-collapse", children: [
+      /* @__PURE__ */ jsx45("thead", { children: /* @__PURE__ */ jsxs36("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ jsx45("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Property" }),
+        /* @__PURE__ */ jsx45("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Type" }),
+        /* @__PURE__ */ jsx45("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Required" }),
+        /* @__PURE__ */ jsx45("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Default" }),
+        /* @__PURE__ */ jsx45("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Description" })
       ] }) }),
-      /* @__PURE__ */ jsx44("tbody", { children: params.map((param, index) => /* @__PURE__ */ jsxs35(
+      /* @__PURE__ */ jsx45("tbody", { children: params.map((param, index) => /* @__PURE__ */ jsxs36(
         "tr",
         {
           className: index !== params.length - 1 ? "border-b border-border/50" : "",
           children: [
-            /* @__PURE__ */ jsx44("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ jsx44("code", { className: "text-sm font-mono text-foreground", children: param.name }) }),
-            /* @__PURE__ */ jsx44("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ jsx44("span", { className: "text-sm text-muted-foreground font-mono", children: param.type }) }),
-            /* @__PURE__ */ jsx44("td", { className: "py-2.5 px-3", children: param.required ? /* @__PURE__ */ jsx44("span", { className: "text-sm text-red-600 dark:text-red-400", children: "Yes" }) : /* @__PURE__ */ jsx44("span", { className: "text-sm text-muted-foreground", children: "No" }) }),
-            /* @__PURE__ */ jsx44("td", { className: "py-2.5 px-3", children: param.default ? /* @__PURE__ */ jsx44("code", { className: "text-sm font-mono text-muted-foreground", children: param.default }) : /* @__PURE__ */ jsx44("span", { className: "text-sm text-muted-foreground", children: "-" }) }),
-            /* @__PURE__ */ jsx44("td", { className: "py-2.5 px-3", children: param.description ? /* @__PURE__ */ jsx44("span", { className: "text-sm text-muted-foreground", children: param.description }) : /* @__PURE__ */ jsx44("span", { className: "text-sm text-muted-foreground", children: "-" }) })
+            /* @__PURE__ */ jsx45("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ jsx45("code", { className: "text-sm font-mono text-foreground", children: param.name }) }),
+            /* @__PURE__ */ jsx45("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ jsx45("span", { className: "text-sm text-muted-foreground font-mono", children: param.type }) }),
+            /* @__PURE__ */ jsx45("td", { className: "py-2.5 px-3", children: param.required ? /* @__PURE__ */ jsx45("span", { className: "text-sm text-red-600 dark:text-red-400", children: "Yes" }) : /* @__PURE__ */ jsx45("span", { className: "text-sm text-muted-foreground", children: "No" }) }),
+            /* @__PURE__ */ jsx45("td", { className: "py-2.5 px-3", children: param.default ? /* @__PURE__ */ jsx45("code", { className: "text-sm font-mono text-muted-foreground", children: param.default }) : /* @__PURE__ */ jsx45("span", { className: "text-sm text-muted-foreground", children: "-" }) }),
+            /* @__PURE__ */ jsx45("td", { className: "py-2.5 px-3", children: param.description ? /* @__PURE__ */ jsx45("span", { className: "text-sm text-muted-foreground", children: param.description }) : /* @__PURE__ */ jsx45("span", { className: "text-sm text-muted-foreground", children: "-" }) })
           ]
         },
         param.name
@@ -2627,7 +2701,7 @@ function ApiParams({ title = "Parameters", params }) {
 }
 
 // src/components/docs/api/api-response.tsx
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
 var statusColors = {
   "2": "text-green-600 dark:text-green-400",
   "3": "text-blue-600 dark:text-blue-400",
@@ -2636,14 +2710,14 @@ var statusColors = {
 };
 function ApiResponse({ status, description, example, schema }) {
   const statusClass = statusColors[String(status)[0]] || "text-muted-foreground";
-  return /* @__PURE__ */ jsxs36("div", { className: "mb-4", children: [
-    /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2 mb-2", children: [
-      /* @__PURE__ */ jsx45("span", { className: `text-sm font-semibold ${statusClass}`, children: status }),
-      description && /* @__PURE__ */ jsx45("span", { className: "text-sm text-muted-foreground", children: description })
+  return /* @__PURE__ */ jsxs37("div", { className: "mb-4", children: [
+    /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2 mb-2", children: [
+      /* @__PURE__ */ jsx46("span", { className: `text-sm font-semibold ${statusClass}`, children: status }),
+      description && /* @__PURE__ */ jsx46("span", { className: "text-sm text-muted-foreground", children: description })
     ] }),
-    example && /* @__PURE__ */ jsxs36("div", { className: "mb-3", children: [
-      /* @__PURE__ */ jsx45("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Example Response" }),
-      /* @__PURE__ */ jsx45(
+    example && /* @__PURE__ */ jsxs37("div", { className: "mb-3", children: [
+      /* @__PURE__ */ jsx46("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Example Response" }),
+      /* @__PURE__ */ jsx46(
         CodeBlock,
         {
           code: typeof example === "string" ? example : JSON.stringify(example, null, 2),
@@ -2651,9 +2725,9 @@ function ApiResponse({ status, description, example, schema }) {
         }
       )
     ] }),
-    schema && /* @__PURE__ */ jsxs36("div", { children: [
-      /* @__PURE__ */ jsx45("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Schema" }),
-      /* @__PURE__ */ jsx45(
+    schema && /* @__PURE__ */ jsxs37("div", { children: [
+      /* @__PURE__ */ jsx46("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Schema" }),
+      /* @__PURE__ */ jsx46(
         CodeBlock,
         {
           code: typeof schema === "string" ? schema : JSON.stringify(schema, null, 2),
@@ -2665,12 +2739,12 @@ function ApiResponse({ status, description, example, schema }) {
 }
 
 // src/components/docs/api/api-playground.tsx
-import { useState as useState21, useMemo } from "react";
+import { useState as useState22, useMemo } from "react";
 
 // src/components/ui/button.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var buttonVariants = 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",
   {
@@ -2706,7 +2780,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "button",
@@ -2717,9 +2791,9 @@ function Button({
 }
 
 // src/components/ui/input.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "input",
     {
       type,
@@ -2736,9 +2810,9 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/ui/textarea.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "textarea",
     {
       "data-slot": "textarea",
@@ -2754,7 +2828,7 @@ function Textarea({ className, ...props }) {
 // src/components/ui/badge.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var badgeVariants = cva2(
   "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",
   {
@@ -2778,7 +2852,7 @@ function Badge2({
   ...props
 }) {
   const Comp = asChild ? Slot2 : "span";
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Comp,
     {
       "data-slot": "badge",
@@ -2790,7 +2864,7 @@ function Badge2({
 
 // src/components/docs/api/api-playground.tsx
 import { Play, Loader2 as Loader22 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
 function ApiPlayground({
   method,
   path,
@@ -2799,10 +2873,10 @@ function ApiPlayground({
   defaultBody,
   pathParams = []
 }) {
-  const [loading, setLoading] = useState21(false);
-  const [response, setResponse] = useState21(null);
-  const [error, setError] = useState21(null);
-  const [requestBody, setRequestBody] = useState21(defaultBody || "");
+  const [loading, setLoading] = useState22(false);
+  const [response, setResponse] = useState22(null);
+  const [error, setError] = useState22(null);
+  const [requestBody, setRequestBody] = useState22(defaultBody || "");
   const initialHeaders = useMemo(() => {
     const cleanHeaders = {};
     Object.entries(headers).forEach(([key, value]) => {
@@ -2810,7 +2884,7 @@ function ApiPlayground({
     });
     return cleanHeaders;
   }, [headers]);
-  const [requestHeaders, setRequestHeaders] = useState21(JSON.stringify(initialHeaders, null, 2));
+  const [requestHeaders, setRequestHeaders] = useState22(JSON.stringify(initialHeaders, null, 2));
   const extractedParams = useMemo(() => {
     const params = {};
     const pathParamPattern = /:(\w+)/g;
@@ -2828,7 +2902,7 @@ function ApiPlayground({
     }
     return params;
   }, [path, pathParams]);
-  const [pathParamValues, setPathParamValues] = useState21(extractedParams);
+  const [pathParamValues, setPathParamValues] = useState22(extractedParams);
   const buildUrl = () => {
     let finalPath = path;
     Object.entries(pathParamValues).forEach(([key, value]) => {
@@ -2867,19 +2941,19 @@ function ApiPlayground({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs37("div", { className: "not-prose border border-border rounded-lg overflow-hidden bg-card/30", children: [
-    /* @__PURE__ */ jsx50("div", { className: "bg-muted/50 px-4 py-2 border-b border-border", children: /* @__PURE__ */ jsx50("h4", { className: "text-sm font-semibold text-foreground", children: "API Playground" }) }),
-    /* @__PURE__ */ jsxs37("div", { className: "p-4 space-y-4", children: [
-      Object.keys(pathParamValues).length > 0 && /* @__PURE__ */ jsxs37("div", { children: [
-        /* @__PURE__ */ jsx50("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Path Parameters" }),
-        /* @__PURE__ */ jsx50("div", { className: "space-y-2", children: Object.entries(pathParamValues).map(([paramName, paramValue]) => {
+  return /* @__PURE__ */ jsxs38("div", { className: "not-prose border border-border rounded-lg overflow-hidden bg-card/30", children: [
+    /* @__PURE__ */ jsx51("div", { className: "bg-muted/50 px-4 py-2 border-b border-border", children: /* @__PURE__ */ jsx51("h4", { className: "text-sm font-semibold text-foreground", children: "API Playground" }) }),
+    /* @__PURE__ */ jsxs38("div", { className: "p-4 space-y-4", children: [
+      Object.keys(pathParamValues).length > 0 && /* @__PURE__ */ jsxs38("div", { children: [
+        /* @__PURE__ */ jsx51("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Path Parameters" }),
+        /* @__PURE__ */ jsx51("div", { className: "space-y-2", children: Object.entries(pathParamValues).map(([paramName, paramValue]) => {
           const paramConfig = pathParams.find((p) => p.name === paramName);
-          return /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs37("span", { className: "text-xs text-muted-foreground min-w-[80px]", children: [
+          return /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs38("span", { className: "text-xs text-muted-foreground min-w-[80px]", children: [
               ":",
               paramName
             ] }),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx51(
               Input,
               {
                 value: paramValue,
@@ -2891,16 +2965,16 @@ function ApiPlayground({
           ] }, paramName);
         }) })
       ] }),
-      /* @__PURE__ */ jsxs37("div", { children: [
-        /* @__PURE__ */ jsx50("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request URL" }),
-        /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx50(Badge2, { variant: "outline", className: "font-mono", children: method }),
-          /* @__PURE__ */ jsx50(Input, { value: buildUrl(), readOnly: true, className: "font-mono text-sm" })
+      /* @__PURE__ */ jsxs38("div", { children: [
+        /* @__PURE__ */ jsx51("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request URL" }),
+        /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx51(Badge2, { variant: "outline", className: "font-mono", children: method }),
+          /* @__PURE__ */ jsx51(Input, { value: buildUrl(), readOnly: true, className: "font-mono text-sm" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs37("div", { children: [
-        /* @__PURE__ */ jsx50("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Headers (JSON)" }),
-        /* @__PURE__ */ jsx50(
+      /* @__PURE__ */ jsxs38("div", { children: [
+        /* @__PURE__ */ jsx51("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Headers (JSON)" }),
+        /* @__PURE__ */ jsx51(
           Textarea,
           {
             value: requestHeaders,
@@ -2910,9 +2984,9 @@ function ApiPlayground({
           }
         )
       ] }),
-      method !== "GET" && method !== "DELETE" && /* @__PURE__ */ jsxs37("div", { children: [
-        /* @__PURE__ */ jsx50("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request Body (JSON)" }),
-        /* @__PURE__ */ jsx50(
+      method !== "GET" && method !== "DELETE" && /* @__PURE__ */ jsxs38("div", { children: [
+        /* @__PURE__ */ jsx51("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request Body (JSON)" }),
+        /* @__PURE__ */ jsx51(
           Textarea,
           {
             value: requestBody,
@@ -2923,30 +2997,30 @@ function ApiPlayground({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx50(Button, { onClick: handleSend, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ jsxs37(Fragment8, { children: [
-        /* @__PURE__ */ jsx50(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ jsx51(Button, { onClick: handleSend, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ jsxs38(Fragment9, { children: [
+        /* @__PURE__ */ jsx51(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
         "Sending..."
-      ] }) : /* @__PURE__ */ jsxs37(Fragment8, { children: [
-        /* @__PURE__ */ jsx50(Play, { className: "mr-2 h-4 w-4" }),
+      ] }) : /* @__PURE__ */ jsxs38(Fragment9, { children: [
+        /* @__PURE__ */ jsx51(Play, { className: "mr-2 h-4 w-4" }),
         "Send Request"
       ] }) }),
-      response && /* @__PURE__ */ jsxs37("div", { className: "mt-4", children: [
-        /* @__PURE__ */ jsxs37("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: [
+      response && /* @__PURE__ */ jsxs38("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsxs38("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: [
           "Response (",
           response.status,
           " ",
           response.statusText,
           ")"
         ] }),
-        /* @__PURE__ */ jsx50(CodeBlock, { code: JSON.stringify(response.body, null, 2), language: "json" })
+        /* @__PURE__ */ jsx51(CodeBlock, { code: JSON.stringify(response.body, null, 2), language: "json" })
       ] }),
-      error && /* @__PURE__ */ jsx50("div", { className: "mt-4 p-3 bg-red-500/10 border border-red-500/20 rounded-md", children: /* @__PURE__ */ jsx50("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) })
+      error && /* @__PURE__ */ jsx51("div", { className: "mt-4 p-3 bg-red-500/10 border border-red-500/20 rounded-md", children: /* @__PURE__ */ jsx51("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) })
     ] })
   ] });
 }
 
 // src/components/docs/api/api-reference.tsx
-import { useState as useState22, useEffect as useEffect14 } from "react";
+import { useState as useState23, useEffect as useEffect14 } from "react";
 
 // src/lib/parsers/specra-parser.ts
 var SpecraParser = class {
@@ -3398,11 +3472,11 @@ function parseApiSpec(input, parserType = "auto") {
 
 // src/components/docs/api/api-reference.tsx
 import { Loader2 as Loader23 } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
 function ApiReference({ spec, parser = "auto", showPlayground = true }) {
-  const [apiSpec, setApiSpec] = useState22(null);
-  const [loading, setLoading] = useState22(true);
-  const [error, setError] = useState22(null);
+  const [apiSpec, setApiSpec] = useState23(null);
+  const [loading, setLoading] = useState23(true);
+  const [error, setError] = useState23(null);
   useEffect14(() => {
     async function loadSpec() {
       try {
@@ -3428,13 +3502,13 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
     });
   };
   if (loading) {
-    return /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-center py-12", children: [
-      /* @__PURE__ */ jsx51(Loader23, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-      /* @__PURE__ */ jsx51("span", { className: "ml-2 text-muted-foreground", children: "Loading API specification..." })
+    return /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-center py-12", children: [
+      /* @__PURE__ */ jsx52(Loader23, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
+      /* @__PURE__ */ jsx52("span", { className: "ml-2 text-muted-foreground", children: "Loading API specification..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsx51("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 p-4", children: /* @__PURE__ */ jsxs38("p", { className: "text-sm text-red-600 dark:text-red-400", children: [
+    return /* @__PURE__ */ jsx52("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 p-4", children: /* @__PURE__ */ jsxs39("p", { className: "text-sm text-red-600 dark:text-red-400", children: [
       "Error: ",
       error
     ] }) });
@@ -3442,26 +3516,26 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
   if (!apiSpec) {
     return null;
   }
-  return /* @__PURE__ */ jsxs38("div", { className: "space-y-6", children: [
-    (apiSpec.title || apiSpec.description) && /* @__PURE__ */ jsxs38("div", { className: "mb-8", children: [
-      apiSpec.title && /* @__PURE__ */ jsx51("h2", { className: "text-2xl font-semibold mb-2 text-foreground", children: apiSpec.title }),
-      apiSpec.description && /* @__PURE__ */ jsx51("p", { className: "text-muted-foreground", children: apiSpec.description }),
-      apiSpec.baseUrl && /* @__PURE__ */ jsxs38("div", { className: "mt-4", children: [
-        /* @__PURE__ */ jsx51("p", { className: "text-sm font-semibold text-muted-foreground mb-1", children: "Base URL" }),
-        /* @__PURE__ */ jsx51("code", { className: "text-sm px-2 py-1 bg-muted rounded", children: apiSpec.baseUrl })
+  return /* @__PURE__ */ jsxs39("div", { className: "space-y-6", children: [
+    (apiSpec.title || apiSpec.description) && /* @__PURE__ */ jsxs39("div", { className: "mb-8", children: [
+      apiSpec.title && /* @__PURE__ */ jsx52("h2", { className: "text-2xl font-semibold mb-2 text-foreground", children: apiSpec.title }),
+      apiSpec.description && /* @__PURE__ */ jsx52("p", { className: "text-muted-foreground", children: apiSpec.description }),
+      apiSpec.baseUrl && /* @__PURE__ */ jsxs39("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx52("p", { className: "text-sm font-semibold text-muted-foreground mb-1", children: "Base URL" }),
+        /* @__PURE__ */ jsx52("code", { className: "text-sm px-2 py-1 bg-muted rounded", children: apiSpec.baseUrl })
       ] })
     ] }),
-    apiSpec.auth && /* @__PURE__ */ jsxs38("div", { className: "rounded-lg border border-border bg-card/30 p-4 mb-6", children: [
-      /* @__PURE__ */ jsx51("h3", { className: "text-lg font-semibold mb-2 text-foreground", children: "Authentication" }),
-      /* @__PURE__ */ jsx51("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__ */ jsx51(
+    apiSpec.auth && /* @__PURE__ */ jsxs39("div", { className: "rounded-lg border border-border bg-card/30 p-4 mb-6", children: [
+      /* @__PURE__ */ jsx52("h3", { className: "text-lg font-semibold mb-2 text-foreground", children: "Authentication" }),
+      /* @__PURE__ */ jsx52("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__ */ jsx52(
         CodeBlock,
         {
           code: `Authorization: ${apiSpec.auth.tokenPrefix || "Bearer"} {YOUR_TOKEN}`,
           language: "bash"
         }
       ),
-      apiSpec.auth.type === "apiKey" && /* @__PURE__ */ jsx51(
+      apiSpec.auth.type === "apiKey" && /* @__PURE__ */ jsx52(
         CodeBlock,
         {
           code: `${apiSpec.auth.headerName || "X-API-Key"}: {YOUR_API_KEY}`,
@@ -3469,7 +3543,7 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx51(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: apiSpec.endpoints.map((endpoint, index) => {
+    /* @__PURE__ */ jsx52(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: apiSpec.endpoints.map((endpoint, index) => {
       const allHeaders = [
         ...apiSpec.globalHeaders || [],
         ...endpoint.headers || []
@@ -3477,39 +3551,39 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
         ...header,
         value: interpolateEnv(header.value, apiSpec.env)
       }));
-      return /* @__PURE__ */ jsx51(
+      return /* @__PURE__ */ jsx52(
         AccordionItem,
         {
           value: `endpoint-${index}`,
-          title: /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx51(
+          title: /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx52(
               "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__ */ jsx51("code", { className: "text-sm font-mono", children: endpoint.path }),
-            /* @__PURE__ */ jsx51("span", { className: "text-sm text-muted-foreground ml-auto", children: endpoint.title })
+            /* @__PURE__ */ jsx52("code", { className: "text-sm font-mono", children: endpoint.path }),
+            /* @__PURE__ */ jsx52("span", { className: "text-sm text-muted-foreground ml-auto", children: endpoint.title })
           ] }),
-          children: /* @__PURE__ */ jsxs38("div", { className: "space-y-6 pt-4", children: [
-            endpoint.description && /* @__PURE__ */ jsx51("p", { className: "text-sm text-muted-foreground", children: endpoint.description }),
-            endpoint.pathParams && endpoint.pathParams.length > 0 && /* @__PURE__ */ jsx51(ApiParams, { title: "Path Parameters", params: endpoint.pathParams }),
-            endpoint.queryParams && endpoint.queryParams.length > 0 && /* @__PURE__ */ jsx51(ApiParams, { title: "Query Parameters", params: endpoint.queryParams }),
-            allHeaders.length > 0 && /* @__PURE__ */ jsxs38("div", { children: [
-              /* @__PURE__ */ jsx51("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Headers" }),
-              /* @__PURE__ */ jsx51("div", { className: "space-y-2", children: allHeaders.map((header, idx) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx51("code", { className: "text-sm font-mono text-foreground", children: header.name }),
-                  /* @__PURE__ */ jsx51("span", { className: "text-xs text-muted-foreground", children: header.value })
+          children: /* @__PURE__ */ jsxs39("div", { className: "space-y-6 pt-4", children: [
+            endpoint.description && /* @__PURE__ */ jsx52("p", { className: "text-sm text-muted-foreground", children: endpoint.description }),
+            endpoint.pathParams && endpoint.pathParams.length > 0 && /* @__PURE__ */ jsx52(ApiParams, { title: "Path Parameters", params: endpoint.pathParams }),
+            endpoint.queryParams && endpoint.queryParams.length > 0 && /* @__PURE__ */ jsx52(ApiParams, { title: "Query Parameters", params: endpoint.queryParams }),
+            allHeaders.length > 0 && /* @__PURE__ */ jsxs39("div", { children: [
+              /* @__PURE__ */ jsx52("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Headers" }),
+              /* @__PURE__ */ jsx52("div", { className: "space-y-2", children: allHeaders.map((header, idx) => /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx52("code", { className: "text-sm font-mono text-foreground", children: header.name }),
+                  /* @__PURE__ */ jsx52("span", { className: "text-xs text-muted-foreground", children: header.value })
                 ] }),
-                header.description && /* @__PURE__ */ jsx51("p", { className: "text-sm text-muted-foreground", children: header.description })
+                header.description && /* @__PURE__ */ jsx52("p", { className: "text-sm text-muted-foreground", children: header.description })
               ] }, idx)) })
             ] }),
-            endpoint.body && /* @__PURE__ */ jsxs38("div", { children: [
-              /* @__PURE__ */ jsx51("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Request Body" }),
-              endpoint.body.description && /* @__PURE__ */ jsx51("p", { className: "text-sm text-muted-foreground mb-2", children: endpoint.body.description }),
-              endpoint.body.example && /* @__PURE__ */ jsx51(
+            endpoint.body && /* @__PURE__ */ jsxs39("div", { children: [
+              /* @__PURE__ */ jsx52("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Request Body" }),
+              endpoint.body.description && /* @__PURE__ */ jsx52("p", { className: "text-sm text-muted-foreground mb-2", children: endpoint.body.description }),
+              endpoint.body.example && /* @__PURE__ */ jsx52(
                 CodeBlock,
                 {
                   code: typeof endpoint.body.example === "string" ? endpoint.body.example : JSON.stringify(endpoint.body.example, null, 2),
@@ -3517,9 +3591,9 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs38("div", { children: [
-              /* @__PURE__ */ jsx51("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Responses" }),
-              endpoint.successResponse && /* @__PURE__ */ jsx51(
+            /* @__PURE__ */ jsxs39("div", { children: [
+              /* @__PURE__ */ jsx52("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Responses" }),
+              endpoint.successResponse && /* @__PURE__ */ jsx52(
                 ApiResponse,
                 {
                   status: endpoint.successResponse.status,
@@ -3528,7 +3602,7 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
                   schema: endpoint.successResponse.schema
                 }
               ),
-              endpoint.errorResponses?.map((response, idx) => /* @__PURE__ */ jsx51(
+              endpoint.errorResponses?.map((response, idx) => /* @__PURE__ */ jsx52(
                 ApiResponse,
                 {
                   status: response.status,
@@ -3539,14 +3613,14 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
                 idx
               ))
             ] }),
-            endpoint.examples && endpoint.examples.length > 0 && /* @__PURE__ */ jsxs38("div", { children: [
-              /* @__PURE__ */ jsx51("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Examples" }),
-              endpoint.examples.map((example, idx) => /* @__PURE__ */ jsxs38("div", { className: "mb-3", children: [
-                /* @__PURE__ */ jsx51("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: example.title }),
-                /* @__PURE__ */ jsx51(CodeBlock, { code: example.code, language: example.language })
+            endpoint.examples && endpoint.examples.length > 0 && /* @__PURE__ */ jsxs39("div", { children: [
+              /* @__PURE__ */ jsx52("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Examples" }),
+              endpoint.examples.map((example, idx) => /* @__PURE__ */ jsxs39("div", { className: "mb-3", children: [
+                /* @__PURE__ */ jsx52("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: example.title }),
+                /* @__PURE__ */ jsx52(CodeBlock, { code: example.code, language: example.language })
               ] }, idx))
             ] }),
-            showPlayground && /* @__PURE__ */ jsx51(
+            showPlayground && /* @__PURE__ */ jsx52(
               ApiPlayground,
               {
                 method: endpoint.method,
@@ -3568,13 +3642,13 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
 // src/components/global/version-not-found.tsx
 import { AlertTriangle as AlertTriangle3 } from "lucide-react";
 import Link10 from "next/link";
-import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
 function VersionNotFound() {
-  return /* @__PURE__ */ jsx52(Fragment9, { children: /* @__PURE__ */ jsx52("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ jsxs39("div", { className: "text-center", children: [
-    /* @__PURE__ */ jsx52("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsx52(AlertTriangle3, { className: "h-16 w-16 text-yellow-500" }) }),
-    /* @__PURE__ */ jsx52("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
-    /* @__PURE__ */ jsx52("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
-    /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(Fragment10, { children: /* @__PURE__ */ jsx53("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ jsxs40("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsx53("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsx53(AlertTriangle3, { className: "h-16 w-16 text-yellow-500" }) }),
+    /* @__PURE__ */ jsx53("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
+    /* @__PURE__ */ jsx53("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
+    /* @__PURE__ */ jsx53(
       Link10,
       {
         href: "/docs/v1.0.0",
@@ -3631,6 +3705,7 @@ export {
   ImageCard,
   ImageCardGrid,
   Input,
+  LanguageSwitcher,
   Logo,
   Math2 as Math,
   MdxHotReload,