落地路线图(Implementation Roadmap)
总原则
- 先改“布局与信息架构”,再逐步精炼组件与数据结构
- 尽量保持现有业务逻辑不变(SSE、历史、导出、分享)
- 以“小步快跑”的里程碑交付
Phase 0:现状校准(0.5 天)
- 统一确认“报告”的数据结构来源:
- 当前状态(内存 state)
- localStorage history
- 登录后 server history
- 明确分享 URL 语义:
- 现在分享基本是当前页面 URL
- 若要真正“可复现报告”,需要
/reports/:id+ 后端存储
Phase 1:三栏 AppShell + 主页信息流(2-4 天)
交付:
- 桌面三栏布局(LeftNav/Main/RightSidebar)
/主页改为:Tabs + Composer + Feed- 右侧栏上线:CTA/登录点数/Trending/社群
验收点:
- 新用户能在 10 秒内找到并开始生成
- 生成完成后在 feed 中出现 ReportCard,可点击打开详情
Phase 2:Report Viewer Drawer + 动作条统一(2-3 天)
交付:
- ReportViewer 支持 Drawer 打开
- ActionBar 固定:分享/导出/保存/打印/重新生成
- 权益 gating 统一(AuthGate)
验收点:
- 游客点击锁定能力时才弹登录(减少打断)
Phase 3:内容页融入统一布局(2-3 天)
交付:
/knowledge/cases迁移到 AppShell 下- 右侧栏在内容页也生效(推荐/CTA)
验收点:
- 全站导航体验一致
Phase 4:报告可分享/可复访(后端协作,3-7 天)
交付:
/reports/:id(或 share token)- 分享链接打开后能复现报告
- SEO:Report 的 meta(title/description/open graph)
验收点:
- 从 x.com 分享链接进入时,落地页直接展示报告摘要与查看详情
Phase 5:增长与数据(持续)
建议埋点:
generate_startgenerate_completeshare_click(按渠道:x/tg/qr/copy/image)export_htmlprint_pdfauth_open/auth_success
技术注意事项
- SSE 进度与取消:建议提供取消按钮(abort controller)
- 分享组件一致性:当前
SharePanelprops 在不同调用处存在不一致风险,落地时需统一 - 性能:主栏信息流需要虚拟列表可选(后续再做)