+
-
{isEn ? "AI max-temperature forecast" : "AI 最高温预测"}
-
{cityAnalysis}
+
{isEn ? "Conclusion" : "结论"}
+
{thresholdDecision.headline}
+
{thresholdDecision.summary}
-
- {strength.label}
+
+ {thresholdDecision.relation}
-
-
{isEn ? "Forecast" : "预测"}
+
- {isEn ? "Expected high" : "预计最高温"}{" "}
-
+ {isEn ? "Bucket" : "判断对象"}
+ {bucketLabel}
+
+
+ {isEn ? "AI forecast" : "AI 预测"}
+
{cityForecast.predicted != null
? formatTemperatureValue(cityForecast.predicted, tempSymbol, { digits: 1 })
: "--"}
-
- {" · "}
- {isEn ? "interval" : "区间"} {getForecastRangeLabel(cityForecast, tempSymbol)}
- {cityForecast.confidence ? ` · ${isEn ? "confidence" : "信心"} ${cityForecast.confidence}` : ""}
+
+
+
+ {isEn ? "Forecast range" : "预测区间"}
+ {forecastRangeLabel}
+
+
+ {isEn ? "Confidence" : "信心"}
+ {cityForecast.confidence || thresholdDecision.confidence}
- {cityForecast.reason ? (
- {cityForecast.reason}
- ) : null}
- {cityForecast.airportRead ? (
- {cityForecast.airportRead}
- ) : null}
- {cityForecast.peakWindow ? (
- {cityForecast.peakWindow}
- ) : null}
-
+
+
+ DEB
+ {group.debLabel}
+
+
+ {modelSupportLabel}
+ {modelSupportText}
+
+
+ METAR
+ {metarConflictText}
+
+
+ {paceLabel}
+ {paceSignalText}
+
+
+
- {isEn ? "Key basis" : "关键依据"}
+ {isEn ? "Why" : "为什么"}
{keyReasons.map((reason) => (
- {reason}
@@ -1847,7 +2374,7 @@ export const OpportunityTable = React.memo(function OpportunityTable({
- {isEn ? "Risk" : "风险"}
+ {isEn ? "What can change it" : "可能改变判断的因素"}
{riskItems.map((reason) => (
- {reason}
@@ -1855,6 +2382,20 @@ export const OpportunityTable = React.memo(function OpportunityTable({
+
+ {cityForecast.airportRead ? (
+
{cityForecast.airportRead}
+ ) : null}
+ {cityForecast.weatherRead ? (
+
{cityForecast.weatherRead}
+ ) : null}
+ {cityForecast.paceRead ? (
+
{cityForecast.paceRead}
+ ) : null}
+ {cityForecast.peakWindow ? (
+
{cityForecast.peakWindow}
+ ) : null}
+
) : null}
diff --git a/frontend/components/dashboard/PanelSections.tsx b/frontend/components/dashboard/PanelSections.tsx
index 4b358840..76119dc8 100644
--- a/frontend/components/dashboard/PanelSections.tsx
+++ b/frontend/components/dashboard/PanelSections.tsx
@@ -694,8 +694,8 @@ export function TemperatureChart() {
});
} else {
datasets.push({
- backgroundColor: "rgba(52, 211, 153, 0.05)",
- borderColor: "rgba(52, 211, 153, 0.6)",
+ backgroundColor: "rgba(77, 163, 255, 0.06)",
+ borderColor: "rgba(77, 163, 255, 0.66)",
borderWidth: 1.5,
data: chartData.datasets.debPast,
fill: true,
@@ -705,7 +705,7 @@ export function TemperatureChart() {
tension: 0.3,
});
datasets.push({
- borderColor: "rgba(52, 211, 153, 0.35)",
+ borderColor: "rgba(77, 163, 255, 0.36)",
borderDash: [5, 3],
borderWidth: 1.5,
data: chartData.datasets.debFuture,
@@ -717,8 +717,8 @@ export function TemperatureChart() {
}
datasets.push({
- backgroundColor: "#00E0A4",
- borderColor: "#00E0A4",
+ backgroundColor: "#4DA3FF",
+ borderColor: "#4DA3FF",
borderWidth: 0,
data: chartData.datasets.metarPoints,
fill: false,
@@ -750,7 +750,7 @@ export function TemperatureChart() {
Math.abs(chartData.datasets.offset) > 0.3
) {
datasets.push({
- borderColor: "rgba(123, 97, 255, 0.2)",
+ borderColor: "rgba(77, 163, 255, 0.22)",
borderDash: [2, 4],
borderWidth: 1,
data: chartData.datasets.temps,
@@ -773,7 +773,7 @@ export function TemperatureChart() {
legend: { display: false },
tooltip: {
backgroundColor: "rgba(15, 23, 42, 0.9)",
- borderColor: "rgba(52, 211, 153, 0.3)",
+ borderColor: "rgba(77, 163, 255, 0.28)",
borderWidth: 1,
},
},
@@ -786,7 +786,7 @@ export function TemperatureChart() {
typeof index === "number" && index % 3 === 0
? chartData.times[index]
: "",
- color: "#64748b",
+ color: "#6B7A90",
maxRotation: 0,
},
},
@@ -795,8 +795,10 @@ export function TemperatureChart() {
max: chartData.max,
min: chartData.min,
ticks: {
- callback: (value) => `${value}${data.temp_symbol || "°C"}`,
- color: "#64748b",
+ callback: (value) =>
+ `${Number(value).toFixed(chartData.yTickStep < 1 ? 1 : 0)}${data.temp_symbol || "°C"}`,
+ color: "#6B7A90",
+ stepSize: chartData.yTickStep,
},
},
},
diff --git a/frontend/components/dashboard/ScanKPIBar.tsx b/frontend/components/dashboard/ScanKPIBar.tsx
index 1d61de42..61b95c0f 100644
--- a/frontend/components/dashboard/ScanKPIBar.tsx
+++ b/frontend/components/dashboard/ScanKPIBar.tsx
@@ -81,7 +81,7 @@ export function ScanKPIBar({
tone: "blue",
},
{
- label: isEn ? "Win-rate Basis" : "胜率依据",
+ label: isEn ? "Forecast Center" : "预测中枢",
value: bestRow ? formatTemperature(bestRow.deb_prediction, bestRow.temp_symbol || bestRow.target_unit) : "--",
note: bestRow
? `${isEn ? "Focus" : "焦点"} ${bestRow.city_display_name || bestRow.display_name || bestRow.city} · DEB / ${isEn ? "models" : "模型"} / METAR`
diff --git a/frontend/components/dashboard/ScanTerminalDashboard.tsx b/frontend/components/dashboard/ScanTerminalDashboard.tsx
index a373f637..40762926 100644
--- a/frontend/components/dashboard/ScanTerminalDashboard.tsx
+++ b/frontend/components/dashboard/ScanTerminalDashboard.tsx
@@ -1,18 +1,18 @@
"use client";
+import type { ChartConfiguration } from "chart.js";
import clsx from "clsx";
import Link from "next/link";
import {
+ BarChart3,
LogIn,
- RefreshCw,
+ X,
Moon,
Sun,
UserRound,
} from "lucide-react";
import {
- startTransition,
useCallback,
- useDeferredValue,
useEffect,
useMemo,
useRef,
@@ -24,24 +24,26 @@ import modalChromeStyles from "./ModalChrome.module.css";
import { DetailPanel as CityDetailPanel } from "@/components/dashboard/DetailPanel";
import { FutureForecastModal } from "@/components/dashboard/FutureForecastModal";
import { MapCanvas } from "@/components/dashboard/MapCanvas";
+import { ModelForecast } from "@/components/dashboard/PanelSections";
import { getWindowPhaseMeta } from "@/components/dashboard/OpportunityTable";
-import { ScanKPIBar } from "@/components/dashboard/ScanKPIBar";
-import { OpportunityTable } from "@/components/dashboard/OpportunityTable";
import { ProFeaturePaywall } from "@/components/dashboard/ProFeaturePaywall";
import {
DashboardStoreProvider,
useDashboardStore,
} from "@/hooks/useDashboardStore";
+import { useChart } from "@/hooks/useChart";
import { I18nProvider, useI18n } from "@/hooks/useI18n";
-import { dashboardClient } from "@/lib/dashboard-client";
import type {
+ CityDetail,
ScanOpportunityRow,
- ScanTerminalFilters,
ScanTerminalResponse,
} from "@/lib/dashboard-types";
import { getLocalizedCityName } from "@/lib/dashboard-home-copy";
import {
formatTemperatureValue,
+ getModelView,
+ getTemperatureChartData,
+ getTodayPaceView,
normalizeTemperatureLabel,
} from "@/lib/dashboard-utils";
import {
@@ -50,47 +52,14 @@ import {
getRowPeakSortValue,
} from "@/lib/scan-market-focus";
-const DEFAULT_FILTERS: FilterState = {
- scan_mode: "tradable",
- min_price: 0.05,
- max_price: 0.95,
- min_edge_pct: 2,
- min_liquidity: 1000,
- high_liquidity_only: false,
- market_type: "maxtemp",
- time_range: "today",
- limit: 28,
-};
-
-const SCAN_AUTO_REFRESH_MS = 5 * 60 * 1000;
-
-interface FilterState extends ScanTerminalFilters {}
-
type ContentView = "list" | "map" | "calendar";
type ThemeMode = "dark" | "light";
-type ScanAiLogTone = "info" | "success" | "warning" | "error";
-
-type ScanAiLogEntry = {
- id: string;
- time: string;
- tone: ScanAiLogTone;
- title: string;
- detail?: string | null;
+type AiPinnedCity = {
+ cityName: string;
+ displayName?: string | null;
+ addedAt: number;
};
-function formatLogTime() {
- const now = new Date();
- return `${String(now.getHours()).padStart(2, "0")}:${String(
- now.getMinutes(),
- ).padStart(2, "0")}:${String(now.getSeconds()).padStart(2, "0")}`;
-}
-
-function formatDuration(ms?: number | null) {
- if (ms == null || !Number.isFinite(Number(ms))) return "--";
- if (Number(ms) < 1000) return `${Math.round(Number(ms))}ms`;
- return `${(Number(ms) / 1000).toFixed(1)}s`;
-}
-
function formatShortDate(value?: string | null, locale = "zh-CN") {
const text = String(value || "").trim();
if (!text) return "--";
@@ -274,31 +243,6 @@ function sortRowsByUserTime(rows: ScanOpportunityRow[]) {
});
}
-function mergeRefreshingScanSnapshot(
- previous: ScanTerminalResponse | null,
- next: ScanTerminalResponse,
- locale = "zh-CN",
-): ScanTerminalResponse {
- if (next.rows.length || !previous?.rows.length) return next;
- const nextStatus = String(next.status || "").toLowerCase();
- if (!["partial", "stale", "scanning", "loading", "failed"].includes(nextStatus)) {
- return next;
- }
- return {
- ...previous,
- generated_at: previous.generated_at || next.generated_at,
- status: nextStatus === "failed" ? "stale" : next.status || "stale",
- stale: true,
- stale_reason:
- next.stale_reason ||
- (locale === "en-US"
- ? "Refreshing a new scan; showing the previous snapshot until it is ready."
- : "新扫描仍在刷新中，当前继续展示上一轮快照。"),
- last_failed_at: next.last_failed_at || previous.last_failed_at,
- filters: next.filters || previous.filters,
- };
-}
-
function normalizeCityKey(value?: string | null) {
return String(value || "")
.trim()
@@ -306,6 +250,13 @@ function normalizeCityKey(value?: string | null) {
.replace(/[\s_-]+/g, "");
}
+function prettifyCityName(value?: string | null) {
+ return String(value || "")
+ .trim()
+ .replace(/[-_]+/g, " ")
+ .replace(/\b\w/g, (match) => match.toUpperCase());
+}
+
function rowMatchesCity(row: ScanOpportunityRow, cityName: string) {
const cityKey = normalizeCityKey(cityName);
if (!cityKey) return false;
@@ -320,256 +271,6 @@ function findRowForCity(rows: ScanOpportunityRow[], cityName?: string | null) {
return rows.find((row) => rowMatchesCity(row, cityName || "")) || null;
}
-function getRowAiReason(row: ScanOpportunityRow, locale: string) {
- const isEn = locale === "en-US";
- return (
- (isEn ? row.ai_reason_en || row.ai_reason_zh : row.ai_reason_zh || row.ai_reason_en) ||
- row.ai_model_cluster_note ||
- (isEn
- ? row.ai_watchlist_reason_en || row.ai_watchlist_reason_zh
- : row.ai_watchlist_reason_zh || row.ai_watchlist_reason_en) ||
- null
- );
-}
-
-function getAiDecisionLabel(row: ScanOpportunityRow, locale: string) {
- const decision = String(row.ai_decision || "neutral").toLowerCase();
- if (decision === "veto") return locale === "en-US" ? "Excluded" : "排除";
- if (decision === "downgrade") return locale === "en-US" ? "Downgraded" : "降级";
- if (decision === "watchlist") return locale === "en-US" ? "Watch" : "观察";
- if (row.ai_rank != null || decision === "approve") {
- return locale === "en-US" ? `Pick ${row.ai_rank || ""}`.trim() : `推荐 ${row.ai_rank || ""}`.trim();
- }
- return locale === "en-US" ? "Unreviewed" : "未复核";
-}
-
-function ScanAiAnalysisView({
- response,
- rows,
- logs,
- error,
- locale,
-}: {
- response: ScanTerminalResponse | null;
- rows: ScanOpportunityRow[];
- logs: ScanAiLogEntry[];
- error?: string | null;
- locale: string;
-}) {
- const isEn = locale === "en-US";
- const aiScan = response?.ai_scan || null;
- const theses = aiScan?.city_theses || [];
- const thesisByCity = useMemo(
- () => new Map(theses.map((item) => [normalizeCityKey(item.city), item])),
- [theses],
- );
- const groups = useMemo(() => {
- const map = new Map
();
- rows.forEach((row) => {
- const key = normalizeCityKey(row.city || row.city_display_name || row.display_name);
- if (!key) return;
- const current = map.get(key) || [];
- current.push(row);
- map.set(key, current);
- });
- return Array.from(map.entries()).map(([key, items]) => ({
- key,
- rows: items,
- city:
- items[0]?.city_display_name ||
- items[0]?.display_name ||
- items[0]?.city ||
- key,
- thesis: thesisByCity.get(key),
- }));
- }, [rows, thesisByCity]);
-
- if (!rows.length) {
- return (
-
-
-
- {isEn ? "Run a rule scan first" : "先完成规则扫描"}
-
-
- {isEn
- ? "V4 needs the current city candidates before it can analyze them."
- : "V4 需要先拿到当前城市候选，才能做城市级研判。"}
-
-
-
-
-
-
{isEn ? "AI city forecast" : "AI 城市级预测"}
-
- {aiScan?.status === "ready"
- ? (isEn ? aiScan.summary_en || aiScan.summary_zh : aiScan.summary_zh || aiScan.summary_en) ||
- (isEn ? "V4 has reviewed the grouped city snapshot." : "V4 已复核城市分组快照。")
- : error ||
- aiScan?.reason ||
- (isEn
- ? "V4 analysis appears inside each opportunity row when AI review data is available."
- : "当 AI 复核数据可用时，V4 分析会展示在每条机会的展开层中。")}
-
-
-
-
-
- {isEn ? "Run log" : "运行日志"}
-
- {aiScan?.status === "ready"
- ? isEn
- ? `${aiScan.sent_cities ?? "--"} cities · ${aiScan.sent_contracts ?? aiScan.sent_rows ?? "--"} contracts`
- : `${aiScan.sent_cities ?? "--"} 城 · ${aiScan.sent_contracts ?? aiScan.sent_rows ?? "--"} 合约`
- : isEn
- ? "No V4 result yet"
- : "暂无 V4 结果"}
-
-
-
- {logs.length ? (
- logs.map((entry) => (
-
-
{entry.time}
-
- {entry.title}
- {entry.detail ? {entry.detail} : null}
-
-
- ))
- ) : (
-
- {isEn ? "No request has been sent." : "还没有发起请求。"}
-
- )}
-
-
-
- {groups.map((group) => {
- const cityThesis =
- (isEn
- ? group.thesis?.thesis_en || group.thesis?.summary_en || group.rows[0]?.ai_city_thesis_en
- : group.thesis?.thesis_zh || group.thesis?.summary_zh || group.rows[0]?.ai_city_thesis_zh) ||
- (isEn ? "Waiting for AI city forecast." : "等待 AI 城市预测。");
- const clusterNote =
- group.thesis?.model_cluster_note || group.rows[0]?.ai_city_model_cluster_note || null;
- return (
-
-
-
-
{group.city}
-
{cityThesis}
-
- {group.thesis?.confidence || group.rows[0]?.ai_city_confidence ? (
-
{group.thesis?.confidence || group.rows[0]?.ai_city_confidence}
- ) : null}
-
{clusterNote}
- ) : null}
-
- {group.rows.map((row) => {
- const decision = String(row.ai_decision || "neutral").toLowerCase();
- const reason = getRowAiReason(row, locale);
- const tempSymbol = row.temp_symbol || row.target_unit || "°C";
- return (
-
-
-
- {normalizeTemperatureLabel(row.target_label, tempSymbol) ||
- row.market_question ||
- row.id}
-
-
- {row.deb_prediction != null
- ? `DEB ${formatTemperatureValue(row.deb_prediction, tempSymbol)} · `
- : ""}
- {row.ai_forecast_confidence
- ? `${isEn ? "confidence" : "信心"} ${row.ai_forecast_confidence}`
- : isEn
- ? "forecast mapping"
- : "预测映射"}
-
-
-
{getAiDecisionLabel(row, locale)}
- {reason ?
{reason}
: null}
-
- );
- })}
-
- );
- })}
-
-
-
- {isEn ? "Debug log" : "调试日志"}
-
- {loading
- ? isEn
- ? "V4 running"
- : "V4 运行中"
- : error
- ? isEn
- ? "V4 failed"
- : "V4 失败"
- : aiScan?.status === "ready"
- ? isEn
- ? `${aiScan.sent_cities ?? "--"} cities · ${aiScan.sent_contracts ?? aiScan.sent_rows ?? "--"} contracts`
- : `${aiScan.sent_cities ?? "--"} 城 · ${aiScan.sent_contracts ?? aiScan.sent_rows ?? "--"} 合约`
- : isEn
- ? "Collapsed"
- : "已折叠"}
-
-
-
- {logs.length ? (
- logs.map((entry) => (
-
-
{entry.time}
-
- {entry.title}
- {entry.detail ? {entry.detail} : null}
-
-
- ))
- ) : (
-
- {isEn ? "No request has been sent." : "还没有发起请求。"}
-
- )}
-
- );
-}
-
function CalendarView({
rows,
locale,
@@ -690,6 +391,449 @@ function CalendarView({
);
}
+function findDetailForCity(
+ detailsByName: Record,
+ cityName?: string | null,
+) {
+ const target = normalizeCityKey(cityName);
+ if (!target) return null;
+ return (
+ Object.values(detailsByName).find((detail) =>
+ [detail?.name, detail?.display_name].some(
+ (value) => normalizeCityKey(value) === target,
+ ),
+ ) || null
+ );
+}
+
+function AiCityTemperatureChart({ detail }: { detail: CityDetail }) {
+ const { locale } = useI18n();
+ const chartData = useMemo(
+ () => getTemperatureChartData(detail, locale),
+ [detail, locale],
+ );
+ const forecastLabel = chartData?.datasets.hasMgmHourly
+ ? locale === "en-US"
+ ? "MGM forecast"
+ : "MGM 预测"
+ : locale === "en-US"
+ ? "DEB forecast"
+ : "DEB 预测";
+ const observationLabel =
+ chartData?.observationLabel ||
+ (locale === "en-US" ? "METAR obs" : "METAR 实况");
+ const canvasRef = useChart(() => {
+ if (!chartData) {
+ return {
+ data: { datasets: [], labels: [] },
+ type: "line",
+ } satisfies ChartConfiguration<"line">;
+ }
+ const forecastPoints = chartData.datasets.hasMgmHourly
+ ? chartData.datasets.mgmHourlyPoints
+ : chartData.datasets.debPast.map(
+ (value, index) => value ?? chartData.datasets.debFuture[index],
+ );
+ return {
+ data: {
+ datasets: [
+ {
+ borderColor: "#4DA3FF",
+ borderWidth: 2,
+ data: forecastPoints,
+ fill: false,
+ label: forecastLabel,
+ pointRadius: 0,
+ spanGaps: true,
+ tension: 0.32,
+ },
+ {
+ backgroundColor: "#22C55E",
+ borderColor: "#22C55E",
+ borderWidth: 0,
+ data: chartData.datasets.metarPoints,
+ fill: false,
+ label: observationLabel,
+ pointHoverRadius: 5,
+ pointRadius: 3.5,
+ showLine: false,
+ },
+ ],
+ labels: chartData.times,
+ },
+ options: {
+ interaction: { intersect: false, mode: "index" },
+ layout: { padding: { bottom: 2, left: 0, right: 8, top: 8 } },
+ maintainAspectRatio: false,
+ plugins: {
+ legend: { display: false },
+ tooltip: {
+ backgroundColor: "rgba(11, 18, 32, 0.96)",
+ borderColor: "rgba(77, 163, 255, 0.38)",
+ borderWidth: 1,
+ },
+ },
+ responsive: true,
+ scales: {
+ x: {
+ grid: { color: "rgba(159, 178, 199, 0.08)" },
+ ticks: {
+ callback: (_value, index) =>
+ typeof index === "number" && index % 4 === 0
+ ? chartData.times[index]
+ : "",
+ color: "#6B7A90",
+ font: { size: 10 },
+ maxTicksLimit: 6,
+ maxRotation: 0,
+ },
+ },
+ y: {
+ grid: { color: "rgba(159, 178, 199, 0.08)" },
+ max: chartData.max,
+ min: chartData.min,
+ ticks: {
+ callback: (value) =>
+ `${Number(value).toFixed(chartData.yTickStep < 1 ? 1 : 0)}${detail.temp_symbol || "°C"}`,
+ color: "#6B7A90",
+ font: { size: 10 },
+ maxTicksLimit: 5,
+ stepSize: chartData.yTickStep,
+ },
+ },
+ },
+ },
+ type: "line",
+ } satisfies ChartConfiguration<"line">;
+ }, [chartData, detail.temp_symbol, forecastLabel, observationLabel]);
+
+ return (
+
+
+
+ {locale === "en-US" ? "Intraday path" : "今日日内分析"}
+
+
+
+
+ {chartData ? (
+
+ {forecastLabel}
+ {observationLabel}
+
+ ) : null}
+
+ );
+}
+
+function AiPinnedCityCard({
+ item,
+ detail,
+ row,
+ locale,
+ onRemove,
+}: {
+ item: AiPinnedCity;
+ detail: CityDetail | null;
+ row: ScanOpportunityRow | null;
+ locale: string;
+ onRemove: () => void;
+}) {
+ const isEn = locale === "en-US";
+ const displayName =
+ detail?.display_name ||
+ row?.city_display_name ||
+ row?.display_name ||
+ item.displayName ||
+ item.cityName;
+ const tempSymbol = detail?.temp_symbol || row?.temp_symbol || "°C";
+ const modelView = detail ? getModelView(detail, detail.local_date) : null;
+ const modelValues = modelView
+ ? Object.values(modelView.models || {})
+ .map((value) => Number(value))
+ .filter((value) => Number.isFinite(value))
+ : [];
+ const modelMin = modelValues.length ? Math.min(...modelValues) : null;
+ const modelMax = modelValues.length ? Math.max(...modelValues) : null;
+ const paceView = detail ? getTodayPaceView(detail, locale as "zh-CN" | "en-US") : null;
+ const peakWindow =
+ paceView?.peakWindowText ||
+ (row ? getPeakWindowLabel(row) : null) ||
+ "--";
+ const deb = detail?.deb?.prediction ?? row?.deb_prediction ?? null;
+ const currentTemp =
+ detail?.airport_primary?.temp ??
+ detail?.airport_current?.temp ??
+ detail?.current?.temp ??
+ row?.current_temp ??
+ null;
+ const modelRange =
+ modelMin != null && modelMax != null
+ ? `${formatTemperatureValue(modelMin, tempSymbol, { digits: 1 })} ~ ${formatTemperatureValue(modelMax, tempSymbol, { digits: 1 })}`
+ : "--";
+ const paceTone = paceView?.biasTone || "neutral";
+ const paceText =
+ paceView?.summary ||
+ (isEn
+ ? "Waiting for intraday observations to compare against the DEB path."
+ : "等待更多日内实测，用来对照 DEB 预测路径。");
+ const report = detail?.current?.raw_metar || detail?.airport_current?.raw_metar || "";
+ const weatherLine =
+ detail?.current?.wx_desc ||
+ detail?.airport_current?.wx_desc ||
+ detail?.airport_primary?.wx_desc ||
+ "";
+
+ return (
+
+
+
+
+ {isEn ? "AI city forecast" : "AI 城市预测"}
+
+
{displayName}
+
+ {detail?.local_time || row?.local_time || "--"}
+
+ DEB{" "}
+ {deb != null
+ ? formatTemperatureValue(deb, tempSymbol, { digits: 1 })
+ : "--"}
+
+ {isEn ? "Model" : "模型"} {modelRange}
+ {isEn ? "Peak" : "峰值"} {peakWindow}
+
+
+ {isEn ? "Expected high" : "预计最高温"}
+
+ {paceView?.paceAdjustedHigh != null
+ ? formatTemperatureValue(paceView.paceAdjustedHigh, tempSymbol, { digits: 1 })
+ : deb != null
+ ? formatTemperatureValue(deb, tempSymbol, { digits: 1 })
+ : "--"}
+
+
+
+
+
+ {detail ? (
+
+
+
+
{isEn ? "Final read" : "最终判断"}
+
+ {paceTone === "warm"
+ ? isEn
+ ? "Running above DEB path"
+ : "实测高于 DEB 路径"
+ : paceTone === "cold"
+ ? isEn
+ ? "Running below DEB path"
+ : "实测低于 DEB 路径"
+ : isEn
+ ? "Tracking DEB path"
+ : "基本贴合 DEB 路径"}
+
+
{paceText}
+
+
+ {isEn ? "Observed" : "实测"}{" "}
+
+ {currentTemp != null
+ ? formatTemperatureValue(currentTemp, tempSymbol, { digits: 1 })
+ : "--"}
+
+
+
+ {isEn ? "Path delta" : "路径偏差"} {paceView?.deltaText || "--"}
+
+
+ {isEn ? "Model support" : "模型支持"} {modelValues.length}
+
+
+
+
+
+
+
+
+ {isEn ? "Airport / climate read" : "机场报文与天气解读"}
+
+ {weatherLine || (isEn ? "No weather text decoded yet." : "暂无天气文本解读。")}
+
+ {report
+ ? `${detail.risk?.icao || detail.current?.station_code || ""} ${report}`.trim()
+ : isEn
+ ? "No raw METAR available."
+ : "暂无原始 METAR 报文。"}
+
+ {paceView?.kicker || ""}
+
+
+
+
+
+ {isEn ? "Multi-model support" : "多模型支撑"}
+
+
+
+
+
+ {isEn ? "Loading today analysis for this city..." : "正在加载该城市的今日日内分析..."}
+
+ )}
+
+ );
+}
+
+function AiPinnedForecastView({
+ items,
+ rows,
+ detailsByName,
+ locale,
+ onRemoveCity,
+}: {
+ items: AiPinnedCity[];
+ rows: ScanOpportunityRow[];
+ detailsByName: Record;
+ locale: string;
+ onRemoveCity: (cityName: string) => void;
+}) {
+ const isEn = locale === "en-US";
+ if (!items.length) {
+ return (
+
+
+
+ {isEn ? "Click a city on the map" : "从分布视图点击城市"}
+
+
+ {isEn
+ ? "Selected cities will appear here as pinned AI forecast blocks."
+ : "被点击的城市会加入 AI 预测页，并保留为可固定的城市分析区块。"}
+
+
+
+
+
+ {isEn ? "Pinned city workspace" : "固定城市工作区"}
+
+ {isEn
+ ? `${items.length} cities under AI forecast`
+ : `${items.length} 个城市正在 AI 预测`}
+
+
+
+ {isEn
+ ? "Map clicks add cities here. Pinned city analysis stays here until you remove it."
+ : "地图点击会把城市加入这里；已固定的城市分析会保留，直到你手动移除。"}
+
+
+
+ {items.map((item) => {
+ const detail = findDetailForCity(detailsByName, item.cityName);
+ const row = findRowForCity(rows, item.cityName);
+ const key = normalizeCityKey(item.cityName);
+ return (
+
onRemoveCity(item.cityName)}
+ />
+ );
+ })}
+
+
{card.label}
+ {card.value}
+ {card.note}
+
+ ))}
+
+ );
+}
+
function ScanTerminalScreen() {
const store = useDashboardStore();
const { locale, toggleLocale } = useI18n();
@@ -698,34 +842,20 @@ function ScanTerminalScreen() {
const accountHref = store.proAccess.authenticated
? "/account"
: "/auth/login?next=%2Faccount";
- const [activeFilters, setActiveFilters] = useState(DEFAULT_FILTERS);
- const [terminalData, setTerminalData] = useState(null);
- const [loading, setLoading] = useState(false);
- const [aiLoading, setAiLoading] = useState(false);
- const [aiError, setAiError] = useState(null);
- const [error, setError] = useState(null);
+ const [terminalData] = useState(null);
const [selectedRowId, setSelectedRowId] = useState(null);
const [activeView, setActiveView] = useState("map");
const [mapSelectedCityName, setMapSelectedCityName] = useState(null);
+ const [aiPinnedCities, setAiPinnedCities] = useState([]);
const [showScanPaywall, setShowScanPaywall] = useState(false);
- const [aiLogs, setAiLogs] = useState([]);
const [userLocalTime, setUserLocalTime] = useState("--");
const [themeMode, setThemeMode] = useState("dark");
- const deferredRows = useDeferredValue(terminalData?.rows || []);
- const preloadedSnapshotRef = useRef(null);
+ const lastMapSelectedCityRef = useRef("");
- const prependAiLogs = (entries: ScanAiLogEntry[]) => {
- setAiLogs((current) => [...entries, ...current].slice(0, 8));
- };
const timeSortedRows = useMemo(
- () => sortRowsByUserTime(deferredRows),
- [deferredRows],
+ () => sortRowsByUserTime(terminalData?.rows || []),
+ [terminalData?.rows],
);
- const marketFocus = useMemo(
- () => getMarketFocus(timeSortedRows, locale),
- [locale, timeSortedRows],
- );
-
const selectedRow = useMemo(() => {
if (!timeSortedRows.length) return null;
return timeSortedRows.find((row) => row.id === selectedRowId) || timeSortedRows[0] || null;
@@ -737,6 +867,18 @@ function ScanTerminalScreen() {
mapSelectedCityName || store.selectedCity,
);
}, [mapSelectedCityName, store.selectedCity, timeSortedRows]);
+ const kpiCityName =
+ mapSelectedCityName ||
+ store.selectedCity ||
+ aiPinnedCities[0]?.cityName ||
+ null;
+ const kpiDetail =
+ findDetailForCity(store.cityDetailsByName, kpiCityName) ||
+ (store.selectedDetail &&
+ normalizeCityKey(store.selectedDetail.name) === normalizeCityKey(kpiCityName)
+ ? store.selectedDetail
+ : null);
+ const kpiRow = findRowForCity(timeSortedRows, kpiCityName);
const mapFallbackRow = useMemo(() => {
const rawCityName = mapSelectedCityName || store.selectedCity;
@@ -826,204 +968,8 @@ function ScanTerminalScreen() {
store.selectedDetail,
]);
- const fetchTerminal = async (filters: FilterState, force = false) => {
- if (!isPro) return;
- setLoading(true);
- setAiError(null);
- try {
- const response = await dashboardClient.getScanTerminal(filters, { force });
- const displayRows = response.rows.length
- ? response.rows
- : terminalData?.rows || [];
- startTransition(() => {
- setTerminalData((current) =>
- mergeRefreshingScanSnapshot(current, response, locale),
- );
- setActiveFilters(filters);
- setError(response.status === "failed" ? response.stale_reason || null : null);
- setSelectedRowId((current) => {
- if (current && displayRows.some((row) => row.id === current)) {
- return current;
- }
- return sortRowsByUserTime(displayRows)[0]?.id || response.top_signal?.id || null;
- });
- });
- prependAiLogs([
- {
- id: `rule-${Date.now()}`,
- time: formatLogTime(),
- tone: displayRows.length ? "success" : "warning",
- title: isEn ? "Rule scan snapshot ready" : "规则扫描快照已就绪",
- detail: isEn
- ? `snapshot ${response.snapshot_id || "--"} · ${displayRows.length} visible rows`
- : `快照 ${response.snapshot_id || "--"} · 可见候选 ${displayRows.length} 条`,
- },
- ]);
- } catch (fetchError) {
- setError(String(fetchError));
- } finally {
- setLoading(false);
- }
- };
-
- const runAiReview = async () => {
- if (aiLoading) return;
- if (!terminalData?.rows.length) {
- prependAiLogs([
- {
- id: `no-rows-${Date.now()}`,
- time: formatLogTime(),
- tone: "warning",
- title: isEn ? "V4 not started" : "V4 未启动",
- detail: isEn
- ? "Run the rule scan first. V4 only reviews existing candidate rows."
- : "需要先完成规则扫描。V4 只复核已有候选，不会凭空抓市场。",
- },
- ]);
- return;
- }
- const snapshotId = terminalData.snapshot_id || null;
- const rowCount = terminalData.rows.length;
- prependAiLogs([
- {
- id: `queued-${Date.now()}`,
- time: formatLogTime(),
- tone: "info",
- title: isEn ? "V4 review queued" : "V4 复核已排队",
- detail: isEn
- ? `snapshot ${snapshotId || "--"} · ${rowCount} rule candidates grouped by city`
- : `快照 ${snapshotId || "--"} · ${rowCount} 条候选将按城市分组`,
- },
- {
- id: `send-${Date.now() + 1}`,
- time: formatLogTime(),
- tone: "info",
- title: isEn ? "Sending city-level context" : "正在发送城市级上下文",
- detail: isEn
- ? "Each city includes EMOS distribution, model cluster and contracts."
- : "每城包含 EMOS 分布、模型集群和候选合约。",
- },
- ]);
- setActiveView("list");
- setAiLoading(true);
- setAiError(null);
- try {
- const response = await dashboardClient.reviewScanTerminalWithAi({
- filters: terminalData.filters || activeFilters,
- snapshotId,
- });
- const review = response.ai_scan;
- startTransition(() => {
- setTerminalData(response);
- setActiveFilters(response.filters || activeFilters);
- setError(response.status === "failed" ? response.stale_reason || null : null);
- setSelectedRowId((current) => {
- if (current && response.rows.some((row) => row.id === current)) {
- return current;
- }
- return sortRowsByUserTime(response.rows)[0]?.id || response.top_signal?.id || null;
- });
- });
- prependAiLogs([
- {
- id: `done-${Date.now()}`,
- time: formatLogTime(),
- tone: review?.status === "ready" ? "success" : "warning",
- title:
- review?.status === "ready"
- ? review.cached
- ? isEn
- ? "V4 cache hit"
- : "V4 命中缓存"
- : isEn
- ? "V4 review completed"
- : "V4 复核完成"
- : isEn
- ? "V4 fell back to rule scan"
- : "V4 已回退规则扫描",
- detail:
- review?.status === "ready"
- ? isEn
- ? `${review.model || "V4"} · ${formatDuration(review.duration_ms)} · ${review.sent_cities ?? "--"} cities / ${review.sent_contracts ?? review.sent_rows ?? "--"} contracts · ${review.recommended_count ?? 0} picks / ${review.vetoed_count ?? 0} veto`
- : `${review.model || "V4"} · ${formatDuration(review.duration_ms)} · ${review.sent_cities ?? "--"} 城 / ${review.sent_contracts ?? review.sent_rows ?? "--"} 合约 · 推荐 ${review.recommended_count ?? 0} / 排除 ${review.vetoed_count ?? 0}`
- : review?.reason || (isEn ? "No AI result returned." : "没有返回 AI 结果。"),
- },
- ...(review?.usage
- ? [
- {
- id: `usage-${Date.now() + 1}`,
- time: formatLogTime(),
- tone: "info" as const,
- title: isEn ? "Token usage" : "Token 用量",
- detail: isEn
- ? `input ${review.usage.prompt_tokens ?? "--"} · output ${review.usage.completion_tokens ?? "--"} · total ${review.usage.total_tokens ?? "--"}`
- : `输入 ${review.usage.prompt_tokens ?? "--"} · 输出 ${review.usage.completion_tokens ?? "--"} · 总计 ${review.usage.total_tokens ?? "--"}`,
- },
- ]
- : []),
- ]);
- } catch (reviewError) {
- setAiError(String(reviewError));
- prependAiLogs([
- {
- id: `error-${Date.now()}`,
- time: formatLogTime(),
- tone: "error",
- title: isEn ? "V4 request failed" : "V4 请求失败",
- detail: String(reviewError),
- },
- ]);
- } finally {
- setAiLoading(false);
- }
- };
-
useEffect(() => {
- if (!isPro) return;
- void fetchTerminal(DEFAULT_FILTERS, false);
- }, [isPro]);
-
- useEffect(() => {
- if (!isPro || !terminalData?.rows.length) return;
- const snapshotKey =
- terminalData.snapshot_id ||
- terminalData.generated_at ||
- terminalData.rows.map((row) => row.id).join("|");
- if (!snapshotKey || preloadedSnapshotRef.current === snapshotKey) return;
- preloadedSnapshotRef.current = snapshotKey;
-
- const seen = new Set();
- const cities = sortRowsByUserTime(terminalData.rows)
- .map((row) => String(row.city || row.city_display_name || row.display_name || "").trim())
- .filter((city) => {
- const key = normalizeCityKey(city);
- if (!key || seen.has(key)) return false;
- seen.add(key);
- return true;
- })
- .slice(0, 12);
-
- cities.forEach((cityName) => {
- void store.ensureCityDetail(cityName, false, "market").catch(() => {});
- });
- }, [
- isPro,
- store.ensureCityDetail,
- terminalData?.rows,
- terminalData?.generated_at,
- terminalData?.snapshot_id,
- ]);
-
- useEffect(() => {
- if (!isPro) return;
- const intervalId = window.setInterval(() => {
- void fetchTerminal(activeFilters, false);
- }, SCAN_AUTO_REFRESH_MS);
- return () => window.clearInterval(intervalId);
- }, [activeFilters, isPro]);
-
- useEffect(() => {
- if (!store.proAccess.loading && !isPro && activeView !== "map") {
+ if (!store.proAccess.loading && !isPro && activeView === "calendar") {
setActiveView("map");
}
}, [activeView, isPro, store.proAccess.loading]);
@@ -1053,31 +999,8 @@ function ScanTerminalScreen() {
resolvedView === "map" && mapFocusedCity
? mapFocusedRow || mapFallbackRow
: selectedRow;
- const scanStatus = terminalData?.status || (loading ? "loading" : error ? "failed" : "ready");
- const staleReason =
- terminalData?.stale_reason || error || null;
- const aiScan = terminalData?.ai_scan || null;
- const aiStatusText = aiLoading
- ? isEn
- ? "V4 reviewing"
- : "V4 复核中"
- : aiError
- ? isEn
- ? "V4 failed"
- : "V4 失败"
- : aiScan?.status === "ready"
- ? isEn
- ? aiScan.cached
- ? "V4 cached"
- : "V4 reviewed"
- : aiScan.cached
- ? "V4 缓存"
- : "V4 已复核"
- : aiScan?.status
- ? isEn
- ? "Rule scan"
- : "使用规则扫描"
- : null;
+ const scanStatus = terminalData?.status || "ready";
+ const staleReason = terminalData?.stale_reason || null;
useEffect(() => {
if (!activeDetailRow) return;
@@ -1086,11 +1009,74 @@ function ScanTerminalScreen() {
}
}, [activeDetailRow, store.cityDetailsByName, store.ensureCityDetail]);
+ const addAiPinnedCity = useCallback((cityName: string) => {
+ const cleanName = String(cityName || "").trim();
+ const key = normalizeCityKey(cleanName);
+ if (!key) return;
+ const matchedRow = findRowForCity(timeSortedRows, cleanName);
+ const prettyName = prettifyCityName(cleanName);
+ const displayName =
+ matchedRow?.city_display_name ||
+ matchedRow?.display_name ||
+ getLocalizedCityName(cleanName, prettyName || cleanName, locale) ||
+ prettyName ||
+ cleanName;
+ setAiPinnedCities((current) => {
+ const existing = current.findIndex(
+ (item) => normalizeCityKey(item.cityName) === key,
+ );
+ const nextItem = {
+ cityName: matchedRow?.city || cleanName,
+ displayName,
+ addedAt: Date.now(),
+ };
+ if (existing >= 0) {
+ const next = [...current];
+ next[existing] = { ...next[existing], ...nextItem };
+ return [
+ next[existing],
+ ...next.filter((_, index) => index !== existing),
+ ];
+ }
+ return [nextItem, ...current].slice(0, 8);
+ });
+ void store.ensureCityDetail(cleanName, false, "full").catch(() => {});
+ }, [locale, store.ensureCityDetail, timeSortedRows]);
+
+ const removeAiPinnedCity = useCallback((cityName: string) => {
+ const key = normalizeCityKey(cityName);
+ setAiPinnedCities((current) =>
+ current.filter((item) => normalizeCityKey(item.cityName) !== key),
+ );
+ }, []);
+
+ useEffect(() => {
+ aiPinnedCities.forEach((item) => {
+ if (!findDetailForCity(store.cityDetailsByName, item.cityName)) {
+ void store.ensureCityDetail(item.cityName, false, "full").catch(() => {});
+ }
+ });
+ }, [aiPinnedCities, store.cityDetailsByName, store.ensureCityDetail]);
+
const handleMapCitySelect = useCallback((cityName: string) => {
setMapSelectedCityName(cityName);
+ lastMapSelectedCityRef.current = normalizeCityKey(cityName);
const matchedRow = findRowForCity(timeSortedRows, cityName);
setSelectedRowId(matchedRow?.id || null);
- }, [timeSortedRows]);
+ addAiPinnedCity(cityName);
+ }, [addAiPinnedCity, timeSortedRows]);
+
+ useEffect(() => {
+ if (activeView !== "map") return;
+ const selectedCity = String(store.selectedCity || "").trim();
+ const selectedKey = normalizeCityKey(selectedCity);
+ if (!selectedKey || selectedKey === lastMapSelectedCityRef.current) return;
+ lastMapSelectedCityRef.current = selectedKey;
+ setMapSelectedCityName(selectedCity);
+ const matchedRow = findRowForCity(timeSortedRows, selectedCity);
+ setSelectedRowId(matchedRow?.id || null);
+ addAiPinnedCity(selectedCity);
+ }, [activeView, addAiPinnedCity, store.selectedCity, timeSortedRows]);
const handleSelectRow = useCallback((row: ScanOpportunityRow) => {
const cityName = row.city || row.city_display_name || row.display_name || "";
@@ -1129,6 +1115,17 @@ function ScanTerminalScreen() {