@seqera/docusaurus-theme-seqera 1.0.6 → 1.0.7

package/src/theme/DocSidebarItem/Html/index.tsx

@@ -18,7 +18,7 @@ export default function DocSidebarItemHtml({
         ThemeClassNames.docs.docSidebarItemLinkLevel(level),
         level > 1 &&
           ThemeClassNames.docs.docSidebarItemLinkLevel(level) &&
-          'ml-3 lg:ml-0',
+          'ml-3',
         defaultStyle && [styles.menuHtmlItem, 'menu__list-item '],
         className,
       )}

package/src/theme/DocSidebarItem/Link/index.tsx

@@ -33,7 +33,7 @@ export default function DocSidebarItemLink({
       className={clsx(
         ThemeClassNames.docs.docSidebarItemLink,
         ThemeClassNames.docs.docSidebarItemLinkLevel(level),
-         level > 1 && ThemeClassNames.docs.docSidebarItemLinkLevel(level) && 'ml-3 lg:ml-0',
+         level > 1 && ThemeClassNames.docs.docSidebarItemLinkLevel(level) && 'ml-4',
         'menu__list-item',
         className,
       )}

package/src/theme/DocSidebarItem/index.tsx

@@ -9,11 +9,11 @@ import type {Props} from '@theme/DocSidebarItem';
 export default function DocSidebarItem({item, ...props}: Props): ReactNode {
   switch (item.type) {
     case 'category':
-      return <div className="mt-3 md:mt-0"><DocSidebarItemCategory item={item} {...props} /></div>;
+      return <div className="mt-3"><DocSidebarItemCategory item={item} {...props} /></div>;
     case 'html':
-      return <div className="mt-3 md:mt-0"><DocSidebarItemHtml item={item} {...props} /></div>;
+      return <div className="mt-3"><DocSidebarItemHtml item={item} {...props} /></div>;
     case 'link':
     default:
-      return <div className="mt-3 md:mt-0"><DocSidebarItemLink item={item} {...props} /></div>;
+      return <div className="mt-3"><DocSidebarItemLink item={item} {...props} /></div>;
   }
 }

package/src/theme/Footer/Layout/index.tsx

@@ -13,7 +13,7 @@ export default function FooterLayout({
     <footer
       className={clsx(
         ThemeClassNames.layout.footer.container,
-        'border-t border-base-content/20',
+        'border-t border-black/20 dark:border-white/20',
         {
           'footer--dark': style === 'dark',
         },

package/src/theme/Homepage/index.tsx

@@ -7,13 +7,10 @@ import IconWave from '@theme/Icon/Wave';
 import IconSeqeraCloud from '@theme/Icon/SeqeraCloud';
 import IconServiceStatus from '@theme/Icon/ServiceStatus';
 import IconQuestionMark from '@theme/Icon/QuestionMark';
-import IconCog from '@theme/Icon/Cog';
-import IconChangelog from '@theme/Icon/Changelog';
 import IconChatBubbles from '@theme/Icon/ChatBubbles';
 import IconMCP from '@theme/Icon/MCP';
 import IconSeqeraEnterprise from '@theme/Icon/SeqeraEnterprise';
 
-
 interface CardProps {
   href: string;
   icon: ReactNode;
@@ -27,24 +24,24 @@ interface CardSectionProps {
 }
 
 const CARD_DATA = {
-  products: [
+  platform: [
     {
       href: '/platform-cloud',
       icon: <IconSeqeraCloud className="text-black" />,
       title: 'Seqera Cloud',
-      description: 'comprehensive platform empowering teams across the entire scientific lifecycle',
+      description: 'Comprehensive platform empowering teams across the entire scientific lifecycle',
     },
     {
       href: '/platform-enterprise',
       icon: <IconSeqeraEnterprise className="text-black" />,
       title: 'Seqera Enterprise',
-      description: 'manage within your own infrastructure for greater control and data sovereignty',
+      description: 'Platform management within your own infrastructure for greater control',
     },
     {
-      href: '/platform-api',
-      icon: <IconCog className="text-black" />,
-      title: 'Platform API',
-      description: 'integrate Seqera Platform seamlessly into existing processes',
+      href: '/fusion',
+      icon: <IconFusion className="text-fusion-600" />,
+      title: 'Fusion',
+      description: 'Optimized file system for cloud-native data pipelines',
     },
   ],
   ai: [
@@ -52,13 +49,13 @@ const CARD_DATA = {
       href: '/platform-cloud/seqera-ai',
       icon: <IconAI className="text-black max-w-5.5" />,
       title: 'Seqera AI',
-      description: 'intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
+      description: 'Intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
     },
     {
       href: '/platform-cloud/seqera-mcp',
       icon: <IconMCP className="text-black max-w-5.5" />,
       title: 'Seqera MCP',
-      description: 'enables AI assistants to interact with the Seqera ecosystem',
+      description: 'AI assistant that interacts with the Seqera ecosystem',
     },
   ],
   openSource: [
@@ -66,51 +63,39 @@ const CARD_DATA = {
       href: '/nextflow',
       icon: <IconNextflow className="text-nextflow-600" />,
       title: 'Nextflow',
-      description: 'open-source orchestrator for deploying workflows',
+      description: 'Open-source orchestrator for deploying workflows',
     },
     {
       href: '/wave',
       icon: <IconWave className="text-wave-600" />,
       title: 'Wave',
-      description: 'next generation container provisioning for data analysis',
+      description: 'Next-generation container provisioning for data analysis',
     },
     {
       href: '/multiqc',
       icon: <IconMultiQC className="text-multiqc-600" />,
       title: 'MultiQC',
-      description: 'open-source tool to aggregate bioinformatic analyses results',
-    },
-    {
-      href: '/fusion',
-      icon: <IconFusion className="text-fusion-600" />,
-      title: 'Fusion',
-      description: 'optimized file system for cloud-native data pipelines',
+      description: 'Open-source tool to aggregate bioinformatic analyses results',
     },
   ],
   help: [
-        {
-      href: '/changelog',
-      icon: <IconChangelog className="text-black w-[20px] h-[20px]" />,
-      title: 'Changelog',
-      description: 'product release notes on latest features and updates.',
-    },
     {
       href: 'https://support.seqera.io/',
       icon: <IconQuestionMark className="text-black" />,
       title: 'Support Portal',
-      description: 'contact support for help with your platform or enterprise account',
+      description: 'Contact support for help with your platform or enterprise account',
     },
     {
       href: 'https://community.seqera.io/',
       icon: <IconChatBubbles className="text-black" />,
       title: 'Community Forum',
-      description: 'discuss, share and network with other users',
+      description: 'Discuss, share and network with other users',
     },
     {
       href: 'https://status.seqera.io/',
       icon: <IconServiceStatus className="text-black" />,
       title: 'Service Status',
-      description: 'real-time monitoring of platform performance',
+      description: 'Monitor platform performance in real time',
     },
   ],
 } as const;
@@ -140,39 +125,44 @@ function CardGrid({cards}: {cards: readonly CardProps[]}): ReactNode {
 }
 
 
-function CardSection({title, cards}: CardSectionProps): ReactNode {
+function CardSection2Col({title, cards}: CardSectionProps): ReactNode {
   return (
-    <div className="mt-16">
+    <div className="mt-8">
       <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
       <CardGrid cards={cards} />
     </div>
   );
 }
 
+function CardSection3Col({title, cards}: CardSectionProps): ReactNode {
+  return (
+    <div className="mt-8">
+      <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-4">
+        {cards.map((card) => (
+          <Card key={card.href} {...card} />
+        ))}
+      </div>
+    </div>
+  );
+}
 
 
 // Main Homepage Component
-export interface Props {
-  children?: ReactNode;
-}
-
-export default function Homepage({children}: Props): ReactNode {
+export default function Homepage(): ReactNode {
   return (
     <div className="container-md py-18 prose-base md:prose-lg">
       <h1 className="font-display text-[3rem] font-medium mb-0">
-        Seqera Documentation
+        Documentation
       </h1>
       <p className="text-xl mb-6">
-        Explore our guides, documentation, and examples to build with Seqera.
+        Explore our guides, documentation, and examples to build with Seqera
       </p>
 
-      <div className="mb-10">
-        <CardGrid cards={CARD_DATA.products} />
-      </div>
-
-      <CardSection title="Seqera AI and MCP" cards={CARD_DATA.ai} />
-      <CardSection title="Open Source" cards={CARD_DATA.openSource} />
-      <CardSection title="Additional Resources" cards={CARD_DATA.help} />
+      <CardSection3Col title="Open Source" cards={CARD_DATA.openSource} />
+      <CardSection3Col title="Platform" cards={CARD_DATA.platform} />
+      <CardSection2Col title="Seqera AI" cards={CARD_DATA.ai} />
+      <CardSection3Col title="Help" cards={CARD_DATA.help} />
     </div>
   );
-}
+}

package/src/theme/Navbar/Content/index.tsx

@@ -87,7 +87,7 @@ export default function NavbarContent(): ReactNode {
   const searchBarItem = items.find((item) => item.type === 'search');
 
   return (
-    <div className="w-full flex flex-col">
+    <div className="w-full flex flex-col justify-center md:justify-start">
       <div className="md:pt-3 md:pb-1">
         <NavbarContentLayout
           left={
@@ -105,12 +105,12 @@ export default function NavbarContent(): ReactNode {
               </div>
               <div className="hidden md:flex!">
                 <a
-                  className="btn btn-secondary hover:bg-nextflow-600 shadow-none border text-black btn-sm px-6 py-1 text-[.9rem] mr-2 "
+                  className="btn btn-secondary mr-2 "
                   href="https://cloud.seqera.io/oauth/login/auth0">
                   Log In
                 </a>
                 <a
-                  className="btn btn-outline shadow-none btn-sm border px-6 py-1 text-[.9rem] hover:border-black hover:bg-black hover:text-white"
+                  className="btn btn-outline"
                   href="https://cloud.seqera.io/oauth/login/auth0">
                   Sign Up
                 </a>
@@ -128,15 +128,9 @@ export default function NavbarContent(): ReactNode {
           <div className="mr-2">
             <Link
               className="navbar__link ml-8 font-normal"
-              to={'/platform-cloud/seqera-ai'}
-              aria-label="Seqera AI">
-              Seqera AI
-            </Link>
-            <Link
-              className="navbar__link ml-8 font-normal"
-              to={'/platform-cloud/seqera-mcp'}
-              aria-label="Seqera MCP">
-              Seqera MCP
+              to={'/platform-api'}
+              aria-label="Platform API">
+              Platform API
             </Link>
             <Link
               className="navbar__link ml-8 font-normal"

package/src/theme/Navbar/Layout/index.tsx

@@ -39,7 +39,7 @@ export default function NavbarLayout({children}: Props): ReactNode {
       })}
       className={clsx(
         ThemeClassNames.layout.navbar.container,
-        'navbar border-b border-base-content/20 md:pt-10 md:pb-10 px-4 sticky top-0 shadow-none',
+        'navbar border-b border-black/20 dark:border-white/20 md:pb-10 px-4 sticky top-0 shadow-none h-[50px] md:h-[78px]',
         'navbar--fixed-top',
         hideOnScroll && [
           styles.navbarHideable,

package/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.tsx

@@ -20,14 +20,14 @@ export default function NavbarMobilePrimaryMenu(): ReactNode {
 
   return (
     <div>
-      <div className="relative flex flex-row justify-center items-stretch w-full max-w-full mb-10">
+      <div className="relative grid grid-cols-2 gap-2 items-stretch w-full max-w-full mb-10">
         <a
-          className="btn btn-primary shadow-none border text-white btn-sm px-6 py-1 text-[.9rem] mr-2 flex-1"
+          className="btn btn-primary w-full"
           href="https://cloud.seqera.io/oauth/login/auth0">
           Log In
         </a>
         <a
-          className="btn btn-outline shadow-none btn-sm border flex-1 px-6 py-1 text-[.9rem] hover:border-black hover:bg-black  bg-white text-black dark:text-black hover:text-white"
+          className="btn btn-outline w-full"
           href="https://cloud.seqera.io/oauth/login/auth0">
           Sign Up
         </a>

package/src/theme/Navbar/Submenu/SubmenuLinks.tsx

@@ -84,8 +84,7 @@ function LinkItem({to, children}: LinkItemProps): ReactNode {
         'flex items-center gap-2 px-2 rounded-md h-[37px] mb-1',
         'text-sm text-gray-900 dark:text-gray-100',
         'transition-all duration-500 ease-in-out',
-        'hover:bg-nextflow-100 dark:hover:bg-gray-800 hover:no-underline',
-        isActive(href) && 'bg-blue-50 dark:bg-blue-900/30',
+        'hover:bg-gray-100 dark:hover:bg-gray-800 hover:no-underline',
       )}>
       {children}
     </Link>

package/src/theme/NavbarItem/DefaultNavbarItem/Desktop/index.tsx

@@ -13,7 +13,7 @@ export default function DefaultNavbarItemDesktop({
   const element = (
     <NavbarNavLink
       className={clsx(
-        isDropdownItem ? 'dropdown__link' : 'navbar__link mr-8',
+        isDropdownItem ? 'dropdown__link' : 'navbar__link mr-8 font-normal',
         className,
       )}
       isDropdownLink={isDropdownItem}

package/src/theme/NotFound/Content/index.tsx

@@ -25,7 +25,7 @@ export default function NotFoundContent({className}: Props): ReactNode {
               404: Something has gone wrong with our dataflow. The page you are looking for does not exist.
             </Translate>
           </p>
-          <a className="btn btn-secondary shadow-none border text-black no-underline!" href="/">Back to docs homepage</a>
+          <a className="btn btn-primary py-1.5! px-4!" href="/">Back to docs homepage</a>
   
         </div>
       </div>

package/src/theme/TOCItems/index.tsx

@@ -12,7 +12,7 @@ import type {Props} from '@theme/TOCItems';
 
 export default function TOCItems({
   toc,
-  className = 'table-of-contents table-of-contents__left-border border-l border-base-content/20 leading-7',
+  className = 'table-of-contents table-of-contents__left-border border-l border-black/20 dark:border-white/20 leading-7',
   linkClassName = 'table-of-contents__link',
   linkActiveClassName = undefined,
   minHeadingLevel: minHeadingLevelOption,

package/src/theme/prism-include-languages.ts

@@ -27,8 +27,20 @@ export default function prismIncludeLanguages(
       // eslint-disable-next-line global-require
       require('prismjs/components/prism-markup-templating.js');
     }
-    // eslint-disable-next-line global-require, import/no-dynamic-require
-    require(`prismjs/components/prism-${lang}`);
+
+    // Load custom languages from the local languages directory
+    if (lang === 'nextflow') {
+      // Nextflow requires Groovy as a dependency
+      if (!additionalLanguages.includes('groovy')) {
+        // eslint-disable-next-line global-require
+        require('prismjs/components/prism-groovy');
+      }
+      // eslint-disable-next-line global-require
+      require('../languages/prism-nextflow.js');
+    } else {
+      // Fall back to standard PrismJS components
+      require(`prismjs/components/prism-${lang}`);
+    }
   });
 
   // Clean up and eventually restore former globalThis.Prism object (if any)