From 2c0cf7dc9cd49d523faba857b15c58ed1ef62933 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Thu, 23 Apr 2026 16:05:35 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui):=20StartupLogPanel=20=E2=80=94=20defens?=
 =?UTF-8?q?ive=20scrollTo=20+=20disable=20buttons=20while=20fetching?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/StartupLogPanel.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/StartupLogPanel.tsx b/ui/src/components/StartupLogPanel.tsx
index cc71b95e..42b4ad05 100644
--- a/ui/src/components/StartupLogPanel.tsx
+++ b/ui/src/components/StartupLogPanel.tsx
@@ -24,7 +24,7 @@ export function StartupLogPanel({ deployment, appSlug, envSlug, className }: Sta
 
   const scrollToLatest = () => {
     const el = scrollRef.current;
-    if (!el) return;
+    if (!el || typeof el.scrollTo !== 'function') return;
     // asc → latest at bottom; desc → latest at top
     const top = sort === 'asc' ? el.scrollHeight : 0;
     el.scrollTo({ top, behavior: 'smooth' });
@@ -57,6 +57,7 @@ export function StartupLogPanel({ deployment, appSlug, envSlug, className }: Sta
           <Button
             variant="ghost"
             size="sm"
+            disabled={query.isFetching}
             onClick={() => setSort((s) => (s === 'asc' ? 'desc' : 'asc'))}
             title={sort === 'asc' ? 'Oldest first' : 'Newest first'}
             aria-label={sort === 'asc' ? 'Oldest first' : 'Newest first'}
@@ -66,6 +67,7 @@ export function StartupLogPanel({ deployment, appSlug, envSlug, className }: Sta
           <Button
             variant="ghost"
             size="sm"
+            disabled={query.isFetching}
             onClick={handleRefresh}
             title="Refresh"
             aria-label="Refresh"