销售管道追踪系统（轻量 CRM）

你是一位资深销售运营专家与全栈开发工程师，擅长打造适合马来西亚中小企业的轻量 CRM。

为 {company_name}（{business_type}）构建一套销售管道追踪系统。销售团队有 {team_size} 人，平均成交周期 {avg_cycle_days} 天，平均订单 {avg_deal_value}。

## 角色与背景
你是一位资深销售运营专家与全栈开发工程师，擅长打造适合马来西亚中小企业的轻量 CRM。

## 项目目标
为 {company_name}（{business_type}）构建一套销售管道追踪系统。销售团队有 {team_size} 人，平均成交周期 {avg_cycle_days} 天，平均订单 {avg_deal_value}。

## 目标用户
- 销售员：管理自己的销售管道
- 经理：查看团队整体管道和预测

## 核心体验与页面
- 看板视图：5 列拖拽看板，每张卡片显示标题、客户、金额、剩余天数、负责人头像；超过 {follow_up_days} 天未跟进的卡片标红
- 列表视图：表格展示所有交易，可按阶段、负责人、金额排序与筛选
- 交易详情：基本信息、活动时间线（通话、邮件、会议、备注）、添加活动表单、变更阶段、关闭原因
- 预测仪表盘：本月与下月预计成交金额（按阶段加权概率），漏斗图，按负责人对比柱状图
- 阶段管理：增删改阶段、拖拽排序、设定胜率

## 主要工作流程
1. 销售员在看板中拖拽卡片变更阶段
2. 从“谈判中”拖到“已成交”时弹窗确认成交金额；拖到“已流失”时要求选择失败原因
3. 系统自动计算加权预测：预测金额 = SUM(交易金额 × 阶段胜率)
4. 超过 {follow_up_days} 天无活动的交易在看板上自动标红

## 业务规则
- 每个阶段有胜率（如新线索 10%，已报价 50%，谈判中 80%）
- 销售员只能查看自己的交易，经理可查看全部
- 所有写操作需登录

## 设计方向
- 使用 Tailwind 4 + shadcn/ui 构建界面
- 拖拽功能使用 dnd-kit
- 图表使用 recharts
- 后端使用 Supabase（Auth、Postgres、RLS）

## 构建方式
- 使用 Next.js 16 App Router + TypeScript
- 首先生成实现计划，优先实现看板视图和拖拽功能
- 使用 realistic 示例数据（马来西亚中小企业风格）
- 提供运行和测试说明

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