From f734d682fc2e138291574485f45bc3903a9bf24f Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Mon, 30 Mar 2026 13:02:55 -0700
Subject: [PATCH] Restore ai-chat-height class for proper viewport containment

The main element was using h-full min-h-0 which doesn't work because
the parent wrapper div has no fixed height. Restore the original
ai-chat-height class which uses calc(100dvh - ...) for an absolute
height constraint. Keep overflow-hidden to prevent outer page scroll.
---
 src/pages/AIChatPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/AIChatPage.tsx b/src/pages/AIChatPage.tsx
index c117bff1..35a446a0 100644
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -799,9 +799,9 @@ export function AIChatPage() {
   }
 
   return (
-    <main className="flex h-full min-h-0 flex-col overflow-hidden bg-secondary/50 sidebar:h-dvh">
+    <main className="flex flex-col ai-chat-height sidebar:h-dvh overflow-hidden bg-secondary/50">
       {/* Header */}
-      <div className="shrink-0 px-4 py-2.5 flex flex-col gap-2 sidebar:flex-row sidebar:items-center sidebar:justify-between sidebar:gap-3">
+      <div className="shrink-0 px-4 py-3 flex flex-col sidebar:flex-row sidebar:items-center sidebar:justify-between gap-2 sidebar:gap-3">
         <PageHeader title="AI Chat" icon={<Bot className="size-5" />} className="px-0 mt-0 mb-0" />
 
         <div className="flex items-center gap-2">