From f502ab27e87ba826c30ab73cd0e72c96dad0d760 Mon Sep 17 00:00:00 2001
From: Jonathan Liebig <jonathan.liebig@gmail.com>
Date: Thu, 20 Aug 2026 19:07:29 +0200
Subject: [PATCH] fix(navigation): compact single-line items

---
 packages/ui/src/blocks/navigation-panel.tsx |  5 +++--
 tests/e2e/qualification.spec.ts             | 10 ++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/blocks/navigation-panel.tsx b/packages/ui/src/blocks/navigation-panel.tsx
index eb956f5..b61a3ad 100644
--- a/packages/ui/src/blocks/navigation-panel.tsx
+++ b/packages/ui/src/blocks/navigation-panel.tsx
@@ -84,7 +84,6 @@ const defaultNavigationPanelSections: NavigationPanelSection[] = [
       {
         id: "dashboard",
         label: "Dashboard",
-        meta: "Command center",
         icon: <LayoutDashboard />,
       },
       {
@@ -800,7 +799,9 @@ function NavigationPanelNav({
                         data-slot="navigation-panel-item"
                         className={cn(
                           "group relative grid min-h-11 w-full items-center gap-2 rounded-lg border border-transparent text-left transition-[color,background-color] duration-[var(--nextide-motion-control)] ease-[var(--nextide-ease-out-quart)] motion-reduce:transition-none max-lg:h-11 max-lg:w-auto max-lg:min-w-max max-lg:grid-cols-[2rem_minmax(0,1fr)] max-lg:pr-3",
-                          collapsed ? "h-11" : "h-[3.25rem]",
+                          collapsed || (!item.meta && !item.status)
+                            ? "h-11"
+                            : "h-[3.25rem]",
                           collapsed
                             ? "mr-auto w-11 grid-cols-[2.75rem_0fr] gap-0 p-0"
                             : "grid-cols-[2.75rem_minmax(0,1fr)] p-0",
diff --git a/tests/e2e/qualification.spec.ts b/tests/e2e/qualification.spec.ts
index c2ea856..6a44c4e 100644
--- a/tests/e2e/qualification.spec.ts
+++ b/tests/e2e/qualification.spec.ts
@@ -482,6 +482,16 @@ test("navigation branches keep destinations and create actions distinct", async
   const navigation = page.locator('[data-slot="navigation-panel-frame"]').nth(1)
   const expand = navigation.getByRole("button", { name: "Expand Campaigns" })
 
+  await expect(navigation.getByRole("button", { name: "Dashboard" })).toHaveCSS(
+    "height",
+    "44px"
+  )
+  await expect(
+    navigation.getByRole("button", { name: "Campaigns Launch plans", exact: true })
+  ).toHaveCSS(
+    "height",
+    "52px"
+  )
   await expect(expand).toBeVisible()
   await expect(
     navigation.getByRole("button", { name: "Summer launch" })