From 92e505d80417d1fcb0c782a99cf4e2df6e52dbb1 Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Sun, 26 Apr 2026 00:45:16 +0800
Subject: [PATCH] feat: add dashboard panel components for scan metrics, KPI
 bars, and terminal views

---
 .../components/dashboard/PanelSections.tsx    |  4 +-
 frontend/components/dashboard/ScanKPIBar.tsx  | 71 +++----------------
 .../dashboard/ScanTerminalDashboard.tsx       |  6 +-
 3 files changed, 15 insertions(+), 66 deletions(-)

diff --git a/frontend/components/dashboard/PanelSections.tsx b/frontend/components/dashboard/PanelSections.tsx
index 76119dc8..eee8d2ec 100644
--- a/frontend/components/dashboard/PanelSections.tsx
+++ b/frontend/components/dashboard/PanelSections.tsx
@@ -1269,8 +1269,8 @@ export function ProbabilityDistribution({
             </div>
             <p>
               {locale === "en-US"
-                ? "This card follows the same rule as the opportunity list: DEB first, model agreement second, METAR conflict check before settlement."
-                : "该卡片与机会列表口径一致：先看 DEB，再看模型支持，最后检查 METAR 是否冲突。"}
+                ? "This card follows the same rule as AI forecast: DEB first, model agreement second, METAR conflict check before settlement."
+                : "该卡片与 AI 预测口径一致：先看 DEB，再看模型支持，最后检查 METAR 是否冲突。"}
             </p>
           </div>
         )}
diff --git a/frontend/components/dashboard/ScanKPIBar.tsx b/frontend/components/dashboard/ScanKPIBar.tsx
index 61b95c0f..d0c3bb79 100644
--- a/frontend/components/dashboard/ScanKPIBar.tsx
+++ b/frontend/components/dashboard/ScanKPIBar.tsx
@@ -3,31 +3,17 @@
 import React from "react";
 import { useI18n } from "@/hooks/useI18n";
 import type { ScanOpportunityRow, ScanTerminalResponse } from "@/lib/dashboard-types";
-import { getMarketFocus } from "@/lib/scan-market-focus";
 
 function formatTemperature(value?: number | null, unit?: string | null): string {
   if (value == null || Number.isNaN(Number(value))) return "--";
   return `${Number(value).toFixed(1)}${unit || "°C"}`;
 }
 
-function countByRisk(rows: ScanOpportunityRow[]) {
-  return rows.reduce(
-    (acc, row) => {
-      const risk = String(row.risk_level || "").toLowerCase();
-      if (risk.includes("high")) acc.high += 1;
-      else if (risk.includes("medium")) acc.medium += 1;
-      else acc.low += 1;
-      return acc;
-    },
-    { high: 0, medium: 0, low: 0 },
-  );
-}
-
 export function ScanKPIBar({
   response,
   rows,
   totalCities,
-  loading,
+  loading: _loading,
 }: {
   response: ScanTerminalResponse | null;
   rows: ScanOpportunityRow[];
@@ -36,48 +22,21 @@ export function ScanKPIBar({
 }) {
   const { locale } = useI18n();
   const isEn = locale === "en-US";
-  const riskCounts = countByRisk(rows);
-  const tradableRows = rows.filter((row) => row.tradable && !row.closed);
-  const liveRows = rows.filter((row) => row.active || row.accepting_orders);
   const bestRow = rows[0] || null;
-  const marketFocus = getMarketFocus(rows, locale);
-  const statusLabel =
-    loading && !response
-      ? isEn
-        ? "Scanning"
-        : "扫描中"
-      : response?.status === "stale"
-        ? isEn
-          ? "Stale"
-          : "旧数据"
-        : response?.status === "failed"
-          ? isEn
-            ? "Failed"
-            : "失败"
-          : isEn
-            ? "Live"
-            : "最新";
 
   const cards = [
     {
-      label: isEn ? "Scan Status" : "扫描状态",
+      label: isEn ? "AI Workspace" : "AI 工作区",
       value: `${rows.length}/${totalCities || 0}`,
-      note:
-        loading && response
-          ? isEn
-            ? "Refreshing latest snapshot"
-            : "正在刷新最新快照"
-          : response?.status === "stale"
-            ? response.stale_reason || (isEn ? "Using last good snapshot" : "正在使用上次成功快照")
-            : response?.status === "failed"
-              ? response.stale_reason || (isEn ? "No valid snapshot" : "当前没有可用快照")
-              : `${isEn ? "Snapshot" : "快照"} · ${statusLabel}`,
+      note: isEn
+        ? "No automatic scan. Cities are added from map clicks."
+        : "不主动扫描；地图点选后加入城市分析。",
       tone: response?.status === "failed" ? "red" : response?.status === "stale" ? "amber" : "cyan",
     },
     {
-      label: isEn ? "Book Status" : "盘口状态",
-      value: `${liveRows.length}`,
-      note: `${isEn ? "Evaluable" : "可评估"} ${tradableRows.length} · ${isEn ? "Pending" : "待评估"} ${Math.max(0, rows.length - tradableRows.length)}`,
+      label: isEn ? "City Pool" : "城市池",
+      value: `${totalCities || 0}`,
+      note: isEn ? "Available cities for forecast review" : "可点击进入 AI 预测的城市范围",
       tone: "blue",
     },
     {
@@ -86,20 +45,10 @@ export function ScanKPIBar({
       note: bestRow
         ? `${isEn ? "Focus" : "焦点"} ${bestRow.city_display_name || bestRow.display_name || bestRow.city} · DEB / ${isEn ? "models" : "模型"} / METAR`
         : isEn
-          ? "No active market now"
-          : "当前没有活跃市场",
+          ? "Select a city to load DEB and observations"
+          : "选择城市后展示 DEB 与实测路径",
       tone: "green",
     },
-    {
-      label: isEn ? "Current Region" : "当前主盘",
-      value: marketFocus?.label || "--",
-      note: marketFocus
-        ? isEn
-          ? `${marketFocus.stageLabel} · ${marketFocus.activeCityCount || 1} cities in focus`
-          : `${marketFocus.stageLabel} · ${marketFocus.activeCityCount || 1} 个城市在焦点窗口`
-        : `${isEn ? "Risk" : "风险"} ${riskCounts.high} / ${riskCounts.medium} / ${riskCounts.low}`,
-      tone: "orange",
-    },
   ];
 
   return (
diff --git a/frontend/components/dashboard/ScanTerminalDashboard.tsx b/frontend/components/dashboard/ScanTerminalDashboard.tsx
index 40762926..16eba6a9 100644
--- a/frontend/components/dashboard/ScanTerminalDashboard.tsx
+++ b/frontend/components/dashboard/ScanTerminalDashboard.tsx
@@ -1163,7 +1163,7 @@ function ScanTerminalScreen() {
             <div className="scan-empty-state">
               <div className="scan-empty-title">{isEn ? "Checking access" : "正在检查权限"}</div>
               <div className="scan-empty-copy">
-                {isEn ? "Preparing your market scan terminal." : "正在准备市场扫描台。"}
+                {isEn ? "Preparing your AI forecast workspace." : "正在准备 AI 预测台。"}
               </div>
             </div>
           </main>
@@ -1178,7 +1178,7 @@ function ScanTerminalScreen() {
         <main className="scan-data-grid">
           <div className="scan-topbar">
             <div className="scan-topbar-title">
-              <strong>{isEn ? "Market Scan Terminal" : "市场扫描台"}</strong>
+              <strong>{isEn ? "AI Forecast Terminal" : "AI 预测台"}</strong>
               <span>
                 {isEn
                   ? "Click cities on the map to build an AI forecast workspace"
@@ -1269,7 +1269,7 @@ function ScanTerminalScreen() {
                 <button
                   type="button"
                   className={resolvedView === "calendar" ? "active" : ""}
-                  title={!isPro ? (isEn ? "Pro scan required" : "扫描需 Pro") : undefined}
+                  title={!isPro ? (isEn ? "Pro forecast calendar required" : "日历预测需 Pro") : undefined}
                   onClick={() => {
                     if (!isPro) {
                       openScanPaywall();