camelmind 0.2.5 → 0.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "camelmind",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Create and manage CamelMind documentation sites",
   "license": "MIT",
   "type": "module",

package/template/components/Nav/MobileDrawer.tsx

@@ -102,11 +102,14 @@ export function MobileDrawer({
         <nav className="flex-1 px-3 py-4 space-y-1">
           {nav.map((item) => {
             if (isNavGroup(item)) {
-              if ((item.noDropdown || !item.items) && item.slug) {
+              const visibleItems = (item.items ?? []).filter((i) => canSee(i.roles))
+              const directHref = item.slug ?? visibleItems[0]?.slug
+
+              if ((item.noDropdown || !item.items) && directHref) {
                 return (
                   <Link
                     key={item.label}
-                    href={item.slug}
+                    href={directHref}
                     className="block px-3 py-2.5 text-sm font-medium text-gray-200 hover:text-white hover:bg-gray-800 rounded-lg"
                   >
                     {item.label}
@@ -114,7 +117,6 @@ export function MobileDrawer({
                 )
               }
 
-              const visibleItems = (item.items ?? []).filter((i) => canSee(i.roles))
               if (visibleItems.length === 0) return null
               const isExpanded = expandedGroup === item.label
 

package/template/components/Nav/TopNav.tsx

@@ -60,15 +60,17 @@ export function TopNav({ nav, userRoles, userName, authEnabled = false, versions
         <div className="hidden md:flex items-center gap-6 flex-1">
           {nav.map((item) => {
             if (isNavGroup(item)) {
-              if ((item.noDropdown || !item.items) && item.slug) {
+              const visibleItems = (item.items ?? []).filter((i) => canSee(i.roles))
+              const directHref = item.slug ?? visibleItems[0]?.slug
+
+              if ((item.noDropdown || !item.items) && directHref) {
                 return (
-                  <Link key={item.label} href={item.slug} className="text-sm font-medium hover:text-gray-300">
+                  <Link key={item.label} href={directHref} className="text-sm font-medium hover:text-gray-300">
                     {item.label}
                   </Link>
                 )
               }
 
-              const visibleItems = (item.items ?? []).filter((i) => canSee(i.roles))
               if (visibleItems.length === 0) return null
 
               return (

package/template/components/Sidebar/Sidebar.tsx

@@ -164,15 +164,25 @@ function GroupSidebar({
   return (
     <aside className="hidden md:block w-72 shrink-0 border-r border-gray-200 dark:border-gray-800 overflow-y-auto bg-white dark:bg-gray-950">
       <div className="px-4 py-4">
-        {visibleItems.map((entry) => (
-          <CategoryBlock
-            key={entry.slug}
-            entry={entry}
-            currentSlug={currentSlug}
-            userRoles={userRoles}
-            authEnabled={authEnabled}
-          />
-        ))}
+        {visibleItems.map((entry) =>
+          entry.section ? (
+            <CategoryBlock
+              key={entry.slug}
+              entry={entry}
+              currentSlug={currentSlug}
+              userRoles={userRoles}
+              authEnabled={authEnabled}
+            />
+          ) : (
+            <SectionRow
+              key={entry.slug}
+              section={entry as NavChild}
+              currentSlug={currentSlug}
+              userRoles={userRoles}
+              authEnabled={authEnabled}
+            />
+          )
+        )}
       </div>
     </aside>
   )

package/template/lib/nav-types.ts

@@ -11,14 +11,15 @@ export type NavEntry = {
   slug: string
   file: string
   roles: string[]
-  section?: NavChild[]
+  section?: NavChild[]   // renders as ALL CAPS category block with children below
+  children?: NavChild[]  // renders as a plain collapsible row (no category label)
 }
 
 export type NavGroup = {
   label: string
   dropdown: boolean
   noDropdown?: boolean  // show as direct link in top nav, not a dropdown button
-  slug?: string         // href for the direct link when noDropdown is true
+  slug?: string         // optional direct-link href; falls back to the first visible item
   items: NavEntry[]
 }
 

package/template/lib/nav.ts

@@ -29,6 +29,7 @@ function stripNavPrefix(nav: NavConfig, prefix: string): NavConfig {
       ...e,
       slug: s(e.slug),
       section: e.section ? walkChildren(e.section) : undefined,
+      children: e.children ? walkChildren(e.children) : undefined,
     }))
 
   return {
@@ -83,6 +84,11 @@ export function getSlugsFromConfig(nav: NavConfig): string[] {
             slugs.push(child.slug)
           }
         }
+        if (entry.children) {
+          for (const child of flattenChildren(entry.children)) {
+            slugs.push(child.slug)
+          }
+        }
       }
     } else if ("slug" in item) {
       slugs.push((item as NavEntry).slug)
@@ -112,6 +118,10 @@ export function getEntryBySlugFromConfig(nav: NavConfig, slug: string): (NavEntr
           const match = flattenChildren(entry.section).find((c) => c.slug === normalized)
           if (match) return match
         }
+        if (entry.children) {
+          const match = flattenChildren(entry.children).find((c) => c.slug === normalized)
+          if (match) return match
+        }
       }
     } else if ("slug" in item) {
       const entry = item as NavEntry
@@ -140,6 +150,10 @@ export function getGroupForSlugFromConfig(nav: NavConfig, slug: string): NavGrou
         const match = flattenChildren(entry.section).find((c) => c.slug === normalized)
         if (match) return group
       }
+      if (entry.children) {
+        const match = flattenChildren(entry.children).find((c) => c.slug === normalized)
+        if (match) return group
+      }
     }
   }
 
@@ -162,6 +176,10 @@ export function getSectionForSlugFromConfig(nav: NavConfig, slug: string): NavEn
         const match = flattenChildren(entry.section).find((c) => c.slug === normalized)
         if (match) return entry
       }
+      if (entry.children) {
+        const match = flattenChildren(entry.children).find((c) => c.slug === normalized)
+        if (match) return entry
+      }
     }
   }
 
@@ -184,6 +202,11 @@ export function getAllPublicEntries(nav: NavConfig): (NavEntry | NavChild)[] {
             if (child.roles.length === 0) entries.push(child)
           }
         }
+        if (entry.children) {
+          for (const child of flattenChildren(entry.children)) {
+            if (child.roles.length === 0) entries.push(child)
+          }
+        }
       }
     } else if ("slug" in item) {
       const entry = item as NavEntry