From 9c79196bf31c2f1d32c792563a3894c77cc8a800 Mon Sep 17 00:00:00 2001
From: "mula.liu" <mula.liu@163.com>
Date: Wed, 3 Dec 2025 15:13:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E5=87=A0=E4=B8=AA=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Header.tsx        |  2 +-
 frontend/src/components/ProbeList.tsx     |  9 ++++++++-
 frontend/src/pages/admin/NASADownload.tsx | 23 +++++++++++++++--------
 frontend/src/pages/admin/Tasks.tsx        |  6 +++---
 4 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 2fbac36..9b90eb8 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -36,7 +36,7 @@ export function Header({
                 <h1 className="text-2xl font-bold text-white tracking-tight drop-shadow-md">Cosmo</h1>
                 {formattedCutoffDate && (
                   <span className="text-xs text-gray-400 font-mono">
-                    (截止日期 {formattedCutoffDate})
+                    ({formattedCutoffDate})
                   </span>
                 )}
               </div>
diff --git a/frontend/src/components/ProbeList.tsx b/frontend/src/components/ProbeList.tsx
index 3ae76cd..6205963 100644
--- a/frontend/src/components/ProbeList.tsx
+++ b/frontend/src/components/ProbeList.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { ChevronLeft, ChevronRight, ChevronDown, ChevronUp, Search, Globe, Rocket, Moon, Asterisk, Sparkles } from 'lucide-react';
 import type { CelestialBody } from '../types';
 
@@ -15,6 +15,13 @@ export function ProbeList({ probes, planets, onBodySelect, selectedBody, onReset
   const [searchTerm, setSearchTerm] = useState('');
   const [expandedGroup, setExpandedGroup] = useState<string | null>(null); // 只允许一个分组展开
 
+  // Auto-collapse when a body is selected (focus mode)
+  useEffect(() => {
+    if (selectedBody) {
+      setIsCollapsed(true);
+    }
+  }, [selectedBody]);
+
   // Calculate distance for sorting
   const calculateDistance = (body: CelestialBody) => {
     const pos = body.positions[0];
diff --git a/frontend/src/pages/admin/NASADownload.tsx b/frontend/src/pages/admin/NASADownload.tsx
index f126eec..68b7b80 100644
--- a/frontend/src/pages/admin/NASADownload.tsx
+++ b/frontend/src/pages/admin/NASADownload.tsx
@@ -31,6 +31,7 @@ import dayjs from 'dayjs';
 import isBetween from 'dayjs/plugin/isBetween';
 import { request } from '../../utils/request';
 import { useToast } from '../../contexts/ToastContext';
+import { useDataCutoffDate } from '../../hooks/useDataCutoffDate';
 
 // Extend dayjs with isBetween plugin
 dayjs.extend(isBetween);
@@ -65,6 +66,9 @@ export function NASADownload() {
   const [downloadProgress, setDownloadProgress] = useState({ current: 0, total: 0 });
   const toast = useToast();
 
+  // Get data cutoff date
+  const { cutoffDate } = useDataCutoffDate();
+
   // Type name mapping
   const typeNames: Record<string, string> = {
     star: '恒星',
@@ -260,13 +264,16 @@ export function NASADownload() {
 
   return (
     <div>
-      <Alert
-        title="数据下载说明"
-        description="选择左侧天体，右侧日历将显示数据可用性。点击未下载的日期可下载该天的位置数据（00:00 UTC）。"
-        type="info"
-        showIcon
-        style={{ marginBottom: 16 }}
-      />
+      {/* Data Cutoff Date Display */}
+      {cutoffDate && (
+        <Alert
+          message={`数据截止日期: ${cutoffDate.getFullYear()}/${String(cutoffDate.getMonth() + 1).padStart(2, '0')}/${String(cutoffDate.getDate()).padStart(2, '0')}`}
+          description="选择左侧天体，右侧日历将显示数据可用性。点击未下载的日期可下载该天的位置数据（00:00 UTC）。"
+          type="success"
+          showIcon
+          style={{ marginBottom: 16 }}
+        />
+      )}
 
       <Row gutter={16}>
         {/* Left: Body Selection */}
@@ -281,7 +288,7 @@ export function NASADownload() {
             }
           >
             <Collapse
-              defaultActiveKey={['planet', 'dwarf_planet']}
+              defaultActiveKey={[]}
               items={Object.entries(bodies).map(([type, typeBodies]) => ({
                 key: type,
                 label: (
diff --git a/frontend/src/pages/admin/Tasks.tsx b/frontend/src/pages/admin/Tasks.tsx
index 19cb3b6..137244a 100644
--- a/frontend/src/pages/admin/Tasks.tsx
+++ b/frontend/src/pages/admin/Tasks.tsx
@@ -32,7 +32,7 @@ export function Tasks() {
   const loadData = async () => {
     setLoading(true);
     try {
-      const res = await request.get('/celestial/tasks?limit=50');
+      const res = await request.get('/tasks?limit=50');
       setData(res.data);
     } finally {
       setLoading(false);
@@ -42,10 +42,10 @@ export function Tasks() {
   // Polling for active tasks
   useEffect(() => {
     loadData();
-    
+
     timerRef.current = setInterval(() => {
       // Silent refresh to avoid table flickering
-      request.get('/celestial/tasks?limit=50').then(res => {
+      request.get('/tasks?limit=50').then(res => {
         setData(res.data);
       });
     }, 3000);