# 神射手 - 页面结构

> 📅 从 app/ 路由提取 | 2026-01-31

---

## 一、路由树

```
/                           # 首页 - AI对话
├── data-ingestion/         # 数据接入
│   ├── sources/            # 数据源管理
│   ├── ai-engine/          # AI标签引擎
│   ├── cleaning/           # 清洗规则
│   ├── tasks/              # 任务调度
│   └── lineage/            # 数据血缘
├── tag-portrait/           # 标签画像
│   ├── tags/               # 标签管理
│   ├── portrait/           # 用户画像
│   └── crowd/              # 人群圈选
├── ai-agent/               # AI Agent
│   ├── channels/           # 渠道配置
│   ├── smart-tag/          # AI打标
│   ├── data-cleaning/      # AI清洗
│   ├── report/             # 智能报告
│   └── chat/               # 对话（已移除到首页）
├── data-market/            # 数据市场
│   ├── packages/           # 流量包管理
│   └── api/                # API服务
├── monitoring/             # 系统监控
│   ├── health/             # 健康检查
│   ├── alerts/             # 告警中心
│   └── business/           # 业务指标
└── overview/               # 概览（如有）
```

---

## 二、页面组件结构

### 2.1 首页 (app/page.tsx)
```
Layout
├── Header (神射手 用户资产数字化中台)
├── AI对话区
│   ├── 输入框
│   ├── 思考过程 (thinking)
│   └── 用户画像卡片 (UserPortrait)
├── 模块导航 (5个卡片)
└── 系统状态 (2.01B 可查询)
```

### 2.2 人群圈选 (tag-portrait/crowd)
```
项目列表 → 流量池列表 → 用户表格
├── 面包屑导航
├── 项目卡片 (存客宝/点了码/微博/QQ)
├── 流量池/标签列表
├── 用户表格 (分页)
└── 保存为流量包 弹窗
```

### 2.3 数据血缘 (data-ingestion/lineage)
```
可拖拽画布
├── 数据源节点 (Source)
├── 转换节点 (Transform)
├── 目标节点 (Target)
└── 连接线 (Connection)
```

---

## 三、UI规范

```css
/* 苹果毛玻璃 */
background: from-slate-50 via-blue-50/30 to-purple-50/20
card: bg-white/80 backdrop-blur shadow-lg rounded-xl
button: bg-gradient-to-r from-blue-500 to-purple-500
```

---

## 四、关联文档

- [原型设计规范.md](./原型设计规范.md)
- [../4、前端/核心组件代码.md](../4、前端/核心组件代码.md)