From 9ecd1e98411bb12bfa8a3c64cb2392e06142893a Mon Sep 17 00:00:00 2001
From: Sheng Kun Chang <nothingchang@mirrorstack.ai>
Date: Wed, 1 Jul 2026 08:06:32 +0800
Subject: [PATCH] fix(service-logcat): make the console fill its container
 (flex-fill)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The scroll area was capped at a hard max-h-80, so consumers couldn't give it
a full-height layout. Make the root a flex column that fills its parent
(flex h-full min-h-0 flex-col), the surface flex-1 min-h-0, and the scroll
region h-full — so the height comes from the parent, device-adaptively. No
version bump (batched into the 0.6.0 release).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/components/ui/dev/service-logcat/ServiceLogcat.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/dev/service-logcat/ServiceLogcat.tsx b/src/components/ui/dev/service-logcat/ServiceLogcat.tsx
index a059e05a9..7b53b7939 100644
--- a/src/components/ui/dev/service-logcat/ServiceLogcat.tsx
+++ b/src/components/ui/dev/service-logcat/ServiceLogcat.tsx
@@ -123,7 +123,7 @@ export function ServiceLogcat({ logs }: ServiceLogcatProps) {
   };
 
   return (
-    <div>
+    <div className="flex h-full min-h-0 flex-col">
       <div className="flex items-center gap-2 mb-2">
         <SectionLabel>Logcat</SectionLabel>
         <button
@@ -187,11 +187,11 @@ export function ServiceLogcat({ logs }: ServiceLogcatProps) {
         />
       </div>
 
-      <Surface className="overflow-hidden">
+      <Surface className="overflow-hidden flex-1 min-h-0">
         <div
           ref={scrollRef}
           onScroll={onScroll}
-          className="max-h-80 overflow-y-auto p-3 font-mono text-xs"
+          className="h-full overflow-y-auto p-3 font-mono text-xs"
         >
           {filtered.length === 0 ? (
             <p className="text-on-surface-variant/50 py-6 text-center">No matching log entries.</p>