# 进化智脑 · 前端看板规划（V3.0）

> 版本：V3.0 ｜ 目标：四大系统独立前端看板 + 进化智脑五大主题看板（数智经营总控台）
> 形态：静态HTML（双击打开，无需服务器）｜ 生成器：`_META/管理看板生成器.py` + `_META/客户智脑看板生成器.py`

---

## 一、总体定位

**进化智脑 = Agent 建设平台**（资产平台 + 能力平台 + 部署平台）。前端体系把"管理经营"可视化：
- 四大系统各有**独立前端看板**（进化智脑看板 + 舆家/神农/游耕看板）
- 进化智脑看板 = **数智经营总控台**，内含五大主题看板
- 每个看板统一布局：**上半 = 生动图示（成果/概览），下半 = 具体应用入口**

## 二、前端体系结构

```
进化智脑 · 前端体系
├── ① 进化智脑看板.html（总控台 · 独立前端看板）
│     ├── 顶部工具栏：三大客户智脑入口（舆家/神农/游耕，与技能清单/报价单/图表数据并列）
│     └── 第一层导航 = 五大主题看板（Tab）
│           ├── ⚙️ 能力看板 —— 进化智脑能力体系
│           ├── 📦 资产看板 —— 五库体系（信息/方法/规范/项目/技能）
│           ├── 📁 项目看板 —— 各项目成果 + 消耗 token
│           ├── 🏆 成果看板 —— 分类分级成果 + 直接链接
│           └── 🔄 进化看板 —— 自进化机制工作要求
├── ② 看板_舆家智脑.html（平舆户外 · 独立系统看板）
├── ③ 看板_神农智脑.html（农业叶县 · 独立系统看板）
└── ④ 看板_游耕智脑.html（非遗产业 · 独立系统看板）
```

## 三、页面详细设计（统一"上半图示 + 下半入口"）

### 3.1 能力看板（进化智脑能力体系 · 首页 = 能力全景指挥台）
- **Hero 区**：平台定位 + 6 大数字（十大系统 / 技能 / 四大系统 / 三层架构 / 项目 / 成果），一眼看到系统全貌
- **十大系统能力环**：SVG 环形扇区图——每个扇区 = 一个可独立部署的系统（分类着色：获客青 / 交付紫 / 支撑粉），悬停显示详情、点击进入对话工作台，中心显示系统总数与技能总数
- **平台能力雷达**：战略 / 内容 / 产品 / 获客 / 治理 五维能力评估
- **三层架构数据流**：调度层 ➜ 执行层 ➜ 资产层，箭头脉冲动画（任务进入 → 调度 → 执行 → 资产依据 → 成果回写）
- **三线运行**：获客线 / 交付线 / 底座（来自《八大系统→三块运行映射》）
- **下半（入口）**：十大系统入口卡（点击进入对话工作台）+ 调度平台入口（灰鲨/Coze/Codex/OpenClaw/飞书）+ 技能库（搜索/分组筛选/详情弹窗）

> 每个看板顶部均有「大数字总览条」（board-hero）——资产看板五库数字、项目看板项目/成果/Token、成果看板分级统计、进化看板产出/飞轮/信号，打开即见关键结论。

### 3.2 资产看板（五库体系）
- **上半（图示）**：五库构成环形图 + 五库堆叠占比条 + 技能分布条形图 + 资产增长趋势
- **下半（入口）**：五库卡片（信息库29/方法库22/规范库17/项目库16/技能库102，点击打开目录）+ 数据层

### 3.3 项目看板（各项目工作成果）
- **上半（图示）**：项目进度一览条形图 + 项目消耗 Token 对比条形图
- **下半（入口）**：项目详情卡：状态/类型/组织/建设进度/主要成果/消耗token（估算·标注）/成果链接
- 项目清单：中原药谷、平舆·舆家、叶县·神农、非遗·游耕、进化岛自身、品牌IP案例库

### 3.4 成果看板（分类分级成果）
- **上半（图示）**：成果分类构成环形图（战略咨询/侦查研究/内容生产/产品创新/方法沉淀/智脑部署）+ 成果分级条形图（S标杆/A完整/B阶段）
- **下半（入口）**：分类分级成果卡（级别徽章 + 类型 + 时间 + 描述），**直接链接**到真实成果文件

### 3.5 进化看板（自进化机制工作要求）
- **上半（图示）**：自进化飞轮图（L1信息归集→L2经验萃取→L3方法蒸馏→L4技能封装→L5资产发布）
- **下半（入口）**：五级工作要求表（级别/名称/目的/触发/执行/产出）+ 自进化产出列表 + 看门狗建议 + 机制文档入口

### 3.6 客户智脑独立看板（统一模板 × 3）
- 英雄区：状态徽章 + 定位 + 元信息卡（服务产业/部署平台/技能配置/批次进度）
- **部署系统能力环**：SVG 环形扇区图——每个扇区 = 该智脑部署的系统（产品创新/GEO获客/侦查研究/管理调度 等按需组合，分类着色），悬停显示详情、点击跳转主看板能力看板，中心显示部署系统数与技能总数
- **能力雷达**：产业洞察 / 产品能力 / 获客能力 / 数据资产 / 治理成熟（点击顶点直达成果）
- **数据看板（图示）**：技能构成条形图 + 数据资产构成环形图 + 建设进度趋势
- **下半（入口）**：部署系统组合卡 + 成果文档（直接链接）+ 返回总控台

## 四、技术方案

| 项 | 方案 |
|---|---|
| 形态 | 静态 HTML（单文件，双击打开） |
| 总控台生成器 | `_META/管理看板生成器.py`（数据 → 五大看板 HTML） |
| 客户智脑生成器 | `_META/客户智脑看板生成器.py`（统一模板 × 3） |
| 数据 | `_META/看板数据_增强.json`（更新看板.command 扫描生成）+ 项目/成果/进化档案 |
| 样式 | 内联 CSS（深色/浅色/霓虹三主题，玻璃拟态科技风） |
| 交互 | 原生 JS（Tab切换/搜索/筛选/弹窗/图表/深链 ?tab=xxx） |
| 无依赖 | 不引外部库（离线可用） |

## 五、更新链路（一键）

```bash
bash 更新看板.command
# ① 扫描系统资产（技能/插件/三库/索引）→ 写 _META/看板数据_增强.json
# ② 重建全部 4 个看板：总控台 + 舆家 + 神农 + 游耕
```

## 五·五、看板自升级能力（V3.1）

| 能力 | 说明 |
|---|---|
| 数据时间戳 | 页脚显示"数据更新：{生成时间}"，一键更新即刷新 |
| 成果自动扫描 | 生成器自动扫描 `05_客户智脑/*/文档详情/` 的批次验收与真实产出，自动生成成果卡（与手工成果合并去重） |
| 协同任务发起 | 进化看板内置"发起协同任务"（桥接 系统对话桥接服务.py → 127.0.0.1:8765 作战室） |
| 客户智脑互跳 | 三个客户智脑看板顶部可一键互跳（当前智脑高亮） |
| 复用平台标注 | 客户智脑能力环中无专属技能的系统显示"复用平台"，而非"规划中" |
| 深链增强 | `?tab=cap` 直达看板、`?skill=xxx` 直达技能详情 |
| 性能优化 | 技能全文内嵌截断至 600 字（文件 490KB → 285KB），详情弹窗保留摘要 |

## 五·六、看板动态层（V3.2 · 让看板动起来）

> 形态仍是单文件静态 HTML（双击即用、零依赖），但页面"活"了：动效 + 实时时钟 + 数据新鲜度 + 跑马灯 + 数字滚动。
> 实现：`_META/看板动态层.py`（共用动效模块）→ 由两个生成器注入（CSS 进 `</style>` 前，JS 进 `</body>` 前）。

| 动效 | 说明 |
|---|---|
| 光球漂浮 | 背景光球缓慢漂移缩放（客户看板自动补齐 3 个光球） |
| 呼吸灯 | 系统入口状态点 / 客户看板状态徽章脉冲光晕 |
| 标题渐变流动 | 顶栏标题渐变色持续流动 |
| Hero 扫光 | 能力看板 Hero 区周期性扫光 |
| 卡片悬停微动 | 卡片悬停上浮 + 描边高亮 |
| 实时时钟 | 顶栏时钟 + 「x 秒/分/小时前更新」（或已开启时长） |
| 动态跑马灯 | 平台运行状态 / 部署系统 / 成果文档数滚动播报（悬停暂停） |
| 数字滚动 | 大数字 0→真实值滚动（面板切换重新触发，≈1970万 等保留前后缀） |
| 星尘粒子 | 轻量 Canvas 星空背景（隐藏标签页自动暂停） |
| 动效开关 | 右下角「❄️ 暂停动效 / ▶️ 恢复动效」 |

- **数据仍可刷新**：主看板保留 `_META/看板数据_增强.json` 自动读取（HTTP 部署下自动回填，file:// 下优雅降级，提示运行 `bash 更新看板.command`）。
- **无障碍**：遵循 `prefers-reduced-motion`，用户偏好减少动效时自动关闭全部动画。

## 六、数据说明

- **消耗 token**：估算值（任务数 × 模型系数），标注"待接入桥接服务/平台日志真实统计"
- **成果分级**：S 标杆 / A 完整交付 / B 阶段成果
- **五库口径**：信息库（身份/供给/关系/履历）、方法库（战略/内容/增长/专业模型）、规范库（语言/视觉/流程/质量）、项目库（履历事实档案+客户四库）、技能库（02_技能层 Skill）

## 七、后续扩展（可选）

- token 真实统计：桥接服务日志 → 自动回填项目看板
- 运营数据回填：平台阅读/互动/GEO引用/获客线索（对接《运营监测看板模板》）
- 成果自动归档：生成器扫描批次验收/真实产出自动生成成果卡
- 客户智脑看板：接入各智脑实时运行数据