From 5149d457b8bc578afb778b6623e23299bfc77d77 Mon Sep 17 00:00:00 2001
From: Hikari <hikari@nhcarrigan.com>
Date: Sat, 7 Feb 2026 20:16:41 -0800
Subject: [PATCH] fix: make stats panel scrollable when content overflows

The stats panel in StatusBar could grow too long when all sections
(Tools Used, Historical Costs, Budget tracking) were expanded, causing
content to overflow off the bottom of the screen.

Added max-height and overflow-y-auto to the stats container to ensure
it stays within the viewport and can be scrolled when needed.

Fixes: #136
---
 src/lib/components/StatusBar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/StatusBar.svelte b/src/lib/components/StatusBar.svelte
index 3230eaf..33d3943 100644
--- a/src/lib/components/StatusBar.svelte
+++ b/src/lib/components/StatusBar.svelte
@@ -696,7 +696,7 @@
   <!-- svelte-ignore a11y_click_events_have_key_events -->
   <!-- svelte-ignore a11y_no_static_element_interactions -->
   <div class="fixed inset-0 z-40" onclick={() => (showStats = false)}></div>
-  <div class="fixed top-14 right-4 z-50">
+  <div class="fixed top-14 right-4 z-50 max-h-[calc(100vh-4rem)] overflow-y-auto">
     <StatsDisplay
       onRequestSummary={handleCompactConversation}
       onStartFreshWithContext={handleStartFreshWithContext}