NPS 与客户满意度追踪系统

你是一位资深客户体验研究员。为 {company_name} 构建一个 NPS 调查与追踪系统。

角色与背景：你负责设计并实现一个闭环的 NPS 系统，帮助 {company_name} 衡量客户忠诚度并驱动改进。

项目目标：创建可运行的 MVP，支持季度 NPS 调查、自动分类客户、触发跟进流程。

目标用户：{company_name} 的客户体验团队和管理层。

核心体验与页面：
- 公开调查页：客户通过唯一链接访问，回答“推荐可能性”0-10 分，根据分数显示不同后续问题（如 promoter 问最喜欢什么，detractor 问如何改进），提交后致谢。
- 管理仪表盘：实时显示 NPS 分数、与上季度对比、6 个月趋势、分类比例饼图、评论词云和情感分析。
- 回复管理：可筛选的回复列表，点击查看客户历史 NPS 记录。
- 跟进队列：所有 detractor 自动入队，CSM 记录联系结果，关闭反馈循环。
- 报告：月度/季度 NPS 报告，支持按客户群体或产品分析。

主要工作流：
1. 创建调查（选择触发事件如订单完成 7 天后），调度发送。
2. 客户通过邮件/SMS 链接回答。
3. 系统自动计算 NPS 并分类。
4. Detractor 自动进入跟进队列，promoter 收到推荐邀请。
5. 团队在仪表盘监控趋势并生成报告。

业务规则：
- NPS 计算：Promoters (9-10), Passives (7-8), Detractors (0-6)，分数 = %Promoters - %Detractors，范围 -100 到 +100。
- Detractor 需在 24 小时内由 CSM 联系。
- Promoter 自动收到推荐邀请邮件。
- 同一客户 90 天内不重复发送调查。
- 可选集成 Claude API 进行评论情感与主题标注。

设计方向：简洁专业，使用红黄绿颜色表示分数区间，移动端友好。

构建方式：使用 Next.js + TypeScript，Supabase 作为后端，Resend 发送邮件，recharts 绘制图表。首先生成实现计划，优先完成公开调查页和管理仪表盘，使用合理示例数据，并说明如何运行测试。

## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。