specra 0.1.0 → 0.1.3

package/dist/app/docs-page.js

@@ -1269,16 +1269,6 @@ var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
-function getAssetPath(path3) {
-  const basePath = process.env.NEXT_PUBLIC_BASE_PATH || process.env.__NEXT_ROUTER_BASEPATH || "";
-  const normalizedPath = path3.startsWith("/") ? path3 : `/${path3}`;
-  if (basePath) {
-    const normalizedBase = basePath.startsWith("/") ? basePath : `/${basePath}`;
-    const cleanBase = normalizedBase.replace(/\/$/, "");
-    return `${cleanBase}${normalizedPath}`;
-  }
-  return normalizedPath;
-}
 
 // src/components/docs/api/api-endpoint.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -2707,7 +2697,7 @@ function processContentWithEnv(content, config) {
 var configInstance = null;
 function getConfig() {
   if (!configInstance) {
-    throw new Error("Specra config has not been initialized");
+    configInstance = loadConfig({});
   }
   return configInstance;
 }
@@ -3143,12 +3133,49 @@ function SearchModal({ isOpen, onClose, config }) {
   ) });
 }
 
-// src/components/docs/header.tsx
+// src/components/docs/logo.tsx
+var import_next_themes = require("next-themes");
 var import_react16 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-function Header({ currentVersion, versions, onMenuClick, config }) {
-  const [searchOpen, setSearchOpen] = (0, import_react16.useState)(false);
+function Logo({ logo, alt = "Logo", className = "h-8 w-8 object-contain" }) {
+  const { resolvedTheme } = (0, import_next_themes.useTheme)();
+  const [mounted, setMounted] = (0, import_react16.useState)(false);
   (0, import_react16.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  if (!logo) return null;
+  if (typeof logo === "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: logo, alt, className });
+  }
+  if (!mounted) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: logo.light, alt, className });
+  }
+  const logoSrc = resolvedTheme === "dark" ? logo.dark : logo.light;
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: logoSrc, alt, className });
+}
+
+// src/components/docs/header.tsx
+var import_react17 = require("react");
+
+// src/lib/config.context.tsx
+var React2 = __toESM(require("react"));
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var ConfigContext = React2.createContext(defaultConfig);
+function useConfig() {
+  const config = React2.useContext(ConfigContext);
+  if (!config) {
+    throw new Error("useConfig must be used within a ConfigProvider");
+  }
+  return config;
+}
+
+// src/components/docs/header.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
+  const contextConfig = useConfig();
+  const config = configProp || contextConfig;
+  const [searchOpen, setSearchOpen] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     const handleKeyDown = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -3158,38 +3185,38 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "container flex h-16 items-center justify-between px-6 mx-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("header", { className: "sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "container flex h-16 items-center justify-between px-6 mx-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "button",
           {
             onClick: onMenuClick,
             className: "lg:hidden hover:bg-muted p-2 rounded-md transition-colors",
             "aria-label": "Toggle menu",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Menu, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react19.Menu, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_link5.default, { href: "/", className: "flex items-center gap-2", children: [
-          config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: getAssetPath(config.site.logo), alt: config.site.title, className: "h-8 w-auto" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "font-semibold text-lg text-foreground", children: "Specra" })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_link5.default, { href: "/", className: "flex items-center gap-2", children: [
+          !config.site.hideLogo && (config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Logo, { logo: config.site.logo, alt: config.site.title, className: "w-18 object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) })),
+          !config.site.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
-        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
+        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "button",
           {
             onClick: () => setSearchOpen(true),
             className: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground hover:text-foreground bg-muted rounded-md transition-colors",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Search, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("kbd", { className: "hidden sm:inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-background px-1.5 font-mono text-xs font-medium", children: "\u2318K" })
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react19.Search, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("kbd", { className: "hidden sm:inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-background px-1.5 font-mono text-xs font-medium", children: "\u2318K" })
             ]
           }
         ),
-        config.features?.versioning && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(VersionSwitcher, { currentVersion, versions }),
-        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        config.features?.versioning && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(VersionSwitcher, { currentVersion, versions }),
+        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "a",
           {
             href: config.social.github,
@@ -3197,10 +3224,10 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "GitHub",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Github, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react19.Github, { className: "h-4 w-4" })
           }
         ),
-        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "a",
           {
             href: config.social.twitter,
@@ -3208,10 +3235,10 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "Twitter",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Twitter, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react19.Twitter, { className: "h-4 w-4" })
           }
         ),
-        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "a",
           {
             href: config.social.discord,
@@ -3219,33 +3246,34 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "Discord",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.MessageCircle, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react19.MessageCircle, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ThemeToggle, {})
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ThemeToggle, {})
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
   ] });
 }
 
 // src/components/docs/doc-layout-wrapper.tsx
-var import_react21 = require("react");
+var import_react23 = require("react");
 
 // src/components/docs/mobile-doc-layout.tsx
-var import_react19 = require("react");
+var import_react21 = require("react");
+var import_link8 = __toESM(require("next/link"));
 
 // src/components/docs/footer.tsx
 var import_link6 = __toESM(require("next/link"));
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Footer({ config }) {
   if (!config.footer) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("footer", { className: "bg-muted/30 dark:bg-muted/10 rounded-2xl mt-24", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-6 py-12", children: [
-    config.footer.links && config.footer.links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 mb-8", children: config.footer.links.map((column, idx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-semibold text-foreground mb-4", children: column.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "space-y-2", children: column.items.map((item, itemIdx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("footer", { className: "bg-muted/30 dark:bg-muted/10 rounded-2xl mt-24", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "px-6 py-12", children: [
+    config.footer.links && config.footer.links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 mb-8", children: config.footer.links.map((column, idx) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: "font-semibold text-foreground mb-4", children: column.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("ul", { className: "space-y-2", children: column.items.map((item, itemIdx) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         import_link6.default,
         {
           href: item.href,
@@ -3254,20 +3282,43 @@ function Footer({ config }) {
         }
       ) }, itemIdx)) })
     ] }, idx)) }),
-    config.footer.copyright && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-muted-foreground text-center", children: config.footer.copyright }) })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "pt-8 border-t border-border/50", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", children: [
+      config.footer.copyright && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-muted-foreground text-center md:text-left", children: config.footer.copyright }),
+      config.footer.branding?.showBranding && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        config.footer.branding.logo && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          Logo,
+          {
+            logo: config.footer.branding.logo,
+            alt: config.footer.branding.title || "Powered by",
+            className: "h-5 w-auto object-contain"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Powered by" }),
+        config.footer.branding.url ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          import_link6.default,
+          {
+            href: config.footer.branding.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "font-semibold hover:text-foreground transition-colors",
+            children: config.footer.branding.title || "Specra"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "font-semibold", children: config.footer.branding.title || "Specra" })
+      ] })
+    ] }) })
   ] }) });
 }
 
 // src/components/docs/site-banner.tsx
 var import_lucide_react20 = require("lucide-react");
-var import_react17 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function SiteBanner({ config }) {
-  const [dismissed, setDismissed] = (0, import_react17.useState)(false);
-  const [mounted, setMounted] = (0, import_react17.useState)(false);
+  const [dismissed, setDismissed] = (0, import_react18.useState)(false);
+  const [mounted, setMounted] = (0, import_react18.useState)(false);
   const banner = config.banner;
   const storageKey = "site-banner-dismissed";
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setMounted(true);
     const isDismissed = localStorage.getItem(storageKey) === "true";
     setDismissed(isDismissed);
@@ -3311,64 +3362,182 @@ function SiteBanner({ config }) {
   };
   const type = banner.type || "info";
   const { icon: IconComponent, bg, border, iconColor, textColor } = typeConfig[type];
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `w-full border-b ${border} ${bg}`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "container mx-auto px-6 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconComponent, { className: `h-5 w-5 shrink-0 ${iconColor}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: `text-sm font-medium ${textColor}`, children: banner.message }) }),
-    banner.dismissible && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `w-full border-b ${border} ${bg}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "container mx-auto px-6 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IconComponent, { className: `h-5 w-5 shrink-0 ${iconColor}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: `text-sm font-medium ${textColor}`, children: banner.message }) }),
+    banner.dismissible && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "button",
       {
         onClick: handleDismiss,
         className: `shrink-0 p-1 rounded-md hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${iconColor}`,
         "aria-label": "Dismiss banner",
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react20.X, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react20.X, { className: "h-4 w-4" })
       }
     )
   ] }) }) });
 }
 
 // src/components/docs/tab-groups.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-function TabGroups({ tabGroups, activeTabId, onTabChange }) {
-  const activeTab = activeTabId || tabGroups[0]?.id || "";
+var import_react19 = require("react");
+var import_navigation4 = require("next/navigation");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function TabGroups({ tabGroups, activeTabId, onTabChange, mobileOnly = false, docs, version }) {
+  const [dropdownOpen, setDropdownOpen] = (0, import_react19.useState)(false);
+  const router = (0, import_navigation4.useRouter)();
+  const filteredTabGroups = docs ? tabGroups.filter((tab) => {
+    const hasDocsInTab = docs.some((doc) => {
+      const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
+      return docTabGroup === tab.id || !docTabGroup && tab.id === tabGroups[0]?.id;
+    });
+    return hasDocsInTab;
+  }) : tabGroups;
+  const activeTab = activeTabId || filteredTabGroups[0]?.id || "";
+  const activeTabData = filteredTabGroups.find((tab) => tab.id === activeTab);
   const handleTabChange = (tabId) => {
     onTabChange?.(tabId);
+    setDropdownOpen(false);
+    if (docs && version) {
+      const firstDocInTab = docs.find((doc) => {
+        const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
+        return docTabGroup === tabId || !docTabGroup && tabId === filteredTabGroups[0]?.id;
+      });
+      if (firstDocInTab) {
+        router.push(`/docs/${version}/${firstDocInTab.slug}`);
+      }
+    }
   };
-  if (!tabGroups || tabGroups.length === 0) {
+  if (!filteredTabGroups || filteredTabGroups.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "sticky top-16 z-30 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("nav", { className: "flex gap-1 overflow-x-auto no-scrollbar", "aria-label": "Documentation tabs", children: tabGroups.map((tab) => {
-    const isActive = tab.id === activeTab;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-      "button",
-      {
-        onClick: () => handleTabChange(tab.id),
-        className: `flex items-center gap-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-all border-b-2 ${isActive ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
-        "aria-current": isActive ? "page" : void 0,
-        children: [
-          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
-          tab.label
-        ]
-      },
-      tab.id
-    );
-  }) }) }) });
+  if (mobileOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        "button",
+        {
+          onClick: () => setDropdownOpen(!dropdownOpen),
+          className: "flex items-center justify-between w-full px-3 py-2 text-sm font-medium text-foreground bg-muted/50 rounded-lg hover:bg-muted transition-colors",
+          "aria-label": "Select tab group",
+          "aria-expanded": dropdownOpen,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
+              activeTabData?.icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: activeTabData.icon, size: 16, className: "shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: activeTabData?.label })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              import_lucide_react21.ChevronDown,
+              {
+                className: `h-4 w-4 transition-transform ${dropdownOpen ? "rotate-180" : ""}`
+              }
+            )
+          ]
+        }
+      ),
+      dropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          "div",
+          {
+            className: "fixed inset-0 z-40",
+            onClick: () => setDropdownOpen(false)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute top-full left-0 right-0 mt-2 bg-background border border-border rounded-lg shadow-lg z-50 max-h-[60vh] overflow-y-auto", children: filteredTabGroups.map((tab) => {
+          const isActive = tab.id === activeTab;
+          return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+            "button",
+            {
+              onClick: () => handleTabChange(tab.id),
+              className: `flex items-center gap-2 w-full px-3 py-2 text-sm font-medium text-left transition-colors first:rounded-t-lg last:rounded-b-lg ${isActive ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
+              children: [
+                tab.icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
+                tab.label
+              ]
+            },
+            tab.id
+          );
+        }) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "sticky top-16 z-30 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "container mx-auto px-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "md:hidden relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        "button",
+        {
+          onClick: () => setDropdownOpen(!dropdownOpen),
+          className: "flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-foreground",
+          "aria-label": "Select tab",
+          "aria-expanded": dropdownOpen,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
+              activeTabData?.icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: activeTabData.icon, size: 16, className: "shrink-0" }),
+              activeTabData?.label
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              import_lucide_react21.ChevronDown,
+              {
+                className: `h-4 w-4 transition-transform ${dropdownOpen ? "rotate-180" : ""}`
+              }
+            )
+          ]
+        }
+      ),
+      dropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          "div",
+          {
+            className: "fixed inset-0 z-40",
+            onClick: () => setDropdownOpen(false)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute top-full left-0 right-0 bg-background border border-border shadow-lg z-50 max-h-[60vh] overflow-y-auto", children: filteredTabGroups.map((tab) => {
+          const isActive = tab.id === activeTab;
+          return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+            "button",
+            {
+              onClick: () => handleTabChange(tab.id),
+              className: `flex items-center gap-2 w-full px-4 py-3 text-sm font-medium text-left transition-colors ${isActive ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
+              children: [
+                tab.icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
+                tab.label
+              ]
+            },
+            tab.id
+          );
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("nav", { className: "hidden md:flex gap-1", "aria-label": "Documentation tabs", children: filteredTabGroups.map((tab) => {
+      const isActive = tab.id === activeTab;
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        "button",
+        {
+          onClick: () => handleTabChange(tab.id),
+          className: `flex items-center gap-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-all border-b-2 ${isActive ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
+          "aria-current": isActive ? "page" : void 0,
+          children: [
+            tab.icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
+            tab.label
+          ]
+        },
+        tab.id
+      );
+    }) })
+  ] }) });
 }
 
-// src/components/docs/sidebar.tsx
+// src/components/docs/sidebar-menu-items.tsx
 var import_link7 = __toESM(require("next/link"));
-var import_navigation4 = require("next/navigation");
-var import_lucide_react21 = require("lucide-react");
-var import_react18 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
-  const pathname = (0, import_navigation4.usePathname)();
-  const [collapsed, setCollapsed] = (0, import_react18.useState)(() => {
+var import_navigation5 = require("next/navigation");
+var import_lucide_react22 = require("lucide-react");
+var import_react20 = require("react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function SidebarMenuItems({ docs, version, onLinkClick, config, activeTabGroup }) {
+  const pathname = (0, import_navigation5.usePathname)();
+  const [collapsed, setCollapsed] = (0, import_react20.useState)(() => {
     const initial = {};
     return initial;
   });
-  if (!config.navigation?.showSidebar) {
-    return null;
-  }
   const hasTabGroups = config.navigation?.tabGroups && config.navigation.tabGroups.length > 0;
   const filteredDocs = hasTabGroups && activeTabGroup ? docs.filter((doc) => {
     const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
@@ -3464,21 +3633,21 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
     const isCollapsed = hasActiveItem || isGroupActive ? false : collapsed[groupKey] ?? group.defaultCollapsed;
     const marginLeft = depth > 0 ? "ml-4" : "";
     const groupHref = `/docs/${version}/${group.path}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `space-y-1 ${marginLeft}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: `space-y-1 ${marginLeft}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           import_link7.default,
           {
             href: groupHref,
             onClick: onLinkClick,
             className: `flex items-center gap-2 flex-1 px-3 py-2 text-sm font-semibold rounded-l-xl transition-all ${isGroupActive ? "bg-primary/10 text-primary" : "text-foreground hover:bg-accent/50"}`,
             children: [
-              group.icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: group.icon, size: 16, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.FolderOpen, { size: 16, className: "shrink-0" }),
+              group.icon ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { icon: group.icon, size: 16, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react22.FolderOpen, { size: 16, className: "shrink-0" }),
               group.label
             ]
           }
         ),
-        hasContent && group.collapsible && config.navigation?.collapsibleSidebar && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        hasContent && group.collapsible && config.navigation?.collapsibleSidebar && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "button",
           {
             onClick: (e) => {
@@ -3488,11 +3657,11 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
             },
             className: `p-2 rounded-r-xl transition-all ${isGroupActive ? "hover:bg-primary/20" : "hover:bg-accent/50"}`,
             "aria-label": isCollapsed ? "Expand section" : "Collapse section",
-            children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.ChevronRight, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.ChevronDown, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` })
+            children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react22.ChevronRight, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react22.ChevronDown, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` })
           }
         )
       ] }),
-      !isCollapsed && hasContent && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "ml-4 space-y-1", children: (() => {
+      !isCollapsed && hasContent && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "ml-4 space-y-1", children: (() => {
         const merged = [
           ...sortedChildren.map(([childKey, childGroup]) => ({
             type: "group",
@@ -3513,14 +3682,14 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
           } else {
             const href = `/docs/${version}/${item.doc.slug}`;
             const isActive = pathname === href;
-            return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
               import_link7.default,
               {
                 href,
                 onClick: onLinkClick,
                 className: `flex items-center gap-2 px-3 py-2 text-sm rounded-xl transition-all ${isActive ? "bg-primary/10 text-primary font-medium" : "text-foreground hover:text-foreground hover:bg-accent/50"}`,
                 children: [
-                  item.doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: item.doc.meta.icon, size: 16, className: "shrink-0" }),
+                  item.doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { icon: item.doc.meta.icon, size: 16, className: "shrink-0" }),
                   item.doc.title
                 ]
               },
@@ -3533,81 +3702,130 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
   };
   const sortedRootGroups = sortSidebarGroups(rootGroups);
   const sortedStandalone = sortSidebarItems(standalone);
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("nav", { className: "space-y-1", children: [
+    sortedStandalone.length > 0 && sortedStandalone.map((doc) => {
+      const href = `/docs/${version}/${doc.slug}`;
+      const isActive = pathname === href;
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+        import_link7.default,
+        {
+          href,
+          onClick: onLinkClick,
+          className: `flex items-center gap-2 px-3 py-2 text-sm rounded-xl transition-all ${isActive ? "bg-primary/10 text-primary font-medium" : "text-foreground hover:text-foreground hover:bg-accent/50"}`,
+          children: [
+            doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { icon: doc.meta.icon, size: 16, className: "shrink-0" }),
+            doc.title
+          ]
+        },
+        `standalone-${doc.slug}`
+      );
+    }),
+    sortedRootGroups.map(([groupKey, group]) => renderGroup(groupKey, group, 0))
+  ] });
+}
+
+// src/components/docs/sidebar.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
+  if (!config.navigation?.showSidebar) {
+    return null;
+  }
+  const hasTabGroups = config.navigation?.tabGroups && config.navigation.tabGroups.length > 0;
   const stickyTop = hasTabGroups ? "top-[7.5rem]" : "top-24";
   const maxHeight = hasTabGroups ? "max-h-[calc(100vh-10rem)]" : "max-h-[calc(100vh-7rem)]";
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("aside", { className: `w-64 shrink-0 sticky ${stickyTop} self-start`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "Documentation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("nav", { className: "space-y-1", children: [
-      sortedStandalone.length > 0 && sortedStandalone.map((doc) => {
-        const href = `/docs/${version}/${doc.slug}`;
-        const isActive = pathname === href;
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-          import_link7.default,
-          {
-            href,
-            onClick: onLinkClick,
-            className: `flex items-center gap-2 px-3 py-2 text-sm rounded-xl transition-all ${isActive ? "bg-primary/10 text-primary font-medium" : "text-foreground hover:text-foreground hover:bg-accent/50"}`,
-            children: [
-              doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: doc.meta.icon, size: 16, className: "shrink-0" }),
-              doc.title
-            ]
-          },
-          `standalone-${doc.slug}`
-        );
-      }),
-      sortedRootGroups.map(([groupKey, group]) => renderGroup(groupKey, group, 0))
-    ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("aside", { className: `w-64 shrink-0 sticky ${stickyTop} self-start`, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "Documentation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      SidebarMenuItems,
+      {
+        docs,
+        version,
+        onLinkClick,
+        config,
+        activeTabGroup
+      }
+    )
   ] }) });
 }
 
 // src/components/docs/mobile-doc-layout.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function MobileDocLayout({ header, docs, version, content, toc, config, activeTabGroup, onTabChange }) {
-  const [sidebarOpen, setSidebarOpen] = (0, import_react19.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react21.useState)(false);
   const handleTabChange = (tabId) => {
     onTabChange?.(tabId);
   };
   const closeSidebar = () => setSidebarOpen(false);
   const toggleSidebar = () => setSidebarOpen(!sidebarOpen);
-  const headerWithProps = (0, import_react19.isValidElement)(header) ? (0, import_react19.cloneElement)(header, {
+  const headerWithProps = (0, import_react21.isValidElement)(header) ? (0, import_react21.cloneElement)(header, {
     onMenuClick: toggleSidebar
   }) : header;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-h-screen bg-background", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "min-h-screen bg-background", children: [
     headerWithProps,
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SiteBanner, { config }),
-    config.navigation?.tabGroups && config.navigation.tabGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SiteBanner, { config }),
+    config.navigation?.tabGroups && config.navigation.tabGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       TabGroups,
       {
         tabGroups: config.navigation.tabGroups,
         activeTabId: activeTabGroup,
-        onTabChange: handleTabChange
+        onTabChange: handleTabChange,
+        docs,
+        version
       }
     ),
-    sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "div",
       {
         className: "lg:hidden fixed inset-0 bg-background/80 backdrop-blur-sm z-40",
         onClick: () => setSidebarOpen(false)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "div",
       {
-        className: `lg:hidden fixed top-0 left-0 h-full w-64 bg-background border-r border-border z-40 transform transition-transform duration-300 ease-in-out overflow-y-auto ${sidebarOpen ? "translate-x-0" : "-translate-x-full"}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "pt-20 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-          Sidebar,
-          {
-            docs,
-            version,
-            config,
-            onLinkClick: closeSidebar,
-            activeTabGroup
-          }
-        ) })
+        className: `lg:hidden fixed top-0 left-0 h-full w-72 bg-background border-r border-border z-50 transform transition-transform duration-300 ease-in-out ${sidebarOpen ? "translate-x-0" : "-translate-x-full"}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col h-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "shrink-0 px-4 py-4 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_link8.default, { href: "/", className: "flex items-center gap-2 group justify-center", children: [
+            !config.site?.hideLogo && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              Logo,
+              {
+                logo: config.site?.logo,
+                alt: config.site?.title || "Logo",
+                className: "w-18 object-contain"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "font-semibold text-foreground group-hover:text-primary transition-colors", children: config.site?.title || "Documentation" }),
+              config.site?.description && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-muted-foreground line-clamp-1", children: config.site.description })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "shrink-0 px-4 pt-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2", children: "Documentation" }) }),
+          config.navigation?.tabGroups && config.navigation.tabGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "shrink-0 px-4 py-3 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            TabGroups,
+            {
+              tabGroups: config.navigation.tabGroups,
+              activeTabId: activeTabGroup,
+              onTabChange: handleTabChange,
+              mobileOnly: true,
+              docs,
+              version
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            SidebarMenuItems,
+            {
+              docs,
+              version,
+              config,
+              onLinkClick: closeSidebar,
+              activeTabGroup
+            }
+          ) })
+        ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("main", { className: "container mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("main", { className: "container mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Sidebar,
         {
           docs,
@@ -3616,9 +3834,9 @@ function MobileDocLayout({ header, docs, version, content, toc, config, activeTa
           activeTabGroup
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-2 px-2 md:px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-2 px-2 md:px-8", children: [
         content,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Footer, { config })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Footer, { config })
       ] }) }),
       toc
     ] }) })
@@ -3626,11 +3844,11 @@ function MobileDocLayout({ header, docs, version, content, toc, config, activeTa
 }
 
 // src/components/docs/tab-context.tsx
-var import_react20 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var TabContext = (0, import_react20.createContext)(void 0);
+var import_react22 = require("react");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var TabContext = (0, import_react22.createContext)(void 0);
 function useTabContext() {
-  const context = (0, import_react20.useContext)(TabContext);
+  const context = (0, import_react22.useContext)(TabContext);
   if (!context) {
     throw new Error("useTabContext must be used within TabProvider");
   }
@@ -3638,24 +3856,33 @@ function useTabContext() {
 }
 
 // src/components/docs/doc-layout-wrapper.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function DocLayoutWrapper({ header, docs, version, content, toc, config, currentPageTabGroup }) {
   const { activeTabGroup, setActiveTabGroup } = useTabContext();
-  const lastPageTabGroupRef = (0, import_react21.useRef)(void 0);
-  const isInitialMount = (0, import_react21.useRef)(true);
-  (0, import_react21.useEffect)(() => {
-    if (isInitialMount.current && currentPageTabGroup) {
-      setActiveTabGroup(currentPageTabGroup);
-      lastPageTabGroupRef.current = currentPageTabGroup;
-      isInitialMount.current = false;
+  const lastPageTabGroupRef = (0, import_react23.useRef)(void 0);
+  const hasInitialized = (0, import_react23.useRef)(false);
+  (0, import_react23.useEffect)(() => {
+    if (!config.navigation?.tabGroups || config.navigation.tabGroups.length === 0) {
       return;
     }
-    if (currentPageTabGroup && lastPageTabGroupRef.current !== currentPageTabGroup) {
-      setActiveTabGroup(currentPageTabGroup);
-      lastPageTabGroupRef.current = currentPageTabGroup;
+    if (currentPageTabGroup) {
+      if (lastPageTabGroupRef.current !== currentPageTabGroup) {
+        setActiveTabGroup(currentPageTabGroup);
+        lastPageTabGroupRef.current = currentPageTabGroup;
+        hasInitialized.current = true;
+      }
+      return;
     }
-  }, [currentPageTabGroup, setActiveTabGroup]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    if (!hasInitialized.current && !activeTabGroup) {
+      const firstTab = config.navigation.tabGroups[0]?.id;
+      if (firstTab) {
+        setActiveTabGroup(firstTab);
+        lastPageTabGroupRef.current = firstTab;
+        hasInitialized.current = true;
+      }
+    }
+  }, [currentPageTabGroup, setActiveTabGroup, activeTabGroup, config.navigation?.tabGroups]);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     MobileDocLayout,
     {
       header,
@@ -3671,15 +3898,15 @@ function DocLayoutWrapper({ header, docs, version, content, toc, config, current
 }
 
 // src/components/docs/hot-reload-indicator.tsx
-var import_react22 = require("react");
-var import_navigation5 = require("next/navigation");
-var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_react24 = require("react");
+var import_navigation6 = require("next/navigation");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function HotReloadIndicator() {
-  const [isReloading, setIsReloading] = (0, import_react22.useState)(false);
-  const [lastReload, setLastReload] = (0, import_react22.useState)(null);
-  const pathname = (0, import_navigation5.usePathname)();
-  (0, import_react22.useEffect)(() => {
+  const [isReloading, setIsReloading] = (0, import_react24.useState)(false);
+  const [lastReload, setLastReload] = (0, import_react24.useState)(null);
+  const pathname = (0, import_navigation6.usePathname)();
+  (0, import_react24.useEffect)(() => {
     if (process.env.NODE_ENV !== "development") return;
     setIsReloading(true);
     const timer = setTimeout(() => {
@@ -3691,7 +3918,7 @@ function HotReloadIndicator() {
     }, 500);
     return () => clearTimeout(timer);
   }, [pathname]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (process.env.NODE_ENV !== "development") return;
     const handleBeforeRefresh = () => {
       setIsReloading(true);
@@ -3709,14 +3936,14 @@ function HotReloadIndicator() {
     };
   }, []);
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-    isReloading && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react22.RefreshCw, { className: "h-4 w-4 animate-spin" }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+    isReloading && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react23.RefreshCw, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
     ] }),
-    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-green-500 text-white rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react22.RefreshCw, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-sm font-medium", children: [
+    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-green-500 text-white rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react23.RefreshCw, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-sm font-medium", children: [
         "Updated at ",
         lastReload.toLocaleTimeString()
       ] })
@@ -3725,12 +3952,12 @@ function HotReloadIndicator() {
 }
 
 // src/components/docs/dev-mode-badge.tsx
-var import_react23 = require("react");
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function DevModeBadge() {
-  const [isConnected, setIsConnected] = (0, import_react23.useState)(true);
-  (0, import_react23.useEffect)(() => {
+  const [isConnected, setIsConnected] = (0, import_react25.useState)(true);
+  (0, import_react25.useEffect)(() => {
     if (process.env.NODE_ENV !== "development") return;
     const checkConnection = () => {
       setIsConnected(navigator.onLine);
@@ -3743,19 +3970,19 @@ function DevModeBadge() {
     };
   }, []);
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "fixed top-20 left-4 z-40 flex items-center gap-2 px-3 py-1.5 bg-orange-500/10 text-orange-600 dark:text-orange-400 border border-orange-500/20 rounded-full text-xs font-medium", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react23.Code2, { className: "h-3 w-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: "Dev Mode" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: `h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"} animate-pulse` })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "fixed top-20 left-4 z-40 flex items-center gap-2 px-3 py-1.5 bg-orange-500/10 text-orange-600 dark:text-orange-400 border border-orange-500/20 rounded-full text-xs font-medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react24.Code2, { className: "h-3 w-3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: "Dev Mode" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: `h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"} animate-pulse` })
   ] });
 }
 
 // src/components/docs/mdx-hot-reload.tsx
-var import_react24 = require("react");
-var import_navigation6 = require("next/navigation");
+var import_react26 = require("react");
+var import_navigation7 = require("next/navigation");
 function MdxHotReload() {
-  const router = (0, import_navigation6.useRouter)();
-  (0, import_react24.useEffect)(() => {
+  const router = (0, import_navigation7.useRouter)();
+  (0, import_react26.useEffect)(() => {
     if (process.env.NODE_ENV !== "development") return;
     const eventSource = new EventSource("/api/mdx-watch");
     eventSource.onmessage = (event) => {
@@ -3779,12 +4006,12 @@ function MdxHotReload() {
 }
 
 // src/components/docs/category-index.tsx
-var import_link8 = __toESM(require("next/link"));
-var import_lucide_react24 = require("lucide-react");
+var import_link9 = __toESM(require("next/link"));
+var import_lucide_react25 = require("lucide-react");
 var import_rsc2 = require("next-mdx-remote/rsc");
 var import_remark_gfm2 = __toESM(require("remark-gfm"));
 var import_rehype_slug2 = __toESM(require("rehype-slug"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function CategoryIndex({ categoryPath, version, allDocs, title, description, content, config }) {
   const childDocs = allDocs.filter((doc) => {
     const parts = doc.slug.split("/");
@@ -3798,11 +4025,11 @@ function CategoryIndex({ categoryPath, version, allDocs, title, description, con
     return "";
   };
   const sortedDocs = sortSidebarItems(childDocs);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 min-w-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h1", { className: "text-4xl font-bold tracking-tight mb-3 text-foreground", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-lg text-muted-foreground leading-relaxed", children: description }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none prose-headings:scroll-mt-24 prose-headings:font-semibold prose-h1:text-4xl prose-h2:text-3xl prose-h2:mt-12 prose-h2:mb-4 prose-h3:text-2xl prose-h3:mt-8 prose-h3:mb-3 prose-p:text-base prose-p:leading-7 prose-p:text-muted-foreground prose-p:mb-4 prose-a:font-normal prose-a:transition-all prose-code:text-primary prose-code:bg-muted/50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:text-[13px] prose-code:font-mono prose-code:border prose-code:border-border/50 prose-code:before:content-none prose-code:after:content-none prose-pre:bg-transparent prose-pre:p-0 prose-ul:list-disc prose-ul:list-inside prose-ul:space-y-2 prose-ul:mb-4 prose-ol:list-decimal prose-ol:list-inside prose-ol:space-y-2 prose-ol:mb-4 prose-li:leading-7 prose-li:text-muted-foreground prose-strong:text-foreground prose-strong:font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex-1 min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h1", { className: "text-4xl font-bold tracking-tight mb-3 text-foreground", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-lg text-muted-foreground leading-relaxed", children: description }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none prose-headings:scroll-mt-24 prose-headings:font-semibold prose-h1:text-4xl prose-h2:text-3xl prose-h2:mt-12 prose-h2:mb-4 prose-h3:text-2xl prose-h3:mt-8 prose-h3:mb-3 prose-p:text-base prose-p:leading-7 prose-p:text-muted-foreground prose-p:mb-4 prose-a:font-normal prose-a:transition-all prose-code:text-primary prose-code:bg-muted/50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:text-[13px] prose-code:font-mono prose-code:border prose-code:border-border/50 prose-code:before:content-none prose-code:after:content-none prose-pre:bg-transparent prose-pre:p-0 prose-ul:list-disc prose-ul:list-inside prose-ul:space-y-2 prose-ul:mb-4 prose-ol:list-decimal prose-ol:list-inside prose-ol:space-y-2 prose-ol:mb-4 prose-li:leading-7 prose-li:text-muted-foreground prose-strong:text-foreground prose-strong:font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         import_rsc2.MDXRemote,
         {
           source: processedContent(),
@@ -3818,102 +4045,102 @@ function CategoryIndex({ categoryPath, version, allDocs, title, description, con
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-4", children: sortedDocs.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      import_link8.default,
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-4", children: sortedDocs.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      import_link9.default,
       {
         href: `/docs/${version}/${doc.slug}`,
         className: "group block p-5 rounded-xl border border-border bg-card hover:bg-accent hover:border-primary/50 transition-all duration-200",
         style: {
           textDecoration: "none !important"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.FileText, { className: "h-6 w-6 text-primary shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-semibold text-foreground group-hover:text-primary transition-colors", children: doc.meta.title || doc.title })
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react25.FileText, { className: "h-6 w-6 text-primary shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "text-lg font-semibold text-foreground group-hover:text-primary transition-colors", children: doc.meta.title || doc.title })
             ] }),
-            doc.meta.description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2", children: doc.meta.description }),
-            doc.meta.reading_time && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: "text-xs text-muted-foreground mt-2", children: [
+            doc.meta.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2", children: doc.meta.description }),
+            doc.meta.reading_time && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-xs text-muted-foreground mt-2", children: [
               doc.meta.reading_time,
               " min read"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 transition-all flex-shrink-0 mt-1" })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react25.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 transition-all flex-shrink-0 mt-1" })
         ] })
       },
       doc.slug
     )) }),
-    sortedDocs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "text-center py-12 text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.FileText, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { children: "No documents found in this category." })
+    sortedDocs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center py-12 text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react25.FileText, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "No documents found in this category." })
     ] })
   ] });
 }
 
 // src/components/docs/not-found-content.tsx
-var import_link9 = __toESM(require("next/link"));
-var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_link10 = __toESM(require("next/link"));
+var import_lucide_react26 = require("lucide-react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function NotFoundContent({ version }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "mb-8 text-base text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "mb-8 text-base text-muted-foreground", children: [
       "The documentation page you're looking for doesn't exist or may have been moved.",
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("br", {}),
       "Try using the sidebar to find what you're looking for, or return to the documentation home."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-        import_link9.default,
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+        import_link10.default,
         {
           href: `/docs/${version}`,
           className: "inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.ArrowLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.ArrowLeft, { className: "h-4 w-4" }),
             "Back to Documentation"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-        import_link9.default,
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+        import_link10.default,
         {
           href: "/",
           className: "inline-flex items-center gap-2 rounded-lg border border-border bg-background px-6 py-3 text-sm font-medium hover:bg-muted transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.Home, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.Home, { className: "h-4 w-4" }),
             "Go to Homepage"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", { className: "font-medium text-foreground", children: "Tip:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("strong", { className: "font-medium text-foreground", children: "Tip:" }),
       " Use the sidebar navigation on the left to browse all available documentation pages."
     ] }) })
   ] }) });
 }
 
 // src/app/docs-page.tsx
-var import_react25 = require("react");
+var import_react27 = require("react");
 
 // src/components/docs/doc-loading.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function DocLoading() {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "max-w-4xl mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "animate-pulse space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-8 bg-gray-200 rounded w-3/4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-1/2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-3 mt-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-5/6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-4/6" })
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "max-w-4xl mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "animate-pulse space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-8 bg-gray-200 rounded w-3/4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-4 bg-gray-200 rounded w-1/2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "space-y-3 mt-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-4 bg-gray-200 rounded" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-4 bg-gray-200 rounded w-5/6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-4 bg-gray-200 rounded w-4/6" })
     ] })
   ] }) });
 }
 
 // src/app/docs-page.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 async function generateMetadata({ params }) {
   const { version, slug: slugArray } = await params;
   const slug = slugArray.join("/");
@@ -3973,14 +4200,14 @@ async function DocPage({ params }) {
   if (!doc && isCategory) {
     const categoryDoc = allDocs.find((d) => d.slug.startsWith(slug + "/"));
     const categoryTabGroup = categoryDoc?.meta?.tab_group || categoryDoc?.categoryTabGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         DocLayoutWrapper,
         {
-          header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+          header: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Header, { currentVersion: version, versions, config }),
           docs: allDocs,
           version,
-          content: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          content: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             CategoryIndex,
             {
               categoryPath: slug,
@@ -3991,47 +4218,47 @@ async function DocPage({ params }) {
               config
             }
           ),
-          toc: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}),
+          toc: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
           config,
           currentPageTabGroup: categoryTabGroup
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MdxHotReload, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(HotReloadIndicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DevModeBadge, {})
     ] });
   }
   if (!doc) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DocLoading, {}), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react27.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DocLoading, {}), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         DocLayoutWrapper,
         {
-          header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+          header: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Header, { currentVersion: version, versions, config }),
           docs: allDocs,
           version,
-          content: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(NotFoundContent, { version }),
-          toc: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}),
+          content: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(NotFoundContent, { version }),
+          toc: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
           config,
           currentPageTabGroup: void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MdxHotReload, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(HotReloadIndicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DevModeBadge, {})
     ] }) });
   }
   const toc = extractTableOfContents(doc.content);
   const { previous, next } = getAdjacentDocs(slug, allDocs);
   const showCategoryIndex = isCategory && doc;
   const currentPageTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DocLoading, {}), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react27.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DocLoading, {}), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       DocLayoutWrapper,
       {
-        header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+        header: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Header, { currentVersion: version, versions, config }),
         docs: allDocs,
         version,
-        content: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        content: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           CategoryIndex,
           {
             categoryPath: slug,
@@ -4042,7 +4269,7 @@ async function DocPage({ params }) {
             content: doc.content,
             config
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DocLayout,
           {
             meta: doc.meta,
@@ -4054,14 +4281,14 @@ async function DocPage({ params }) {
             config
           }
         ),
-        toc: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableOfContents, { items: toc, config }),
+        toc: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TableOfContents, { items: toc, config }),
         config,
         currentPageTabGroup
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MdxHotReload, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(HotReloadIndicator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DevModeBadge, {})
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node: