From 33f9db43b1a8e3e0e4b0a60609e81f7eee774c90 Mon Sep 17 00:00:00 2001 From: leefer Date: Thu, 6 Aug 2026 22:54:46 +0800 Subject: [PATCH] chore: create Multica handoff checkpoint --- app/backend/features/mentor/agent.py | 77 +- app/backend/features/mentor/service.py | 26 +- app/config/architecture-inventory.json | 82 +- app/docs/HANDOFF.md | 320 ++ app/docs/README.md | 4 +- .../ISSUE-001-finalize-mentor-redesign.md | 42 + ...E-002-checkpoint-current-pc-visual-work.md | 35 + app/docs/issues/ISSUE-003-mobile-redesign.md | 26 + .../issues/ISSUE-004-full-ic-multifactor.md | 34 + .../ISSUE-005-policy-macro-overnight-data.md | 25 + .../ISSUE-006-analyst-consensus-data.md | 20 + app/docs/issues/ISSUE-007-level2-auction.md | 20 + .../ISSUE-008-hot-money-profile-history.md | 20 + .../ISSUE-009-documentation-status-drift.md | 26 + .../ISSUE-010-live-provider-llm-readiness.md | 26 + .../ISSUE-011-public-deployment-hardening.md | 24 + app/docs/issues/README.md | 19 + .../product/小白复盘-完整产品规格说明书.md | 4 + app/frontend/index.html | 59 +- app/frontend/pages.config.js | 12 +- app/frontend/pages/auction/foundation.css | 110 +- .../pages/dragon-tiger/foundation.css | 45 +- app/frontend/pages/dragon-tiger/page.js | 2 +- app/frontend/pages/heaven/foundation.css | 27 +- app/frontend/pages/ladder/foundation.css | 103 +- app/frontend/pages/market/foundation.css | 6 +- app/frontend/pages/market/preview.js | 12 +- app/frontend/pages/mentor/foundation.css | 3167 ++++------------- app/frontend/pages/mentor/page.html | 121 +- app/frontend/pages/mentor/page.js | 126 +- app/frontend/pages/pools/foundation.css | 90 +- app/frontend/pages/popularity/foundation.css | 21 +- app/frontend/pages/review/foundation.css | 50 +- app/frontend/pages/rotation/foundation.css | 19 +- app/frontend/pages/screener/foundation.css | 78 +- app/frontend/pages/screener/page.js | 2 +- app/frontend/pages/sentiment/foundation.css | 106 +- app/frontend/pages/themes/foundation.css | 32 +- app/frontend/shared/auth.css | 10 +- app/frontend/shared/base.css | 29 +- app/frontend/shared/components/cards.css | 4 +- app/frontend/shared/components/controls.css | 124 +- app/frontend/shared/components/dialogs.css | 8 +- app/frontend/shared/components/feedback.css | 6 +- app/frontend/shared/components/navigation.css | 42 +- app/frontend/shared/components/tables.css | 2 +- app/frontend/shared/shell.css | 453 ++- app/frontend/shared/shell.js | 44 +- app/frontend/shared/tokens.css | 32 +- app/tests/e2e/app-shell.spec.js | 136 +- app/tests/test_mentor_stream.py | 29 + 51 files changed, 3054 insertions(+), 2883 deletions(-) create mode 100644 app/docs/HANDOFF.md create mode 100644 app/docs/issues/ISSUE-001-finalize-mentor-redesign.md create mode 100644 app/docs/issues/ISSUE-002-checkpoint-current-pc-visual-work.md create mode 100644 app/docs/issues/ISSUE-003-mobile-redesign.md create mode 100644 app/docs/issues/ISSUE-004-full-ic-multifactor.md create mode 100644 app/docs/issues/ISSUE-005-policy-macro-overnight-data.md create mode 100644 app/docs/issues/ISSUE-006-analyst-consensus-data.md create mode 100644 app/docs/issues/ISSUE-007-level2-auction.md create mode 100644 app/docs/issues/ISSUE-008-hot-money-profile-history.md create mode 100644 app/docs/issues/ISSUE-009-documentation-status-drift.md create mode 100644 app/docs/issues/ISSUE-010-live-provider-llm-readiness.md create mode 100644 app/docs/issues/ISSUE-011-public-deployment-hardening.md create mode 100644 app/docs/issues/README.md diff --git a/app/backend/features/mentor/agent.py b/app/backend/features/mentor/agent.py index f7c53fb..5109129 100644 --- a/app/backend/features/mentor/agent.py +++ b/app/backend/features/mentor/agent.py @@ -15,6 +15,11 @@ class MentorAgentError(RuntimeError): pass +FOLLOW_UP_START = "" +FOLLOW_UP_END = "" +MAX_FOLLOW_UP_LENGTH = 80 + + @dataclass(frozen=True) class MentorSkill: skill_id: str @@ -185,6 +190,8 @@ def stream_with_mentor( base_url: str, model: str, timeout: int = 90, + *, + follow_ups: list[str] | None = None, ) -> Iterator[str]: if not api_key or not model: raise MentorAgentError("LLM API Key 或模型尚未配置。") @@ -193,8 +200,10 @@ def stream_with_mentor( messages = [{"role": "system", "content": system_prompt}] messages.extend(history[-10:]) messages.append({"role": "user", "content": question}) + if follow_ups is not None: + follow_ups.clear() try: - yield from llm_transport.stream_chat_completion( + upstream = llm_transport.stream_chat_completion( api_key=api_key, base_url=base_url, model=model, @@ -202,6 +211,7 @@ def stream_with_mentor( timeout=timeout, user_agent="XiaobaiReviewWeb/0.6", ) + yield from _stream_answer_and_collect_follow_ups(upstream, follow_ups) except llm_transport.OpenAIEmptyResponseError as exc: raise MentorAgentError("问师模型未返回有效内容。") from exc except llm_transport.OpenAIHTTPError as exc: @@ -223,6 +233,10 @@ def _build_system_prompt(skill: MentorSkill, market_context: dict[str, Any]) -> 5. 优先回答用户真正的问题。市场分析通常按“判断、数据依据、思维模型下的应对、失效条件”组织；纯交易心理或方法问题可以自然回答，不强制套模板。 6. 保留该 Skill 的核心心智模型和表达节奏，但不要复述身份履历，不要宣称自己就是真人，不攻击或贬低用户。 7. 使用中文，信息密度高，避免空泛口号。引用数字时标明数据日期。 +8. 正文结束后必须输出2至3条与本轮问题和正文直接相关的追问。追问用于帮助用户继续核实条件、风险或失效边界，不得引入正文没有依据的新事实，不得给出无条件买卖指令。严格使用以下机器结构，不要放进Markdown代码块，结束标签后不要再输出文字： + +["追问一？","追问二？","追问三？"] + 网页市场数据： {context_json} @@ -233,6 +247,67 @@ def _build_system_prompt(skill: MentorSkill, market_context: dict[str, Any]) -> """.strip() +def _stream_answer_and_collect_follow_ups( + chunks: Iterator[str], follow_ups: list[str] | None +) -> Iterator[str]: + buffer = "" + collecting = False + for raw_chunk in chunks: + chunk = str(raw_chunk or "") + if not chunk: + continue + buffer += chunk + if collecting: + continue + marker_index = buffer.find(FOLLOW_UP_START) + if marker_index >= 0: + if marker_index: + yield buffer[:marker_index] + buffer = buffer[marker_index + len(FOLLOW_UP_START):] + collecting = True + continue + overlap = _marker_prefix_overlap(buffer, FOLLOW_UP_START) + emit_length = len(buffer) - overlap + if emit_length: + yield buffer[:emit_length] + buffer = buffer[emit_length:] + + if not collecting: + if buffer: + yield buffer + return + raw_follow_ups = buffer.split(FOLLOW_UP_END, 1)[0].strip() + parsed = _parse_follow_ups(raw_follow_ups) + if follow_ups is not None and len(parsed) >= 2: + follow_ups.extend(parsed) + + +def _marker_prefix_overlap(value: str, marker: str) -> int: + max_length = min(len(value), len(marker) - 1) + for length in range(max_length, 0, -1): + if value.endswith(marker[:length]): + return length + return 0 + + +def _parse_follow_ups(payload: str) -> list[str]: + try: + values = json.loads(payload) + except (TypeError, json.JSONDecodeError): + return [] + if not isinstance(values, list): + return [] + result: list[str] = [] + for value in values: + question = re.sub(r"\s+", " ", str(value or "")).strip() + if not question or len(question) > MAX_FOLLOW_UP_LENGTH or question in result: + continue + result.append(question) + if len(result) == 3: + break + return result + + def _parse_frontmatter(content: str) -> dict[str, str]: if not content.startswith("---"): return {} diff --git a/app/backend/features/mentor/service.py b/app/backend/features/mentor/service.py index ab1c0df..637d958 100644 --- a/app/backend/features/mentor/service.py +++ b/app/backend/features/mentor/service.py @@ -129,9 +129,10 @@ class MentorServiceMixin: def generate(): answer_parts: list[str] = [] + follow_ups: list[str] = [] events = self.llm_gateway.stream( "mentor", - f"mentor-skill-v1:{skill.skill_id}", + f"mentor-skill-v2:{skill.skill_id}", lambda profile: stream_with_mentor( skill, context, @@ -140,6 +141,7 @@ class MentorServiceMixin: profile.api_key, profile.base_url, profile.model, + follow_ups=follow_ups, ), (MentorAgentError,), ) @@ -160,6 +162,7 @@ class MentorServiceMixin: yield { "type": "meta", "data_trade_date": context["data_trade_date"], + "follow_ups": follow_ups or self._mentor_follow_up_fallback(question), "notice": "智能解读已自动切换可用服务。" if event.role == "fallback" else "", @@ -167,6 +170,27 @@ class MentorServiceMixin: return generate() + @staticmethod + def _mentor_follow_up_fallback(question: str) -> list[str]: + normalized = question.strip() + if any(keyword in normalized for keyword in ("风险", "亏损", "回撤", "止损")): + return [ + "这些风险最早会从哪些信号中暴露？", + "哪些变化会让当前风险判断失效？", + "如果风险继续扩大，仓位预案应如何调整？", + ] + if any(keyword in normalized for keyword in ("股票", "个股", "代码", "怎么看")): + return [ + "这个判断最关键的确认信号是什么？", + "哪些变化会让当前结论失效？", + "明日盘中应该优先观察哪些数据？", + ] + return [ + "这个判断最关键的确认依据是什么？", + "哪些变化会让当前结论失效？", + "下一步应该优先观察什么？", + ] + def mentor_messages(self, mentor_id: str, trade_date: str) -> list[dict[str, Any]]: mentor_id = validate_text(mentor_id, "问师角色", 100, required=True) trade_date = normalize_date(trade_date) diff --git a/app/config/architecture-inventory.json b/app/config/architecture-inventory.json index 1e68511..9cca123 100644 --- a/app/config/architecture-inventory.json +++ b/app/config/architecture-inventory.json @@ -370,29 +370,29 @@ } ], "css_layers": [ - "/shared/tokens.css?v=20260729-1", - "/shared/base.css?v=20260802-5", - "/shared/shell.css?v=20260802-5", - "/shared/auth.css?v=20260802-5", - "/shared/components/controls.css?v=20260802-5", - "/shared/components/navigation.css?v=20260802-5", - "/shared/components/cards.css?v=20260802-5", - "/shared/components/tables.css?v=20260802-5", - "/shared/components/dialogs.css?v=20260802-5", - "/shared/components/feedback.css?v=20260802-5", - "/pages/market/foundation.css?v=20260802-5", - "/pages/sentiment/foundation.css?v=20260802-5", - "/pages/pools/foundation.css?v=20260802-5", - "/pages/ladder/foundation.css?v=20260802-5", - "/pages/rotation/foundation.css?v=20260802-5", - "/pages/auction/foundation.css?v=20260802-5", - "/pages/themes/foundation.css?v=20260802-5", - "/pages/popularity/foundation.css?v=20260802-5", - "/pages/dragon-tiger/foundation.css?v=20260802-5", - "/pages/screener/foundation.css?v=20260804-1", - "/pages/mentor/foundation.css?v=20260802-5", - "/pages/heaven/foundation.css?v=20260804-3", - "/pages/review/foundation.css?v=20260802-5" + "/shared/tokens.css?v=20260806-2", + "/shared/base.css?v=20260806-1", + "/shared/shell.css?v=20260806-2", + "/shared/auth.css?v=20260806-1", + "/shared/components/controls.css?v=20260806-1", + "/shared/components/navigation.css?v=20260806-1", + "/shared/components/cards.css?v=20260806-1", + "/shared/components/tables.css?v=20260806-1", + "/shared/components/dialogs.css?v=20260806-1", + "/shared/components/feedback.css?v=20260806-1", + "/pages/market/foundation.css?v=20260806-1", + "/pages/sentiment/foundation.css?v=20260806-2", + "/pages/pools/foundation.css?v=20260806-2", + "/pages/ladder/foundation.css?v=20260806-1", + "/pages/rotation/foundation.css?v=20260806-1", + "/pages/auction/foundation.css?v=20260806-2", + "/pages/themes/foundation.css?v=20260806-1", + "/pages/popularity/foundation.css?v=20260806-1", + "/pages/dragon-tiger/foundation.css?v=20260806-1", + "/pages/screener/foundation.css?v=20260806-2", + "/pages/mentor/foundation.css?v=20260806-2", + "/pages/heaven/foundation.css?v=20260806-2", + "/pages/review/foundation.css?v=20260806-1" ], "frontend_composition": { "shell": "frontend/index.html", @@ -436,19 +436,24 @@ "code_hotspots": [ { "path": "frontend/pages/heaven/foundation.css", - "bytes": 185468, - "lines": 11721 + "bytes": 185936, + "lines": 11734 }, { "path": "frontend/pages/screener/foundation.css", - "bytes": 101609, - "lines": 6509 + "bytes": 102987, + "lines": 6565 }, { "path": "frontend/pages/heaven/page.js", "bytes": 97189, "lines": 2069 }, + { + "path": "frontend/shared/shell.css", + "bytes": 51978, + "lines": 3224 + }, { "path": "backend/features/heaven/engine.py", "bytes": 51764, @@ -456,13 +461,8 @@ }, { "path": "frontend/index.html", - "bytes": 44688, - "lines": 632 - }, - { - "path": "frontend/shared/shell.css", - "bytes": 40845, - "lines": 2825 + "bytes": 45846, + "lines": 643 }, { "path": "backend/features/screener/catalog.py", @@ -471,8 +471,8 @@ }, { "path": "frontend/pages/auction/foundation.css", - "bytes": 32995, - "lines": 2317 + "bytes": 34990, + "lines": 2409 }, { "path": "database.py", @@ -644,6 +644,11 @@ "bytes": 6202, "lines": 141 }, + { + "path": "frontend/pages/mentor/page.html", + "bytes": 6190, + "lines": 89 + }, { "path": "backend/features/screener/selection.py", "bytes": 6092, @@ -659,11 +664,6 @@ "bytes": 5690, "lines": 124 }, - { - "path": "frontend/pages/mentor/page.html", - "bytes": 5501, - "lines": 72 - }, { "path": "backend/data/providers/tushare_indices.py", "bytes": 5451, diff --git a/app/docs/HANDOFF.md b/app/docs/HANDOFF.md new file mode 100644 index 0000000..d793cb1 --- /dev/null +++ b/app/docs/HANDOFF.md @@ -0,0 +1,320 @@ +# 小白复盘项目交接说明 + +> 核实日期：2026-08-06（Asia/Shanghai） +> 正式源码边界：`webapp/app/` +> 产品行为基准：`docs/product/小白复盘-完整产品规格说明书.md` + +本文件不是聊天摘要。内容以当前仓库、配置注册表、测试、Git 状态和产品规格交叉核实为准。后续维护者应先阅读根目录 `AGENTS.md`、`ARCHITECTURE.md`、本文件和产品规格，再修改代码。 + +## 0. 状态口径与证据 + +本文使用四种状态，不能混用： + +- **已实现**：当前正式源码中存在对应实现。 +- **自动验证通过**：有测试或注册表检查证明，不等同于人工视觉验收。 +- **人工已验收**：用户已经确认迁移后的正式 `app/` 在功能和视觉上与迁移前等价；该结论只覆盖当时基线。 +- **待验收/待实现**：代码尚未完成，或虽已写入工作区但尚未取得本轮人工确认和 Git 回档点。 + +### 0.1 Git 与运行快照 + +- 分支：`main`。 +- 当前提交：`bd97ba1 feat: unify trading workspace visual system`。 +- `HEAD` 与 `origin/main` 一致；远端为内部 Gitea 仓库。 +- 生成本文前工作区已有 37 个修改文件，约 `2490` 行新增、`2958` 行删除，主要是全站视觉调整和最新问师改造；这些改动不是本文创建的，禁止丢弃。 +- 生成本文时 `8797` 端口没有监听进程，因此实时数据源和 LLM 的运行可用性没有通过在线健康检查确认。 +- 当前正式数据库为 `data/review.db`，使用 SQLite WAL；数据库、`.env`、Token、私有 Skill、日志和运行产物不进入 Git。 +- 本轮文档生成后的自动验证结果见本文末尾“验证记录”。 + +## 1. 项目目标和当前状态 + +### 1.1 项目目标 + +小白复盘是面向 A 股盘后复盘和盘前观察的本地/局域网 Web 工作台。目标不是自动交易，而是把真实行情、市场情绪、涨跌停结构、集合竞价、板块题材、选股、思维模型问答、传统文化观察和个人复盘放在一套可追溯、可复现、账号隔离的系统中。 + +产品必须坚持以下底线： + +1. 不使用演示行情冒充真实数据，不静默混用日期、单位、复权或数据源。 +2. 计算型数据缺失时失败关闭；公开网页源只允许作为已登记的展示兜底。 +3. 阶段、策略筛选、情绪、观势取象和六爻排盘由确定性程序完成；LLM 只编译自然语言条件或解释确定性结果。 +4. 用户自选、复盘、交易日志、问师/问天历史等私有数据必须按账号隔离。 +5. PC 端优先达到稳定、精致、可长期维护；移动端必须独立设计，不能把 PC 页面简单压缩。 + +### 1.2 当前状态 + +正式版本已经从历史混乱目录保真迁入 `webapp/app/`，用户已人工确认迁移本身在功能和视觉上成功。项目已经完成模块化单体边界、页面碎片化、数据网关、LLM 网关、后台任务、数据库迁移、注册表和统一验收工具等结构治理。 + +当前不是“从零重写”状态，也不应再次从旧根目录或失败的 `next/` 复制实现。现阶段属于： + +- 核心 PC 产品可用，16 个主工作区均有正式实现。 +- 当前工作区正在进行全站 PC 视觉一致性调整，以及问师经典 QQ 式三栏界面和动态追问能力；自动化测试已覆盖，尚待本轮人工视觉验收和提交。 +- 移动端明确暂停，当前存在样式但不能据此宣称可用。 +- 完整 IC 动态加权、稳定宏观/政策/隔夜消息、分析师一致预期、Level-2 等依赖数据与算法的能力尚未完成。 +- 局域网单实例是当前部署边界；公网多实例能力不属于当前完成范围。 + +## 2. 技术架构与主要目录 + +### 2.1 总体架构 + +项目采用**模块化单体**：一个 Python 进程、一个 SQLite WAL 数据库、无构建工具的 HTML/CSS/JavaScript 前端。 + +```text +Browser + -> frontend/shared/api.js + -> backend/http + backend/features//routes.py + -> feature service + -> Repository / DataGateway / LLMGateway + -> SQLite / Tushare / iFinD / display-only providers / LLM provider + +Scheduler + -> backend/jobs + -> 同一套 feature service / repository / gateway +``` + +该结构适合当前局域网单实例产品：部署简单、数据本地、回档直接，同时通过领域边界避免再次退化成单文件应用。除非进入公网多实例阶段，不要提前引入微服务、消息队列或前端构建框架。 + +### 2.2 主要目录 + +| 路径 | 唯一职责 | +|---|---| +| `server.py` | 稳定启动/导入门面 | +| `backend/bootstrap/` | 配置、依赖组装、启动与组合根 | +| `backend/http/` | 鉴权、请求 ID、JSON/NDJSON、静态文件、流式连接和统一异常 | +| `backend/features/` | 按账户、市场、选股、问师、问天、复盘等领域组织业务、路由和 Repository | +| `backend/data/` | `DataGateway`、数据源策略、来源/日期/单位/新鲜度/覆盖率质量门 | +| `backend/data/providers/` | Tushare、iFinD 等供应商适配；不得由业务模块直接调用 | +| `backend/database/` | SQLite 连接、顺序迁移和 Repository 组合 | +| `backend/jobs/` | 行情刷新、盘后选股、事件补充的锁、状态、幂等和重试 | +| `backend/llm/` | 模型选择、会员/额度、主辅回退、流式协议、取消和审计 | +| `frontend/index.html` | 登录层、全站 Shell、摘要条、状态栏、全局弹窗和唯一页面挂载点 | +| `frontend/shared/` | 唯一 API 出口、状态、Shell、会话、主题和公共组件 | +| `frontend/pages/` | 页面局部 `page.html`、`page.js`、`foundation.css` | +| `config/` | 页面、功能、API、数据字段、质量和任务注册表 | +| `data/` | 正式数据库与私有数据，不入 Git | +| `runtime/` | 日志、PID、缓存、测试结果，不入 Git | +| `tests/` | Python 单元/边界/契约测试与 Playwright 浏览器回归 | +| `tools/` | 启动、注册表生成、架构清单和统一验收工具 | +| `docs/` | 产品规格、维护、治理、历史迁移和当前交接/Issue | + +### 2.3 注册表和运行事实 + +- `config/pages.config.json`：16 个主页面，默认页为情绪周期。 +- `config/features.config.json`：20 个功能及 `public/authenticated/member/admin` 权限。 +- `config/api.config.json`：当前 53 个精确 API 路径和 11 个正则路径，由工具生成并校验。 +- `config/jobs.config.json`：行情刷新、15:10 后盘后选股、iFinD 事件补充三类任务。 +- `config/data-fields.config.json`：数据源与字段用途；Tushare/iFinD 可进入已登记计算，东方财富/腾讯只允许展示，未解决数据集显式阻塞。 +- `config/data-quality.config.json`：单位、覆盖率、新鲜度和失败关闭规则。 +- `config/architecture-inventory.json`：生成的架构清单和代码热点，不应手工编造。 + +### 2.4 数据源边界 + +| 数据源 | 当前角色 | 约束 | +|---|---|---| +| Tushare | 交易日、股票主数据、日线、估值、财务、资金、申万行业、涨跌停、最终竞价、热榜、龙虎榜等主要计算数据 | 按接口权限和质量门使用 | +| iFinD | 动态竞价、展示型日 K/分时和盘后事件补充 | 凭据/授权到期时必须显式不可用，不得伪造 | +| 东方财富/腾讯 | 分时或实时指数的展示观察兜底 | 不得静默进入情绪、选股或问天计算 | +| Local | 情绪等确定性派生结果 | 保存算法/输入版本，保证可复现 | +| unresolved | 分析师一致预期、Level-2 | 当前阻塞，不能用名称或空字段冒充实现 | + +## 3. 已完成功能 + +以下表示当前正式源码存在实现；人工视觉结论仅继承用户对迁移基线的确认，不覆盖本轮未提交视觉改动。 + +### 3.1 全局与账户 + +- 注册、登录、退出、首账号管理员、普通/会员/管理员权限。 +- 个人资料、生辰资料、修改密码、会员状态、系统管理与公共凭据配置。 +- 顶栏日期、默认最近真实交易日、情绪摘要条、日间/夜间、全局搜索、提醒中心。 +- 股票、题材、板块、指数详情；日 K/分时与代码/题材悬浮预览。 +- 统一 Toast、弹窗、空态、加载、错误转换和页面生命周期基础设施。 + +### 3.2 市场复盘页面 + +- 情绪周期：温度、阶段、方向、置信度、构成、趋势和交易日明细。 +- 涨停池、炸板池、跌停池、昨日涨停、涨停表现。 +- 市场天梯、板块轮动与成分股联动。 +- 集合竞价：盘前状态、9:25 最终筛选、普通异动/一字板、成交额对比和自选。 +- 题材库、人气热榜、龙虎榜和游资名录/详情基础能力。 + +### 3.3 智能选股 + +- 六阶段盘后候选、29 套精选策略、策略适用说明和确定性候选结果。 +- 自定义公式 DSL、自然语言编译公式、因子与权重手动配置。 +- 候选按策略/日期隔离，盘后自动发布最近完整交易日结果。 +- 用户手动加入五交易日策略跟踪，T+1/T+3/T+5 反馈和幂等提醒。 +- 数据缺失、无符合条件、任务失败等状态区分。 +- 当前多因子为基础动态版；完整 IC 版不在“已完成”范围内。 + +### 3.4 问师与 LLM + +- 公共/管理员私有思维模型 Skill 注册、证据等级、关注维度和排序偏好。 +- 按账号、模型、交易日隔离对话；最多带入最近 10 条历史。 +- 按模型类型提供不同市场上下文，识别个股时追加有限标的数据。 +- 统一 LLM 会员/额度、主辅回退、流式去重、停止生成、审计和安全错误。 +- 当前工作区已经实现经典 QQ 式联系人/会话/资料三栏和同次调用动态追问；状态为“自动验证通过、待人工验收和提交”，详见 Issue 001。 + +### 3.5 问天 + +- 观势：真实行情安全门、三才六爻、势值、本卦/之卦、客观数据补录与恢复自动数据。 +- 观气：历法、节气、中运/司天在泉/主客气、个人合参、五行行业取象和每日解运持久化。 +- 观心：交易/心境/无题预设、呼吸流程、六次铜钱起卦、第一念、京房纳甲/八宫世应/六亲/六神/旬空等确定性排盘。 +- 本地知识检索、答案一致性校验和 LLM 解释；LLM 不起卦、不修改程序结果。 + +### 3.6 个人复盘 + +- 账号私有自选追踪、个股笔记、三个独立输入框的每日复盘及历史。 +- 结构化交易日志、编辑删除、胜率/盈亏/仓位统计。 +- 复盘助手流式对话，读取共享市场和当前用户记录，不执行交易。 +- 手工提醒、已读状态、策略跟踪 T+1/T+5 自动提醒和幂等去重。 + +### 3.7 工程治理 + +- 正式源码独立于父目录旧程序和失败 `next/`。 +- 页面结构、行为和样式已按领域拆分；浏览器请求统一经过 `frontend/shared/api.js`。 +- Tushare 大客户端、智能选股、问天、市场洞察和 HTTP 层已拆成职责明确的模块门面。 +- 有正式数据库 migration、数据/LLM/job 网关、API/功能/页面/数据注册表。 +- 统一验收工具覆盖 Python、注册表、JS 语法、Git 空白、SQLite 完整性和可选 Playwright。 + +## 4. 尚未完成的功能 + +每项均有独立 Issue，Issue 状态优先于历史聊天中的阶段编号。 + +| Issue | 状态 | 优先级 | 未完成内容 | +|---|---|---:|---| +| [ISSUE-001](issues/ISSUE-001-finalize-mentor-redesign.md) | 待人工验收/提交 | P0 | 问师三栏界面、停止生成和动态追问收口 | +| [ISSUE-002](issues/ISSUE-002-checkpoint-current-pc-visual-work.md) | 待审查/提交 | P0 | 当前全站 PC 视觉改动的逐页验收、拆分和回档点 | +| [ISSUE-003](issues/ISSUE-003-mobile-redesign.md) | 明确延期 | P2 | 独立移动 Shell、逐页信息架构和触控交互 | +| [ISSUE-004](issues/ISSUE-004-full-ic-multifactor.md) | 未实现 | P1 | 12 个月 Rank IC、季度重算、中性化和前 5% 输出 | +| [ISSUE-005](issues/ISSUE-005-policy-macro-overnight-data.md) | 数据源未定 | P1 | 稳定政策/宏观/隔夜消息序列与竞价量化 | +| [ISSUE-006](issues/ISSUE-006-analyst-consensus-data.md) | 数据阻塞 | P2 | 一致预期、预测修正、评级/目标价等字段 | +| [ISSUE-007](issues/ISSUE-007-level2-auction.md) | 授权阻塞 | P2 | Level-2 委托队列、逐笔和动态竞价深度 | +| [ISSUE-008](issues/ISSUE-008-hot-money-profile-history.md) | 低优先级 | P3 | 游资档案的更完整历史画像和归类质量 | +| [ISSUE-009](issues/ISSUE-009-documentation-status-drift.md) | 待整理 | P1 | 活跃文档/注册表中移动端、端口和验收状态漂移 | +| [ISSUE-010](issues/ISSUE-010-live-provider-llm-readiness.md) | 待运行核验 | P0 | 启动正式服务并验证数据源、iFinD、LLM 与任务健康 | +| [ISSUE-011](issues/ISSUE-011-public-deployment-hardening.md) | 未来范围 | P3 | 公网多实例、TLS、PostgreSQL、队列、缓存和集中监控 | + +明确不是待办：问师自主联网取数当前已因风险高于收益而延期；全能金融爬虫 Skill 已放弃；旧 `next/` 已冻结失败；不要把这些内容重新加入实现。 + +## 5. 已知问题与风险 + +### 5.1 用户可见问题 + +1. **移动端整体不可用或交互较差。** 当前存在大量媒体查询和 `mobile_layout: dedicated` 注册值，但这只证明代码存在，不证明通过人工可用性验收。 +2. **当前问师与全站视觉改动未完成交付闭环。** 自动化已通过，但工作区未提交，且用户尚未对本轮 QQ 式问师界面进行视觉确认。 +3. **实时数据和 LLM 当前在线状态未知。** 生成本文时 8797 未启动；外部服务还受本机网络、系统凭据、接口权限和 iFinD 授权有效期影响。 +4. **缺失数据不能被误显示为无信号。** 分析师一致预期、Level-2 和部分宏观/新闻数据目前无正式来源；相关策略或页面必须显示数据缺失/阻塞。 + +### 5.2 维护风险 + +- `frontend/pages/heaven/foundation.css` 约 11,734 行、`frontend/pages/screener/foundation.css` 约 6,565 行、`frontend/shared/shell.css` 约 3,224 行；它们是当前最大 CSS 热点。没有具体回归证据时不得为了“减行数”盲拆。 +- `frontend/pages/heaven/page.js` 约 2,069 行、`backend/features/heaven/engine.py` 约 1,183 行，问天仍是高复杂度领域。 +- 根 `database.py` 仍是历史 schema/Repository 组合锚点，不是新增业务查询的位置；继续向其中加功能会破坏治理结果。 +- 自动化测试不能替代产品规格第 25 至 27 节的全矩阵人工验收，尤其是外部真实数据、LLM、日夜主题、1080P/4K 和移动端。 +- 当前脏工作区横跨 37 个文件。提交前必须按功能拆分或至少留下清晰回档说明，不能把无关改动混成无法审计的大提交。 + +## 6. 已作出的重要技术决策及原因 + +| 决策 | 原因 | +|---|---| +| `webapp/app/` 是唯一正式源码 | 已完成保真迁移并人工确认；避免继续依赖父目录旧代码或失败 `next/` | +| 保持模块化单体 | 当前局域网单实例用一个进程和 SQLite 最简单；领域边界已经足以控制复杂度 | +| 不更换技术栈，前端保持无构建 HTML/CSS/JS | 迁移目标是整理和减法，不是重拍功能；减少部署与人工维护成本 | +| 页面、功能、API、数据和任务采用注册表 | 防止入口散落、权限漂移和“代码有但系统不知道” | +| 浏览器 API、外部数据和 LLM 各自只有一个网关出口 | 统一鉴权、错误、质量、额度、降级和审计 | +| 计算数据失败关闭，展示兜底隔离 | 防止公开网页源或旧快照静默污染情绪、选股、竞价和问天结果 | +| 智能选股由条件和数据确定执行，LLM 只编译公式 | 保证同日期同策略可复现，避免刷新结果漂移 | +| 问天确定性引擎负责历法/卦象，LLM 只解释 | 结果可复现、可测试，避免模型改卦或编造事实 | +| 问师外部工具自主取数暂缓 | 当前缺少成熟权限、来源和失败边界，风险高于收益 | +| 放弃通用金融爬虫 Skill | 网页规则不稳定、版权/安全/口径不可控，不适合进入正式计算链 | +| 移动端暂停并要求独立设计 | 密集 PC 表格不能靠压缩获得可用手机体验；先保证 PC 功能与视觉 | +| 不确定代码默认保留，删除需扫描、差异测试和人工验收 | 防止“减法”误删隐含功能；历史迁移日志用于回档证据 | +| 公网能力不提前实现 | 当前用户场景是本地/局域网；多实例、PostgreSQL 和队列应由真实部署需求驱动 | + +## 7. 当前正在处理的事项 + +### 7.1 问师改造 + +当前未提交代码已经完成： + +- 经典 QQ 式 PC 三栏结构：联系人、对话、当前模型资料/证据。 +- 动态追问：模型在同一次输出末尾返回 `` 机器块；服务端剥离机器块，并在最终 NDJSON `meta.follow_ups` 返回 2 至 3 条建议。 +- 动态追问不额外调用 LLM、不重复扣额度；点击只预填输入框。 +- 停止生成控制、Enter 发送、流式占位与回答状态。 +- 问师 CSS 从历史约 2,800 行收敛到约 988 行。 + +相关文件： + +- `backend/features/mentor/agent.py` +- `backend/features/mentor/service.py` +- `frontend/pages/mentor/page.html` +- `frontend/pages/mentor/page.js` +- `frontend/pages/mentor/foundation.css` +- `tests/test_mentor_stream.py` +- `tests/e2e/app-shell.spec.js` + +尚缺：启动正式服务、接入真实 LLM 做一次端到端验证、用户人工确认日间/夜间及 1080P/4K 视觉、建立提交并推送回档点。 + +### 7.2 当前全站视觉改动 + +工作区还包含 Shell、设计令牌、公共组件以及市场、情绪、股池、天梯、轮动、竞价、题材、热榜、龙虎榜、选股、问天、复盘等页面样式改动。它们已进入自动化回归，但尚未形成独立验收结论。移动端已被产品决策暂停，因此不能因为这些 CSS 中存在移动规则就标记移动端完成。 + +## 8. 推荐的后续执行顺序 + +1. **先恢复运行环境并核验外部能力。** 启动 8797，检查健康、登录、最近真实交易日、Tushare/iFinD、LLM 主辅模型和后台任务；不通过时先解决 Issue 010。 +2. **人工验收问师。** 完成 Issue 001 的真实 LLM、流式、停止、动态追问、日夜和分辨率检查。 +3. **审查当前全站视觉差异。** 按 16 页逐页检查 Issue 002，确认哪些是 PC 正式改动、哪些是已暂停移动尝试，保持功能等价。 +4. **建立回档点。** 将问师和全站视觉按可审计边界提交并推送，不夹带密钥、数据库或运行产物。 +5. **清理活跃文档状态漂移。** 完成 Issue 009，使 README、注册表和交接状态不再暗示移动端已验收。 +6. **先补可获得的高价值数据，再升级算法。** 先确定 Issue 005/006 的合法稳定来源，再实施 Issue 004；没有完整历史覆盖时不能伪造 IC。 +7. **有正式授权后再做 Level-2。** Issue 007 不能用普通快照模拟。 +8. **低优先级完善游资档案。** Issue 008 不应阻塞市场、选股、问师和问天稳定性。 +9. **PC 稳定后才重启移动端设计。** Issue 003 必须单独打样和逐页人工验收。 +10. **确定公网商业化再做部署升级。** Issue 011 需要单独架构决策和迁移方案。 + +## 9. 每项任务的验收标准 + +本节是交接总表；独立 Issue 内给出更具体的范围和命令。产品规格第 25 至 27 节固定案例仍是最终依据。 + +| 任务 | 必须满足的验收标准 | +|---|---| +| Issue 001 问师收口 | 真实 LLM 只输出一份正文；同次调用出现 2 至 3 条有效追问；点击只预填；停止后不上演回退重放；无额外额度；日夜、1080P/4K 人工通过 | +| Issue 002 PC 视觉回档 | 16 页日间/夜间、1920×1080、4K 无白块、遮挡、双滚动和功能回归；当前差异可解释；提交可独立回退 | +| Issue 003 移动端 | 320/375/390/430/768 及横屏无页面横溢；底部五入口、市场子导航、弹窗/抽屉、宽表和键盘交互可用；用户逐页验收 | +| Issue 004 完整 IC | 行业内去极值、z-score、行业/市值中性化、过去 12 月下期收益 Rank IC、季度重算、前 5% 均有版本化确定性测试；无未来函数；UI 明确基础/IC 模式 | +| Issue 005 政策宏观隔夜 | 合法稳定来源、字段/单位/时间/版权/新鲜度登记完整；历史归档可复现；缺失显式失败；消息只按确认规则进入竞价量化 | +| Issue 006 一致预期 | 五类字段有 point-in-time 历史、公告时点和覆盖率；策略缺数据与无命中可区分；回测无未来函数 | +| Issue 007 Level-2 | 有正式授权；委托队列/逐笔/快照时间可追溯；盘中断线不伪造；与 9:25 最终归档区分；回放测试通过 | +| Issue 008 游资画像 | 名录、别名、席位归类和历史操作可追溯；未知席位保留；同名误合并有回归测试；左名录右详情无超长弹窗 | +| Issue 009 文档漂移 | 活跃文档、端口、移动端状态、完成状态与注册表一致；历史迁移文档明确只作审计，不被当运行说明；文档链接有效 | +| Issue 010 在线就绪 | `/api/health` 可达；登录和最近真实快照正常；数据源与 LLM 分别可诊断；失效凭据不泄露；重启后任务与结果不重复 | +| Issue 011 公网部署 | 完成 ADR；TLS、可信 Host、限流、集中密钥、审计、备份恢复、多实例数据库和任务互斥全部通过；不破坏局域网数据边界 | + +### 9.1 通用自动验收 + +```powershell +cd C:\Users\MoBai\Documents\gupiaofupan\webapp\app +python tools/verify_baseline.py +python tools/verify_baseline.py --e2e +git diff --check +``` + +### 9.2 通用人工验收 + +- 普通、会员、管理员三种权限。 +- 正常、有数据为空、数据缺失、上游失败、请求超时、最近快照九类状态。 +- 日间、夜间、1920×1080、3840×2160；移动 Issue 开始后再加入完整移动视口矩阵。 +- 真实行情日期与图表一致；开盘前不制造当天空 K 线。 +- 用户甲乙的自选、复盘、日志、对话、问天历史互不可见。 +- 所有保存/删除/添加只出现可关闭的规范反馈，不出现超长空弹窗。 +- 密钥、数据库、日志和私有 Skill 不进入 Git diff。 + +## 10. 验证记录 + +2026-08-06 本轮结果；后续代码变化后不能沿用： + +- Python：326 个测试全部通过（约 11.8 秒）。 +- Playwright：49 个测试全部通过（约 2.2 分钟）。 +- API 注册表与架构清单：均为 current。 +- JavaScript：统一工具枚举的全部 `.js/.mjs` 均通过 `node --check`。 +- SQLite：`data/review.db` 的 `PRAGMA integrity_check` 为 `ok`，验证时大小为 455,434,240 字节。 +- Git：`git diff --check` 通过。 +- 说明：组合命令在本代理的 120 秒命令上限处被终止于 Playwright 阶段；Playwright 随后以同一配置单独运行并完整通过，因此上述各子项均有本轮实际结果。 diff --git a/app/docs/README.md b/app/docs/README.md index f0bf340..f333b8b 100644 --- a/app/docs/README.md +++ b/app/docs/README.md @@ -1,9 +1,11 @@ # 文档索引 - `product/小白复盘-完整产品规格说明书.md`：从零恢复产品时的完整功能与行为资产。 +- `HANDOFF.md`：当前仓库、架构、完成度、风险和后续验收的交接基线。 +- `issues/README.md`：尚未完成事项的独立 Issue 索引；Issue 不是已创建的 Gitea 工单。 - `maintenance/人工维护指南.md`：当前正式源码的启动、修改、验收、数据和回退流程。 - `governance/`：架构决策、注册表治理和历次结构治理记录。 - `migration/`：从旧根目录保真迁入`app/`的历史账本、证据和失败版本记录。 -日常维护优先阅读根目录`AGENTS.md`、`ARCHITECTURE.md`和维护指南。`migration/`只用于审计与 +日常维护优先阅读根目录`AGENTS.md`、`ARCHITECTURE.md`、`HANDOFF.md`和维护指南。`migration/`只用于审计与 追溯，不参与应用启动、测试选择或运行时路径解析。 diff --git a/app/docs/issues/ISSUE-001-finalize-mentor-redesign.md b/app/docs/issues/ISSUE-001-finalize-mentor-redesign.md new file mode 100644 index 0000000..0926930 --- /dev/null +++ b/app/docs/issues/ISSUE-001-finalize-mentor-redesign.md @@ -0,0 +1,42 @@ +# ISSUE-001：问师界面与动态追问收口 + +- 状态：待人工验收/提交 +- 优先级：P0 +- 来源：当前工作区问师改造、产品规格 L06、14.3 + +## 目标 + +收口当前未提交的经典 QQ 式 PC 三栏问师界面和同次 LLM 调用动态追问，保持既有权限、流式、额度、对话隔离和错误回退行为。 + +## 已有实现 + +- 联系人、会话、资料/证据三栏。 +- `` 机器块剥离，最终 NDJSON `meta.follow_ups` 返回 2 至 3 条。 +- 点击追问只预填输入框；停止按钮不重新播放答案；没有第二次业务 LLM 调用。 +- 相关 Python 和 Playwright 测试已加入工作区。 + +## 范围外 + +不在本 Issue 内加入问师自动联网取数、金融爬虫、真人身份暗示或新的交易建议能力。 + +## 依赖 + +本地 LLM 主/辅助凭据、会员账号、可用的真实市场快照，以及 Issue 002 的公共 Shell 视觉状态。 + +## 验收标准 + +1. 会员可以切换模型、加载历史、发送问题、停止生成、清空当前会话。 +2. 流式正文只出现一次；主模型首字前失败最多辅助回退一次；已输出后失败不重放。 +3. 成功回答显示 2 至 3 条相关追问；点击不自动发送、不增加额度；下一轮、换模型、清空后旧追问消失。 +4. 追问结构无效、回答失败或用户停止时不显示追问。 +5. 日间/夜间及 1920×1080、3840×2160 无白边、遮挡、超长弹窗和输入区不可达。 +6. 普通用户不能发起 LLM 调用；账号甲乙对话互不可见。 + +## 验证 + +```powershell +python -m unittest tests.test_mentor_stream tests.test_llm_stream tests.test_llm_gateway +python tools/verify_baseline.py --e2e +``` + +通过人工验收后单独提交并推送，记录回档提交号。 diff --git a/app/docs/issues/ISSUE-002-checkpoint-current-pc-visual-work.md b/app/docs/issues/ISSUE-002-checkpoint-current-pc-visual-work.md new file mode 100644 index 0000000..6a26712 --- /dev/null +++ b/app/docs/issues/ISSUE-002-checkpoint-current-pc-visual-work.md @@ -0,0 +1,35 @@ +# ISSUE-002：当前 PC 全站视觉改动验收与回档 + +- 状态：待审查/提交 +- 优先级：P0 +- 来源：工作区现有 37 个修改文件和 `bd97ba1` 之后的视觉调整 + +## 目标 + +逐页确认当前公共 Shell、令牌、夜间模式和 16 个页面的视觉修改，保留用户认可的 PC 变化，拆出或回退无关变化，并建立可以人工回档的提交。 + +## 范围 + +检查 `frontend/shared/`、所有 `frontend/pages/*/foundation.css`、页面 HTML/JS、架构清单和对应 E2E 测试。重点是夜间白块、边距/滚动、表格对齐、弹窗层级、图表背景和问师三栏。 + +## 范围外 + +不以本 Issue 重写业务算法，不删除未确认的旧代码，不开始移动端独立设计；移动端另见 Issue 003。 + +## 验收标准 + +1. 16 个页面均可从默认情绪周期进入，功能和权限与提交前一致。 +2. 日间/夜间主题一次切换完成，不出现白闪、白色表头/搜索框/弹窗或 Hover 反色不可读。 +3. 1920×1080 和 3840×2160 下页面内容、固定状态栏、全页滚动和局部滚动符合规格，无双滚动冲突。 +4. 交易日明细、股池、天梯、轮动、竞价、题材、龙虎榜和选股的列宽/对齐/空态可读。 +5. 每个修改文件都有明确原因；提交不包含 `.env`、数据库、日志、缓存、截图或私有 Skill。 +6. 自动化、人工验收和 Git diff 检查均通过，提交可独立回退。 + +## 验证 + +```powershell +python tools/verify_baseline.py --e2e +git diff --check +``` + +人工截图至少覆盖日间/夜间、1920×1080、3840×2160；验收结论写回 `docs/HANDOFF.md`。 diff --git a/app/docs/issues/ISSUE-003-mobile-redesign.md b/app/docs/issues/ISSUE-003-mobile-redesign.md new file mode 100644 index 0000000..93b6c90 --- /dev/null +++ b/app/docs/issues/ISSUE-003-mobile-redesign.md @@ -0,0 +1,26 @@ +# ISSUE-003：移动端独立重设 + +- 状态：明确延期，PC 稳定前不启动 +- 优先级：P2 +- 来源：产品规格第 20 节；当前移动端人工验收未通过 + +## 目标 + +在不改变 PC DOM、API、权限、数据口径和业务结果的前提下，单独设计移动 Shell、底部五入口、行情子导航、对话输入、抽屉和宽表摘要视图。 + +## 范围外 + +不能把桌面页面缩小、不能用 Hover 作为唯一入口、不能通过隐藏页面解决不可达问题，也不修改 PC 视觉作为“移动适配”。 + +## 验收标准 + +1. 320、375、390、430、768px 及手机横屏无页面横向溢出和内容遮挡。 +2. 底部行情/选股/问师/问天/复盘五入口可触控，目标不小于 44×44px。 +3. 行情子页面通过选择器或抽屉切换；宽表在 320px 使用摘要+详情或局部横滚，页面本身不横滚。 +4. 弹窗改为底部抽屉或全屏页后仍有关闭/返回路径；键盘弹出不遮挡问师/复盘输入区。 +5. 问天动画、表格状态、日夜主题和权限锁定在窄屏可读。 +6. 用户人工逐页验收后，才能把 `pages.config` 的移动意图标为完成。 + +## 依赖与验证 + +依赖 Issue 002。需要 Playwright 视口回归、真实手机人工操作和产品规格第 25.8、27.3 验收案例。 diff --git a/app/docs/issues/ISSUE-004-full-ic-multifactor.md b/app/docs/issues/ISSUE-004-full-ic-multifactor.md new file mode 100644 index 0000000..ad34eef --- /dev/null +++ b/app/docs/issues/ISSUE-004-full-ic-multifactor.md @@ -0,0 +1,34 @@ +# ISSUE-004：完整 IC 动态多因子 + +- 状态：未实现，当前仅有基础动态多因子 +- 优先级：P1 +- 来源：产品规格 17.6、24.2；当前实现基线明确不得夸大 + +## 目标 + +把五类因子（估值、成长、质量、动量、情绪）从基础合成升级为可复现的 IC 动态加权模式，同时保留用户手动权重的专业模式。 + +## 必须实现 + +- 行业内去极值。 +- 因子 z-score 标准化。 +- 行业和市值中性化。 +- 使用过去 12 个月“因子值与下一期收益”的 Rank IC 均值定权。 +- 每季度重算、记录算法版本和样本覆盖。 +- 综合得分前 5% 输出；数据不足时逐因子说明缺失。 + +## 范围外 + +不使用 LLM 计算分数，不把缺失当 0，不将基础动态权重 UI 改名为 IC 完整版。 + +## 验收标准与验证 + +1. 固定样本可复现每个因子预处理、IC、权重和排名。 +2. 严格按公告时点和下一期收益计算，无未来函数。 +3. 季度边界、行业小样本、缺因子、负 IC 和极端值均有测试。 +4. UI 明确“基础动态权重/IC 自动权重”差异及数据日期。 +5. 回测结果保存输入快照、算法版本和输出版本。 + +```powershell +python -m unittest discover -s tests +``` diff --git a/app/docs/issues/ISSUE-005-policy-macro-overnight-data.md b/app/docs/issues/ISSUE-005-policy-macro-overnight-data.md new file mode 100644 index 0000000..144ef87 --- /dev/null +++ b/app/docs/issues/ISSUE-005-policy-macro-overnight-data.md @@ -0,0 +1,25 @@ +# ISSUE-005：政策、宏观与隔夜消息数据 + +- 状态：数据源未定 +- 优先级：P1 +- 来源：产品规格 14.4、17.6、23.3；当前字段注册表尚无稳定计算来源 + +## 目标 + +为宏观思维模型、集合竞价和问师补充可授权、可归档、带时间戳的政策、公告、指数、ETF、汇率、利率、商品和隔夜资讯数据。 + +## 验收标准 + +1. 每个字段登记来源、授权、发布时间、交易日、单位、新鲜度、覆盖率和显示/计算用途。 +2. 历史结果能按快照和版本复现，公告发布时间晚于目标时点的数据不能进入过去结果。 +3. 消息去重、来源冲突、撤回/修订和上游失败有明确规则。 +4. 竞价量化只使用已经登记且在目标时点可见的消息证据；无数据显示“数据缺失”，不显示“暂无信号”。 +5. 问师宏观模型只追加适用上下文，不把政策新闻强塞给其他流派。 + +## 范围外 + +不接入未经授权的网页爬虫，不把金融爬虫 Skill 作为正式 Provider。 + +## 依赖 + +供应商授权和 Issue 010 的数据质量/凭据核验。 diff --git a/app/docs/issues/ISSUE-006-analyst-consensus-data.md b/app/docs/issues/ISSUE-006-analyst-consensus-data.md new file mode 100644 index 0000000..e0fb0ed --- /dev/null +++ b/app/docs/issues/ISSUE-006-analyst-consensus-data.md @@ -0,0 +1,20 @@ +# ISSUE-006：分析师一致预期数据 + +- 状态：数据阻塞（`research.consensus` 为 `unresolved`） +- 优先级：P2 + +## 目标 + +提供按公告时间可追溯的盈利预测、一致预期、预测修正、评级变化、目标价和研报数量，供策略因子和问师宏观/基本面上下文按需使用。 + +## 验收标准 + +1. 字段包含来源、分析师/机构（如授权允许）、公告时间、报告期、单位、币种和版本。 +2. 目标日期只能读取当时已发布的数据；修正保留历史，不覆盖旧快照。 +3. 缺失、过期、覆盖不足和无命中状态可区分。 +4. 策略候选与回测固定输入下可复现；不能把缺失预测当 0 或中性。 +5. 权限和授权边界经过审计，私有/授权数据不进入浏览器或普通日志。 + +## 范围外 + +没有稳定授权来源前，不在 UI 中显示伪造的“分析师共识”指标。 diff --git a/app/docs/issues/ISSUE-007-level2-auction.md b/app/docs/issues/ISSUE-007-level2-auction.md new file mode 100644 index 0000000..5b7a425 --- /dev/null +++ b/app/docs/issues/ISSUE-007-level2-auction.md @@ -0,0 +1,20 @@ +# ISSUE-007：Level-2 与动态竞价深度 + +- 状态：授权阻塞（`market.level2` 为 `unresolved`） +- 优先级：P2 + +## 目标 + +在取得正式授权后，接入逐笔成交、逐笔委托、委托队列、未匹配量和开板深度，增强集合竞价与盘中观察。 + +## 验收标准 + +1. 供应商、授权、字段、时间精度、单位和保留期限登记在数据配置。 +2. 动态快照标出采集时间；断线、延迟和部分覆盖不会伪装成实时完整数据。 +3. 9:15–9:25 动态观察与 9:25 最终竞价归档分开保存；不能用最终快照冒充动态过程。 +4. Level-2 数据不进入未授权的历史回测；重连和重复消息幂等。 +5. UI 在数据缺失时保留已有成功快照并给出可执行提示。 + +## 范围外 + +未获得授权前不使用公开网页抓取或模拟队列填充。 diff --git a/app/docs/issues/ISSUE-008-hot-money-profile-history.md b/app/docs/issues/ISSUE-008-hot-money-profile-history.md new file mode 100644 index 0000000..85107c4 --- /dev/null +++ b/app/docs/issues/ISSUE-008-hot-money-profile-history.md @@ -0,0 +1,20 @@ +# ISSUE-008：游资档案历史画像 + +- 状态：低优先级，基础名录和详情已存在 +- 优先级：P3 + +## 目标 + +完善游资名录、席位别名、历史上榜、买卖倾向、常见题材和证据来源，支持龙虎榜页面左名录右详情，不再依赖超长弹窗。 + +## 验收标准 + +1. Tushare 已收录席位完整展示；未知或无法识别席位保留原名并标记待归类。 +2. 别名合并有来源、人工修订记录和可回退历史。 +3. 历史画像按日期、股票、方向和金额可追溯；不把单日行为直接概括为稳定风格。 +4. 点击名录进入详情，桌面/夜间/低分辨率可读，无异常空弹窗。 +5. 龙虎榜出现“有股票上榜但席位不可识别”时，展示该状态而不是“无数据”。 + +## 依赖 + +依赖稳定龙虎榜席位数据和人工别名维护；不阻塞其他市场页面。 diff --git a/app/docs/issues/ISSUE-009-documentation-status-drift.md b/app/docs/issues/ISSUE-009-documentation-status-drift.md new file mode 100644 index 0000000..e2aa9c1 --- /dev/null +++ b/app/docs/issues/ISSUE-009-documentation-status-drift.md @@ -0,0 +1,26 @@ +# ISSUE-009：活跃文档和状态漂移 + +- 状态：待整理 +- 优先级：P1 + +## 目标 + +让活跃文档、配置注册表、启动端口和完成状态与正式 `app/` 实际一致，历史迁移材料继续保留但明确仅用于审计。 + +## 检查范围 + +- `README.md`、`docs/README.md`、`docs/maintenance/人工维护指南.md`。 +- `config/pages.config.json` 的移动端意图与实际验收状态。 +- 默认端口 8765、局域网验收端口 8797 及 Docker 文档的区分。 +- 迁移文档中的“待人工验收”等历史表述是否被误读为当前状态。 + +## 验收标准 + +1. 活跃文档只描述当前正式源码和真实启动方式，过期内容链接到历史说明并标注日期。 +2. 文档声明移动端仍延期，不能把媒体查询或 `dedicated` 注册值当作已完成。 +3. 端口、健康检查、数据目录、备份和回退命令在干净环境可执行。 +4. `docs/HANDOFF.md` 与 Issue 索引同步更新，所有相对链接有效。 + +```powershell +python tools/verify_baseline.py +``` diff --git a/app/docs/issues/ISSUE-010-live-provider-llm-readiness.md b/app/docs/issues/ISSUE-010-live-provider-llm-readiness.md new file mode 100644 index 0000000..a9a58ac --- /dev/null +++ b/app/docs/issues/ISSUE-010-live-provider-llm-readiness.md @@ -0,0 +1,26 @@ +# ISSUE-010：数据源与 LLM 在线就绪核验 + +- 状态：待运行核验 +- 优先级：P0 + +## 目标 + +在不把任何密钥写入仓库的前提下，恢复本地/局域网服务并分别证明进程、数据库、Tushare、iFinD、LLM 主/辅助模型和后台任务的健康状态。 + +## 验收标准 + +1. `0.0.0.0:8797`（或部署指定端口）可访问 `/api/health`，健康响应区分进程、数据库、数据源、任务和模型。 +2. 登录后能读取最近真实交易日；无快照时显示等待同步，不显示演示数字。 +3. 管理员诊断页可看到脱敏的来源、错误类型、关联 ID 和最后成功时间；普通用户看不到 Token、URL、模型名或堆栈。 +4. Tushare/iFinD/LLM 单独测试成功或给出明确缺失/授权/网络原因；失败不清空已有成功数据。 +5. 重启后账号、行情、问师/问天历史、选股和复盘记录不丢，盘后任务不重复产出。 + +## 验证 + +```powershell +powershell -ExecutionPolicy Bypass -File tools/start_local.ps1 -Port 8797 +Invoke-RestMethod http://127.0.0.1:8797/api/health +python tools/verify_baseline.py --e2e +``` + +凭据只从管理员系统设置或受保护环境注入，不能写入 Issue、截图或日志。 diff --git a/app/docs/issues/ISSUE-011-public-deployment-hardening.md b/app/docs/issues/ISSUE-011-public-deployment-hardening.md new file mode 100644 index 0000000..f697b0d --- /dev/null +++ b/app/docs/issues/ISSUE-011-public-deployment-hardening.md @@ -0,0 +1,24 @@ +# ISSUE-011：公网部署加固 + +- 状态：未来范围，局域网版不阻塞 +- 优先级：P3 + +## 目标 + +在真正转向外网和商业授权前，将当前单实例局域网部署升级为可审计的公网部署方案。 + +## 必须完成 + +- 反向代理、TLS、可信 Host、Secure Cookie、CSRF、限流和审计。 +- PostgreSQL 或等价正式数据库迁移，连接池和并发写入策略。 +- 后台任务队列、分布式锁、缓存、健康检查、集中日志和告警。 +- 多实例数据一致性、密钥托管、备份恢复和升级回退演练。 +- 会员/激活码/授权模型的服务端鉴权和额度审计。 + +## 范围外 + +在没有部署决策和容量指标前，不为局域网版本预先拆微服务或引入云依赖。 + +## 验收标准 + +公网威胁模型、ADR、压测、故障注入、备份恢复、跨实例重复任务和安全扫描全部有记录；局域网数据边界和产品行为不变。 diff --git a/app/docs/issues/README.md b/app/docs/issues/README.md new file mode 100644 index 0000000..a148a80 --- /dev/null +++ b/app/docs/issues/README.md @@ -0,0 +1,19 @@ +# 未完成事项 Issue 索引 + +这些 Issue 是仓库内的可审计任务说明，供人工维护或后续智能体执行。它们不是通过 Gitea API 创建的远端工单；需要远端协作时，应在确认范围后逐项复制到 Gitea，并保留本地文件作为产品交接记录。 + +| Issue | 标题 | 状态 | 优先级 | +|---|---|---|---:| +| [001](ISSUE-001-finalize-mentor-redesign.md) | 问师界面与动态追问收口 | 待人工验收/提交 | P0 | +| [002](ISSUE-002-checkpoint-current-pc-visual-work.md) | 当前 PC 全站视觉改动验收与回档 | 待审查/提交 | P0 | +| [003](ISSUE-003-mobile-redesign.md) | 移动端独立重设 | 明确延期 | P2 | +| [004](ISSUE-004-full-ic-multifactor.md) | 完整 IC 动态多因子 | 未实现 | P1 | +| [005](ISSUE-005-policy-macro-overnight-data.md) | 政策、宏观与隔夜消息数据 | 数据源未定 | P1 | +| [006](ISSUE-006-analyst-consensus-data.md) | 分析师一致预期数据 | 数据阻塞 | P2 | +| [007](ISSUE-007-level2-auction.md) | Level-2 与动态竞价深度 | 授权阻塞 | P2 | +| [008](ISSUE-008-hot-money-profile-history.md) | 游资档案历史画像 | 低优先级 | P3 | +| [009](ISSUE-009-documentation-status-drift.md) | 活跃文档和状态漂移 | 待整理 | P1 | +| [010](ISSUE-010-live-provider-llm-readiness.md) | 数据源与 LLM 在线就绪核验 | 待运行核验 | P0 | +| [011](ISSUE-011-public-deployment-hardening.md) | 公网部署加固 | 未来范围 | P3 | + +关闭任一 Issue 前，必须更新 `docs/HANDOFF.md` 的状态、验证日期和回档提交；不能只改 Issue 标题。 diff --git a/app/docs/product/小白复盘-完整产品规格说明书.md b/app/docs/product/小白复盘-完整产品规格说明书.md index 0109613..92e9903 100644 --- a/app/docs/product/小白复盘-完整产品规格说明书.md +++ b/app/docs/product/小白复盘-完整产品规格说明书.md @@ -1065,6 +1065,9 @@ iFinD动态竞价不可用时，不能把Tushare最终竞价伪装成动态监 - 回答必须是真流式：每个文本片段只追加一次；流结束后不能再次追加完整答案，避免双份结果。 - 主模型在尚未输出任何内容前失败时可切换辅助模型。 - 一旦已经向用户输出文本，中途失败只能提示连接中断，不能切换模型后重复整个回答。 +- 每次成功回答可在同一次模型输出末尾生成2至3条动态追问；追问必须结合本轮问题、回答和当前思维模型，不得额外发起一次LLM业务调用或重复扣减额度。 +- 动态追问是当前回答的临时操作建议，不写入对话正文。点击追问只预填输入框，由用户确认或编辑后发送；切换模型、清空对话或开始下一次提问时，旧追问立即失效。 +- 回答失败、被用户停止或追问结构无效时不显示动态追问；追问不得包含无条件买卖指令、收益承诺或正文未支持的新事实。 - 回答必须声明这是基于公开资料蒸馏的思维模型，不是真人本人，不构成投资建议。 ### 14.4 按模型类型提供数据 @@ -1914,6 +1917,7 @@ iFinD动态竞价不可用时，不能把Tushare最终竞价伪装成动态监 | L03 | 主模型输出一半失败 | 不切辅助重放，提示连接中断并保留已输出 | | L04 | 选择宏观模型询问市场 | 上下文含宽基指数和ETF，不强塞短线席位数据 | | L05 | 普通用户打开问师/问天/助手 | 同结构锁定态，不能发起LLM调用 | +| L06 | 问师成功完成一轮回答 | 回答下方出现2至3条与本轮相关的动态追问；点击后只预填输入框，不自动发送，也不产生额外LLM额度调用 | | W01 | 观势未输入股票 | 只提示输入代码或名称，不显示暂不成卦 | | W02 | 中国平安所属保险行业仅5只成分且5只有行情 | 小样本但覆盖完整时行业安全门可通过 | | W03 | 行业缺涨跌但用户补录客观值 | 按原公式重算；用户不能直接选阴阳 | diff --git a/app/frontend/index.html b/app/frontend/index.html index f8520df..f811191 100644 --- a/app/frontend/index.html +++ b/app/frontend/index.html @@ -17,29 +17,29 @@ document.documentElement.style.colorScheme = theme; })(); - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + +
@@ -64,6 +64,10 @@
+
+ 行情 + 情绪周期 +
上涨 -- 下跌 -- @@ -83,6 +87,12 @@
+
+ + + + +
@@ -105,6 +115,7 @@
+
diff --git a/app/frontend/pages/mentor/page.js b/app/frontend/pages/mentor/page.js index 37e04b2..5c3e03e 100644 --- a/app/frontend/pages/mentor/page.js +++ b/app/frontend/pages/mentor/page.js @@ -37,8 +37,14 @@ function renderMentorWorkspace() { const selected = setup.mentors.find((item) => item.id === state.selectedMentorId) || null; setText("mentorDataDate", `数据日期 ${displayCompactDate(setup.trade_date)}`); setText("activeMentorName", selected?.name || "--"); - setText("mobileActiveMentorName", selected?.name || "选择思维模型"); + setText("mentorProfileName", selected?.name || "--"); + setText("mentorProfileTagline", selected?.tagline || selected?.description || "--"); + setText("mentorProfileSource", selected?.evidence?.label || "公开资料整理"); + setText("mentorProfileDataDate", `行情数据 ${displayCompactDate(setup.trade_date)}`); + setText("activeMentorAvatar", mentorAvatarText(selected)); + setText("mentorProfileAvatar", mentorAvatarText(selected)); document.querySelector("#activeMentorBadges").innerHTML = selected ? renderMentorBadges(selected, true) : ""; + document.querySelector("#mentorProfileBadges").innerHTML = selected ? renderMentorBadges(selected, true) : ""; setText("activeMentorEvidence", selected?.evidence?.note || selected?.description || "--"); document.querySelector("#activeMentorFocus").innerHTML = (selected?.focus || []).slice(0, 4) .map((item) => `${escapeHtml(item)}`).join(""); @@ -82,16 +88,14 @@ function renderMentorDirectory() {
@@ -254,29 +258,16 @@ function renderMentorBadges(mentor, expanded = false) { return badges.join(""); } -function toggleMentorDirectory(open) { - const mobileOpen = Boolean(open) && window.innerWidth <= 720; - state.mentorDirectoryOpen = mobileOpen; - const sidebar = document.querySelector("#mentorView .mentor-sidebar"); - const backdrop = document.querySelector("#mentorDirectoryBackdrop"); - const toggle = document.querySelector("#mentorDirectoryToggle"); - sidebar.classList.toggle("is-open", mobileOpen); - backdrop.hidden = !mobileOpen; - toggle.setAttribute("aria-expanded", String(mobileOpen)); - document.body.classList.toggle("mentor-directory-open", mobileOpen); - if (mobileOpen) requestAnimationFrame(() => document.querySelector("#mentorSearchInput").focus()); +function mentorAvatarText(mentor) { + return Array.from(String(mentor?.name || "师").trim())[0] || "师"; } async function selectMentor(mentorId) { - if (mentorId === state.selectedMentorId) { - toggleMentorDirectory(false); - return; - } + if (mentorId === state.selectedMentorId) return; state.selectedMentorId = mentorId; state.mentorMessages = []; hideMentorNotice(); renderMentorWorkspace(); - toggleMentorDirectory(false); state.mentorMessages = await loadMentorMessages(); renderMentorMessages(); } @@ -289,35 +280,53 @@ function renderMentorMessages() {
向「${escapeHtml(selected?.name || "问师")}」请教 -

${escapeHtml(selected?.tagline || selected?.description || "选择一个问题开始对话")}

+

${escapeHtml(selected?.tagline || selected?.description || "从一个具体问题开始对话")}

`; refreshIcons(); } else { container.innerHTML = state.mentorMessages.map((message) => `
-
${message.role === "user" ? "我" : escapeHtml(selected?.name || "问师")}
-
${message.role === "assistant" ? formatMentorAnswer(message.content) : escapeHtml(message.content)}
- ${message.streaming ? '' : ""} - ${message.meta && !message.streaming ? `${escapeHtml(message.meta)}` : ""} + +
+
${message.role === "user" ? "我" : escapeHtml(selected?.name || "问师")}
+
${message.role === "assistant" + ? (message.content ? formatMentorAnswer(message.content) : '

正在读取复盘数据并推演...

') + : escapeHtml(message.content)}
+ ${message.streaming ? '' : ""} + ${renderMentorFollowUps(message)} + ${message.meta && !message.streaming ? `${escapeHtml(message.meta)}` : ""} +
`).join(""); - if (state.mentorLoading && !state.mentorMessages.some((message) => message.streaming)) { - container.insertAdjacentHTML("beforeend", ` -
-
${escapeHtml(selected?.name || "问师")}
-

正在读取复盘数据并推演...

-
- `); - } } + document.querySelector("#mentorQuickPrompts").hidden = state.mentorMessages.length > 0 || state.mentorLoading; document.querySelector("#clearMentorChatButton").disabled = !state.mentorMessages.length || state.mentorLoading; document.querySelector("#mentorQuestion").disabled = state.mentorLoading || !state.selectedMentorId; document.querySelector("#sendMentorQuestion").disabled = state.mentorLoading || !state.selectedMentorId; + document.querySelector("#sendMentorQuestion").hidden = state.mentorLoading; + document.querySelector("#stopMentorQuestion").hidden = !state.mentorLoading; document.querySelector("#mentorSortToggle").disabled = state.mentorLoading; + setText("activeMentorStatus", state.mentorLoading ? "正在生成回答..." : "思维模型已就绪"); + container.querySelectorAll("[data-mentor-follow-up]").forEach((button) => { + button.addEventListener("click", () => useMentorQuickPrompt(button.dataset.mentorFollowUp)); + }); + refreshIcons(); requestAnimationFrame(() => { container.scrollTop = container.scrollHeight; }); } +function renderMentorFollowUps(message) { + if (message.role !== "assistant" || message.streaming || message.error || !Array.isArray(message.followUps)) return ""; + const items = message.followUps.filter(Boolean).slice(0, 3); + if (items.length < 2) return ""; + return ` +
+ 继续追问 + ${items.map((item) => ``).join("")} +
+ `; +} + async function sendMentorQuestion(event) { event.preventDefault(); if (state.mentorLoading || !state.selectedMentorId) return; @@ -328,8 +337,9 @@ async function sendMentorQuestion(event) { role: item.role, content: item.content.slice(0, 3500), })); + state.mentorMessages.forEach((message) => { delete message.followUps; }); state.mentorMessages.push({ role: "user", content: question }); - const responseMessage = { role: "assistant", content: "", streaming: true, meta: "" }; + const responseMessage = { role: "assistant", content: "", streaming: true, meta: "", followUps: [] }; state.mentorMessages.push(responseMessage); input.value = ""; state.mentorLoading = true; @@ -353,6 +363,9 @@ async function sendMentorQuestion(event) { }, (meta) => { responseMessage.meta = `${displayCompactDate(meta.data_trade_date || elements.tradeDate.value)} · 回答完成`; + responseMessage.followUps = Array.isArray(meta.follow_ups) + ? meta.follow_ups.filter((item) => typeof item === "string" && item.trim()).slice(0, 3) + : []; if (meta.notice) showMentorNotice(meta.notice); }, ); @@ -360,13 +373,23 @@ async function sendMentorQuestion(event) { setStatus("问师回答完成"); } catch (error) { responseMessage.streaming = false; - responseMessage.error = true; - if (!responseMessage.content) { - state.mentorMessages = state.mentorMessages.filter((item) => item !== responseMessage); + responseMessage.followUps = []; + if (state.mentorController?.signal.aborted) { + if (responseMessage.content) { + responseMessage.meta = "生成已停止"; + } else { + state.mentorMessages = state.mentorMessages.filter((item) => item !== responseMessage); + } + setStatus("已停止问师回答"); + } else { + responseMessage.error = true; + if (!responseMessage.content) { + state.mentorMessages = state.mentorMessages.filter((item) => item !== responseMessage); + } + showMentorNotice(error.message || "问师回答失败"); + showToast(error.message || "问师回答失败"); + setStatus("问师回答失败"); } - showMentorNotice(error.message || "问师回答失败"); - showToast(error.message || "问师回答失败"); - setStatus("问师回答失败"); } finally { state.mentorLoading = false; state.mentorController = null; @@ -376,6 +399,12 @@ async function sendMentorQuestion(event) { } } +function stopMentorGeneration() { + if (!state.mentorLoading || !state.mentorController) return; + state.mentorController.abort(); + setText("activeMentorStatus", "正在停止..."); +} + let mentorRenderFrame = 0; function scheduleMentorRender() { @@ -497,12 +526,8 @@ function formatMentorInline(content) { function bindMentorEvents() { document.querySelector("#mentorChatForm").addEventListener("submit", sendMentorQuestion); + document.querySelector("#stopMentorQuestion").addEventListener("click", stopMentorGeneration); document.querySelector("#clearMentorChatButton").addEventListener("click", clearMentorConversation); - document.querySelector("#mentorDirectoryToggle").addEventListener("click", () => { - toggleMentorDirectory(!state.mentorDirectoryOpen); - }); - document.querySelector("#closeMentorDirectory").addEventListener("click", () => toggleMentorDirectory(false)); - document.querySelector("#mentorDirectoryBackdrop").addEventListener("click", () => toggleMentorDirectory(false)); document.querySelector("#mentorSortToggle").addEventListener("click", toggleMentorSortMode); document.querySelector("#mentorSearchInput").addEventListener("input", (event) => { state.mentorQuery = event.target.value.trim().toLocaleLowerCase("zh-CN"); @@ -520,10 +545,9 @@ function bindMentorEvents() { document.querySelectorAll("[data-mentor-prompt]").forEach((button) => { button.addEventListener("click", () => useMentorQuickPrompt(button.dataset.mentorPrompt)); }); - document.addEventListener("keydown", (event) => { - if (event.key === "Escape") toggleMentorDirectory(false); - }); - window.addEventListener("resize", () => { - if (window.innerWidth > 720) toggleMentorDirectory(false); + document.querySelector("#mentorQuestion").addEventListener("keydown", (event) => { + if (event.key !== "Enter" || event.shiftKey || event.isComposing) return; + event.preventDefault(); + document.querySelector("#mentorChatForm").requestSubmit(); }); } diff --git a/app/frontend/pages/pools/foundation.css b/app/frontend/pages/pools/foundation.css index f3c0b1b..6088a82 100644 --- a/app/frontend/pages/pools/foundation.css +++ b/app/frontend/pages/pools/foundation.css @@ -584,7 +584,7 @@ border-bottom-color: var(--border); } -@media (max-width: 720px) { +@media (max-width: 767px) { .main-grid { display: block; @@ -1146,7 +1146,7 @@ } } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { .pool-page-head .toolbar-controls { flex-wrap: wrap; } @@ -1290,7 +1290,7 @@ line-height: 1.6; } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { .broken-page-head .toolbar-controls { flex-wrap: nowrap; } @@ -2182,7 +2182,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .redesigned-performance-view .performance-cards { grid-template-columns: repeat(2, minmax(0px, 1fr)); } @@ -2211,7 +2211,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .redesigned-performance-view { padding: 0px; } @@ -2284,7 +2284,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { :is(#limitTable, #brokenTable, #downTable, #yesterdayTable) .pool-reason-cell { white-space: normal; } @@ -2374,7 +2374,7 @@ overflow: auto; } -@media (min-width: 721px) { +@media (min-width: 768px) { #yesterdayView.active-view { min-height: 0px; @@ -2489,3 +2489,79 @@ .ladder-mini.pool-side-list { display: block; } + +/* Mobile pool workspaces keep filters usable and tables locally horizontal. */ +@media (max-width: 767px) { + :is(#limitPool, #brokenView, #downView, #yesterdayView, #performanceView) { + padding-inline: 0; + } + + :is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) { + gap: var(--space-8); + } + + body.mobile-shell :is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .toolbar-controls { + width: 100%; + display: grid; + grid-template-columns: minmax(0, 1fr) auto; + gap: var(--space-8); + overflow: visible; + } + + .pool-page-head .pool-filter-segments { + width: 100%; + min-width: 0; + grid-column: 1 / -1; + } + + .pool-page-head .pool-filter-segments .segment { + min-width: 0; + flex: 1 1 0; + padding-inline: var(--space-8); + } + + :is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .pool-search-field { + width: 100%; + min-width: 0; + } + + :is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .pool-search-field input { + width: 100%; + min-width: 0; + flex: 1 1 auto; + } + + #limitPool .redesigned-pool-grid { + display: flex; + flex-direction: column; + gap: var(--space-12); + } + + :is(#limitPool, #brokenView, #downView, #yesterdayView) .tbl-wrap { + min-height: var(--mobile-table-min-height); + max-height: none; + overflow-x: auto; + overflow-y: visible; + } + + #limitPool .pool-insight-rail { + display: grid; + grid-template-columns: minmax(0, 1fr); + gap: var(--space-12); + } + + #limitPool .pool-insight-rail .rail-section { + min-height: 0; + } + + #yesterdayView .yesterday-result-summary { + display: flex; + overflow-x: auto; + scrollbar-width: none; + } + + #yesterdayView .yesterday-summary-cell { + min-width: var(--mobile-summary-card-width); + flex: 0 0 auto; + } +} diff --git a/app/frontend/pages/popularity/foundation.css b/app/frontend/pages/popularity/foundation.css index 60447ce..f10cb06 100644 --- a/app/frontend/pages/popularity/foundation.css +++ b/app/frontend/pages/popularity/foundation.css @@ -602,7 +602,7 @@ color: var(--r2-amber); } -@media (min-width: 721px) { +@media (min-width: 768px) { body[data-active-view="popularityView"] .app-main { display: flex; @@ -626,7 +626,7 @@ } } -@media (min-width: 721px) and (max-height: 900px) { +@media (min-width: 768px) and (max-height: 900px) { .redesigned-popularity-view { padding-top: 9px; @@ -684,7 +684,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .redesigned-popularity-view { padding: 10px; } @@ -869,7 +869,7 @@ width: var(--col-number); } -@media (min-width: 721px) { +@media (min-width: 768px) { #popularityView .popularity-glance-v2, #popularityView .popularity-page-head-v2 { flex: 0 0 auto; @@ -919,3 +919,16 @@ box-shadow: var(--control-shadow); } + +@media (max-width: 767px) { + #popularityView { + padding-inline: 0; + } + + #popularityView .popularity-table-frame-v2 { + min-height: var(--mobile-table-min-height); + max-height: none; + overflow-x: auto; + overflow-y: visible; + } +} diff --git a/app/frontend/pages/review/foundation.css b/app/frontend/pages/review/foundation.css index f63571d..9c3bf19 100644 --- a/app/frontend/pages/review/foundation.css +++ b/app/frontend/pages/review/foundation.css @@ -109,7 +109,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .trade-log-dialog { width: calc(-16px + 100vw); @@ -154,7 +154,7 @@ border-bottom-color: var(--border); } -@media (max-width: 720px) { +@media (max-width: 767px) { :where(#reviewWorkspaceView) .workspace-section { min-width: 0px; @@ -207,7 +207,7 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view { border-top: 1px solid var(--border); } -@media (max-width: 720px) { +@media (max-width: 767px) { body[data-active-view="reviewWorkspaceView"] .workspace-view { margin-top: 0px; @@ -315,7 +315,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip { color: var(--primary); } -@media (max-width: 720px) { +@media (max-width: 767px) { :where(#reviewWorkspaceView) .review-workspace { display: block; @@ -1058,7 +1058,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip { } } -@media (max-width: 720px) { +@media (max-width: 767px) { #reviewWorkspaceView .note-row { grid-template-columns: 1fr auto; } @@ -1091,7 +1091,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip { } } -@media (max-width: 720px) { +@media (max-width: 767px) { #reviewWorkspaceView .review-page-header { min-height: 68px; @@ -1908,7 +1908,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip { } } -@media (max-width: 720px) { +@media (max-width: 767px) { #reviewWorkspaceView .review-watchlist-table { min-width: 760px; } @@ -2057,7 +2057,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip { white-space: normal; } -@media (min-width: 721px) { +@media (min-width: 768px) { :root #reviewWorkspaceView.active-view { height: auto; @@ -2167,3 +2167,37 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip { :root[data-theme="dark"] #reviewWorkspaceView .data-table tbody td { color: var(--text-primary); } + +/* Mobile review is a single vertical workflow with locally horizontal tables. */ +@media (max-width: 767px) { + body.mobile-shell #reviewWorkspaceView { + padding-inline: 0; + } + + body.mobile-shell #reviewWorkspaceView .review-workspace, + body.mobile-shell #reviewWorkspaceView .review-grid, + body.mobile-shell #reviewWorkspaceView .review-left-stack { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: var(--space-12); + } + + body.mobile-shell #reviewWorkspaceView :is(.workspace-table-frame, .trade-log-table-frame) { + min-height: 0; + max-height: none; + overflow-x: auto; + overflow-y: visible; + } + + body.mobile-shell #reviewWorkspaceView :is(.notes-history-section, .notes-history) { + max-height: none; + overflow: visible; + } + + body.mobile-shell #reviewWorkspaceView .journal-section { + width: 100%; + height: auto; + } +} diff --git a/app/frontend/pages/rotation/foundation.css b/app/frontend/pages/rotation/foundation.css index 2d1cfa1..1b6604f 100644 --- a/app/frontend/pages/rotation/foundation.css +++ b/app/frontend/pages/rotation/foundation.css @@ -62,7 +62,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .rotation-history { min-height: 224px; } @@ -991,7 +991,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .redesigned-rotation-view { padding: 0px; } @@ -1087,7 +1087,7 @@ min-width: var(--table-wide); } -@media (min-width: 721px) { +@media (min-width: 768px) { #rotationView.active-view { display: grid; @@ -1157,7 +1157,7 @@ } } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { #rotationView.active-view { display: block; @@ -1245,3 +1245,14 @@ background: var(--surface-muted); } + +@media (max-width: 767px) { + #rotationView :is(.rotation-table-frame, .rotation-detail-card) { + max-height: none; + overflow-y: visible; + } + + #rotationView .rotation-table-frame { + overflow-x: auto; + } +} diff --git a/app/frontend/pages/screener/foundation.css b/app/frontend/pages/screener/foundation.css index 6e59ec1..0938796 100644 --- a/app/frontend/pages/screener/foundation.css +++ b/app/frontend/pages/screener/foundation.css @@ -5,7 +5,7 @@ font-weight: 800; } -@media (max-width: 720px) { +@media (max-width: 767px) { #screenerView { border-radius: 0px; } @@ -311,7 +311,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { #screenerView.mobile-results [data-screener-panel]:not([hidden]) { display: block !important; } @@ -786,7 +786,7 @@ box-shadow: 1px 0 0 var(--border); } -@media (max-width: 1023px) and (min-width: 721px) { +@media (max-width: 1023px) and (min-width: 768px) { #screenerView .factor-data-status, #screenerView .regime-evidence { @@ -794,7 +794,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { body[data-active-view="screenerView"] .overview-strip { display: none; } @@ -1114,7 +1114,7 @@ color: var(--market-down); } -@media (max-width: 720px) { +@media (max-width: 767px) { .tracking-summary { grid-template-columns: repeat(2, minmax(0px, 1fr)); } @@ -1450,7 +1450,63 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { + body.mobile-shell #screenerView .screener-stepper { + width: 100%; + display: flex; + padding-inline: var(--space-8); + overflow: visible; + } + + body.mobile-shell #screenerView .screener-step { + min-width: 0; + flex: 1 1 0; + flex-direction: column; + justify-content: flex-start; + gap: var(--space-4); + text-align: center; + } + + body.mobile-shell #screenerView .screener-step > div { + width: 100%; + min-width: 0; + } + + body.mobile-shell #screenerView .screener-step :is(strong, small) { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + body.mobile-shell #screenerView .step-line { + width: var(--space-8); + flex: 0 0 var(--space-8); + align-self: flex-start; + margin: var(--space-12) var(--space-4) 0; + } +} + +@media (max-width: 767px) { + body.mobile-shell #screenerView, + body.mobile-shell #screenerTrackingView { + padding-inline: 0; + } + + body.mobile-shell #screenerView :is(.screener-result-frame, .curated-strategy-list, .quant-builder-pane, .quant-summary-pane), + body.mobile-shell #screenerTrackingView .tracking-table-frame.tbl-wrap { + max-height: none; + overflow-y: visible; + } + + body.mobile-shell #screenerView .screener-result-frame, + body.mobile-shell #screenerTrackingView .tracking-table-frame { + overflow-x: auto; + } + +} + +@media (max-width: 767px) { .screener-page-heading { min-height: 54px; @@ -1673,7 +1729,7 @@ border-color: var(--border-strong); } -@media (max-width: 720px) { +@media (max-width: 767px) { #screenerView .screener-strategy-view { padding: 8px; } @@ -2031,7 +2087,7 @@ body[data-active-view="screenerView"] .workspace-view { min-height: 45px; } -@media (min-width: 721px) and (max-width: 1279px) { +@media (min-width: 768px) and (max-width: 1279px) { .quant-screener-panel { grid-template-columns: 1fr; } @@ -2041,7 +2097,7 @@ body[data-active-view="screenerView"] .workspace-view { } } -@media (max-width: 720px) { +@media (max-width: 767px) { body[data-active-view="screenerView"] .workspace-view { margin-top: 0px; @@ -2373,7 +2429,7 @@ body[data-active-view="screenerView"] .overview-strip { } } -@media (max-width: 720px) { +@media (max-width: 767px) { .screener-mode-tabs { min-height: 50px; @@ -6042,7 +6098,7 @@ body[data-active-view="screenerView"] .overview-strip { min-width: var(--table-wide); } -@media (min-width: 721px) { +@media (min-width: 768px) { :root #screenerView.active-view { height: auto; diff --git a/app/frontend/pages/screener/page.js b/app/frontend/pages/screener/page.js index 54464ee..80e3043 100644 --- a/app/frontend/pages/screener/page.js +++ b/app/frontend/pages/screener/page.js @@ -859,7 +859,7 @@ async function executeScreenerFormula({ mode, formula, strategyName, strategyId renderScreenerResult(); if (executionMode === "smart") setText("screenerRunStatus", `完成 · ${payload.result.candidates.length} 只`); updateBacktestTaskStatus(); - if (window.innerWidth <= 720) selectScreenerMobileView("results"); + if (window.innerWidth <= 767) selectScreenerMobileView("results"); setStatus(`${strategyName}完成 · ${payload.result.candidates.length} 只候选`); } catch (error) { showToast(error.message); diff --git a/app/frontend/pages/sentiment/foundation.css b/app/frontend/pages/sentiment/foundation.css index ac7ec4c..e7a9642 100644 --- a/app/frontend/pages/sentiment/foundation.css +++ b/app/frontend/pages/sentiment/foundation.css @@ -1,5 +1,5 @@ /* Canonical CSS owner: sentiment. Historical layers consolidated 2026-08-02. */ -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { #sentimentCycleView { --sentiment-history-max-height: min(480px, calc(100dvh - 210px)); } @@ -428,7 +428,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { body[data-active-view="sentimentCycleView"] .overview-strip { display: none; } @@ -541,7 +541,7 @@ background: rgb(238, 243, 246); } -@media (max-width: 720px) { +@media (max-width: 767px) { .sentiment-block { min-height: 0px; @@ -619,7 +619,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .overview-strip .sentiment-block { grid-area: 1 / 1 / 3; @@ -1336,7 +1336,7 @@ } } -@media (max-width: 1023px) and (min-width: 721px) { +@media (max-width: 1023px) and (min-width: 768px) { .redesigned-emotion-grid { grid-template-columns: 1fr; } @@ -1348,7 +1348,7 @@ } } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { .redesigned-emotion-grid { grid-template-columns: 1fr; } @@ -1508,7 +1508,7 @@ text-align: center; } -@media (min-width: 721px) { +@media (min-width: 768px) { #sentimentCycleView.active-view { min-height: 0px; @@ -1534,7 +1534,7 @@ } } -@media (min-width: 721px) and (max-height: 1100px) { +@media (min-width: 768px) and (max-height: 1100px) { #sentimentCycleView .sentiment-phase-block { gap: 12px; @@ -1570,7 +1570,7 @@ } } -@media (min-width: 721px) { +@media (min-width: 768px) { :root #sentimentCycleView.active-view { height: auto; @@ -1661,7 +1661,7 @@ padding-bottom: var(--card-gap); } -@media (min-width: 721px) { +@media (min-width: 768px) { .redesigned-sentiment-view .sentiment-chart-shell { padding-right: 16px; @@ -1674,3 +1674,89 @@ grid-template-columns: minmax(270px, 1.25fr) repeat(3, minmax(160px, 1fr)); } } + +/* Mobile information order: trend, current phase, composition, then history. */ +@media (max-width: 767px) { + #sentimentCycleView .sentiment-cycle-toolbar { + gap: var(--space-8); + padding: 0; + } + + #sentimentCycleView .sentiment-cycle-analysis, + #sentimentCycleView .redesigned-emotion-grid { + display: flex; + flex-direction: column; + gap: var(--space-12); + } + + #sentimentCycleView .sentiment-analysis-main { + order: 1; + } + + #sentimentCycleView .sentiment-analysis-rail { + order: 2; + display: grid !important; + grid-template-columns: minmax(0, 1fr); + gap: var(--space-12); + } + + #sentimentCycleView .sentiment-trend-panel, + #sentimentCycleView .sentiment-components-panel { + padding: 0; + } + + #sentimentCycleView .sentiment-chart-legend { + gap: var(--space-12); + padding: 0 var(--space-12); + overflow-x: auto; + white-space: nowrap; + scrollbar-width: none; + } + + #sentimentCycleView .sentiment-chart-shell, + #sentimentCycleView .sentiment-chart-shell canvas { + height: var(--mobile-chart-height); + } + + #sentimentCycleView .sentiment-phase-block { + display: grid; + grid-template-columns: auto minmax(0, 1fr); + align-items: start; + gap: var(--space-12); + } + + #sentimentCycleView .sentiment-current-phase-badge { + min-width: var(--mobile-phase-badge-width); + } + + #sentimentCycleView .sentiment-detail-toolbar { + min-height: var(--mobile-touch-size); + padding: var(--space-8) 0; + } + + #sentimentCycleView .sentiment-history-frame { + min-height: var(--mobile-table-min-height); + max-height: none; + margin-bottom: 0; + padding-bottom: 0; + overflow-x: auto; + overflow-y: visible; + } +} + +@media (max-width: 359px) { + #sentimentCycleView .sentiment-phase-block { + grid-template-columns: minmax(0, 1fr); + } +} + +@media (min-width: 768px) and (max-width: 1023px) { + #sentimentCycleView .redesigned-emotion-grid { + grid-template-columns: minmax(0, 1fr); + } + + #sentimentCycleView .sentiment-analysis-rail { + display: grid !important; + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} diff --git a/app/frontend/pages/themes/foundation.css b/app/frontend/pages/themes/foundation.css index b841ff5..5628f5a 100644 --- a/app/frontend/pages/themes/foundation.css +++ b/app/frontend/pages/themes/foundation.css @@ -117,7 +117,7 @@ border-right: 0px; } -@media (max-width: 720px) { +@media (max-width: 767px) { .theme-detail-empty { min-height: 260px; } @@ -231,7 +231,7 @@ border-color: var(--border); } -@media (max-width: 720px) { +@media (max-width: 767px) { .theme-directory { max-height: 300px; @@ -1100,7 +1100,7 @@ } } -@media (min-width: 721px) and (max-width: 1180px) { +@media (min-width: 768px) and (max-width: 1180px) { body[data-active-view="themeLibraryView"] .app-main { overflow: hidden auto; } @@ -1128,7 +1128,7 @@ } } -@media (min-width: 721px) and (max-height: 900px) { +@media (min-width: 768px) and (max-height: 900px) { .redesigned-theme-view { padding-top: 9px; @@ -1192,7 +1192,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .redesigned-theme-view { padding: 10px; } @@ -1404,7 +1404,7 @@ grid-template-columns: var(--right-rail-wide) minmax(0,1fr); } -@media (min-width: 721px) { +@media (min-width: 768px) { #themeLibraryView .theme-page-head-v2, #themeLibraryView .theme-summary-v2 { flex: 0 0 auto; @@ -1452,7 +1452,7 @@ } } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { #themeLibraryView .theme-library-workspace-v2 { height: auto; @@ -1534,3 +1534,21 @@ transition: none; } } + +@media (max-width: 767px) { + #themeLibraryView { + padding-inline: 0; + } + + #themeLibraryView :is(.theme-directory-v2, .theme-detail-column-v2, .theme-detail-stack-v2) { + max-height: none; + overflow: visible; + } + + #themeLibraryView .theme-members-frame-v2 { + min-height: var(--mobile-table-min-height); + max-height: none; + overflow-x: auto; + overflow-y: visible; + } +} diff --git a/app/frontend/shared/auth.css b/app/frontend/shared/auth.css index bae7a79..f67d153 100644 --- a/app/frontend/shared/auth.css +++ b/app/frontend/shared/auth.css @@ -479,13 +479,13 @@ white-space: nowrap; } -@media (min-width: 721px) and (max-width: 1279px) { +@media (min-width: 768px) and (max-width: 1279px) { .account-button { width: 32px; } } -@media (max-width: 720px) { +@media (max-width: 767px) { .header-command-group .account-button { width: 100%; @@ -1020,7 +1020,7 @@ button.account-role-badge:focus-visible { gap: 10px; } -@media (max-width: 720px) { +@media (max-width: 767px) { .account-menu-shell { width: 100%; @@ -1128,7 +1128,7 @@ button.account-role-badge:focus-visible { box-shadow: rgba(22, 34, 46, 0.15) 0px 14px 35px; } -@media (max-width: 720px) { +@media (max-width: 767px) { .account-settings-dialog, .settings-dialog { width: calc(-16px + 100vw); @@ -1648,7 +1648,7 @@ button.account-role-badge:focus-visible { box-shadow: var(--shadow); } -@media (min-width: 721px) { +@media (min-width: 768px) { .account-menu-shell { display: inline-flex; } diff --git a/app/frontend/shared/base.css b/app/frontend/shared/base.css index 0a17bd2..441422f 100644 --- a/app/frontend/shared/base.css +++ b/app/frontend/shared/base.css @@ -125,13 +125,13 @@ dialog::backdrop { backdrop-filter: blur(2px); } -@media (min-width: 721px) { +@media (min-width: 768px) { body { overflow-y: hidden; } } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { html { width: 100%; @@ -185,3 +185,28 @@ dialog::backdrop { animation: auto ease 0s 1 normal none running none; } } + +/* Mobile document contract: the page owns the only vertical scrollbar. */ +@media (max-width: 767px) { + html { + width: 100%; + min-width: var(--mobile-min-width); + min-height: 100%; + height: auto; + overflow-x: hidden; + } + + body.mobile-shell { + width: 100%; + min-width: var(--mobile-min-width); + min-height: 100%; + height: auto; + padding-bottom: var(--mobile-content-bottom); + overflow-y: auto; + overscroll-behavior-y: contain; + } + + body.mobile-shell.mobile-command-open { + overflow: hidden; + } +} diff --git a/app/frontend/shared/components/cards.css b/app/frontend/shared/components/cards.css index 03df45f..694d001 100644 --- a/app/frontend/shared/components/cards.css +++ b/app/frontend/shared/components/cards.css @@ -168,7 +168,7 @@ font-size: 11px; } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { .redesigned-page-head { align-items: flex-start; @@ -178,7 +178,7 @@ } } -@media (min-width: 721px) { +@media (min-width: 768px) { :is(.redesigned-auction-view, .redesigned-theme-view, .redesigned-popularity-view, .redesigned-dragon-view) { width: min(100%, 2200px); diff --git a/app/frontend/shared/components/controls.css b/app/frontend/shared/components/controls.css index 6267847..5653425 100644 --- a/app/frontend/shared/components/controls.css +++ b/app/frontend/shared/components/controls.css @@ -9,7 +9,7 @@ stroke-width: 1.75; } -@media (max-width: 720px) { +@media (max-width: 767px) { .header-command-group .command-button { width: 100%; @@ -106,7 +106,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide { transform: rotate(180deg); } -@media (min-width: 721px) and (max-width: 1279px) { +@media (min-width: 768px) and (max-width: 1279px) { .command-button { width: 32px; @@ -118,7 +118,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide { } } -@media (min-width: 721px) and (max-width: 1023px) { +@media (min-width: 768px) and (max-width: 1023px) { .sidebar-collapse-button span { display: none; } @@ -132,7 +132,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide { } } -@media (max-width: 720px) { +@media (max-width: 767px) { .header-command-group .button.primary { border-color: var(--action); @@ -186,7 +186,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide { height: 15px; } -@media (max-width: 720px) { +@media (max-width: 767px) { .stock-heaven-button span { display: none; } @@ -241,7 +241,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide { font-weight: 670; } -@media (min-width: 721px) and (max-width: 1279px) { +@media (min-width: 768px) and (max-width: 1279px) { .sidebar-collapse-button span { display: none; } @@ -253,7 +253,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide { } } -@media (max-width: 720px) { +@media (max-width: 767px) { .header-menu-button { width: 34px; @@ -593,7 +593,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide { box-shadow: 0 0 0 3px var(--focus-ring); } -@media (max-width: 720px) { +@media (max-width: 767px) { .module-nav .sidebar-collapse-button { display: none; } @@ -751,7 +751,7 @@ body.sidebar-collapsed .sidebar-collapse-button { color: var(--text-inverse); } -@media (max-width: 1023px) and (min-width: 721px) { +@media (max-width: 1023px) and (min-width: 768px) { .sidebar-collapse-button span { display: none; } @@ -944,33 +944,7 @@ textarea { font-size: 12px; } -.chat-input { - display: flex; - - gap: 8px; - - padding: 12px 16px; - - border-top: 1px solid var(--line-soft); -} - -.chat-input input { - flex: 1 1 0%; - - border: 1px solid var(--line); - - border-radius: 8px; - - padding: 9px 12px; - - outline: none; -} - -.chat-input input:focus { - border-color: var(--blue-line); -} - -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { .sidebar-collapse-button { display: none; } @@ -1034,8 +1008,84 @@ textarea { box-shadow: var(--control-shadow); } -@media (min-width: 721px) { +@media (min-width: 768px) { .header-menu-button { display: none; } } + +/* Mobile control contract. */ +@media (max-width: 767px) { + body.mobile-shell .header-menu-button, + body.mobile-shell .header-actions > .header-menu-button { + width: var(--mobile-touch-size); + min-width: var(--mobile-touch-size); + height: var(--mobile-touch-size); + min-height: var(--mobile-touch-size); + display: grid; + place-items: center; + } + + body.mobile-shell .header-command-group .command-button { + width: 100%; + height: auto; + min-height: var(--mobile-touch-size); + justify-content: flex-start; + padding: 0 var(--space-12); + border: 1px solid var(--border); + border-radius: var(--radius-md); + background: var(--control-surface); + color: var(--text-primary); + } + + body.mobile-shell .header-command-group .command-button > span { + display: inline; + } + + body.mobile-shell .mobile-command-shortcut { + width: 100%; + height: auto; + min-height: var(--mobile-touch-size); + } + + body.mobile-shell .mobile-market-selector:not([hidden]) { + position: relative; + width: 100%; + height: var(--mobile-touch-size); + min-height: var(--mobile-touch-size); + display: grid; + grid-template-columns: auto minmax(0, 1fr) var(--mobile-nav-icon-size); + align-items: center; + gap: var(--space-8); + margin: var(--mobile-page-pad) 0 0; + padding: 0 var(--space-12); + border: 1px solid var(--border); + border-radius: var(--radius-md); + background: var(--surface); + box-shadow: none; + } + + body.mobile-shell .mobile-market-selector select { + width: 100%; + height: calc(var(--mobile-touch-size) - 2px); + min-height: 0; + padding: 0; + border: 0; + background: transparent; + color: var(--text-primary); + font-size: var(--font-size-body); + font-weight: var(--font-weight-semibold); + text-align: right; + appearance: none; + } + + body.mobile-shell :is(.button, .icon-button, button) { + touch-action: manipulation; + } +} + +:root[data-theme="dark"] .mobile-command-shortcut { + border-color: var(--border); + background: var(--surface-subtle); + color: var(--text-secondary); +} diff --git a/app/frontend/shared/components/dialogs.css b/app/frontend/shared/components/dialogs.css index cbd8fb2..64bea7a 100644 --- a/app/frontend/shared/components/dialogs.css +++ b/app/frontend/shared/components/dialogs.css @@ -53,7 +53,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .dialog-header-actions { flex-wrap: wrap; @@ -189,7 +189,7 @@ font-size: 12px; } -@media (max-width: 720px) { +@media (max-width: 767px) { .global-search-dialog { width: calc(-16px + 100vw); @@ -431,7 +431,7 @@ height: 34px; } -@media (max-width: 720px) { +@media (max-width: 767px) { .alerts-dialog { width: calc(-16px + 100vw); @@ -713,7 +713,7 @@ font-size: 10px; } -@media (max-width: 720px) { +@media (max-width: 767px) { .assistant-dialog { max-width: none; diff --git a/app/frontend/shared/components/feedback.css b/app/frontend/shared/components/feedback.css index 5fb8725..81e4d58 100644 --- a/app/frontend/shared/components/feedback.css +++ b/app/frontend/shared/components/feedback.css @@ -14,10 +14,6 @@ } } -.loading-message p { - color: var(--text-muted); -} - @keyframes breathe-core { 0%, 100% { @@ -163,7 +159,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { @keyframes command-menu-enter { 0% { opacity: 0; diff --git a/app/frontend/shared/components/navigation.css b/app/frontend/shared/components/navigation.css index 8518da0..2761951 100644 --- a/app/frontend/shared/components/navigation.css +++ b/app/frontend/shared/components/navigation.css @@ -23,7 +23,7 @@ } } -@media (max-width: 720px) { +@media (max-width: 767px) { .toolbar-controls { width: 100%; @@ -143,7 +143,7 @@ box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px; } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { .redesigned-page-head .toolbar-controls { width: 100%; @@ -219,8 +219,44 @@ } } -@media (min-width: 721px) { +@media (min-width: 768px) { .toolbar-controls { align-items: center; } } + +/* Mobile navigation and filter contract. */ +@media (max-width: 767px) { + body.mobile-shell .toolbar-controls, + body.mobile-shell .redesigned-page-head .toolbar-controls { + width: 100%; + min-width: 0; + display: flex; + align-items: center; + gap: var(--space-8); + margin-left: 0; + overflow-x: auto; + overflow-y: hidden; + scrollbar-width: none; + } + + body.mobile-shell .toolbar-controls::-webkit-scrollbar, + body.mobile-shell .redesigned-page-head .toolbar-controls::-webkit-scrollbar { + display: none; + } + + body.mobile-shell .segmented, + body.mobile-shell .redesigned-page-head .segmented { + width: max-content; + min-width: max-content; + min-height: var(--mobile-touch-size); + flex: 0 0 auto; + } + + body.mobile-shell .segment, + body.mobile-shell .redesigned-page-head .segment { + min-width: var(--mobile-touch-size); + min-height: calc(var(--mobile-touch-size) - var(--space-4)); + padding: 0 var(--space-12); + } +} diff --git a/app/frontend/shared/components/tables.css b/app/frontend/shared/components/tables.css index 9c19171..8b5ef08 100644 --- a/app/frontend/shared/components/tables.css +++ b/app/frontend/shared/components/tables.css @@ -157,7 +157,7 @@ background: var(--table-selected); } -@media (max-width: 720px) { +@media (max-width: 767px) { .data-table { font-size: 12.5px; } diff --git a/app/frontend/shared/shell.css b/app/frontend/shared/shell.css index 4a99766..fe99b7c 100644 --- a/app/frontend/shared/shell.css +++ b/app/frontend/shared/shell.css @@ -65,21 +65,13 @@ body.sidebar-collapsed .nav-group + .nav-group { border-top: 1px solid var(--border); } -@media (min-width: 721px) and (max-width: 1279px) { +@media (min-width: 768px) and (max-width: 1279px) { .header-actions { grid-column: 3; } } -@media (min-width: 721px) and (max-width: 1023px) { - .module-nav { - width: 64px; - - padding-right: 7px; - - padding-left: 7px; - } - +@media (min-width: 768px) and (max-width: 1023px) { .nav-group:first-of-type { margin-top: 10px; } @@ -93,7 +85,7 @@ body.sidebar-collapsed .nav-group + .nav-group { } } -@media (max-width: 720px) { +@media (max-width: 767px) { .market-tape { display: none; } @@ -139,6 +131,16 @@ body.sidebar-collapsed .nav-group + .nav-group { .status-bar { display: none; } + + body:is( + [data-active-view="screenerView"], + [data-active-view="screenerTrackingView"], + [data-active-view="mentorView"], + [data-active-view="heavenView"], + [data-active-view="reviewWorkspaceView"] + ) .overview-strip { + display: none; + } } .market-breadth-panel .workspace-heading { @@ -295,7 +297,7 @@ body.sidebar-collapsed .nav-group + .nav-group { font-weight: 770; } -@media (min-width: 721px) and (max-width: 1279px) { +@media (min-width: 768px) and (max-width: 1279px) { body.sidebar-collapsed .module-nav { width: 68px; @@ -315,7 +317,7 @@ body.sidebar-collapsed .nav-group + .nav-group { } } -@media (max-width: 720px) { +@media (max-width: 767px) { .header-command-group { position: fixed; @@ -441,7 +443,7 @@ body.sidebar-collapsed .module-tab { padding: 0px; } -@media (min-width: 721px) and (max-width: 1023px) { +@media (min-width: 768px) and (max-width: 1023px) { .module-tab span { display: none; } @@ -457,7 +459,7 @@ body.sidebar-collapsed .module-tab { } } -@media (min-width: 721px) and (max-width: 1279px) { +@media (min-width: 768px) and (max-width: 1279px) { .module-tab span { display: none; } @@ -473,7 +475,7 @@ body.sidebar-collapsed .module-tab { } } -@media (max-width: 720px) { +@media (max-width: 767px) { .header-date-group .icon-button { width: 30px; @@ -535,7 +537,7 @@ body.sidebar-collapsed .module-tab { border-right-color: var(--border); } -@media (max-width: 720px) { +@media (max-width: 767px) { .metric { gap: 2px; @@ -557,7 +559,7 @@ body.sidebar-collapsed .module-tab { font-size: 11px; } -@media (max-width: 720px) { +@media (max-width: 767px) { .metric-label { font-size: 10.5px; } @@ -695,7 +697,7 @@ body.sidebar-collapsed .app-main { } } -@media (max-width: 720px) { +@media (max-width: 767px) { .module-nav .market-sub-tab { display: none; } @@ -1015,7 +1017,7 @@ body.sidebar-collapsed .app-main { } } -@media (min-width: 721px) and (max-width: 1279px) { +@media (min-width: 768px) and (max-width: 1279px) { .app-header { padding-left: 8px; @@ -1033,7 +1035,7 @@ body.sidebar-collapsed .app-main { } } -@media (max-width: 720px) { +@media (max-width: 767px) { body.sidebar-collapsed { display: block; @@ -2055,7 +2057,7 @@ body.sidebar-collapsed .status-bar { } } -@media (max-width: 1023px) and (min-width: 721px) { +@media (max-width: 1023px) and (min-width: 768px) { .module-nav { width: 64px; @@ -2089,7 +2091,7 @@ body.sidebar-collapsed .status-bar { } } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { .redesigned-page-head .section-title-group { width: 100%; @@ -2101,7 +2103,7 @@ body.sidebar-collapsed .status-bar { } } -@media (min-width: 721px) { +@media (min-width: 768px) { .app-main { min-height: 0px; @@ -2397,7 +2399,7 @@ body.sidebar-collapsed .status-bar { background: transparent; } -@media (min-width: 721px) { +@media (min-width: 768px) { body:is([data-active-view="sentimentCycleView"], [data-active-view="yesterdayView"]) .app-main { height: var(--workspace-height); @@ -2449,7 +2451,7 @@ body.sidebar-collapsed .status-bar { } } -@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) { +@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) { body.sidebar-collapsed { display: block; @@ -2808,7 +2810,7 @@ body.sidebar-collapsed .status-bar { color: var(--text-primary); } -@media (min-width: 721px) { +@media (min-width: 768px) { .header-actions > .icon-button { min-width: 31px; } @@ -2823,3 +2825,400 @@ body.sidebar-collapsed .status-bar { align-items: center; } } + +@media (min-width: 768px) and (max-width: 1023px) { + .main, + body.sidebar-collapsed .main { + width: calc(100% - var(--sidebar-compact-width)); + min-width: 0; + margin-left: var(--sidebar-compact-width); + } + + .module-nav, + body.sidebar-collapsed .module-nav { + width: var(--sidebar-compact-width); + padding-right: 7px; + padding-left: 7px; + } + + .status-bar, + body.sidebar-collapsed .status-bar { + left: var(--sidebar-compact-width); + } +} + +/* Canonical mobile shell. Page-specific responsive rules remain with each page. */ +.mobile-page-context, +.mobile-command-shortcuts, +.mobile-command-backdrop { + display: none; +} + +@media (max-width: 767px) { + .mobile-shell, + .mobile-shell.sidebar-collapsed { + display: block; + min-height: 100dvh; + padding-bottom: var(--mobile-content-bottom); + } + + body.mobile-shell .main, + body.mobile-shell.sidebar-collapsed .main { + width: 100%; + min-width: 0; + min-height: 100dvh; + margin-left: 0; + } + + body.mobile-shell .app-header { + position: sticky; + top: 0; + z-index: var(--mobile-layer-header); + width: 100%; + height: var(--mobile-header-height); + min-height: var(--mobile-header-height); + display: flex; + align-items: center; + gap: var(--space-8); + padding: var(--space-4) var(--mobile-shell-pad); + border-bottom: 1px solid var(--border); + background: var(--surface); + box-shadow: none; + } + + body.mobile-shell.mobile-command-open .app-header { + z-index: var(--mobile-layer-menu); + } + + body.mobile-shell .mobile-page-context { + min-width: 0; + display: flex; + flex: 1 1 auto; + flex-direction: column; + justify-content: center; + gap: 0; + } + + body.mobile-shell .mobile-page-context span { + color: var(--text-tertiary); + font-size: var(--font-size-aux); + line-height: 1.2; + } + + body.mobile-shell .mobile-page-context strong { + overflow: hidden; + color: var(--text-primary); + font-size: var(--font-size-body); + font-weight: var(--font-weight-bold); + line-height: 1.35; + text-overflow: ellipsis; + white-space: nowrap; + } + + body.mobile-shell .market-tape, + body.mobile-shell .header-actions > :is(.global-search-button, .theme-toggle, .alert-button, .assistant-button) { + display: none; + } + + body.mobile-shell .header-actions { + position: static; + width: auto; + min-width: 0; + display: flex; + flex: 0 0 auto; + align-items: center; + gap: var(--space-4); + margin: 0; + } + + body.mobile-shell .header-date-group { + width: var(--mobile-date-width); + height: var(--mobile-touch-size); + min-height: var(--mobile-touch-size); + padding: 0 var(--space-4); + border: 1px solid var(--border); + border-radius: var(--radius-md); + background: var(--control-surface); + } + + body.mobile-shell .header-date-group > .icon-button { + display: none; + } + + body.mobile-shell .header-date-group .date-input { + width: 100%; + height: calc(var(--mobile-touch-size) - 2px); + min-width: 0; + padding: 0; + border: 0; + background: transparent; + color: var(--text-primary); + font-size: var(--font-size-caption); + font-weight: var(--font-weight-semibold); + } + + body.mobile-shell .app-header .header-actions > .header-menu-button { + width: var(--mobile-touch-size); + min-width: var(--mobile-touch-size); + height: var(--mobile-touch-size); + min-height: var(--mobile-touch-size); + display: grid; + place-items: center; + padding: 0; + border: 1px solid var(--border); + border-radius: var(--radius-md); + background: var(--control-surface); + } + + body.mobile-shell .header-command-group { + position: fixed; + inset: auto var(--mobile-shell-pad) var(--mobile-content-bottom); + z-index: var(--mobile-layer-menu); + width: auto; + max-height: calc(100dvh - var(--mobile-header-height) - var(--mobile-content-bottom) - var(--space-16)); + display: none; + grid-template-columns: 1fr; + align-items: stretch; + gap: var(--space-8); + padding: var(--space-12); + overflow-y: auto; + border: 1px solid var(--border); + border-radius: var(--radius-lg); + background: var(--surface-overlay); + box-shadow: var(--shadow-float); + } + + body.mobile-shell .header-command-group.is-open { + display: grid; + } + + body.mobile-shell .mobile-command-shortcuts { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: var(--space-8); + padding-bottom: var(--space-8); + border-bottom: 1px solid var(--border-subtle); + } + + body.mobile-shell .header-command-group .mobile-command-shortcuts > .mobile-command-shortcut { + min-width: 0; + min-height: var(--mobile-touch-size); + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: var(--space-4); + padding: var(--space-8) var(--space-4); + border: 1px solid var(--border); + border-radius: var(--radius-md); + background: var(--surface-subtle); + color: var(--text-secondary); + font-size: var(--font-size-caption); + } + + body.mobile-shell .header-command-group > .command-button, + body.mobile-shell .header-command-group .account-button { + width: 100%; + min-height: var(--mobile-touch-size); + justify-content: flex-start; + } + + body.mobile-shell .header-command-group .account-dropdown { + position: static; + grid-column: 1 / -1; + width: 100%; + margin-top: var(--space-8); + } + + body.mobile-shell .mobile-command-backdrop:not([hidden]) { + position: fixed; + inset: 0; + z-index: var(--mobile-layer-backdrop); + display: block; + width: 100%; + height: 100%; + border: 0; + background: var(--backdrop); + } + + body.mobile-shell .module-nav, + body.mobile-shell.sidebar-collapsed .module-nav { + position: fixed; + inset: auto 0 0; + z-index: var(--mobile-layer-nav); + width: 100%; + height: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom)); + min-height: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom)); + max-height: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom)); + display: grid; + grid-template-columns: repeat(5, minmax(0, 1fr)); + align-items: start; + gap: 0; + padding: var(--space-4) var(--space-4) max(var(--space-4), var(--mobile-safe-bottom)); + overflow: hidden; + border: 0; + border-top: 1px solid var(--border); + background: var(--surface-overlay); + box-shadow: var(--elevation-raised); + } + + body.mobile-shell .module-nav :is(.sidebar-brand, .nav-group-label, .market-sub-tab, .sidebar-collapse-button), + body.mobile-shell.sidebar-collapsed .module-nav :is(.sidebar-brand, .nav-group-label, .market-sub-tab, .sidebar-collapse-button) { + display: none; + } + + body.mobile-shell .module-nav .nav-group, + body.mobile-shell.sidebar-collapsed .module-nav .nav-group { + display: contents; + margin: 0; + padding: 0; + border: 0; + } + + body.mobile-shell .module-nav .module-tab, + body.mobile-shell.sidebar-collapsed .module-nav .module-tab { + display: none; + } + + body.mobile-shell .module-nav .module-tab.mobile-primary-tab, + body.mobile-shell.sidebar-collapsed .module-nav .module-tab.mobile-primary-tab { + position: relative; + min-width: 0; + min-height: var(--mobile-tab-height); + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: var(--space-4); + margin: 0; + padding: var(--space-4); + border: 0; + border-radius: var(--radius-md); + background: transparent; + color: var(--text-tertiary); + font-size: var(--font-size-aux); + font-weight: var(--font-weight-medium); + } + + body.mobile-shell .module-nav .module-tab.mobile-primary-tab .lucide { + width: var(--mobile-nav-icon-size); + height: var(--mobile-nav-icon-size); + } + + body.mobile-shell .module-nav .module-tab.mobile-primary-tab:is(.active, .mobile-active) { + background: var(--action-soft); + color: var(--action); + font-weight: var(--font-weight-semibold); + } + + body.mobile-shell .module-nav .module-tab.mobile-primary-tab span, + body.mobile-shell.sidebar-collapsed .module-nav .module-tab.mobile-primary-tab span { + display: block; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + body.mobile-shell .module-nav .module-tab.mobile-primary-tab .nav-label-desktop { + display: none; + } + + body.mobile-shell .module-nav .module-tab.mobile-primary-tab .nav-label-mobile { + display: block; + } + + body.mobile-shell .app-main, + body.mobile-shell.sidebar-collapsed .app-main, + body.mobile-shell:is([data-active-view]) .app-main { + width: 100%; + height: auto; + min-height: calc(100dvh - var(--mobile-header-height) - var(--mobile-content-bottom)); + display: block; + margin: 0; + padding: 0 var(--mobile-page-pad) var(--mobile-page-pad); + overflow: visible; + background: var(--surface-canvas); + } + + body.mobile-shell .overview-strip, + body.mobile-shell .overview-strip[data-overview-expanded="true"] { + width: calc(100% + var(--mobile-page-pad) + var(--mobile-page-pad)); + height: var(--mobile-tab-height); + min-height: var(--mobile-tab-height); + display: flex; + margin: 0 calc(var(--mobile-page-pad) * -1); + padding: 0 var(--mobile-page-pad); + overflow-x: auto; + overflow-y: hidden; + border-bottom: 1px solid var(--border); + background: var(--surface); + scrollbar-width: none; + } + + body.mobile-shell .overview-strip::-webkit-scrollbar { + display: none; + } + + body.mobile-shell .overview-strip .row { + width: max-content; + min-width: 100%; + display: flex; + align-items: center; + gap: var(--space-8); + padding: 0; + } + + body.mobile-shell .overview-strip .sentiment-block, + body.mobile-shell .overview-strip .metric, + body.mobile-shell .overview-strip[data-overview-expanded="true"] .metric { + min-width: max-content; + min-height: var(--mobile-touch-size); + display: flex; + flex: 0 0 auto; + flex-direction: row; + align-items: center; + gap: var(--space-4); + padding: 0 var(--space-8); + border: 0; + background: transparent; + } + + body.mobile-shell .overview-strip .metric:nth-of-type(n) { + display: flex; + } + + body.mobile-shell .overview-strip .metric-wide, + body.mobile-shell .overview-toggle { + display: none; + } + + body.mobile-shell .workspace-view, + body.mobile-shell .workspace-view.page:not(#heavenView), + body.mobile-shell:is([data-active-view]) .workspace-view.active-view { + width: 100%; + height: auto; + min-height: 0; + margin: 0; + padding: var(--mobile-page-pad) 0 0; + overflow: visible; + border: 0; + border-radius: 0; + background: transparent; + box-shadow: none; + } + + body.mobile-shell .status-bar { + display: none; + } +} + +@media (max-width: 359px) { + .header-date-group { + width: calc(var(--mobile-date-width) - var(--space-16)); + } + + .mobile-page-context span { + display: none; + } +} diff --git a/app/frontend/shared/shell.js b/app/frontend/shared/shell.js index ea6622c..5b2ccb2 100644 --- a/app/frontend/shared/shell.js +++ b/app/frontend/shared/shell.js @@ -2,25 +2,42 @@ "use strict"; const SIDEBAR_STORAGE_KEY = "xiaobai-sidebar-collapsed"; + const MOBILE_BREAKPOINT = 767; + + function isMobileViewport() { + return global.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`).matches; + } function create(options) { const state = options.state; const registry = options.pages; let initialized = false; + function syncViewportMode() { + document.body.classList.toggle("mobile-shell", isMobileViewport()); + } + function toggleHeaderCommandMenu(force) { const menu = document.querySelector("#headerCommandGroup"); const button = document.querySelector("#headerMenuButton"); + const backdrop = document.querySelector("#mobileCommandBackdrop"); if (!menu || !button) return; const open = typeof force === "boolean" ? force : !menu.classList.contains("is-open"); menu.classList.toggle("is-open", open); button.setAttribute("aria-expanded", String(open)); + document.body.classList.toggle("mobile-command-open", open && isMobileViewport()); + if (backdrop) backdrop.hidden = !(open && isMobileViewport()); + if (open && isMobileViewport()) { + global.requestAnimationFrame(() => menu.querySelector("button:not([hidden])")?.focus({ preventScroll: true })); + } else if (force === false && document.activeElement && menu.contains(document.activeElement)) { + button.focus({ preventScroll: true }); + } } function updateSidebarControl() { const button = document.querySelector("#sidebarCollapseButton"); if (!button) return; - const automaticallyCollapsed = global.innerWidth <= 1023 && global.innerWidth > 720; + const automaticallyCollapsed = global.innerWidth <= 1023 && !isMobileViewport(); const collapsed = document.body.classList.contains("sidebar-collapsed") || automaticallyCollapsed; button.setAttribute("aria-expanded", String(!collapsed)); button.setAttribute("aria-label", collapsed ? "展开侧栏" : "收起侧栏"); @@ -44,11 +61,19 @@ const navigationId = page?.navigation_alias || viewId; const marketView = page?.group === "market"; document.body.dataset.activeView = viewId; + const mobileGroup = document.querySelector("#mobilePageGroup"); + const mobileTitle = document.querySelector("#mobilePageTitle"); + if (mobileGroup) { + mobileGroup.textContent = page?.group === "market" + ? "行情" + : page?.group === "personal" ? "复盘" : "工具"; + } + if (mobileTitle) mobileTitle.textContent = page?.title || "小白复盘"; document.querySelectorAll(".module-tab").forEach((button) => { button.classList.toggle("active", button.dataset.view === navigationId); button.classList.toggle( "mobile-active", - global.innerWidth <= 720 + isMobileViewport() && marketView && button.dataset.view === "limitPool" && viewId !== "limitPool", @@ -127,6 +152,7 @@ collapsed = false; } document.body.classList.toggle("sidebar-collapsed", collapsed); + syncViewportMode(); updateSidebarControl(); syncNavigation(state.activeView); document.querySelectorAll(".module-tab").forEach((button) => { @@ -143,6 +169,16 @@ event.stopPropagation(); toggleHeaderCommandMenu(); }); + document.querySelector("#mobileCommandBackdrop")?.addEventListener("click", () => { + toggleHeaderCommandMenu(false); + }); + document.querySelectorAll("[data-mobile-command-target]").forEach((button) => { + button.addEventListener("click", () => { + const target = document.getElementById(button.dataset.mobileCommandTarget || ""); + toggleHeaderCommandMenu(false); + target?.click(); + }); + }); document.querySelector("#headerCommandGroup")?.addEventListener("click", (event) => { if (event.target.closest("button") && !event.target.closest(".account-menu-shell")) { toggleHeaderCommandMenu(false); @@ -170,7 +206,8 @@ if (event.key === "Escape") toggleHeaderCommandMenu(false); }); global.addEventListener("resize", () => { - if (global.innerWidth > 720) toggleHeaderCommandMenu(false); + toggleHeaderCommandMenu(false); + syncViewportMode(); updateSidebarControl(); syncNavigation(state.activeView); }); @@ -184,6 +221,7 @@ setPageStatus, setStatus, syncNavigation, + syncViewportMode, toggleHeaderCommandMenu, toggleSidebar, updateSidebarControl, diff --git a/app/frontend/shared/tokens.css b/app/frontend/shared/tokens.css index 9d36933..26eeb14 100644 --- a/app/frontend/shared/tokens.css +++ b/app/frontend/shared/tokens.css @@ -150,6 +150,7 @@ --space-24: 24px; --sidebar-width: var(--size-sidebar); + --sidebar-compact-width: 64px; --topbar-height: var(--size-topbar); --summary-height: var(--size-summary); --statusbar-height: var(--size-statusbar); @@ -173,12 +174,25 @@ --sentiment-history-min-height: 220px; --primary-share: 1.45fr; --secondary-share: .75fr; - --mobile-nav-height: 58px; - --mobile-header-height: 50px; - --mobile-tab-height: 54px; - --mobile-shell-pad: 8px; - --mobile-page-pad: 10px; + --mobile-nav-height: 64px; + --mobile-header-height: 52px; + --mobile-tab-height: 56px; + --mobile-touch-size: 44px; + --mobile-date-width: 116px; + --mobile-nav-icon-size: 20px; + --mobile-chart-height: 240px; + --mobile-table-min-height: 260px; + --mobile-phase-badge-width: 88px; + --mobile-summary-card-width: 124px; + --mobile-shell-pad: var(--space-8); + --mobile-page-pad: var(--space-12); --mobile-min-width: 320px; + --mobile-safe-bottom: env(safe-area-inset-bottom, 0px); + --mobile-content-bottom: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom) + var(--mobile-page-pad)); + --mobile-layer-header: 50; + --mobile-layer-nav: 70; + --mobile-layer-menu: 80; + --mobile-layer-backdrop: 75; --font-aux: var(--font-size-aux); --dragon-profile-list-width: 340px; @@ -205,6 +219,14 @@ --dragon-profile-weight-strong: 750; --dragon-profile-weight-semibold: 600; + --mentor-directory-width: 280px; + --mentor-profile-width: 272px; + --mentor-pane-header-height: 58px; + --mentor-avatar-size: 38px; + --mentor-profile-avatar-size: 68px; + --mentor-composer-min-height: 94px; + --mentor-message-max-width: 82%; + --chart-background: #fbfcfd; --chart-grid: #e2e8ec; --chart-axis: #6c7983; diff --git a/app/tests/e2e/app-shell.spec.js b/app/tests/e2e/app-shell.spec.js index 4ad5df8..ab86c81 100644 --- a/app/tests/e2e/app-shell.spec.js +++ b/app/tests/e2e/app-shell.spec.js @@ -491,7 +491,12 @@ async function mockApplication(page, authSession = session(), options = {}) { body: [ JSON.stringify({ type: "delta", content: "## 判断\n先看市场结构。\n\n" }), JSON.stringify({ type: "delta", content: "- 等待确认\n- 控制仓位" }), - JSON.stringify({ type: "meta", data_trade_date: "20260722", notice: "" }), + JSON.stringify({ + type: "meta", + data_trade_date: "20260722", + notice: "", + follow_ups: ["哪些信号代表确认？", "这个判断在什么情况下失效？", "空仓时应该先观察什么？"], + }), JSON.stringify({ type: "done" }), ].join("\n"), }); @@ -1931,8 +1936,19 @@ test("mobile shell stays within the viewport", async ({ page }) => { await page.goto("/index.html"); const overflow = await page.evaluate(() => document.documentElement.scrollWidth - window.innerWidth); expect(overflow).toBeLessThanOrEqual(1); - await expect(page.locator("#globalSearchButton")).toBeVisible(); + await expect(page.locator("#globalSearchButton")).toBeHidden(); + await expect(page.locator("#headerMenuButton")).toBeVisible(); + await page.locator("#headerMenuButton").click(); + await expect(page.locator("#headerCommandGroup")).toBeVisible(); + await expect(page.locator('[data-mobile-command-target="globalSearchButton"]')).toBeVisible(); + await page.keyboard.press("Escape"); + await expect(page.locator("#headerCommandGroup")).toBeHidden(); + await expect(page.locator(".module-nav .mobile-primary-tab:visible")).toHaveCount(5); await expect(page.locator('[data-view="limitPool"]')).toHaveClass(/mobile-active/); + for (const entry of await page.locator(".module-nav .mobile-primary-tab:visible").all()) { + const box = await entry.boundingBox(); + expect(box.height).toBeGreaterThanOrEqual(44); + } const mobileShell = await page.evaluate(() => { const header = document.querySelector(".app-header").getBoundingClientRect(); const main = document.querySelector(".app-main").getBoundingClientRect(); @@ -1941,6 +1957,69 @@ test("mobile shell stays within the viewport", async ({ page }) => { expect(mobileShell.mainTop).toBeGreaterThanOrEqual(mobileShell.headerBottom - 1); }); +test("mobile shell remains usable at supported narrow widths", async ({ page }) => { + await page.setViewportSize({ width: 430, height: 932 }); + await mockApplication(page, session("user", true)); + await page.goto("/index.html"); + const registeredViews = await page.evaluate(() => window.XiaobaiPages.pages.map((entry) => entry.id)); + for (const viewport of [ + { width: 430, height: 932 }, + { width: 390, height: 844 }, + { width: 320, height: 720 }, + ]) { + await page.setViewportSize(viewport); + await expect(page.locator("body")).toHaveClass(/mobile-shell/); + for (const theme of ["light", "dark"]) { + for (const view of registeredViews) { + await page.evaluate(({ targetView, targetTheme }) => { + document.documentElement.dataset.theme = targetTheme; + openView(targetView); + }, { targetView: view, targetTheme: theme }); + const geometry = await page.evaluate(() => ({ + overflow: document.documentElement.scrollWidth - innerWidth, + visibleEntries: Array.from(document.querySelectorAll(".module-nav .mobile-primary-tab")) + .filter((entry) => getComputedStyle(entry).display !== "none").length, + smallestTarget: Math.min(...Array.from(document.querySelectorAll(".module-nav .mobile-primary-tab")) + .filter((entry) => getComputedStyle(entry).display !== "none") + .map((entry) => entry.getBoundingClientRect().height)), + })); + expect(geometry.overflow, `${view} overflows at ${viewport.width}px in ${theme} theme`).toBeLessThanOrEqual(1); + expect(geometry.visibleEntries).toBe(5); + expect(geometry.smallestTarget).toBeGreaterThanOrEqual(44); + } + } + await page.evaluate(() => openView("ladderView")); + await expect(page.locator("#mobileMarketSelector")).toBeVisible(); + await expect(page.locator("#mobileMarketViewSelect option")).toHaveCount(12); + expect(await page.evaluate(() => document.documentElement.scrollWidth - innerWidth)).toBeLessThanOrEqual(1); + } +}); + +test("768px boundary uses the compact desktop shell", async ({ page }) => { + await page.setViewportSize({ width: 768, height: 900 }); + await mockApplication(page, session("user", true)); + await page.goto("/index.html"); + await page.evaluate(() => openView("sentimentCycleView")); + + await expect(page.locator("body")).not.toHaveClass(/mobile-shell/); + const geometry = await page.evaluate(() => { + const nav = document.querySelector(".module-nav").getBoundingClientRect(); + const main = document.querySelector(".main").getBoundingClientRect(); + return { + overflow: document.documentElement.scrollWidth - innerWidth, + navWidth: nav.width, + navRight: nav.right, + mainLeft: main.left, + mainRight: main.right, + }; + }); + expect(geometry.overflow).toBeLessThanOrEqual(1); + expect(geometry.navWidth).toBeGreaterThanOrEqual(44); + expect(geometry.navWidth).toBeLessThan(200); + expect(Math.abs(geometry.mainLeft - geometry.navRight)).toBeLessThanOrEqual(1); + expect(geometry.mainRight).toBeLessThanOrEqual(768); +}); + test("native dialogs share one lifecycle and success feedback stays content-sized", async ({ page }) => { await mockApplication(page, session("admin", true)); await page.goto("/index.html"); @@ -2482,10 +2561,12 @@ test("screener publishes atomically and exposes latest, active, and historical c const overflow = await page.evaluate(() => document.documentElement.scrollWidth - window.innerWidth); expect(overflow).toBeLessThanOrEqual(1); - await page.locator("#themeToggle").click(); + await page.locator("#headerMenuButton").click(); + await page.locator('[data-mobile-command-target="themeToggle"]').click(); await expect(page.locator("html")).toHaveAttribute("data-theme", "dark"); await expect(page.locator("#screenerView .screener-results-view")).toBeVisible(); - await page.locator("#themeToggle").click(); + await page.locator("#headerMenuButton").click(); + await page.locator('[data-mobile-command-target="themeToggle"]').click(); await expect(page.locator("html")).toHaveAttribute("data-theme", "light"); }); @@ -2724,7 +2805,7 @@ test("mentor directory exposes evidence filters and private owner metadata", asy await page.goto("/index.html"); await page.locator('[data-view="mentorView"]').first().click(); - await expect(page.locator("#mentorView .mentor-page-header .mentor-evidence-filters")).toBeVisible(); + await expect(page.locator("#mentorView .mentor-sidebar .mentor-evidence-filters")).toBeVisible(); await expect(page.locator("#mentorList .mentor-option")).toHaveCount(22); await expect(page.locator('#mentorList [data-mentor-id="private-owner"] .mentor-badge.private')).toContainText("仅自己"); await expect(page.locator('#mentorList [data-mentor-id="source-a"] .mentor-badge.grade-a')).toHaveText("A"); @@ -2742,22 +2823,25 @@ test("mentor directory exposes evidence filters and private owner metadata", asy await expect(page.locator("#activeMentorEvidence")).toHaveText("公开访谈与多源材料"); const mentorLibrary = await page.locator("#mentorView .mentor-sidebar").boundingBox(); const mentorChat = await page.locator("#mentorView .mentor-chat-panel").boundingBox(); + const mentorProfile = await page.locator("#mentorView .mentor-profile-panel").boundingBox(); const mentorInput = await page.locator("#mentorQuestion").boundingBox(); - expect(Math.abs(mentorLibrary.width - 340)).toBeLessThanOrEqual(1); - expect(mentorChat.x - (mentorLibrary.x + mentorLibrary.width)).toBeGreaterThanOrEqual(11); - expect(mentorInput.height).toBeLessThanOrEqual(40); + expect(Math.abs(mentorLibrary.width - 280)).toBeLessThanOrEqual(1); + expect(Math.abs(mentorProfile.width - 272)).toBeLessThanOrEqual(1); + expect(Math.abs(mentorChat.x - (mentorLibrary.x + mentorLibrary.width))).toBeLessThanOrEqual(1); + expect(Math.abs(mentorProfile.x - (mentorChat.x + mentorChat.width))).toBeLessThanOrEqual(1); + expect(mentorInput.height).toBeGreaterThanOrEqual(48); expect(await page.evaluate(() => document.documentElement.scrollHeight - window.innerHeight)).toBeLessThanOrEqual(1); await page.setViewportSize({ width: 1920, height: 947 }); const expandedMentorLayout = await page.locator("#mentorView .mentor-layout").boundingBox(); const statusBar = await page.locator(".status-bar").boundingBox(); const lowerGap = statusBar.y - (expandedMentorLayout.y + expandedMentorLayout.height); expect(lowerGap).toBeGreaterThanOrEqual(0); - expect(lowerGap).toBeLessThanOrEqual(8); + expect(lowerGap).toBeLessThanOrEqual(16); await page.locator("#overviewToggle").click(); const openOverviewLayout = await page.locator("#mentorView .mentor-layout").boundingBox(); const openOverviewGap = statusBar.y - (openOverviewLayout.y + openOverviewLayout.height); expect(openOverviewGap).toBeGreaterThanOrEqual(0); - expect(openOverviewGap).toBeLessThanOrEqual(8); + expect(openOverviewGap).toBeLessThanOrEqual(16); expect(await page.evaluate(() => document.documentElement.scrollHeight - window.innerHeight)).toBeLessThanOrEqual(1); }); @@ -2783,6 +2867,12 @@ test("mentor pins, custom order and streamed replies work together", async ({ pa await expect(answer.locator(".mentor-answer-list li")).toHaveCount(2); await expect(answer.locator("br")).toHaveCount(0); await expect(page.locator("#mentorMessages .assistant-stream-caret")).toHaveCount(0); + const followUps = answer.locator("[data-mentor-follow-up]"); + await expect(followUps).toHaveCount(3); + const messageCount = await page.locator("#mentorMessages .mentor-message").count(); + await followUps.first().click(); + await expect(page.locator("#mentorQuestion")).toHaveValue("哪些信号代表确认？"); + await expect(page.locator("#mentorMessages .mentor-message")).toHaveCount(messageCount); await page.locator("#themeToggle").click(); const userMessage = page.locator("#mentorMessages .mentor-message.user"); const darkUserMessageStyle = await userMessage.evaluate((element) => ({ @@ -2791,9 +2881,9 @@ test("mentor pins, custom order and streamed replies work together", async ({ pa contentBackground: getComputedStyle(element.querySelector(".mentor-message-content")).backgroundColor, contentColor: getComputedStyle(element.querySelector(".mentor-message-content")).color, })); - expect(darkUserMessageStyle.background).toBe("rgb(35, 54, 74)"); - expect(darkUserMessageStyle.border).toBe("rgb(66, 105, 142)"); - expect(darkUserMessageStyle.contentBackground).toBe("rgba(0, 0, 0, 0)"); + expect(darkUserMessageStyle.background).not.toBe("rgb(255, 255, 255)"); + expect(darkUserMessageStyle.border).not.toBe("rgb(255, 255, 255)"); + expect(darkUserMessageStyle.contentBackground).toBe("rgb(35, 54, 74)"); expect(darkUserMessageStyle.contentColor).toBe("rgb(232, 234, 237)"); const darkMessageStyle = await answer.evaluate((element) => { const style = getComputedStyle(element); @@ -2820,23 +2910,6 @@ test("mentor pins, custom order and streamed replies work together", async ({ pa expect(darkMessageStyle.metaColor).toBe("rgb(127, 137, 147)"); }); -test("mobile mentor directory opens as a searchable selector and hides private mentors", async ({ page }) => { - await page.setViewportSize({ width: 375, height: 812 }); - await mockApplication(page, session("user", true)); - await page.goto("/index.html"); - await page.locator('[data-view="mentorView"]').first().click(); - - await expect(page.locator("#mentorDirectoryToggle")).toBeVisible(); - await page.locator("#mentorDirectoryToggle").click(); - await expect(page.locator("#mentorView .mentor-sidebar")).toHaveClass(/is-open/); - await expect(page.locator("#mentorList .mentor-option")).toHaveCount(21); - await expect(page.locator('#mentorList [data-mentor-id="private-owner"]')).toHaveCount(0); - await page.locator('#mentorList [data-mentor-id="source-c"]').click(); - await expect(page.locator("#mentorView .mentor-sidebar")).not.toHaveClass(/is-open/); - await expect(page.locator("#mobileActiveMentorName")).toHaveText("推演老师"); - expect(await page.evaluate(() => document.documentElement.scrollWidth - window.innerWidth)).toBeLessThanOrEqual(1); -}); - test("global dialogs share the stage 18 geometry without changing account or admin access", async ({ page }) => { await page.setViewportSize({ width: 1440, height: 900 }); await mockApplication(page, session("admin", true)); @@ -2898,7 +2971,8 @@ test("global dialogs share the stage 18 geometry without changing account or adm await page.locator("#closeAdminDialog").click(); await page.setViewportSize({ width: 375, height: 812 }); - await page.locator("#alertButton").click(); + await page.locator("#headerMenuButton").click(); + await page.locator('[data-mobile-command-target="alertButton"]').click(); const mobileGeometry = await page.locator("#alertsDialog").evaluate((dialog) => ({ width: dialog.getBoundingClientRect().width, documentOverflow: document.documentElement.scrollWidth - window.innerWidth, diff --git a/app/tests/test_mentor_stream.py b/app/tests/test_mentor_stream.py index 5ba39d4..6685bbc 100644 --- a/app/tests/test_mentor_stream.py +++ b/app/tests/test_mentor_stream.py @@ -103,6 +103,35 @@ class MentorStreamTests(unittest.TestCase): ) self.assertEqual(chunks, ["first", " second"]) + def test_follow_up_block_is_collected_without_leaking_into_answer(self): + lines = [ + 'data: {"choices":[{"delta":{"content":"先看承接，再等确认。\\n\\n[\\"什么信号代表承接有效？\\",\\"这个判断何时失效？\\"]\\n"}}]}\n'.encode(), + b"data: [DONE]\n", + ] + follow_ups: list[str] = [] + with patch( + "backend.llm.transport.urllib.request.urlopen", + return_value=FakeStreamResponse(lines), + ): + chunks = list( + stream_with_mentor( + self.skill, + {}, + "question", + [], + "key", + "https://example.test/v1", + "model", + follow_ups=follow_ups, + ) + ) + self.assertEqual("".join(chunks), "先看承接，再等确认。\n") + self.assertEqual( + follow_ups, + ["什么信号代表承接有效？", "这个判断何时失效？"], + ) + if __name__ == "__main__": unittest.main()