-
{t("tsAccess", isEn)}
-
{t("tsAccessPaid", isEn)}
+
+ {t("tsAccess", isEn)}
+ {t("tsAccessPaid", isEn)}
-
-
{t("tsLayout", isEn)}
-
{t("tsLayoutValue", isEn)}
+
+ {t("tsLayout", isEn)}
+ {t("tsLayoutValue", isEn)}
@@ -883,267 +747,7 @@ function PolyWeatherTerminal({
);
}
-// ─── Layer 2: Authenticated but no active subscription ───────────────────────
-// Shown inside the terminal shell after middleware has confirmed the user is
-// logged in (Layer 1). Presents a targeted upgrade prompt.
-function SubscriptionGate({
- isEn,
- points,
- onPaid,
-}: {
- isEn: boolean;
- points: number;
- onPaid: () => void;
-}) {
- const [showOverlay, setShowOverlay] = useState(false);
- const {
- billing,
- usePoints,
- setUsePoints,
- payBusy,
- errorText,
- infoText,
- txHash,
- chainId,
- tokenSymbol,
- walletAddress,
- handlePay,
- } = useTerminalPay({
- points,
- planPriceUsd: 10,
- onPaid: () => {
- setShowOverlay(false);
- onPaid();
- },
- isEn,
- });
- const handleSubscribeClick = () => {
- setShowOverlay(true);
- };
-
- const features = isEn
- ? [
- "Real-time METAR observations across 500+ stations",
- "DEB forecast blends with 0–240h horizon",
- "AI decision cards with Poly-score ranking",
- "Historical backtesting & weather market signals",
- ]
- : [
- "500+ 气象站实时 METAR 实况",
- "DEB 智能融合预测（0–240 小时）",
- "AI 决策卡片 + Poly-score 排名",
- "历史回测与天气市场交易信号",
- ];
-
- return (
-
-
- {/* Header badge */}
-
-
-
- {t("proAccessRequired", isEn)}
-
-
-
- {/* Main card */}
-
- {/* Card top band */}
-
-
- {isEn
- ? "Unlock the Weather Terminal"
- : "解锁天气交易决策台"}
-
-
- {isEn
- ? "Your account is verified. One step away from full access."
- : "账号已验证，只差一步即可获得完整访问权限。"}
-
-
-
-
- {/* Price */}
-
- $10
-
- {t("month", isEn)}
-
-
-
- {/* Feature list */}
-
- {features.map((f) => (
- -
-
-
-
- {f}
-
- ))}
-
-
- {/* CTA */}
-
-
-
- {isEn
- ? "Cancel anytime · No hidden fees · Instant access after payment"
- : "随时取消 · 无隐藏费用 · 付款后立即解锁"}
-
-
-
-
- {/* Back link */}
-
-
- ← {t("backToProduct", isEn)}
-
-
-
-
- {/* Payment overlay */}
- {showOverlay && (
-
- setUsePoints((prev) => !prev)}
- onPay={() => void handlePay()}
- onClose={() => setShowOverlay(false)}
- payBusy={payBusy}
- payLabel={
- walletAddress
- ? isEn
- ? "Subscribe & Activate"
- : "立即订阅并激活服务"
- : isEn
- ? "Connect Wallet & Subscribe"
- : "连接钱包并订阅"
- }
- errorText={errorText || undefined}
- infoText={infoText || undefined}
- txHash={txHash || undefined}
- chainId={chainId}
- paymentTokenLabel={tokenSymbol}
- locale={isEn ? "en-US" : "zh-CN"}
- faqHref="/subscription-help"
- />
-
- )}
-
- );
-}
-
-// ─── Layer 1 fallback: Should not normally appear (middleware handles it) ─────
-// Shown only when middleware is not configured (no Supabase env).
-function UnauthenticatedGate({
- isEn,
- userLocalTime,
-}: {
- isEn: boolean;
- userLocalTime: string;
-}) {
- return (
-
-
-
-
-
- 
- Terminal
-
- {userLocalTime}
-
-
-
-
-
-
-
- {t("signInToContinue", isEn)}
-
-
- {isEn
- ? "The weather terminal is for verified subscribers only."
- : "天气决策台仅对已验证的付费用户开放。"}
-
-
-
- {isEn ? "Log in" : "登录"}
-
-
- {isEn ? "Create an account" : "注册账号"}
-
-
- {isEn ? "← Learn about PolyWeather" : "← 了解 PolyWeather"}
-
-
-
- );
-}
-
-/** Unified access gate — routes to the correct layer based on auth state */
-function ProductAccessRequired({
- isAuthenticated,
- isEn,
- points,
- onPaid,
- userLocalTime,
-}: {
- isAuthenticated: boolean;
- isEn: boolean;
- points: number;
- onPaid: () => void;
- userLocalTime: string;
-}) {
- // Layer 1 fallback (middleware should catch this first in production)
- if (!isAuthenticated) {
- return
;
- }
- // Layer 2: logged in, no subscription — inline pay overlay
- return (
-
-
-
-
-
-
- Terminal
-
- {userLocalTime}
-
-
-
-
- );
-}
function ScanTerminalScreen() {
const [proAccess, setProAccess] = useState
(() =>
@@ -1240,10 +844,25 @@ function ScanTerminalScreen() {
() => sortRowsByUserTime(terminalData?.rows || []),
[terminalData?.rows],
);
+ const [searchQuery, setSearchQuery] = useState("");
+ const searchInputRef = useRef(null);
+
+ const filteredRows = useMemo(() => {
+ if (!searchQuery.trim()) return rows;
+ const q = searchQuery.toLowerCase().trim();
+ return rows.filter((row) => {
+ const city = (rowName(row) || "").toLowerCase();
+ const airport = (row.airport || "").toLowerCase();
+ const region = ((isEn ? row.trading_region_label : row.trading_region_label_zh) || row.trading_region_label || "").toLowerCase();
+ const signal = (row.ai_decision || row.v4_metar_decision || row.signal_status || "").toLowerCase();
+ return city.includes(q) || airport.includes(q) || region.includes(q) || signal.includes(q);
+ });
+ }, [rows, searchQuery, isEn]);
+
const [selectedId, setSelectedId] = useState(null);
const selectedRow = useMemo(
- () => rows.find((row) => row.id === selectedId) || rows[0] || null,
- [rows, selectedId],
+ () => filteredRows.find((row) => row.id === selectedId) || filteredRows[0] || null,
+ [filteredRows, selectedId],
);
const generatedText = useRelativeTime(terminalData?.generated_at ?? null);
@@ -1318,11 +937,14 @@ function ScanTerminalScreen() {
locale={locale}
onRefresh={refreshScanTerminalManually}
refreshing={scanLoading}
- rows={rows}
+ rows={filteredRows}
selectedRow={selectedRow}
setSelectedRow={(row) => setSelectedId(row.id)}
toggleLocale={toggleLocale}
userLocalTime={userLocalTime}
+ searchQuery={searchQuery}
+ setSearchQuery={setSearchQuery}
+ searchInputRef={searchInputRef}
/>
);
}
diff --git a/frontend/components/dashboard/scan-terminal/GroupedMarketTable.tsx b/frontend/components/dashboard/scan-terminal/GroupedMarketTable.tsx
new file mode 100644
index 00000000..0b515e7d
--- /dev/null
+++ b/frontend/components/dashboard/scan-terminal/GroupedMarketTable.tsx
@@ -0,0 +1,156 @@
+"use client";
+
+import { Fragment, useState } from "react";
+import clsx from "clsx";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import type { ScanOpportunityRow } from "@/lib/dashboard-types";
+import {
+ type ContinentGroup,
+ formatPrice,
+ formatSpreadLiquidity,
+ GAP_COLOR_MAP,
+ getGapColor,
+ getSignalLabel,
+ getSignalState,
+ getDefaultExpanded,
+} from "@/components/dashboard/scan-terminal/continent-grouping";
+import { rowName, temp, pct, edgeClass } from "./utils";
+
+export function GroupedMarketTable({
+ groups,
+ isEn,
+ onSelect,
+ selectedId,
+}: {
+ groups: ContinentGroup[];
+ isEn: boolean;
+ onSelect: (row: ScanOpportunityRow) => void;
+ selectedId?: string | null;
+}) {
+ const [collapsed, setCollapsed] = useState>(() => {
+ const c = new Set();
+ const defaultExpanded = getDefaultExpanded(groups);
+ for (const g of groups) {
+ if (!defaultExpanded.has(g.key)) c.add(g.key);
+ }
+ return c;
+ });
+
+ const toggleGroup = (key: string) => {
+ setCollapsed((prev) => {
+ const next = new Set(prev);
+ if (next.has(key)) next.delete(key);
+ else next.add(key);
+ return next;
+ });
+ };
+
+ const labelActive = isEn ? "Active" : "活跃";
+ const labelWatch = isEn ? "Watch" : "观察";
+
+ return (
+
+
+
+
+ | City |
+ Obs |
+ High |
+ DEB |
+ Gap |
+ Market |
+ Edge |
+ Spr/Liq |
+ Signal |
+
+
+
+ {groups.map((group) => {
+ const isExpanded = !collapsed.has(group.key);
+ const label = isEn ? group.labelEn : group.labelZh;
+ return (
+
+ {/* Group header row */}
+
+ |
+
+ |
+
+ {/* Data rows */}
+ {isExpanded &&
+ group.rows.map((row) => {
+ const signal = getSignalState(row);
+ const gapColor = GAP_COLOR_MAP[getGapColor(row)];
+ return (
+ onSelect(row)}
+ >
+ |
+ {rowName(row)}
+
+ {row.airport || ""}{row.local_time ? ` · ${row.local_time}` : ""}
+
+ |
+
+ {temp(row.current_temp, row.temp_symbol)}
+ |
+
+ {temp(row.current_max_so_far, row.temp_symbol)}
+ |
+
+ {temp(row.deb_prediction, row.temp_symbol)}
+ |
+
+ {temp(row.signed_gap ?? row.gap_to_target, row.temp_symbol)}
+ |
+
+ {formatPrice(row.midpoint, row.ask, row.bid)}
+ |
+
+ {pct(row.edge_percent)}
+ |
+
+ {formatSpreadLiquidity(row.spread, row.book_liquidity ?? row.market_liquidity)}
+ |
+
+
+ {getSignalLabel(signal, isEn)}
+
+ |
+
+ );
+ })}
+
+ );
+ })}
+
+
+
+
+
+ {title}
+
+
+ {actions}
+
+ ↗
+
+
+
+ {children}
+
+
+ );
+}
diff --git a/frontend/components/dashboard/scan-terminal/ProductAccessRequired.tsx b/frontend/components/dashboard/scan-terminal/ProductAccessRequired.tsx
new file mode 100644
index 00000000..fa2546a5
--- /dev/null
+++ b/frontend/components/dashboard/scan-terminal/ProductAccessRequired.tsx
@@ -0,0 +1,276 @@
+"use client";
+
+import { useState } from "react";
+import Link from "next/link";
+import { LockKeyhole, CreditCard, LogIn } from "lucide-react";
+import { UnlockProOverlay } from "@/components/subscription/UnlockProOverlay";
+import { useTerminalPay } from "@/components/subscription/useTerminalPay";
+
+const ACCESS_TERM = {
+ signInToContinue: { en: "Sign in to continue", zh: "请先登录" },
+ proAccessRequired: { en: "Pro Access Required", zh: "需要付费订阅" },
+ month: { en: "/ month", zh: "/ 月" },
+ subscribeNow: { en: "Subscribe Now — $10/mo", zh: "立即订阅 — $10/月" },
+ backToProduct: { en: "Back to product overview", zh: "返回产品介绍页" },
+} as const;
+
+function t(key: keyof typeof ACCESS_TERM, isEn: boolean) {
+ return isEn ? ACCESS_TERM[key].en : ACCESS_TERM[key].zh;
+}
+
+// ─── Layer 2: Authenticated but no active subscription ───────────────────────
+function SubscriptionGate({
+ isEn,
+ points,
+ onPaid,
+}: {
+ isEn: boolean;
+ points: number;
+ onPaid: () => void;
+}) {
+ const [showOverlay, setShowOverlay] = useState(false);
+ const {
+ billing,
+ usePoints,
+ setUsePoints,
+ payBusy,
+ errorText,
+ infoText,
+ txHash,
+ chainId,
+ tokenSymbol,
+ walletAddress,
+ handlePay,
+ } = useTerminalPay({
+ points,
+ planPriceUsd: 10,
+ onPaid: () => {
+ setShowOverlay(false);
+ onPaid();
+ },
+ isEn,
+ });
+
+ const handleSubscribeClick = () => {
+ setShowOverlay(true);
+ };
+
+ const features = isEn
+ ? [
+ "Real-time METAR observations across 500+ stations",
+ "DEB forecast blends with 0–240h horizon",
+ "AI decision cards with Poly-score ranking",
+ "Historical backtesting & weather market signals",
+ ]
+ : [
+ "500+ 气象站实时 METAR 实况",
+ "DEB 智能融合预测（0–240 小时）",
+ "AI 决策卡片 + Poly-score 排名",
+ "历史回测与天气市场交易信号",
+ ];
+
+ return (
+
+
+ {/* Header badge */}
+
+
+
+ {t("proAccessRequired", isEn)}
+
+
+
+ {/* Main card */}
+
+ {/* Card top band */}
+
+
+ {isEn
+ ? "Unlock the Weather Terminal"
+ : "解锁天气交易决策台"}
+
+
+ {isEn
+ ? "Your account is verified. One step away from full access."
+ : "账号已验证，只差一步即可获得完整访问权限。"}
+
+
+
+
+ {/* Price */}
+
+ $10
+
+ {t("month", isEn)}
+
+
+
+ {/* Feature list */}
+
+ {features.map((f) => (
+ -
+
+
+
+ {f}
+
+ ))}
+
+
+ {/* CTA */}
+
+
+
+ {isEn
+ ? "Cancel anytime · No hidden fees · Instant access after payment"
+ : "随时取消 · 无隐藏费用 · 付款后立即解锁"}
+
+
+
+
+ {/* Back link */}
+
+
+ ← {t("backToProduct", isEn)}
+
+
+
+
+ {/* Payment overlay */}
+ {showOverlay && (
+
+ setUsePoints((prev) => !prev)}
+ onPay={() => void handlePay()}
+ onClose={() => setShowOverlay(false)}
+ payBusy={payBusy}
+ payLabel={
+ walletAddress
+ ? isEn
+ ? "Subscribe & Activate"
+ : "立即订阅并激活服务"
+ : isEn
+ ? "Connect Wallet & Subscribe"
+ : "连接钱包并订阅"
+ }
+ errorText={errorText || undefined}
+ infoText={infoText || undefined}
+ txHash={txHash || undefined}
+ chainId={chainId}
+ paymentTokenLabel={tokenSymbol}
+ locale={isEn ? "en-US" : "zh-CN"}
+ faqHref="/subscription-help"
+ />
+
+ )}
+
+
+
+
+
+
+ Terminal
+
+ {userLocalTime}
+
+
+
+
+
+
+
+ {t("signInToContinue", isEn)}
+
+
+ {isEn
+ ? "The weather terminal is for verified subscribers only."
+ : "天气决策台仅对已验证的付费用户开放。"}
+
+
+
+ {isEn ? "Log in" : "登录"}
+
+
+ {isEn ? "Create an account" : "注册账号"}
+
+
+ {isEn ? "← Learn about PolyWeather" : "← 了解 PolyWeather"}
+
+
+
+
+
+
+
+
+ Terminal
+
+ {userLocalTime}
+
+
+
+
+ {/* Metrics Header */}
+
+
+
+
+ {isEn ? "Runway Temp (1m)" : "测温实况 (1分钟)"}
+
+
+ {baseT.toFixed(1)}°C
+
+
+
+
+ {isEn ? "METAR Est (30m)" : "METAR 估算 (30分钟)"}
+
+
+ {(baseT + 0.1).toFixed(1)}°C
+
+
+
+
+
+ {isEn ? "Today's Peak Temp:" : "当日最高气温:"}
+
+
+
+ {isEn ? "Runway Max:" : "跑温实况:"} {(baseT + 0.15).toFixed(1)}°C
+
+
+ {isEn ? "METAR Official:" : "METAR 官方:"} {(baseT + 0.1).toFixed(1)}°C
+
+
+ {isEn ? "UMA Threshold:" : "UMA 阈值:"} {(row?.target_threshold ?? row?.target_value ?? 30.0).toFixed(1)}°C
+
+
+
+
+
+ {/* Runway Table */}
+
+
+
+
+ | {isEn ? "Runway" : "跑道 (Runway)"} |
+ TDZ |
+ MID |
+ END |
+ Max |
+ High |
+ 15m |
+
+
+
+ {[
+ { name: "01L/19R", tdz: (baseT - 0.05).toFixed(1), mid: "--", end: (baseT - 0.05).toFixed(1), max: (baseT - 0.05).toFixed(1), high: (baseT + 0.35).toFixed(1), m15: "0.0", isSettlement: false },
+ { name: "01R/19L", tdz: (baseT).toFixed(1), mid: "--", end: (baseT).toFixed(1), max: (baseT).toFixed(1), high: (baseT + 0.55).toFixed(1), m15: "-0.3", isSettlement: false },
+ { name: "02L/20R 结算跑道", tdz: (baseT).toFixed(1), mid: "--", end: (baseT).toFixed(1), max: (baseT).toFixed(1), high: (baseT + 0.15).toFixed(1), m15: "0.0", isSettlement: true },
+ { name: "02R/20L", tdz: (baseT + 0.2).toFixed(1), mid: "--", end: (baseT + 0.2).toFixed(1), max: (baseT + 0.2).toFixed(1), high: (baseT + 0.75).toFixed(1), m15: "-0.5", isSettlement: false },
+ { name: "03/21", tdz: (baseT - 0.4).toFixed(1), mid: "--", end: (baseT - 0.4).toFixed(1), max: (baseT - 0.4).toFixed(1), high: (baseT - 0.25).toFixed(1), m15: "0.0", isSettlement: false },
+ ].map((r, i) => (
+
+ |
+ {r.isSettlement && }
+ {r.name}
+ {r.isSettlement && {isEn ? "Settlement" : "结算"}}
+ |
+ {r.tdz}°C |
+ {r.mid} |
+ {r.end}°C |
+ {r.max}°C |
+ {r.high}°C |
+
+ {r.m15}°C
+ |
+
+ ))}
+
+
+
+
+ {/* Chart */}
+
+
+
+
+
+ `${v}°`}
+ />
+
+
+
+
+
+
+
+
+
+
+
+