fix(chart): span natal and moon planet tables across the row

VedicLayout now owns the third grid item, so a wrapper around the table cannot drop the natal or Moon table into the left column. Desktop grid-column targets that row. BUG-1421. Self-test: tsc exit 0, lint 0 errors, 49 targeted tests, next build with / static. Co-Authored-By: Grok (agent loop)
2026-10-23 01:22:46 +08:00
parent d72adb5754
commit fc2283693d
9 changed files with 165 additions and 9 deletions
@@ -19253,3 +19253,19 @@
 - 相关记录：无
 - 复发自：无
 - 修复版本：本提交
+
+## BUG-1421 | 星盘页本命和月亮的行星表被挤进左栏
+
+- 状态：resolved
+- 首次发现：2026-10-22
+- 最近更新：2026-10-23
+- 影响面：星盘页桌面宽度下的本命表和月亮盘表
+- 用户现象：宽屏下选「本命」或「月亮」时，行星表只占左栏。宿主、pada、状态三列要横拖才看得到，右栏在参数卡下面空着。分盘、Bhava、行运的表正常。
+- 触发条件：桌面宽度（≥1024px）打开星盘页的本命或月亮。来自 #87 给这两张表包了一层符号说明。
+- 根因：跨栏按类名而非结构。桌面规则只认表格外层的两个类名。本命和月亮的直接子项变成了符号说明那一层，规则匹配不上，表就排进左栏。
+- 修复：网格自己用固定的整行容器装表格，跨栏只认这个容器。表格内容、列数、列宽不变。
+- 验证：`frontend/tests/chart-table-span-20261023.test.tsx`。五种盘型的网格都是三个直接子项，第三个是整行容器；桌面样式只让这个容器跨栏。
+- 防复发：上面两条断言。再往表外包一层，结构断言会失败；跨栏不再跟着表格类名走。
+- 相关记录：BUG-1083（窄屏仍只能在表自己的盒子里横滚）。issue #102。回归来源 #87。
+- 复发自：无
+- 修复版本：`codex/chart-table-span-20261023`
@@ -0,0 +1,30 @@
+# PROGRESS · 星盘页行星表整行（2026-10-23）
+
+Issue #102。BUG-1421。
+
+## 基线
+
+- 开工时 `origin/staging` = `d72adb5754eab4d66ac3a47c4edcb12704e29815`（任务书写的 `9049b5e99` 已过期）。
+- 本文件最大编号是 BUG-1420，本单用 BUG-1421。
+
+## 做了什么
+
+- 星盘页网格的第三格改成固定的整行容器。本命、月亮、分盘、Bhava、行运的表都放在里面。
+- 桌面跨栏只认这个容器。表格自己的类名不再负责跨栏。
+- 容器可以缩到比内容窄，窄屏时表仍在自己的框里横滑。
+- 表格的字、列、列宽没改。符号说明的气泡还在原来的位置。
+
+## 自测
+
+| 检查 | 命令 | 结果 |
+| --- | --- | --- |
+| 类型 | `frontend\node_modules\.bin\tsc --noEmit -p frontend` | 退出码 0 |
+| lint | `frontend` 下 `npm run lint` | 退出码 0。0 error，122 条既有 warning，本轮不改 |
+| 定向测试 | `node node_modules/tsx/dist/cli.mjs --test` 跑新结构测试，加上 `chart-page-view.test.tsx`、`chart-varga-table.test.tsx`、`chart-page-mobile-width-20260929.test.ts` | 49 条通过，0 失败 |
+| 构建 | `frontend` 下 `npm run build` | 退出码 0。路由表 `/` 为 `○ Static`。预渲染 `index.html` 引用 33 个 JS、3 个 CSS，gzip-9 合计 646,234 字节（JS 575,154，CSS 71,080）。没有用改动前的代码再构建一次，所以不写增减百分比 |
+
+未跑前端全量 `npm test`（验收时跑）。没有登录，本机浏览器截图没做，留给 `docs/testing/chart-table-span-20261023.md`。
+
+## 偏离
+
+- 无。编号说明：本分支的 BUG-1421 与尚未合并的 #95 分支各自占用了同一个号。若 #95 先进入 staging，验收时需要给本条改号。
@@ -38,7 +38,7 @@
 | 任务书 | 进度 | 主题 | 状态 | 落点 |
 | --- | --- | --- | --- | --- |
 | `TASK-rectification-explicit-open-20261023.md` | — | **明说要校正只回一句话（issue #103）**：找会话直接读一张对服务角色撤权的表、必然失败被吞（真正进行中的也续不上）；`candidate_accepted` 被算作进行中挡住入口和提议卡；兜底只给一句话。产品选 C；只改入口口径、经 RPC 找会话、删兜底，不改共享状态集合、不动表 | 待执行（循环） | 分支 `codex/rectification-explicit-open-20261023` |
-| `TASK-chart-table-span-20261023.md` | — | **星盘页本命 / 月亮行星表挤进左栏（issue #102）**：#87 给表包了 `ChartSymbolHelp` 后跨栏规则失配；根因修法是 `VedicLayout` 用固定整行容器承载表格，跨栏只认容器；加结构断言防复发 | 待执行（循环） | 分支 `codex/chart-table-span-20261023` |
+| `TASK-chart-table-span-20261023.md` | `PROGRESS-chart-table-span-20261023.md` | **星盘页本命 / 月亮行星表挤进左栏（issue #102）**：#87 给表包了 `ChartSymbolHelp` 后跨栏规则失配；根因修法是 `VedicLayout` 用固定整行容器承载表格，跨栏只认容器；加结构断言防复发。BUG-1421 | 待验收 | 分支 `codex/chart-table-span-20261023` |
 | `TASK-ui-kit-migration-20261023.md` | — | **界面统一换成组件库**：shadcn base-nova（补 `shadcn/tailwind.css`）· Lucide · Motion · react-resizable-panels · dnd-kit · Zustand；lint 拦手写控件（白名单只减不增）；对话旁星盘面板；会话、档案拖动排序（动表）；长相不变。产品 2026-10-23 拍板 D1～D8；8 个 issue（K0～K7）串行，取代全站动效 #98 #100 #101 | 待领取（循环） | 原型 https://claude.ai/artifact/PGnWsjHhu38KJseEfEMNWG |
 | `TASK-onboarding-journey-20261022.md` | — | **新用户启程**：建档加「先看谁的盘」（自己 / 帮别人看，本人资料可后补）、人物关系字段、首问免费（服务端原子）、起步三问、启程清单（七项从数据推导，收费项标价，老用户可见）、八条一次性提示（含星盘四页签）、启程流程专用动效。产品 2026-10-22 拍板 D1～D6；动表经产品同意进循环，拆四个 issue 串行。BUG-1420 起 | 待领取（循环） | 原型 https://claude.ai/artifact/PcTwMVb9RD611R3qStxv3U |
 | `TASK-site-motion-20261022.md` | — | **全站动效**：换页按侧栏方向滑入、选中块跟随、页签、盘型切换星体移宫、换人、翻日期、列表补位、弹窗从触发处长出、抽屉、顶部提示、点数滚动、中英交叉淡入；重写 DESIGN §6（推翻 180 ms 上限与 Spatial Instant），不引动画库，先验证 View Transitions。产品 2026-10-22 拍板；三个 issue，排在启程（三）之后、启程（四）之前；**2026-10-23 被 ui-kit-migration 取代** | 已取代 | 原型 https://claude.ai/artifact/7u9goivnmTNSGTNWNeVMQd |
@@ -0,0 +1,6 @@
+# 星盘页行星表整行（2026-10-23）
+
+登录后打开星盘页。不要用真实出生资料做记录，用站内已有的示例盘即可。
+
+1. 把窗口拉到大约 1280 宽。依次看「本命」「月亮」「D9」「Bhava」「行运」。每张表都占满盘和参数卡下面的整行，宿主、pada、状态不用横拖就能看见。
+2. 把窗口收到大约 390 宽（或手机）。页面本身不左右滚动。表如果放不下，只在表自己的框里横滑。