fix(web): keep the settings dialog one size and move billing into it (BUG-554)

The four account panes now share a fixed frame, chart profiles open as list then detail, and membership lives in the homepage dialog instead of a separate page.

Co-authored-by: Cursor <cursoragent@cursor.com>

docs/testing/settings-dialog-and-billing-pane-20260906.md

@@ -0,0 +1,68 @@
+# Staging 人肉复核 · 设置弹窗与账户与点数（2026-09-06）
+
+给产品负责人。不要把真实出生资料、真实用户问题或对话正文写进任何记录。试用问题时用虚构句，例如「半年内换工作时机」。
+
+对应 BUG-554。测之前先做第 0 条。
+
+## 0. 确认测的是新版本
+
+浏览器打开 `https://staging.jyotisha.chat/api/health`，看 `deployment.gitCommit` 前 8 位是否等于本单合入 staging 后的提交。不一致 = 先别测。
+
+## 1. 四个分区外框不动（P0）
+
+1. 登录后点头像，打开「个人资料」。
+2. 依次点左侧 星盘资料、账户与点数、通用设置，再点回个人资料。
+
+- ✅ 预期：弹窗外框宽高不变；只有右侧内容换。退出登录仍是小确认窗。
+- ❌ 失败：换分区时窗口变大变小，或主题格缩成小盒子。
+
+## 2. 星盘资料默认只有列表（P0）
+
+1. 打开「星盘资料」。
+
+- ✅ 预期：先看到「我的星盘」一条和「其他人」列表（可空），底部「添加其他人」。看不到关系下拉、出生表单铺在列表下面。
+- ❌ 失败：一打开就出现整张「添加其他人的星盘」表单。
+
+## 3. 添加 → 保存 → 回列表（P0）
+
+1. 点「添加其他人」，用虚构资料保存。
+2. 看是否回到列表，新的一行出现。
+3. 点那一行进入详情：有 设为默认 / 删除 / 用于合盘；点「← 星盘资料」返回。
+4. 点本人那一行：有编辑表单，没有删除。
+
+- ✅ 预期：表单只在详情/添加视图；保存后回列表。
+- ❌ 失败：保存后仍停在铺开的表单，或本人详情能删除。
+
+## 4. 余额 / 头像菜单 / 402 / 付费墙都在当前页打开账单（P0）
+
+1. 点顶栏余额。
+2. 点头像菜单「账户与点数」。
+3. 用一个余额不足的账户发一条虚构问题（或看 402）。
+4. 若出现入门付费墙，点「查看套餐与会员」。
+
+- ✅ 预期：都打开同一设置弹窗的「账户与点数」，对话还在，不跳到 `/membership`。
+- ❌ 失败：整页刷新或地址变成 `/membership`。
+
+## 5. 下单打开新标签，回来余额刷新（P0）
+
+1. 在会员套餐或点数包点购买。
+2. 看是否新标签打开收银台，按钮短暂显示「跳转收银台…」，区内显示「等待支付结果」。
+3. 支付完成后回到原标签（可用测试单）。
+
+- ✅ 预期：当前页还在；余额更新。不要出现 spinner 或「正在加载」。
+- ❌ 失败：当前页被收银台顶掉，或一直转圈。
+
+## 6. 旧链接落到首页并打开分区（P1）
+
+1. 浏览器打开 `https://staging.jyotisha.chat/membership`。
+2. 再打开 `https://staging.jyotisha.chat/membership/orders`。
+
+- ✅ 预期：落在首页，设置弹窗打开账户与点数；订单链接打开订单记录页签。地址栏随后不再带 `settings=`。
+- ❌ 失败：404，或停在旧会员整页。
+
+## 7. 手机端全屏四页签可滚（P1）
+
+1. 把窗口缩到手机宽度，打开设置。
+
+- ✅ 预期：全屏；顶部四格页签；内容区自己滚，外框不动。
+- ❌ 失败：页签把内容顶没，或整页跟着内容一起撑高。