| 策略 Screener | |||
|
- |
+ |
+ |
| 回测 Backtest | 监控中心 Monitor | ||
|
- |
-
+ |
+ |
| 连板梯队 Limit Ladder | -概念分析 Concept | +概念分析 Concept | |
|
- |
+ |
+ |
+
{renderInline(trimmed, `p-${key}`)}
, ) diff --git a/frontend/src/lib/reviewStore.ts b/frontend/src/lib/reviewStore.ts new file mode 100644 index 0000000..78473ef --- /dev/null +++ b/frontend/src/lib/reviewStore.ts @@ -0,0 +1,162 @@ +/** + * 复盘生成状态的全局单例 store —— 脱离 Review 组件生命周期。 + * + * 解决的问题:生成中切换到其他页面,Review 组件卸载会丢失 phase/content。 + * 本 store 把流式生成的状态提到模块级,组件卸载后流仍在后台继续跑, + * 回到页面订阅即可恢复显示。 + * + * 设计: + * - 模块级 state(phase/content/meta/focus),唯一的生成实例 + * - AbortController 存模块级 ref,组件卸载不中断流 + * - 订阅者列表(notify 机制),Review mount 时订阅、unmount 时退订 + */ +import { api } from '@/lib/api' + +export type ReviewPhase = 'idle' | 'loading' | 'streaming' | 'done' | 'error' + +export interface ReviewMeta { + as_of?: string + emotion_score?: number + emotion_label?: string + summary?: string +} + +export interface ReviewState { + phase: ReviewPhase + content: string + error: string + meta: ReviewMeta | null + focus: string +} + +const INITIAL: ReviewState = { phase: 'idle', content: '', error: '', meta: null, focus: '' } + +// ===== 模块级单例状态(组件卸载不销毁)===== +let state: ReviewState = { ...INITIAL } +let abortCtrl: AbortController | null = null + +// ===== 订阅机制 ===== +type Listener = () => void +const listeners = new Set财务数据接口仅 Expert 套餐可用。升级后此页自动显示财务数据面板。
+ {/* 当前财务数据源(TickFlow)需付费,后续将接入免费数据源;期间欢迎在 issues 推荐免费源 */} + diff --git a/frontend/src/pages/Review.tsx b/frontend/src/pages/Review.tsx index 36c7674..14d5a3a 100644 --- a/frontend/src/pages/Review.tsx +++ b/frontend/src/pages/Review.tsx @@ -1,10 +1,10 @@ /** - * AI 大盘复盘页 —— 盘后复盘看板 + 流式 LLM 复盘报告 + 历史归档。 + * AI 大盘复盘页 —— 以流式 LLM 复盘报告为主体的盘后复盘工作台。 * - * 数据分工: - * - 顶部看板(指数/涨跌/连板/封板/情绪雷达)来自 GET /api/overview/market - * - 复盘报告(markdown)由 POST /api/market-recap/analyze 流式生成 - * 视觉语言对齐 Dashboard:A 股红涨绿跌、rounded-card 卡片、SectionTitle 层级。 + * 设计定位:极简专注型。不复刻 Dashboard 的看板(KPI/雷达/板块排名), + * 仅保留一行「市场摘要条」作为报告上下文参照;AI 报告 + 历史归档是页面主体。 + * - 摘要数据:GET /api/overview/market + * - 报告流式:POST /api/market-recap/analyze */ import { useCallback, useEffect, useRef, useState } from 'react' import { Link } from 'react-router-dom' @@ -12,16 +12,21 @@ import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query' import { motion } from 'framer-motion' import { BookOpenCheck, RefreshCw, Sparkles, Trash2, History, ChevronRight, AlertTriangle, - BarChart3, Activity, Layers, ArrowUpRight, ArrowDownRight, Database, Wand2, + Database, Wand2, Copy, Download, } from 'lucide-react' import { api, type OverviewMarket, type AiReviewReport } from '@/lib/api' import { QK } from '@/lib/queryKeys' import { cn } from '@/lib/cn' -import { fmtPrice } from '@/lib/format' +import { fmtBigNum } from '@/lib/format' import { PageHeader } from '@/components/PageHeader' import { MarkdownRenderer } from '@/components/financials/MarkdownRenderer' import { toast } from '@/components/Toast' +import { useReviewState } from '@/lib/useReviewStore' +import { + startReviewGeneration, resetReview, isReviewGenerating, + type ReviewPhase, +} from '@/lib/reviewStore' // ================================================================ // 涨跌幅格式化(注意单位差异) @@ -47,19 +52,27 @@ function scoreColor(v: number | null | undefined): string { return '#12B76A' } -type Phase = 'idle' | 'loading' | 'streaming' | 'done' | 'error' +// 归档时刻格式化:ISO → "MM-DD HH:mm"(用于历史列表显示复盘时间) +function fmtArchivedAt(iso: string): string { + const d = new Date(iso) + if (Number.isNaN(d.getTime())) return iso + const mm = String(d.getMonth() + 1).padStart(2, '0') + const dd = String(d.getDate()).padStart(2, '0') + const hh = String(d.getHours()).padStart(2, '0') + const mi = String(d.getMinutes()).padStart(2, '0') + return `${mm}-${dd} ${hh}:${mi}` +} + +// Phase 类型复用 store 的定义(单一来源) export function Review() { const qc = useQueryClient() // 复盘日期:当前固定取最新交易日(后续如需日期选择可改回 useState) const asOf: string | undefined = undefined const [focus, setFocus] = useState('') - const [phase, setPhase] = useState- 点击右上角「生成复盘」,基于今日指数结构、涨跌家数、连板梯队、板块轮动与情绪雷达, - 生成可直接指导次日仓位与节奏的盘后复盘报告。 +
+ 一键生成今日盘后复盘报告 —— 从一句话定调到明日交易计划, + 结构化输出可直接指导次日仓位与节奏。