seemore 1.8.5 → 1.8.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seemore",
-  "version": "1.8.5",
+  "version": "1.8.7",
   "description": "Let AI write the Markdown. Let seemore show it better — zero config documentation framework.",
   "license": "MIT",
   "type": "module",

package/src/app/layout/DocsLayout.tsx

@@ -180,7 +180,10 @@ export function Overview() {
 /** Pages render as card grids; a folder opens a titled section holding its own cards. */
 type Segment = { pages: PageTree.Item[] } | { folder: PageTree.Folder };
 
-function OverviewSections({ nodes }: { nodes: PageTree.Node[] }) {
+/** h2 at the top level, one step smaller per nesting level, capped at h6. */
+const SECTION_HEADING_TAGS = ['h2', 'h3', 'h4', 'h5', 'h6'] as const;
+
+function OverviewSections({ nodes, depth = 0 }: { nodes: PageTree.Node[]; depth?: number }) {
   const segments: Segment[] = [];
   for (const node of nodes) {
     if (node.type === 'page') {
@@ -192,6 +195,8 @@ function OverviewSections({ nodes }: { nodes: PageTree.Node[] }) {
     }
   }
 
+  const Heading = SECTION_HEADING_TAGS[Math.min(depth, SECTION_HEADING_TAGS.length - 1)] ?? 'h6';
+
   return (
     <>
       {segments.map((segment, index) =>
@@ -199,7 +204,7 @@ function OverviewSections({ nodes }: { nodes: PageTree.Node[] }) {
           <OverviewGrid key={index} pages={segment.pages} />
         ) : (
           <section key={index} className="seemore-overview-section">
-            <h2 className="seemore-overview-section-title">{segment.folder.name}</h2>
+            <Heading className="seemore-overview-section-title">{segment.folder.name}</Heading>
             {typeof segment.folder.description === 'string' && segment.folder.description !== '' ? (
               <p className="seemore-overview-section-description">{segment.folder.description}</p>
             ) : undefined}
@@ -210,6 +215,7 @@ function OverviewSections({ nodes }: { nodes: PageTree.Node[] }) {
                   ? segment.folder.children
                   : [segment.folder.index, ...segment.folder.children]
               }
+              depth={depth + 1}
             />
           </section>
         ),