From bc9e30c9187e8dfb3c5d7728034ef8b98eda994f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sat, 28 Feb 2026 10:01:33 +0100
Subject: [PATCH] style: constrain description width in AppPage; add
 description to sidebar items

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/layout/AppPage.tsx    | 2 +-
 components/layout/AppSidebar.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/layout/AppPage.tsx b/components/layout/AppPage.tsx
index 5f1ef60..8ffd6ec 100644
--- a/components/layout/AppPage.tsx
+++ b/components/layout/AppPage.tsx
@@ -19,7 +19,7 @@ export function AppPage({ title, description, icon: Icon, children, className }:
             <h1 className="text-2xl font-bold">{title}</h1>
           </div>
           {description && (
-            <p className="text-sm text-muted-foreground">
+            <p className="text-sm text-muted-foreground max-w-2xl">
               {description}
             </p>
           )}
diff --git a/components/layout/AppSidebar.tsx b/components/layout/AppSidebar.tsx
index 6f6bbe2..987912d 100644
--- a/components/layout/AppSidebar.tsx
+++ b/components/layout/AppSidebar.tsx
@@ -97,6 +97,7 @@ export function AppSidebar() {
                       {!isCollapsed && (
                         <div className="min-w-0">
                           <span className="whitespace-nowrap block">{tool.navTitle}</span>
+                          <span className="text-[10px] text-muted-foreground leading-tight block line-clamp-2">{tool.description}</span>
                         </div>
                       )}
                     </div>