fix:批量修复了一些问题

frontend/src/admin/pages/DataSources.tsx

@@ -1,20 +1,13 @@
-/**
- * Admin 后台 - 数据源管理页面(报刊风)
- *
- * 功能:
- * - 显示各数据源配置状态(脱敏),标明值来源:DB 覆盖 / .env 默认 / 未配置
- * - 在线修改数据源 API Key(写入 app_settings,覆盖 .env;清除则回落)
- * - 测试连接按钮(后端真实请求上游一次,不触发入库)
- */
-
 import { useEffect, useState, useCallback } from 'react'
 import {
   fetchDataSourceStatuses,
+  fetchIngestStatus,
+  fetchAdminStats,
   updateSetting,
   clearSetting,
   testDataSourceConnection,
 } from '../dal'
-import type { DataSourceStatus, DataSourceTestResult } from '../types'
+import type { DataSourceStatus, DataSourceTestResult, IngestSourceStatus, AdminStats } from '../types'
 import SettingRow from '../SettingRow'
 import { Card, CardBody, CardHeader, Badge, SectionHeader, Alert, Spinner, SkeletonBlock } from '../components'
 
@@ -31,6 +24,9 @@ export default function DataSourcesPage() {
   const [sources, setSources] = useState<DataSourceStatus[]>([])
   const [loading, setLoading] = useState(true)
   const [loadError, setLoadError] = useState('')
+  const [ingestStats, setIngestStats] = useState<Record<string, IngestSourceStatus>>({})
+  const [ingestLoading, setIngestLoading] = useState(true)
+  const [stats, setStats] = useState<AdminStats | null>(null)
 
   const [testingSource, setTestingSource] = useState<string | null>(null)
   const [testResults, setTestResults] = useState<Record<string, DataSourceTestResult>>({})
@@ -52,16 +48,41 @@ export default function DataSourcesPage() {
     }
   }, [])
 
+  // 健康状态(只读,与配置加载并行;失败不阻塞配置页)
+  const loadIngest = useCallback(async () => {
+    setIngestLoading(true)
+    try {
+      const { sources } = await fetchIngestStatus()
+      setIngestStats(Object.fromEntries(sources.map(x => [x.name, x])))
+    } catch {
+      /* ignore */
+    } finally {
+      setIngestLoading(false)
+    }
+  }, [])
+
+  // 管理区统计(只读)
+  const loadStats = useCallback(async () => {
+    try {
+      setStats(await fetchAdminStats())
+    } catch {
+      /* ignore */
+    }
+  }, [])
+
   useEffect(() => {
     loadSources()
-  }, [loadSources])
+    loadIngest()
+    loadStats()
+  }, [loadSources, loadIngest, loadStats])
 
   async function handleTest(sourceName: string) {
     setTestingSource(sourceName)
+    setTestResults(prev => ({ ...prev, [sourceName]: { ok: false, status: null, latency_ms: 0, detail: '测试中...' } }))
     try {
       const result = await testDataSourceConnection(sourceName)
       setTestResults(prev => ({ ...prev, [sourceName]: result }))
-    } catch (err) {
+    } catch (err: unknown) {
       const msg = err instanceof Error ? err.message.split('\n')[0] : '连接失败'
       setTestResults(prev => ({ ...prev, [sourceName]: { ok: false, status: null, latency_ms: 0, detail: msg } }))
     } finally {
@@ -69,6 +90,47 @@ export default function DataSourcesPage() {
     }
   }
 
+  // 渲染数据源健康块(最近采集 + 异常提示)
+  function renderHealth(sourceName: string) {
+    const st = ingestStats[sourceName]
+    if (!st) {
+      return (
+        <div className="flex items-center justify-between text-xs">
+          <span className="text-ink-400">最近成功采集</span>
+          <span className="text-ink-400">{ingestLoading ? '加载中...' : '暂无数据'}</span>
+        </div>
+      )
+    }
+    const ago = st.last_success_at ? formatTime(st.last_success_at) : '暂无记录'
+    const issues: string[] = []
+    if (st.status === 'key_not_configured') issues.push('未配置 API Key')
+    else if (st.status === 'no_data') issues.push('本地无数据,建议补采')
+    if (st.last_failure) issues.push('近期有采集失败')
+    return (
+      <div className="space-y-1.5 border-t border-ink-200 pt-3">
+        <div className="flex items-center justify-between text-xs">
+          <span className="text-ink-400">最近成功采集</span>
+          <span className="text-ink-600">{ago}</span>
+        </div>
+        <div className="flex items-center justify-between text-xs">
+          <span className="text-ink-400">已入库(近期)</span>
+          <span className="text-ink-600">{st.recent_count.toLocaleString()} 条</span>
+        </div>
+        {st.note && <p className="text-2xs leading-relaxed text-ink-400">{st.note}</p>}
+        {issues.length > 0 && (
+          <p className="border-l-2 border-press bg-press-wash/40 px-2 py-1 text-2xs leading-relaxed text-press-dark">
+            {issues.join(' / ')} — 请前往「数据采集」补采
+          </p>
+        )}
+        {st.last_failure && (
+          <p className="truncate text-2xs text-ink-400" title={st.last_failure.detail}>
+            最近失败: {st.last_failure.detail.slice(0, 60)}
+          </p>
+        )}
+      </div>
+    )
+  }
+
   async function handleSave(key: string, value: string) {
     setBusyKey(key)
     setRowNotice(null)
@@ -98,11 +160,12 @@ export default function DataSourcesPage() {
     }
   }
 
+
   return (
     <div className="space-y-6">
       <SectionHeader
         title="数据源管理"
-        description="数据采集源的 API 配置与连通性测试。修改保存到数据库并立即生效,无需重启;「回落 .env」删除覆盖值。"
+        description="数据采集源的 API 配置、健康状态与连通性测试。"
       />
 
       {loadError && (
@@ -132,7 +195,6 @@ export default function DataSourcesPage() {
             return (
               <Card key={source.name}>
                 <CardBody className="space-y-4">
-                  {/* 头部 */}
                   <div className="flex flex-wrap items-center justify-between gap-x-2 gap-y-1 border-b border-ink-200 pb-3">
                     <h3 className="font-serif text-sm font-bold text-ink-900">{source.label}</h3>
                     <Badge status={source.key_configured ? 'success' : 'error'}>
@@ -142,7 +204,6 @@ export default function DataSourcesPage() {
 
                   <p className="text-2xs leading-relaxed text-ink-500">{source.description}</p>
 
-                  {/* 配置项 */}
                   {source.settings.length > 0 ? (
                     <div>
                       {source.settings.map(setting => (
@@ -151,10 +212,7 @@ export default function DataSourcesPage() {
                           setting={setting}
                           editing={editingKey === setting.key}
                           busy={busyKey === setting.key}
-                          onEdit={() => {
-                            setEditingKey(setting.key)
-                            setRowNotice(null)
-                          }}
+                          onEdit={() => { setEditingKey(setting.key); setRowNotice(null) }}
                           onCancel={() => setEditingKey(null)}
                           onSave={v => handleSave(setting.key, v)}
                           onClear={() => handleClear(setting.key)}
@@ -165,36 +223,21 @@ export default function DataSourcesPage() {
                     <p className="text-2xs text-ink-400">无需 API Key</p>
                   )}
 
-                  {/* 行级操作提示 */}
                   {rowNotice && cardKeys.includes(rowNotice.key) && (
-                    <Alert
-                      kind={rowNotice.ok ? 'ok' : 'error'}
-                      title={rowNotice.text}
-                    />
+                    <Alert kind={rowNotice.ok ? 'ok' : 'error'} title={rowNotice.text} />
                   )}
 
-                  {/* 最近采集 */}
-                  <div className="flex items-center justify-between text-xs">
-                    <span className="text-ink-400">最近采集</span>
-                    <span className="text-ink-600">{formatTime(source.last_ingestion)}</span>
-                  </div>
+                  {/* 数据源健康:最近采集 + 异常提示 */}
+                  {renderHealth(source.name)}
 
-                  {/* 测试结果(进行中不渲染,避免占位被误读为失败) */}
                   {result && testingSource !== source.name && (
                     <Alert
                       kind={result.ok ? 'ok' : 'error'}
-                      title={
-                        result.ok
-                          ? `连接成功(${result.latency_ms}ms)`
-                          : result.status
-                            ? `HTTP ${result.status}`
-                            : '连接失败'
-                      }
+                      title={result.ok ? `连接成功(${result.latency_ms}ms)` : result.status ? `HTTP ${result.status}` : '连接失败'}
                       message={result.ok ? undefined : result.detail}
                     />
                   )}
 
-                  {/* 测试按钮 */}
                   <button
                     onClick={() => handleTest(source.name)}
                     disabled={testingSource === source.name}
@@ -209,23 +252,41 @@ export default function DataSourcesPage() {
         </div>
       )}
 
-      {/* 配置说明 */}
+      {/* 近期活动统计(只读) */}
+      {stats && stats.predictions && (
+        <Card>
+          <CardHeader title="近期预测活动" description="过去 24 小时 / 7 天的预测次数" />
+          <CardBody>
+            <div className="grid grid-cols-3 gap-4 text-center">
+              <div>
+                <div className="font-serif text-2xl font-bold tabular-nums text-ink-900">{stats.predictions.last_24h}</div>
+                <div className="mt-1 text-2xs text-ink-400">近 24 小时</div>
+              </div>
+              <div>
+                <div className="font-serif text-2xl font-bold tabular-nums text-ink-900">{stats.predictions.last_7d}</div>
+                <div className="mt-1 text-2xs text-ink-400">近 7 天</div>
+              </div>
+              <div>
+                <div className="font-serif text-2xl font-bold tabular-nums text-ink-900">{stats.predictions.total}</div>
+                <div className="mt-1 text-2xs text-ink-400">总计</div>
+              </div>
+            </div>
+          </CardBody>
+        </Card>
+      )}
+
       <Card>
         <CardHeader title="配置说明" />
         <CardBody>
           <div className="space-y-3 text-xs leading-relaxed text-ink-600">
             <p className="border-l-2 border-ink-300 pl-3">
-              在此保存的配置存于数据库 <code className="font-mono">app_settings</code> 表并<b>立即生效</b>,
-              优先于服务器 <code className="font-mono">.env</code> 中的同名变量;点「回落 .env」删除覆盖值。
-              若两者都未配置,相应采集功能会报「Key 未设置」。
+              保存的配置存于数据库 <code className="font-mono">app_settings</code> 并<b>立即生效</b>,优先于 <code className="font-mono">.env</code>;「回落 .env」删除覆盖值。
             </p>
             <p className="border-l-2 border-ink-300 pl-3">
-              敏感值只显示末 4 位(不足 8 位全遮),完整值不回传浏览器。
+              「最近成功采集」为只读健康快照(不触发采集);近似数据已在行内标注。伤停源会区分「未配置 Key / 无数据 / 有数据」。
             </p>
             <p className="border-l-2 border-ink-300 pl-3">
-              「测试连接」会真实请求上游接口一次:连通且密钥有效 → 成功并显示耗时;
-              HTTP 401/403 → 密钥无效;其他状态码或超时 → 按详情提示排查。
-              测试不写入任何数据。
+              「测试连接」真实请求上游一次;异常提示会引导前往「数据采集」补采,避免在空数据上误操作。
             </p>
           </div>
         </CardBody>