specra 0.2.55 → 0.2.57

package/dist/components/docs/Card.svelte

@@ -27,7 +27,7 @@
         {title}
       </h3>
       {#if description}
-        <p class="text-sm text-muted-foreground line-clamp-2 no-underline">{description}</p>
+        <p class="text-sm text-muted-foreground no-underline">{description}</p>
       {/if}
       {#if children}
         <div class="mt-2 text-sm text-muted-foreground no-underline">
@@ -50,14 +50,14 @@
 {#if href}
   <a
     {href}
-    class="card-link group block p-4 rounded-xl border border-border hover:border-primary/50 hover:bg-muted/50 transition-all"
+    class="card-link group block h-full p-4 rounded-xl border border-border hover:border-primary/50 hover:bg-muted/50 transition-all"
     target={external ? '_blank' : undefined}
     rel={external ? 'noopener noreferrer' : undefined}
   >
     {@render cardContent(true)}
   </a>
 {:else}
-  <div class="p-4 rounded-xl border border-border bg-muted/30 no-underline">
+  <div class="h-full p-4 rounded-xl border border-border bg-muted/30 no-underline">
     {@render cardContent(false)}
   </div>
 {/if}

package/dist/components/docs/SidebarMenuItems.svelte

@@ -88,16 +88,30 @@
   );
 
   let filteredDocs = $derived.by(() => {
-    if (hasTabGroups && activeTabGroup) {
-      return docs.filter((doc) => {
-        const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
-        if (!docTabGroup) {
-          return activeTabGroup === config.navigation?.tabGroups?.[0]?.id;
-        }
-        return docTabGroup === activeTabGroup;
-      });
-    }
-    return docs;
+    if (!hasTabGroups) return docs;
+
+    // Fall back to the first tab group when activeTabGroup isn't set —
+    // that happens whenever the current doc has no `tab_group` in its
+    // frontmatter and no `_category_.json` ancestor with a tab_group.
+    // Without this fallback the sidebar bypasses tab filtering entirely
+    // and renders every doc, while the tab bar still visually highlights
+    // the first tab (TabGroups.svelte applies the same fallback on its
+    // own `activeTab`). The end result looked like "every tab contains
+    // every doc" — but the real cause was that the sidebar's filter just
+    // wasn't running.
+    const effectiveTabGroup =
+      activeTabGroup || config.navigation?.tabGroups?.[0]?.id;
+    if (!effectiveTabGroup) return docs;
+
+    const firstTabId = config.navigation?.tabGroups?.[0]?.id;
+    return docs.filter((doc) => {
+      const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
+      if (!docTabGroup) {
+        // Unlabeled docs land in the first tab group (Getting Started).
+        return effectiveTabGroup === firstTabId;
+      }
+      return docTabGroup === effectiveTabGroup;
+    });
   });
 
   // Build hierarchical tree structure

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "specra",
-  "version": "0.2.55",
+  "version": "0.2.57",
   "description": "A modern documentation library for SvelteKit with built-in versioning, API reference generation, full-text search, and MDX support",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",