jamdesk 1.1.110 → 1.1.111

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamdesk",
-  "version": "1.1.110",
+  "version": "1.1.111",
   "description": "CLI for Jamdesk — build, preview, and deploy documentation sites from MDX. Dev server with hot reload, 50+ components, OpenAPI support, AI search, and Mintlify migration",
   "keywords": [
     "jamdesk",

package/vendored/components/mdx/MDXComponents.tsx

@@ -156,7 +156,7 @@ function HttpCodeBlock({ method, url }: { method: string; url: string }) {
       </span>
       {/* Copy button - functionality added via client-side script */}
       <button
-        className="http-copy-btn p-1.5 text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-bg-secondary)] rounded-md transition-colors flex-shrink-0"
+        className="http-copy-btn cursor-pointer p-1.5 text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-bg-secondary)] rounded-md transition-colors flex-shrink-0"
         title="Copy"
         aria-label="Copy"
         type="button"

package/vendored/components/navigation/TabsNav.tsx

@@ -4,12 +4,7 @@ import { useMemo } from 'react';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 // Icons use Font Awesome CSS classes for lightweight rendering
-import type {
-  DocsConfig,
-  GroupConfig,
-  NavigationPage,
-  TabsPosition,
-} from '@/lib/docs-types';
+import type { DocsConfig, TabsPosition } from '@/lib/docs-types';
 import { resolveNavigation } from '@/lib/navigation-resolver';
 import { getIconClass } from '@/lib/icon-utils';
 import { getTheme } from '@/themes';
@@ -56,7 +51,7 @@ export function TabsNav({ config, className = '' }: TabsNavProps) {
           isActive: false,
         };
       }
-      
+
       // For internal tabs, find first page to link to
       // We need to look into the tab's groups
       let firstPath: string | null = null;
@@ -86,52 +81,18 @@ export function TabsNav({ config, className = '' }: TabsNavProps) {
           firstPath = firstPage.page;
         }
       }
-      
-      // Check if this tab is active by seeing if current path matches any of its pages
-      // Remove /docs/ prefix if present, then remove leading slash to match page paths in config
-      const currentPath = pathname.replace(/^\/docs\/?/, '').replace(/^\//, '');
-      let isActive = false;
-      
-      const checkPages = (pages: (NavigationPage | GroupConfig)[]): boolean => {
-        for (const page of pages) {
-          const pagePath =
-            typeof page === 'string'
-              ? page
-              : 'page' in page
-                ? page.page
-                : 'group' in page
-                  ? page.group
-                  : undefined;
-          if (pagePath && (pagePath === currentPath || currentPath.startsWith(pagePath + '/'))) {
-            return true;
-          }
-          // Check nested groups
-          if (typeof page !== 'string' && 'pages' in page && page.pages) {
-            if (checkPages(page.pages)) return true;
-          }
-        }
-        return false;
-      };
-      
-      if (tab.groups) {
-        for (const group of tab.groups) {
-          if (group.pages && checkPages(group.pages)) {
-            isActive = true;
-            break;
-          }
-        }
-      }
-      if (!isActive && tab.pages) {
-        isActive = checkPages(tab.pages);
-      }
-      
+
+      // Defer to navigation-resolver's findActiveTab — single source of truth.
+      // Keeps multilingual path-stripping rules and nested-group recursion in one place.
+      const isActive = resolved.activeTab === resolvedTab.name;
+
       return {
         ...resolvedTab,
         path: firstPath ? `${linkPrefix}/${firstPath}` : '#',
         isActive,
       };
     });
-  }, [configTabs, resolved.tabs, pathname, linkPrefix, effectiveTabsPosition]);
+  }, [configTabs, resolved.tabs, resolved.activeTab, linkPrefix, effectiveTabsPosition]);
 
   // TabsNav is only for 'top' position - when tabs should appear below header
   // When tabsPosition is 'left', tabs are rendered in the Sidebar instead
@@ -146,8 +107,10 @@ export function TabsNav({ config, className = '' }: TabsNavProps) {
   return (
     <nav className={`hidden lg:block ${className}`}>
       {/* flex-wrap so the row degrades to two lines instead of clipping when
-          the project has many tabs and/or a narrow desktop viewport. */}
-      <div className="flex flex-wrap items-center gap-x-2 gap-y-1 py-3" style={{ margin: '0 24px', borderBottom: '0.5px solid var(--color-border)' }}>
+          the project has many tabs and/or a narrow desktop viewport.
+          Left margin is 12px (not 24px) to offset the first tab's `px-3`
+          padding so the first tab icon aligns with the sidebar group icons. */}
+      <div className="flex flex-wrap items-center gap-x-2 gap-y-1 py-3" style={{ margin: '0 24px 0 12px', borderBottom: '0.5px solid var(--color-border)' }}>
         {tabsWithPaths.map((tab) => {
           if (tab.isExternal && tab.href) {
             return (