From 35a660796f945640c04847fc499af95537a65771 Mon Sep 17 00:00:00 2001
From: "mula.liu" <mula.liu@163.com>
Date: Sat, 29 Nov 2025 23:17:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E5=8A=9F=E8=83=BD=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.tsx                           | 4 +++-
 frontend/src/components/TimelineController.tsx | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 26a9538..9f47866 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -57,7 +57,9 @@ function App() {
     setSelectedBody(body);
   };
 
-  if (loading) {
+  // Only show full screen loading when we have no data
+  // This prevents flashing when timeline is playing and fetching new data
+  if (loading && bodies.length === 0) {
     return <Loading />;
   }
 
diff --git a/frontend/src/components/TimelineController.tsx b/frontend/src/components/TimelineController.tsx
index 1f06239..0a27450 100644
--- a/frontend/src/components/TimelineController.tsx
+++ b/frontend/src/components/TimelineController.tsx
@@ -143,6 +143,7 @@ export function TimelineController({ onTimeChange, minDate, maxDate }: TimelineC
       <div className="flex items-center justify-center gap-4">
         {/* Play/Pause button */}
         <button
+          type="button"
           onClick={handlePlayPause}
           className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded"
         >
@@ -166,6 +167,7 @@ export function TimelineController({ onTimeChange, minDate, maxDate }: TimelineC
 
         {/* Reset button */}
         <button
+          type="button"
           onClick={() => {
             setCurrentDate(new Date(startDate)); // Reset to start (now)
             setIsPlaying(false);