MVP-1:重组头像菜单与设置页面结构 #43

Closed
opened 2026-08-30 13:54:02 +08:00 by jesse · 2 comments
Owner

背景

当前头像菜单点击“个人资料”后,账户信息、本人出生资料、星盘库和其他人的资料都在同一个长弹窗中,用户无法理解信息层级。

目标

建立统一的设置容器,拆分“个人资料”“星盘资料”“通用设置”“账户与点数”,并保持现有账户、充值、退出登录能力可用。

范围

  • 头像菜单增加“星盘资料”“通用设置”“账户与点数”入口。
  • “个人资料”只保留头像、昵称、登录邮箱等账户基础信息。
  • 设置容器采用左侧导航 + 右侧内容区;桌面端为大弹窗/面板,移动端为全屏。
  • 当前已有的星盘库与出生资料逻辑先迁移入口,不重复建设服务。

验收标准

  • 用户可以从头像菜单进入四个设置分区。
  • 账户、充值、退出登录原流程不回归。
  • 键盘焦点、关闭、移动端返回行为可用。
  • 个人资料页不再直接混入其他人的出生资料。

依赖

后续 MVP-2 在本设置容器中承载星盘资料页面。

## 背景 当前头像菜单点击“个人资料”后,账户信息、本人出生资料、星盘库和其他人的资料都在同一个长弹窗中,用户无法理解信息层级。 ## 目标 建立统一的设置容器,拆分“个人资料”“星盘资料”“通用设置”“账户与点数”,并保持现有账户、充值、退出登录能力可用。 ## 范围 - 头像菜单增加“星盘资料”“通用设置”“账户与点数”入口。 - “个人资料”只保留头像、昵称、登录邮箱等账户基础信息。 - 设置容器采用左侧导航 + 右侧内容区;桌面端为大弹窗/面板,移动端为全屏。 - 当前已有的星盘库与出生资料逻辑先迁移入口,不重复建设服务。 ## 验收标准 - 用户可以从头像菜单进入四个设置分区。 - 账户、充值、退出登录原流程不回归。 - 键盘焦点、关闭、移动端返回行为可用。 - 个人资料页不再直接混入其他人的出生资料。 ## 依赖 后续 MVP-2 在本设置容器中承载星盘资料页面。
jesse added the ready-for-agent label 2026-08-30 13:54:03 +08:00
Author
Owner

MVP-1 已完成,提交:2f10135c(基于 origin/staging)。

已交付:

  • 头像菜单新增独立「星盘资料」入口,不再把星盘库塞在「个人资料」里。
  • 「个人资料」只保留头像、本人出生资料和默认星盘摘要。
  • 「星盘资料」独立弹窗承载本人/其他人资料、合盘入口和添加资料表单。
  • 侧边栏星盘列表点击、添加星盘均直接打开「星盘资料」。
  • 增加独立弹窗宽度、sticky header 和说明文案,移动端沿用现有间距。

验证:

  • npx tsx --test tests/account-dialog-overlay.test.ts 通过。
  • npx eslint src/app/page.tsx src/components/app-sidebar.tsx src/components/account-dialog-overlay.tsx 通过(仅保留原有 2 条 hooks warning,无 error)。
  • npm run build 通过;仅有既有 skill registry 动态文件访问 warning。
  • git diff --check 通过。

按依赖关系,下一步进入 #44:把现有星盘库整理成正式的「我的星盘 / 其他人的星盘 / 添加星盘资料」管理页。

MVP-1 已完成,提交:`2f10135c`(基于 `origin/staging`)。 已交付: - 头像菜单新增独立「星盘资料」入口,不再把星盘库塞在「个人资料」里。 - 「个人资料」只保留头像、本人出生资料和默认星盘摘要。 - 「星盘资料」独立弹窗承载本人/其他人资料、合盘入口和添加资料表单。 - 侧边栏星盘列表点击、添加星盘均直接打开「星盘资料」。 - 增加独立弹窗宽度、sticky header 和说明文案,移动端沿用现有间距。 验证: - `npx tsx --test tests/account-dialog-overlay.test.ts` 通过。 - `npx eslint src/app/page.tsx src/components/app-sidebar.tsx src/components/account-dialog-overlay.tsx` 通过(仅保留原有 2 条 hooks warning,无 error)。 - `npm run build` 通过;仅有既有 skill registry 动态文件访问 warning。 - `git diff --check` 通过。 按依赖关系,下一步进入 #44:把现有星盘库整理成正式的「我的星盘 / 其他人的星盘 / 添加星盘资料」管理页。
jesse closed this issue 2026-08-30 14:17:01 +08:00
Author
Owner

补充完成 MVP-1 的更正修复。

之前 Issue 在实现仍缺少设置容器和资料边界时提前关闭,本次已补齐:

  • 头像菜单提供个人资料、星盘资料、通用设置、账户与点数四个入口
  • 桌面端设置容器改为左侧导航 + 右侧内容区
  • 移动端设置面板全屏化
  • 个人资料仅保留头像、昵称、登录邮箱
  • 出生资料编辑迁移到星盘资料中的“我的星盘”
  • 保留其他人星盘资料、合盘、删除、设为默认等现有流程
  • 通用设置复用已有主题偏好逻辑

提交:a671986a

验证:

  • 定向契约测试:52 passed
  • TypeScript:通过
  • production build:通过
  • ESLint:0 errors,4 个既有 React Hook warnings

本次未 push 或部署 staging,等待确认后再发布。

补充完成 MVP-1 的更正修复。 之前 Issue 在实现仍缺少设置容器和资料边界时提前关闭,本次已补齐: - 头像菜单提供个人资料、星盘资料、通用设置、账户与点数四个入口 - 桌面端设置容器改为左侧导航 + 右侧内容区 - 移动端设置面板全屏化 - 个人资料仅保留头像、昵称、登录邮箱 - 出生资料编辑迁移到星盘资料中的“我的星盘” - 保留其他人星盘资料、合盘、删除、设为默认等现有流程 - 通用设置复用已有主题偏好逻辑 提交:a671986a 验证: - 定向契约测试:52 passed - TypeScript:通过 - production build:通过 - ESLint:0 errors,4 个既有 React Hook warnings 本次未 push 或部署 staging,等待确认后再发布。
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: root/Jyotisha#43