From cb4c9bcdfc5f790d3e29a41598ad7e6fae4bba73 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=99=B4=E5=A4=A9?= <keh5@vip.qq.com>
Date: Sat, 16 May 2026 12:11:28 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E7=9B=AE=E5=BD=95=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |   2 +
 .windsurf/workflows/release.md                | 145 ------
 docs/engine-select-mockups/index.html         | 150 -------
 docs/engine-select-mockups/index2.html        | 303 -------------
 .../mockup-a-minimal.html                     | 229 ----------
 .../mockup-b-gradient.html                    | 269 -----------
 .../engine-select-mockups/mockup-c-glass.html | 339 --------------
 docs/engine-select-mockups/v2-aurora.html     | 395 ----------------
 docs/engine-select-mockups/v2-bold-split.html | 284 ------------
 docs/engine-select-mockups/v2-cinematic.html  | 366 ---------------
 docs/engine-select-mockups/v2-monolith.html   | 423 ------------------
 docs/hermes-ui-refactor-plan.md               | 206 ---------
 12 files changed, 2 insertions(+), 3109 deletions(-)
 delete mode 100644 .windsurf/workflows/release.md
 delete mode 100644 docs/engine-select-mockups/index.html
 delete mode 100644 docs/engine-select-mockups/index2.html
 delete mode 100644 docs/engine-select-mockups/mockup-a-minimal.html
 delete mode 100644 docs/engine-select-mockups/mockup-b-gradient.html
 delete mode 100644 docs/engine-select-mockups/mockup-c-glass.html
 delete mode 100644 docs/engine-select-mockups/v2-aurora.html
 delete mode 100644 docs/engine-select-mockups/v2-bold-split.html
 delete mode 100644 docs/engine-select-mockups/v2-cinematic.html
 delete mode 100644 docs/engine-select-mockups/v2-monolith.html
 delete mode 100644 docs/hermes-ui-refactor-plan.md

diff --git a/.gitignore b/.gitignore
index 37c6eac..1a38772 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,7 @@ pnpm-lock.yaml
 yarn.lock
 
 .cursor
+.windsurf
 docs/issue-solutions.md
 # 构建产物
 dist/
@@ -47,6 +48,7 @@ AGENTS.md
 BLOCKING_ISSUES_REPORT.md
 __clawapp-chat-ref.js
 LOBSTER-LEGION-ARCHIVE.md
+docs/hermes-ui-refactor-plan.md
 
 # 大文件（宣传视频·原始版本）
 docs/promo-video.mp4
diff --git a/.windsurf/workflows/release.md b/.windsurf/workflows/release.md
deleted file mode 100644
index bcf2fd2..0000000
--- a/.windsurf/workflows/release.md
+++ /dev/null
@@ -1,145 +0,0 @@
----
-description: 发布新版本（打 tag + 推送，触发跨平台构建）
----
-
-## 版本号约定
-
-- 格式: `x.y.z`（如 `0.7.0`）
-- tag 格式: `v0.7.0`（带 `v` 前缀）
-
-## 发布前检查
-
-1. 确认所有功能改动已提交并推送，CI 全部通过（main 分支绿灯）
-
-2. 确认工作区干净：
-// turbo
-```bash
-git status
-```
-
-## 人工确认门禁
-
-在继续执行版本号更新、提交、tag 或推送前，必须先把本次发布候选版交给维护者手动确认。
-
-必须确认以下项目：
-
-- [ ] Web 模式：`npm run dev` 后核心页面可打开
-- [ ] 桌面模式：`npm run tauri dev` 后核心页面可打开
-- [ ] Hermes：安装/修复、升级、卸载弹窗流程可正常显示日志和进度
-- [ ] Hermes：Gateway 启动/停止/重启正常
-- [ ] Hermes：实时聊天 `/v1/runs` 至少完成一次真实消息回复
-- [ ] OpenClaw：仪表盘、模型、服务页无明显回归
-- [ ] 更新检查：`docs/update/latest.json` 的 `minAppVersion` 设置符合本次是否包含 Rust/Tauri 命令变更
-
-确认方式：
-
-维护者必须明确回复类似：
-
-```text
-确认发布 0.15.0
-```
-
-在收到明确确认前，不要执行：
-
-- `npm run version:set <version>`
-- `git commit`
-- `git tag`
-- `git push`
-
-## 更新版本号
-
-`version:set` 会自动同步以下文件，不需要手动改：
-- `package.json` — npm 版本
-- `src-tauri/tauri.conf.json` — Tauri 版本
-- `src-tauri/Cargo.toml` → `Cargo.lock` — Rust 版本
-- `docs/index.html` — JSON-LD `softwareVersion`、下载链接文件名（`ClawPanel_x.y.z_xxx`）、版本徽标（`vx.y.z 最新版`）
-
-// turbo
-```bash
-npm run version:set 0.7.0
-```
-
-运行后检查输出，确认 4 个文件都标记了 ✅。
-
-## 更新 CHANGELOG
-
-在 `CHANGELOG.md` 顶部（`## [上一版本]` 之前）加入新版本记录，格式：
-
-```markdown
-## [0.7.0] - 2026-03-08
-
-### 新功能 (Features)
-
-- **功能名** — 一句话描述
-
-### 改进 (Improvements)
-
-- **改进名** — 一句话描述
-```
-
-内容要覆盖本次版本的所有变更，包括新功能、改进、修复、安全更新等。
-
-## 提交并推送
-
-```bash
-git add -A
-git commit -m "chore: release v0.7.0"
-```
-
-### ⚠️ 推送注意事项
-
-如果本次提交包含 `.github/workflows/` 文件的改动，IDE 内置的 OAuth token 没有 `workflow` scope，会被 GitHub 拒绝。需要在**系统终端**（非 IDE 终端）用自己的 git 凭据推送：
-
-```bash
-git push origin main
-```
-
-如果不含 workflow 文件改动，IDE 内 push 即可。
-
-## 打 tag 并触发发布
-
-```bash
-git tag v0.7.0
-git push origin v0.7.0
-```
-
-推送 tag 后，GitHub Actions 会自动：
-- 并行构建 macOS ARM64 / macOS Intel / Linux / Windows 四个平台
-- 创建 GitHub Release 并上传安装包
-- 构建前端 web 包并上传为 Release Asset
-- 更新 `docs/update/latest.json`（前端热更新清单）
-- 所有平台构建完成后统一写入 Release Notes
-
-## 查看构建进度
-
-前往仓库 **Actions** 页面，找到 `Release` 工作流查看实时日志。
-
-## 手动触发（不打 tag）
-
-在 GitHub Actions 页面手动触发 `Release` 工作流，输入版本号（如 `v0.7.0`）。
-
-## 发布后验证
-
-- [ ] Release 页面出现四个平台的安装包（.dmg ×2, .exe, .msi, .AppImage, .deb）
-- [ ] Release Notes 内容正确（有下载表格 + changelog）
-- [ ] `latest` 标签指向新 Release
-- [ ] 官网 https://claw.qt.cool 下载链接指向新版本
-- [ ] `docs/update/latest.json` 已被 CI 自动更新
-
-## 发布后同步
-
-Mac 堡垒机上的 ClawPanel 项目需要手动同步（如有需要）：
-```bash
-ssh mac "cd /Users/admin/Desktop/clawpanel && export https_proxy=http://127.0.0.1:7897 && git pull"
-```
-
-## 回滚
-
-如果发布有问题，在 GitHub Releases 页面将该 Release 设为 Draft 或删除，然后修复后重新打 tag：
-```bash
-git tag -d v0.7.0
-git push origin :refs/tags/v0.7.0
-# 修复问题后
-git tag v0.7.0
-git push origin v0.7.0
-```
diff --git a/docs/engine-select-mockups/index.html b/docs/engine-select-mockups/index.html
deleted file mode 100644
index bf2bdb6..0000000
--- a/docs/engine-select-mockups/index.html
+++ /dev/null
@@ -1,150 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>Engine Select Mockups · 三种风格抽卡</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
-    background: #0a0a0a;
-    color: #fff;
-    min-height: 100vh;
-    padding: 40px 24px;
-  }
-  .container { max-width: 1100px; margin: 0 auto }
-  h1 {
-    font-size: 28px;
-    font-weight: 200;
-    letter-spacing: -0.02em;
-    margin-bottom: 8px;
-  }
-  .lead { color: rgba(255, 255, 255, 0.6); font-size: 14px; margin-bottom: 32px }
-  .grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    gap: 20px;
-  }
-  .card {
-    background: rgba(255, 255, 255, 0.04);
-    border: 1px solid rgba(255, 255, 255, 0.08);
-    border-radius: 16px;
-    padding: 28px 24px;
-    transition: border-color 0.2s, transform 0.2s;
-    text-decoration: none;
-    color: inherit;
-    display: block;
-  }
-  .card:hover {
-    border-color: rgba(255, 255, 255, 0.25);
-    transform: translateY(-4px);
-  }
-  .tag {
-    display: inline-block;
-    font-size: 10px;
-    letter-spacing: 0.2em;
-    text-transform: uppercase;
-    padding: 3px 10px;
-    border-radius: 12px;
-    margin-bottom: 16px;
-    background: rgba(255, 255, 255, 0.1);
-  }
-  .tag-a { background: rgba(180, 180, 180, 0.18) }
-  .tag-b { background: rgba(180, 100, 255, 0.25) }
-  .tag-c { background: rgba(100, 180, 255, 0.2) }
-  .card h2 { font-size: 18px; margin-bottom: 8px; font-weight: 400 }
-  .card .desc { font-size: 13px; color: rgba(255, 255, 255, 0.65); line-height: 1.6; margin-bottom: 14px }
-  .pros { display: flex; flex-direction: column; gap: 6px }
-  .pro {
-    font-size: 12px;
-    color: rgba(255, 255, 255, 0.7);
-    padding-left: 18px;
-    position: relative;
-  }
-  .pro::before {
-    content: '✓';
-    position: absolute;
-    left: 0;
-    color: #5fffa3;
-  }
-
-  .preview {
-    aspect-ratio: 16 / 10;
-    border-radius: 8px;
-    margin-bottom: 16px;
-    position: relative;
-    overflow: hidden;
-  }
-  .preview-a { background: #0a0a0a }
-  .preview-a::before { content: ''; position: absolute; inset: 0; clip-path: polygon(100% 100%, 0 100%, 100% 0); background: #f5f5f5 }
-  .preview-a::after { content: ''; position: absolute; inset: 0; background: linear-gradient(45deg, transparent 49.7%, #888 49.9%, #888 50.1%, transparent 50.3%) }
-
-  .preview-b { background: linear-gradient(135deg, #2c1d6b, #4a2585) }
-  .preview-b::before { content: ''; position: absolute; inset: 0; clip-path: polygon(100% 100%, 0 100%, 100% 0); background: linear-gradient(315deg, #b85419, #ff8c3a) }
-  .preview-b::after { content: ''; position: absolute; inset: 0; background: linear-gradient(45deg, transparent 49.6%, rgba(255,255,255,0.9) 50%, transparent 50.4%) }
-
-  .preview-c {
-    background:
-      radial-gradient(circle at 20% 30%, rgba(140, 100, 255, 0.4), transparent 35%),
-      radial-gradient(circle at 80% 70%, rgba(255, 140, 60, 0.4), transparent 35%),
-      #0a0d1a;
-  }
-  .preview-c::before { content: ''; position: absolute; inset: 0; clip-path: polygon(100% 100%, 0 100%, 100% 0); background: rgba(255, 140, 80, 0.08); backdrop-filter: blur(20px) }
-  .preview-c::after { content: ''; position: absolute; inset: 0; background: linear-gradient(45deg, transparent 49.7%, rgba(255,255,255,0.6) 50%, transparent 50.3%) }
-
-  .footer { color: rgba(255, 255, 255, 0.5); font-size: 13px; margin-top: 32px; line-height: 1.7 }
-  .footer code { background: rgba(255, 255, 255, 0.08); padding: 2px 6px; border-radius: 4px; font-size: 12px }
-</style>
-</head>
-<body>
-<div class="container">
-  <h1>Engine Select · 三种风格抽卡</h1>
-  <div class="lead">点击下面任一张卡片预览完整动画。每个 mockup 都是独立 HTML，可单独打开。</div>
-
-  <div class="grid">
-    <a class="card" href="mockup-a-minimal.html" target="_blank">
-      <div class="preview preview-a"></div>
-      <span class="tag tag-a">A · 极简</span>
-      <h2>极简对角线 · 黑白对比</h2>
-      <div class="desc">纯黑 vs 纯白，瑞士设计风格。强调内容本身，不引入任何装饰元素。</div>
-      <div class="pros">
-        <div class="pro">最快加载、最稳定（不依赖 backdrop-filter）</div>
-        <div class="pro">永不过时，能搭配任何主题</div>
-        <div class="pro">高对比度，残障友好</div>
-      </div>
-    </a>
-
-    <a class="card" href="mockup-b-gradient.html" target="_blank">
-      <div class="preview preview-b"></div>
-      <span class="tag tag-b">B · 赛博</span>
-      <h2>渐变发光 · 赛博朋克</h2>
-      <div class="desc">紫蓝 vs 橙金渐变 + 发光中线 + logo 光圈脉动。每个引擎有强烈的「人格」色彩。</div>
-      <div class="pros">
-        <div class="pro">视觉冲击力最强，第一眼记得住</div>
-        <div class="pro">两个引擎气质对比鲜明（冷 vs 暖）</div>
-        <div class="pro">动效丰富但不影响性能</div>
-      </div>
-    </a>
-
-    <a class="card" href="mockup-c-glass.html" target="_blank">
-      <div class="preview preview-c"></div>
-      <span class="tag tag-c">C · 高级</span>
-      <h2>玻璃拟态 + 粒子 · 沉浸高级</h2>
-      <div class="desc">动态极光 + 玻璃质感 + 漂浮粒子 + 玻璃 logo 卡片。最接近 Apple Vision Pro 的高级感。</div>
-      <div class="pros">
-        <div class="pro">沉浸感最强，"未来感" 拉满</div>
-        <div class="pro">背景动态延伸到展开后的主页</div>
-        <div class="pro">细节层次丰富（极光、粒子、玻璃高光）</div>
-      </div>
-    </a>
-  </div>
-
-  <div class="footer">
-    <p><strong>预览说明</strong>：每个 HTML 都是独立可运行的，无任何外部依赖。</p>
-    <p>动画三阶段：<code>hover</code> → <code>三角形扩满</code> → <code>中心圆扩散进入主页</code>。</p>
-    <p>预览模式下点击三角形会展示完整动画，按 <code>R</code> 重置。</p>
-    <p style="margin-top: 16px">挑好风格后告诉我编号（A / B / C），我把它接进真实的 <code>/engine-select</code> 页面替换现有卡片网格。</p>
-  </div>
-</div>
-</body>
-</html>
diff --git a/docs/engine-select-mockups/index2.html b/docs/engine-select-mockups/index2.html
deleted file mode 100644
index 28cc281..0000000
--- a/docs/engine-select-mockups/index2.html
+++ /dev/null
@@ -1,303 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>V2 抽卡 · 4 张大间距对角线设计</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  body {
-    font-family: 'Inter', -apple-system, system-ui, sans-serif;
-    background: #050608;
-    color: #fff;
-    min-height: 100vh;
-    padding: 40px 24px 60px;
-    -webkit-font-smoothing: antialiased;
-  }
-  .container { max-width: 1280px; margin: 0 auto }
-
-  .header { margin-bottom: 36px }
-  h1 {
-    font-size: 32px;
-    font-weight: 200;
-    letter-spacing: -0.03em;
-    margin-bottom: 10px;
-  }
-  .lead {
-    color: rgba(255, 255, 255, 0.65);
-    font-size: 14px;
-    line-height: 1.7;
-    max-width: 720px;
-  }
-  .lead strong { color: #ffd56b; font-weight: 500 }
-
-  .grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-    gap: 16px;
-  }
-
-  .card {
-    background: rgba(255, 255, 255, 0.04);
-    border: 1px solid rgba(255, 255, 255, 0.08);
-    border-radius: 14px;
-    padding: 0;
-    transition: border-color 0.25s, transform 0.25s;
-    text-decoration: none;
-    color: inherit;
-    display: block;
-    overflow: hidden;
-  }
-  .card:hover {
-    border-color: rgba(255, 255, 255, 0.3);
-    transform: translateY(-4px);
-  }
-
-  .preview {
-    aspect-ratio: 16 / 10;
-    position: relative;
-    overflow: hidden;
-  }
-
-  /* —— V2-A: Bold Split — 黑白 —— */
-  .preview-a { background: #fff }
-  .preview-a::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    background: #0a0a0a;
-  }
-  .preview-a::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg, transparent 49.7%, #d4d4d4 50%, transparent 50.3%);
-  }
-  .preview-a .label-tl, .preview-a .label-br {
-    position: absolute;
-    font-size: 8px;
-    letter-spacing: 0.2em;
-  }
-  .preview-a .label-tl { top: 12%; left: 8%; color: #fff }
-  .preview-a .label-br { bottom: 12%; right: 8%; color: #000 }
-
-  /* —— V2-B: Cinematic 紫橙 —— */
-  .preview-b {
-    background:
-      radial-gradient(circle at 75% 65%, rgba(255, 130, 50, 0.45), transparent 50%),
-      radial-gradient(circle at 95% 5%, rgba(120, 50, 20, 0.6), transparent 55%),
-      linear-gradient(315deg, #2a1208, #4a1f0a);
-  }
-  .preview-b::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    background:
-      radial-gradient(circle at 25% 35%, rgba(120, 90, 255, 0.5), transparent 50%),
-      radial-gradient(circle at 5% 95%, rgba(50, 30, 120, 0.6), transparent 55%),
-      linear-gradient(135deg, #1a1340, #0d0828);
-  }
-  .preview-b::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg, transparent 49.6%, rgba(255,255,255,0.95) 50%, transparent 50.4%);
-    filter: drop-shadow(0 0 6px rgba(255,255,255,0.6));
-  }
-
-  /* —— V2-C: Monolith 黑+米白 —— */
-  .preview-c { background: #f5f3ee }
-  .preview-c::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    background: #0c0d12;
-  }
-  .preview-c::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background:
-      radial-gradient(circle at 5% 5%, rgba(110, 100, 255, 0.3), transparent 35%),
-      radial-gradient(circle at 95% 95%, rgba(220, 130, 60, 0.2), transparent 35%),
-      linear-gradient(45deg, transparent 49.7%, rgba(180,180,180,0.7) 50%, transparent 50.3%);
-  }
-
-  /* —— V2-D: Aurora 极光 —— */
-  .preview-d {
-    background:
-      radial-gradient(ellipse 50% 40% at 22% 28%, rgba(110, 110, 255, 0.55) 0%, transparent 70%),
-      radial-gradient(ellipse 45% 35% at 78% 72%, rgba(255, 130, 80, 0.55) 0%, transparent 70%),
-      #050608;
-  }
-  .preview-d::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    background: linear-gradient(135deg, rgba(20, 25, 60, 0.5), rgba(10, 12, 30, 0.85));
-    backdrop-filter: blur(20px);
-  }
-  .preview-d::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg, transparent 49.6%, rgba(255,255,255,0.95) 50%, transparent 50.4%);
-    filter: drop-shadow(0 0 8px rgba(255,255,255,0.5));
-  }
-
-  .body {
-    padding: 20px 22px 22px;
-  }
-  .tag {
-    display: inline-block;
-    font-size: 10px;
-    letter-spacing: 0.22em;
-    text-transform: uppercase;
-    padding: 3px 9px;
-    border-radius: 11px;
-    margin-bottom: 12px;
-    background: rgba(255, 255, 255, 0.1);
-    font-weight: 500;
-  }
-  .card h2 {
-    font-size: 17px;
-    margin-bottom: 6px;
-    font-weight: 500;
-    letter-spacing: -0.01em;
-  }
-  .card .desc {
-    font-size: 12.5px;
-    color: rgba(255, 255, 255, 0.6);
-    line-height: 1.6;
-    margin-bottom: 14px;
-  }
-  .pros { display: flex; flex-direction: column; gap: 5px }
-  .pro {
-    font-size: 11.5px;
-    color: rgba(255, 255, 255, 0.7);
-    padding-left: 18px;
-    position: relative;
-    line-height: 1.5;
-  }
-  .pro::before {
-    content: '✓';
-    position: absolute;
-    left: 0;
-    color: #5fffa3;
-    font-size: 10px;
-    top: 2px;
-  }
-
-  .footer {
-    margin-top: 40px;
-    padding-top: 28px;
-    border-top: 1px solid rgba(255, 255, 255, 0.08);
-    color: rgba(255, 255, 255, 0.55);
-    font-size: 13px;
-    line-height: 1.8;
-  }
-  .footer code {
-    background: rgba(255, 255, 255, 0.08);
-    padding: 2px 7px;
-    border-radius: 4px;
-    font-size: 11.5px;
-  }
-  .footer .keys {
-    margin-top: 16px;
-    padding: 14px 18px;
-    background: rgba(255, 215, 100, 0.06);
-    border-left: 2px solid rgba(255, 215, 100, 0.5);
-    border-radius: 4px;
-  }
-</style>
-</head>
-<body>
-<div class="container">
-  <div class="header">
-    <h1>V2 抽卡 — 大间距对角线设计</h1>
-    <div class="lead">
-      <strong>这次修了什么</strong>：上一版把内容用 flex center 堆在屏幕中央，导致 OpenClaw 和 Hermes 的字挤在分割线两侧重叠。
-      新版用 absolute 定位把内容明确放在各自三角形的「重心」——左上 11%/6%，右下 11%/6%，间距大幅拉开，分割线清晰。
-    </div>
-  </div>
-
-  <div class="grid">
-    <a class="card" href="v2-bold-split.html" target="_blank">
-      <div class="preview preview-a">
-        <span class="label-tl">OPENCLAW</span>
-        <span class="label-br">HERMES</span>
-      </div>
-      <div class="body">
-        <span class="tag">A · BOLD SPLIT</span>
-        <h2>黑白巨字</h2>
-        <div class="desc">瑞士设计风。两侧都是巨大产品名（180px），黑底 vs 白底强烈反差。hover 让另一侧变暗，专注感强。</div>
-        <div class="pros">
-          <div class="pro">最强反差，第一眼就抓住视线</div>
-          <div class="pro">极简、最稳、最快</div>
-          <div class="pro">永不过时（二十年后仍漂亮）</div>
-        </div>
-      </div>
-    </a>
-
-    <a class="card" href="v2-cinematic.html" target="_blank">
-      <div class="preview preview-b"></div>
-      <div class="body">
-        <span class="tag">B · CINEMATIC</span>
-        <h2>电影级双世界</h2>
-        <div class="desc">深紫蓝（OpenClaw 冷）vs 暖橙琥珀（Hermes 暖）双世界。发光中线 + 玻璃 chips + 大图标 logo + 角标版本号。</div>
-        <div class="pros">
-          <div class="pro">视觉冲击最强，沉浸感最高</div>
-          <div class="pro">两个引擎气质对比鲜明（冷 vs 暖）</div>
-          <div class="pro">细节层次最丰富</div>
-        </div>
-      </div>
-    </a>
-
-    <a class="card" href="v2-monolith.html" target="_blank">
-      <div class="preview preview-c"></div>
-      <div class="body">
-        <span class="tag">C · MONOLITH</span>
-        <h2>巨碑感（Linear / Vercel 风）</h2>
-        <div class="desc">石墨黑 vs 象牙白，每边都有微妙网格纹 + 角落 glow。左上 logo + 序号 + 巨字 + 特性列表 + 实心 CTA。</div>
-        <div class="pros">
-          <div class="pro">最专业、信息密度最高</div>
-          <div class="pro">B2B / SaaS 一线产品的常用风格</div>
-          <div class="pro">两侧都有完整 CTA 按钮（点击意图明确）</div>
-        </div>
-      </div>
-    </a>
-
-    <a class="card" href="v2-aurora.html" target="_blank">
-      <div class="preview preview-d"></div>
-      <div class="body">
-        <span class="tag">D · AURORA</span>
-        <h2>极光大字（Stripe / Apple 风）</h2>
-        <div class="desc">底层动态极光 + 噪声纹理 + 玻璃覆盖层。两侧都是统一暗色调，但 hover 时该侧的玻璃会变亮、另一侧变暗。最高级感。</div>
-        <div class="pros">
-          <div class="pro">沉浸感最强，"未来感" 拉满</div>
-          <div class="pro">背景与展开后的主页可无缝衔接</div>
-          <div class="pro">动态背景延伸到整个产品的视觉体系</div>
-        </div>
-      </div>
-    </a>
-  </div>
-
-  <div class="footer">
-    <p><strong>核心修复</strong>：用 <code>absolute</code> 定位（top/left & bottom/right）替代 flex center，让 OpenClaw 内容在左上 ~25% 重心，Hermes 内容在右下 ~75% 重心，永不重叠。</p>
-    <p><strong>新增交互</strong>：用 CSS <code>:has()</code> 实现 hover 联动 — 鼠标在哪一边，那一边变亮 + 内容浮起；另一边自动变暗 + 模糊 + 内容缩小，专注感很强。</p>
-    <p><strong>动画三阶段（每个版本统一）</strong>：hover 联动 → 三角形扩满 → 中心圆扩散 → 进入主页 mock。</p>
-    <div class="keys">
-      <strong>挑选指引</strong>：
-      <br>· 想要 <strong>极简永恒</strong> → A · Bold Split
-      <br>· 想要 <strong>视觉冲击</strong> → B · Cinematic
-      <br>· 想要 <strong>专业 SaaS</strong> → C · Monolith
-      <br>· 想要 <strong>未来高级感</strong> → D · Aurora
-    </div>
-    <p style="margin-top: 18px">挑好告诉我编号（A/B/C/D），我把它接进真实的 <code>/engine-select</code> 替换现有卡片网格。</p>
-  </div>
-</div>
-</body>
-</html>
diff --git a/docs/engine-select-mockups/mockup-a-minimal.html b/docs/engine-select-mockups/mockup-a-minimal.html
deleted file mode 100644
index e7267bf..0000000
--- a/docs/engine-select-mockups/mockup-a-minimal.html
+++ /dev/null
@@ -1,229 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>Mockup A — 极简对角线（黑白对比）</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif }
-
-  /* 整体容器 */
-  .stage {
-    position: fixed;
-    inset: 0;
-    background: #000;
-  }
-
-  /* 三角形：clip-path 切对角线（左下→右上）
-     左上半（OpenClaw）：(0,0) (0,100%) (100%,0)
-     右下半（Hermes）：  (100%,100%) (0,100%) (100%,0) */
-  .panel {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    transition: filter 0.4s ease;
-    color: #fff;
-  }
-  .panel-openclaw {
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    background: #0a0a0a;
-    color: #f5f5f5;
-  }
-  .panel-hermes {
-    clip-path: polygon(100% 100%, 0 100%, 100% 0);
-    background: #f5f5f5;
-    color: #0a0a0a;
-  }
-
-  /* 内容定位：每边贴近自己的「角」 */
-  .panel-inner {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 24px;
-    text-align: center;
-    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
-  }
-  .panel-openclaw .panel-inner {
-    margin-top: -120px;
-    margin-left: -180px;
-  }
-  .panel-hermes .panel-inner {
-    margin-bottom: -120px;
-    margin-right: -180px;
-  }
-
-  /* hover 强化 */
-  .panel:hover { filter: brightness(1.08) }
-  .panel:hover .panel-inner { transform: scale(1.06) }
-
-  /* logo */
-  .logo {
-    width: 80px;
-    height: 80px;
-    display: grid;
-    place-items: center;
-  }
-  .logo svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.5 }
-
-  .title {
-    font-size: 56px;
-    font-weight: 200;
-    letter-spacing: -0.04em;
-    line-height: 1;
-  }
-
-  .subtitle {
-    font-size: 14px;
-    opacity: 0.6;
-    max-width: 240px;
-    line-height: 1.6;
-  }
-
-  /* 中央分割线（hover 时显示提示） */
-  .hint {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) rotate(-45deg);
-    color: rgba(128, 128, 128, 0.3);
-    font-size: 11px;
-    letter-spacing: 0.2em;
-    pointer-events: none;
-    text-transform: uppercase;
-    z-index: 10;
-  }
-
-  /* —— 选中态展开动画 —— */
-  /* 阶段 1: 该三角形扩大到全屏（clip-path 占整个矩形） */
-  .panel-openclaw.expanding { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 5 }
-  .panel-hermes.expanding   { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 5 }
-  .panel.expanding { transition: clip-path 0.6s cubic-bezier(0.7, 0, 0.3, 1) }
-
-  /* 阶段 2: 中心圆扩散，模拟「展开进入主页」 */
-  .reveal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border-radius: 50%;
-    background: #1a1a1a;
-    transform: translate(-50%, -50%);
-    z-index: 20;
-    pointer-events: none;
-    transition: width 0.7s ease, height 0.7s ease;
-  }
-  .reveal.active {
-    width: 250vmax;
-    height: 250vmax;
-  }
-
-  /* 完成时显示「已进入主页」 */
-  .home-mock {
-    position: fixed;
-    inset: 0;
-    z-index: 30;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    font-size: 24px;
-    font-weight: 200;
-    letter-spacing: 0.1em;
-    background: #1a1a1a;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.4s ease;
-  }
-  .home-mock.show { opacity: 1; pointer-events: auto }
-
-  .reset-hint {
-    position: fixed;
-    bottom: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(255, 255, 255, 0.4);
-    font-size: 12px;
-    z-index: 40;
-  }
-</style>
-</head>
-<body>
-
-<div class="stage" id="stage">
-  <!-- OpenClaw 左上三角 -->
-  <div class="panel panel-openclaw" data-engine="openclaw">
-    <div class="panel-inner">
-      <div class="logo">
-        <svg viewBox="0 0 24 24">
-          <path d="M12 2L2 7l10 5 10-5-10-5z"/>
-          <path d="M2 17l10 5 10-5"/>
-          <path d="M2 12l10 5 10-5"/>
-        </svg>
-      </div>
-      <div class="title">OpenClaw</div>
-      <div class="subtitle">通用 AI 助理 · 模型 / 渠道 / 记忆 / 智能体</div>
-    </div>
-  </div>
-
-  <!-- Hermes 右下三角 -->
-  <div class="panel panel-hermes" data-engine="hermes">
-    <div class="panel-inner">
-      <div class="logo">
-        <svg viewBox="0 0 24 24">
-          <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
-        </svg>
-      </div>
-      <div class="title">Hermes</div>
-      <div class="subtitle">Agent 工作流 · 工具调用 / Profile / Kanban / Skills</div>
-    </div>
-  </div>
-
-  <div class="hint">SELECT YOUR ENGINE</div>
-</div>
-
-<div class="reveal" id="reveal"></div>
-<div class="home-mock" id="home">
-  ✓ 已进入 <span id="home-name" style="margin-left: 6px"></span> 主页
-</div>
-<div class="reset-hint">点击任意三角形预览动画 · 按 R 重置</div>
-
-<script>
-  const stage = document.getElementById('stage')
-  const reveal = document.getElementById('reveal')
-  const home = document.getElementById('home')
-  const homeName = document.getElementById('home-name')
-
-  document.querySelectorAll('.panel').forEach(panel => {
-    panel.addEventListener('click', () => {
-      const engine = panel.dataset.engine
-      const other = stage.querySelector(`.panel:not([data-engine="${engine}"])`)
-      // 阶段 1: 选中三角形展开占满
-      panel.classList.add('expanding')
-      other.style.opacity = '0'
-      other.style.transition = 'opacity 0.4s'
-      // 阶段 2: 中心圆扩散
-      setTimeout(() => {
-        reveal.style.background = engine === 'openclaw' ? '#1a1a1a' : '#fafafa'
-        home.style.background = engine === 'openclaw' ? '#1a1a1a' : '#fafafa'
-        home.style.color = engine === 'openclaw' ? '#fff' : '#000'
-        homeName.textContent = engine === 'openclaw' ? 'OpenClaw' : 'Hermes'
-        reveal.classList.add('active')
-      }, 500)
-      // 阶段 3: 显示主页 mock
-      setTimeout(() => home.classList.add('show'), 1100)
-    })
-  })
-
-  // R 键重置
-  document.addEventListener('keydown', (e) => {
-    if (e.key.toLowerCase() === 'r') location.reload()
-  })
-</script>
-</body>
-</html>
diff --git a/docs/engine-select-mockups/mockup-b-gradient.html b/docs/engine-select-mockups/mockup-b-gradient.html
deleted file mode 100644
index e51f884..0000000
--- a/docs/engine-select-mockups/mockup-b-gradient.html
+++ /dev/null
@@ -1,269 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>Mockup B — 渐变发光（赛博朋克）</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; background: #060611 }
-
-  .stage { position: fixed; inset: 0; overflow: hidden }
-
-  /* 背景星点 */
-  .stars {
-    position: absolute;
-    inset: 0;
-    background-image:
-      radial-gradient(2px 2px at 12% 18%, rgba(120, 130, 255, 0.5), transparent),
-      radial-gradient(2px 2px at 88% 78%, rgba(255, 180, 100, 0.5), transparent),
-      radial-gradient(1.5px 1.5px at 30% 65%, rgba(160, 100, 255, 0.4), transparent),
-      radial-gradient(1.5px 1.5px at 70% 30%, rgba(255, 120, 80, 0.4), transparent),
-      radial-gradient(1px 1px at 50% 50%, rgba(255, 255, 255, 0.3), transparent);
-    background-size: 100% 100%;
-  }
-
-  /* 三角形 panel */
-  .panel {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    transition: filter 0.4s ease, transform 0.4s ease;
-  }
-  .panel-openclaw {
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    background:
-      radial-gradient(ellipse at 25% 25%, rgba(110, 80, 220, 0.45), transparent 60%),
-      linear-gradient(135deg, #2c1d6b 0%, #4a2585 35%, #1a0d3d 100%);
-  }
-  .panel-hermes {
-    clip-path: polygon(100% 100%, 0 100%, 100% 0);
-    background:
-      radial-gradient(ellipse at 75% 75%, rgba(255, 130, 60, 0.45), transparent 60%),
-      linear-gradient(315deg, #5b1f0a 0%, #b85419 35%, #ff8c3a 70%, #d97a4e 100%);
-  }
-
-  /* 中线发光 */
-  .panel::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg, transparent 49.6%, rgba(255, 255, 255, 0.7) 49.8%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 50.2%, transparent 50.4%);
-    filter: blur(0.5px);
-    pointer-events: none;
-  }
-
-  /* 内容定位 */
-  .panel-inner {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 28px;
-    text-align: center;
-    color: #fff;
-    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
-    z-index: 2;
-  }
-  .panel-openclaw .panel-inner { margin-top: -120px; margin-left: -180px }
-  .panel-hermes .panel-inner   { margin-bottom: -120px; margin-right: -180px }
-
-  /* hover：发光增强 + 浮起 */
-  .panel:hover { filter: brightness(1.18) saturate(1.2) }
-  .panel:hover .panel-inner { transform: scale(1.08) translateY(-8px) }
-  .panel:hover .logo { animation: pulse 1.2s ease infinite }
-
-  /* logo 装饰光圈 */
-  .logo {
-    width: 96px;
-    height: 96px;
-    display: grid;
-    place-items: center;
-    position: relative;
-    border-radius: 50%;
-    background: rgba(255, 255, 255, 0.12);
-    backdrop-filter: blur(10px);
-    border: 1.5px solid rgba(255, 255, 255, 0.3);
-    box-shadow: 0 0 30px currentColor, inset 0 0 30px rgba(255, 255, 255, 0.1);
-  }
-  .panel-openclaw .logo { color: rgba(170, 130, 255, 0.5) }
-  .panel-hermes   .logo { color: rgba(255, 180, 100, 0.6) }
-
-  .logo svg { width: 50px; height: 50px; stroke: #fff; fill: none; stroke-width: 1.6 }
-
-  @keyframes pulse {
-    0%, 100% { box-shadow: 0 0 30px currentColor, inset 0 0 30px rgba(255, 255, 255, 0.1) }
-    50%      { box-shadow: 0 0 60px currentColor, inset 0 0 40px rgba(255, 255, 255, 0.2) }
-  }
-
-  .title {
-    font-size: 64px;
-    font-weight: 300;
-    letter-spacing: -0.04em;
-    line-height: 1;
-    text-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);
-  }
-
-  .subtitle {
-    font-size: 14px;
-    opacity: 0.85;
-    max-width: 280px;
-    line-height: 1.7;
-    font-weight: 300;
-  }
-
-  .badge {
-    font-size: 10px;
-    padding: 4px 12px;
-    border: 1px solid rgba(255, 255, 255, 0.4);
-    border-radius: 20px;
-    text-transform: uppercase;
-    letter-spacing: 0.15em;
-    margin-bottom: -10px;
-  }
-
-  /* 中央提示 */
-  .center-hint {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) rotate(-45deg);
-    color: rgba(255, 255, 255, 0.6);
-    font-size: 11px;
-    letter-spacing: 0.3em;
-    pointer-events: none;
-    z-index: 10;
-    font-weight: 300;
-    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-  }
-
-  /* —— 选中展开动画 —— */
-  .panel.expanding { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 5 }
-  .panel.expanding::before { opacity: 0 }
-  .panel { transition: clip-path 0.7s cubic-bezier(0.7, 0, 0.3, 1), filter 0.4s ease }
-
-  .reveal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 20;
-    pointer-events: none;
-    transition: width 0.8s cubic-bezier(0.65, 0, 0.35, 1), height 0.8s cubic-bezier(0.65, 0, 0.35, 1);
-    box-shadow: 0 0 100px currentColor;
-  }
-  .reveal.active { width: 250vmax; height: 250vmax }
-
-  .home-mock {
-    position: fixed;
-    inset: 0;
-    z-index: 30;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 16px;
-    color: #fff;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.5s ease;
-  }
-  .home-mock.show { opacity: 1; pointer-events: auto }
-  .home-title { font-size: 32px; font-weight: 200; letter-spacing: -0.02em }
-  .home-sub   { font-size: 13px; opacity: 0.7; letter-spacing: 0.2em; text-transform: uppercase }
-
-  .reset-hint {
-    position: fixed;
-    bottom: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(255, 255, 255, 0.5);
-    font-size: 12px;
-    z-index: 40;
-    letter-spacing: 0.05em;
-  }
-</style>
-</head>
-<body>
-
-<div class="stage" id="stage">
-  <div class="stars"></div>
-
-  <div class="panel panel-openclaw" data-engine="openclaw">
-    <div class="panel-inner">
-      <div class="badge">通用助理</div>
-      <div class="logo">
-        <svg viewBox="0 0 24 24">
-          <path d="M12 2L2 7l10 5 10-5-10-5z"/>
-          <path d="M2 17l10 5 10-5"/>
-          <path d="M2 12l10 5 10-5"/>
-        </svg>
-      </div>
-      <div class="title">OpenClaw</div>
-      <div class="subtitle">模型管理 · 渠道集成 · 记忆系统 · 智能体编排</div>
-    </div>
-  </div>
-
-  <div class="panel panel-hermes" data-engine="hermes">
-    <div class="panel-inner">
-      <div class="badge">Agent 工作流</div>
-      <div class="logo">
-        <svg viewBox="0 0 24 24">
-          <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
-        </svg>
-      </div>
-      <div class="title">Hermes</div>
-      <div class="subtitle">工具调用 · Profile · Kanban · Skills · OAuth</div>
-    </div>
-  </div>
-
-  <div class="center-hint">— SELECT —</div>
-</div>
-
-<div class="reveal" id="reveal"></div>
-<div class="home-mock" id="home">
-  <div class="home-title" id="home-name"></div>
-  <div class="home-sub">Loading workspace...</div>
-</div>
-<div class="reset-hint">点击预览 · 按 R 重置</div>
-
-<script>
-  const stage = document.getElementById('stage')
-  const reveal = document.getElementById('reveal')
-  const home = document.getElementById('home')
-  const homeName = document.getElementById('home-name')
-
-  const colors = {
-    openclaw: { bg: 'linear-gradient(135deg, #2c1d6b, #4a2585)', glow: 'rgba(110, 80, 220, 0.6)' },
-    hermes:   { bg: 'linear-gradient(315deg, #b85419, #ff8c3a)', glow: 'rgba(255, 130, 60, 0.6)' },
-  }
-
-  document.querySelectorAll('.panel').forEach(panel => {
-    panel.addEventListener('click', () => {
-      const engine = panel.dataset.engine
-      const other = stage.querySelector(`.panel:not([data-engine="${engine}"])`)
-      panel.classList.add('expanding')
-      other.style.opacity = '0'
-      other.style.transition = 'opacity 0.4s'
-      setTimeout(() => {
-        reveal.style.background = colors[engine].bg
-        reveal.style.color = colors[engine].glow
-        home.style.background = colors[engine].bg
-        homeName.textContent = engine === 'openclaw' ? 'OpenClaw' : 'Hermes'
-        reveal.classList.add('active')
-      }, 600)
-      setTimeout(() => home.classList.add('show'), 1300)
-    })
-  })
-
-  document.addEventListener('keydown', (e) => {
-    if (e.key.toLowerCase() === 'r') location.reload()
-  })
-</script>
-</body>
-</html>
diff --git a/docs/engine-select-mockups/mockup-c-glass.html b/docs/engine-select-mockups/mockup-c-glass.html
deleted file mode 100644
index a3b9773..0000000
--- a/docs/engine-select-mockups/mockup-c-glass.html
+++ /dev/null
@@ -1,339 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>Mockup C — 玻璃拟态 + 粒子（沉浸高级感）</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif }
-
-  body {
-    background: #0a0d1a;
-  }
-
-  .stage { position: fixed; inset: 0; overflow: hidden }
-
-  /* 动态背景层：色块缓慢移动 */
-  .bg-aurora {
-    position: absolute;
-    inset: -50%;
-    background:
-      radial-gradient(circle at 20% 30%, rgba(140, 100, 255, 0.4) 0%, transparent 30%),
-      radial-gradient(circle at 80% 70%, rgba(255, 140, 60, 0.4) 0%, transparent 30%),
-      radial-gradient(circle at 50% 50%, rgba(100, 180, 255, 0.2) 0%, transparent 50%);
-    filter: blur(80px);
-    animation: drift 20s ease-in-out infinite alternate;
-  }
-  @keyframes drift {
-    0%   { transform: translate(0, 0) rotate(0deg) }
-    100% { transform: translate(-10%, 10%) rotate(8deg) }
-  }
-
-  /* 粒子层 */
-  .particles {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-  }
-  .particle {
-    position: absolute;
-    width: 3px;
-    height: 3px;
-    border-radius: 50%;
-    background: #fff;
-    opacity: 0;
-    animation: float 6s ease-in-out infinite;
-  }
-  @keyframes float {
-    0%, 100% { opacity: 0; transform: translateY(0) scale(0.5) }
-    50%      { opacity: 0.8; transform: translateY(-30px) scale(1) }
-  }
-
-  /* 三角形 panel — 玻璃拟态 */
-  .panel {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    transition: backdrop-filter 0.5s ease;
-  }
-  .panel-openclaw {
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    background: rgba(120, 100, 200, 0.08);
-    backdrop-filter: blur(20px) saturate(1.4);
-    -webkit-backdrop-filter: blur(20px) saturate(1.4);
-  }
-  .panel-hermes {
-    clip-path: polygon(100% 100%, 0 100%, 100% 0);
-    background: rgba(255, 140, 80, 0.08);
-    backdrop-filter: blur(20px) saturate(1.4);
-    -webkit-backdrop-filter: blur(20px) saturate(1.4);
-  }
-
-  /* 玻璃边缘高光（细线） */
-  .panel::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg, transparent 49.7%, rgba(255, 255, 255, 0.5) 49.9%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.5) 50.1%, transparent 50.3%);
-    pointer-events: none;
-  }
-
-  /* 内容定位 */
-  .panel-inner {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 24px;
-    text-align: center;
-    color: #fff;
-    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), letter-spacing 0.6s ease;
-    z-index: 2;
-  }
-  .panel-openclaw .panel-inner { margin-top: -100px; margin-left: -160px }
-  .panel-hermes .panel-inner   { margin-bottom: -100px; margin-right: -160px }
-
-  /* hover：内容浮起 + 字距张开 */
-  .panel:hover { backdrop-filter: blur(25px) saturate(1.8) brightness(1.1) }
-  .panel:hover .panel-inner { transform: scale(1.05) translateY(-4px) }
-  .panel:hover .title { letter-spacing: 0em }
-  .panel:hover .glass-card { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.3) }
-
-  /* 玻璃卡片 — logo 容器 */
-  .glass-card {
-    width: 110px;
-    height: 110px;
-    display: grid;
-    place-items: center;
-    border-radius: 24px;
-    background: rgba(255, 255, 255, 0.1);
-    backdrop-filter: blur(20px);
-    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.18);
-    transition: box-shadow 0.5s ease, transform 0.5s ease;
-  }
-  .panel:hover .glass-card { transform: rotate(-4deg) scale(1.05) }
-
-  .glass-card svg { width: 56px; height: 56px; stroke: #fff; fill: none; stroke-width: 1.5 }
-
-  .label {
-    font-size: 11px;
-    text-transform: uppercase;
-    letter-spacing: 0.3em;
-    opacity: 0.7;
-    font-weight: 300;
-  }
-
-  .title {
-    font-size: 60px;
-    font-weight: 200;
-    letter-spacing: -0.02em;
-    line-height: 1;
-    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.7) 100%);
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    transition: letter-spacing 0.6s ease;
-  }
-
-  .subtitle {
-    font-size: 13px;
-    opacity: 0.8;
-    max-width: 280px;
-    line-height: 1.7;
-    font-weight: 300;
-  }
-
-  .features {
-    display: flex;
-    gap: 14px;
-    margin-top: 4px;
-  }
-  .feature-pill {
-    font-size: 10px;
-    padding: 4px 10px;
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    border-radius: 12px;
-    backdrop-filter: blur(10px);
-    background: rgba(255, 255, 255, 0.05);
-    letter-spacing: 0.05em;
-  }
-
-  /* 中央分割线提示 */
-  .divider-hint {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) rotate(-45deg);
-    color: rgba(255, 255, 255, 0.4);
-    font-size: 10px;
-    letter-spacing: 0.4em;
-    pointer-events: none;
-    z-index: 10;
-    text-transform: uppercase;
-    font-weight: 300;
-  }
-
-  /* —— 选中展开动画 —— */
-  .panel.expanding { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 5 }
-  .panel.expanding::before { opacity: 0 }
-  .panel { transition: clip-path 0.8s cubic-bezier(0.7, 0, 0.3, 1), backdrop-filter 0.5s ease }
-
-  /* 反向 reveal: 中心圆向外扩散 */
-  .reveal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 20;
-    pointer-events: none;
-    transition: width 0.9s cubic-bezier(0.65, 0, 0.35, 1), height 0.9s cubic-bezier(0.65, 0, 0.35, 1);
-  }
-  .reveal.active { width: 250vmax; height: 250vmax }
-
-  .home-mock {
-    position: fixed;
-    inset: 0;
-    z-index: 30;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 20px;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.6s ease;
-  }
-  .home-mock.show { opacity: 1; pointer-events: auto }
-  .home-card {
-    background: rgba(255, 255, 255, 0.08);
-    backdrop-filter: blur(30px);
-    border: 1px solid rgba(255, 255, 255, 0.15);
-    border-radius: 24px;
-    padding: 40px 60px;
-    color: #fff;
-    text-align: center;
-    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.5);
-  }
-  .home-card .ht { font-size: 28px; font-weight: 200; margin-bottom: 8px }
-  .home-card .hs { font-size: 12px; opacity: 0.6; letter-spacing: 0.2em; text-transform: uppercase }
-
-  .reset-hint {
-    position: fixed;
-    bottom: 24px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(255, 255, 255, 0.5);
-    font-size: 12px;
-    z-index: 40;
-    letter-spacing: 0.08em;
-  }
-</style>
-</head>
-<body>
-
-<div class="stage" id="stage">
-  <div class="bg-aurora"></div>
-  <div class="particles" id="particles"></div>
-
-  <div class="panel panel-openclaw" data-engine="openclaw">
-    <div class="panel-inner">
-      <div class="label">通用助理</div>
-      <div class="glass-card">
-        <svg viewBox="0 0 24 24">
-          <path d="M12 2L2 7l10 5 10-5-10-5z"/>
-          <path d="M2 17l10 5 10-5"/>
-          <path d="M2 12l10 5 10-5"/>
-        </svg>
-      </div>
-      <div class="title">OpenClaw</div>
-      <div class="subtitle">模型管理 · 渠道集成 · 记忆系统 · 智能体编排</div>
-      <div class="features">
-        <div class="feature-pill">Models</div>
-        <div class="feature-pill">Channels</div>
-        <div class="feature-pill">Memory</div>
-      </div>
-    </div>
-  </div>
-
-  <div class="panel panel-hermes" data-engine="hermes">
-    <div class="panel-inner">
-      <div class="label">Agent 工作流</div>
-      <div class="glass-card">
-        <svg viewBox="0 0 24 24">
-          <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
-        </svg>
-      </div>
-      <div class="title">Hermes</div>
-      <div class="subtitle">工具调用 · Kanban · Skills · OAuth · Multi Profile</div>
-      <div class="features">
-        <div class="feature-pill">Tools</div>
-        <div class="feature-pill">Skills</div>
-        <div class="feature-pill">Profiles</div>
-      </div>
-    </div>
-  </div>
-
-  <div class="divider-hint">CHOOSE YOUR PATH</div>
-</div>
-
-<div class="reveal" id="reveal"></div>
-<div class="home-mock" id="home">
-  <div class="home-card">
-    <div class="ht" id="home-name"></div>
-    <div class="hs">Loading workspace…</div>
-  </div>
-</div>
-<div class="reset-hint">点击预览 · 按 R 重置</div>
-
-<script>
-  // 生成粒子
-  const pc = document.getElementById('particles')
-  for (let i = 0; i < 40; i++) {
-    const p = document.createElement('div')
-    p.className = 'particle'
-    p.style.left = Math.random() * 100 + '%'
-    p.style.top = Math.random() * 100 + '%'
-    p.style.animationDelay = (Math.random() * 6) + 's'
-    p.style.animationDuration = (4 + Math.random() * 6) + 's'
-    pc.appendChild(p)
-  }
-
-  const stage = document.getElementById('stage')
-  const reveal = document.getElementById('reveal')
-  const home = document.getElementById('home')
-  const homeName = document.getElementById('home-name')
-
-  const colors = {
-    openclaw: 'radial-gradient(circle at center, rgba(140, 100, 255, 0.5), #1a1530)',
-    hermes:   'radial-gradient(circle at center, rgba(255, 140, 60, 0.5), #2a1a10)',
-  }
-
-  document.querySelectorAll('.panel').forEach(panel => {
-    panel.addEventListener('click', () => {
-      const engine = panel.dataset.engine
-      const other = stage.querySelector(`.panel:not([data-engine="${engine}"])`)
-      panel.classList.add('expanding')
-      other.style.opacity = '0'
-      other.style.transition = 'opacity 0.5s'
-      setTimeout(() => {
-        reveal.style.background = colors[engine]
-        home.style.background = colors[engine]
-        homeName.textContent = engine === 'openclaw' ? 'OpenClaw' : 'Hermes'
-        reveal.classList.add('active')
-      }, 700)
-      setTimeout(() => home.classList.add('show'), 1500)
-    })
-  })
-
-  document.addEventListener('keydown', (e) => {
-    if (e.key.toLowerCase() === 'r') location.reload()
-  })
-</script>
-</body>
-</html>
diff --git a/docs/engine-select-mockups/v2-aurora.html b/docs/engine-select-mockups/v2-aurora.html
deleted file mode 100644
index ae5e89b..0000000
--- a/docs/engine-select-mockups/v2-aurora.html
+++ /dev/null
@@ -1,395 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>V2-D · Aurora — 极光大字（Stripe / Apple 风）</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  html, body { height: 100%; overflow: hidden; font-family: 'Inter', -apple-system, system-ui, sans-serif; background: #050608; -webkit-font-smoothing: antialiased }
-
-  .stage { position: fixed; inset: 0 }
-
-  /* 全屏极光背景（永远在最底） */
-  .aurora-bg {
-    position: absolute;
-    inset: -20%;
-    background:
-      radial-gradient(ellipse 50% 40% at 22% 28%, rgba(110, 110, 255, 0.55) 0%, transparent 70%),
-      radial-gradient(ellipse 45% 35% at 78% 72%, rgba(255, 130, 80, 0.55) 0%, transparent 70%),
-      radial-gradient(circle at 50% 50%, rgba(60, 80, 180, 0.3) 0%, transparent 50%);
-    filter: blur(50px);
-    animation: aurora-drift 18s ease-in-out infinite alternate;
-  }
-  @keyframes aurora-drift {
-    0%   { transform: translate(0, 0) rotate(0deg) scale(1) }
-    50%  { transform: translate(2%, -2%) rotate(2deg) scale(1.05) }
-    100% { transform: translate(-3%, 3%) rotate(-2deg) scale(1.02) }
-  }
-
-  /* 噪声纹理（增加质感） */
-  .noise {
-    position: absolute;
-    inset: 0;
-    opacity: 0.4;
-    pointer-events: none;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
-    mix-blend-mode: overlay;
-  }
-
-  /* 三角形（玻璃覆盖层）— 不再用纯色，而是给玻璃质感 */
-  .panel-openclaw {
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    cursor: pointer;
-    background: linear-gradient(135deg, rgba(20, 25, 60, 0.5), rgba(10, 12, 30, 0.85));
-    backdrop-filter: blur(30px) saturate(1.4);
-    -webkit-backdrop-filter: blur(30px) saturate(1.4);
-    transition: backdrop-filter 0.6s ease, background 0.6s ease;
-  }
-  .panel-hermes {
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(100% 0, 100% 100%, 0 100%);
-    cursor: pointer;
-    background: linear-gradient(315deg, rgba(60, 25, 15, 0.5), rgba(30, 12, 8, 0.85));
-    backdrop-filter: blur(30px) saturate(1.4);
-    -webkit-backdrop-filter: blur(30px) saturate(1.4);
-    transition: backdrop-filter 0.6s ease, background 0.6s ease;
-  }
-
-  /* 中线发光（更细致） */
-  .divider {
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg,
-      transparent 49.6%,
-      rgba(255, 255, 255, 0.15) 49.8%,
-      rgba(255, 255, 255, 0.85) 49.97%,
-      rgba(255, 255, 255, 1) 50%,
-      rgba(255, 255, 255, 0.85) 50.03%,
-      rgba(255, 255, 255, 0.15) 50.2%,
-      transparent 50.4%
-    );
-    pointer-events: none;
-    filter: drop-shadow(0 0 16px rgba(255, 255, 255, 0.5));
-    transition: opacity 0.6s;
-  }
-
-  /* 内容定位 */
-  .content {
-    position: absolute;
-    pointer-events: none;
-    color: #fff;
-    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s, filter 0.5s;
-    z-index: 5;
-  }
-  .content-openclaw {
-    top: 11%;
-    left: 6%;
-    text-align: left;
-    max-width: 44vw;
-  }
-  .content-hermes {
-    bottom: 11%;
-    right: 6%;
-    text-align: right;
-    max-width: 44vw;
-  }
-
-  /* hover 联动 */
-  .stage:has(.panel-openclaw:hover) .panel-hermes,
-  .stage:has(.panel-hermes:hover) .panel-openclaw {
-    backdrop-filter: blur(50px) saturate(0.5) brightness(0.5);
-  }
-  .stage:has(.panel-openclaw:hover) .content-hermes,
-  .stage:has(.panel-hermes:hover) .content-openclaw {
-    opacity: 0.2;
-    filter: blur(3px);
-    transform: scale(0.98);
-  }
-  .stage:has(.panel-openclaw:hover) .panel-openclaw {
-    backdrop-filter: blur(20px) saturate(1.6) brightness(1.15);
-  }
-  .stage:has(.panel-hermes:hover) .panel-hermes {
-    backdrop-filter: blur(20px) saturate(1.6) brightness(1.15);
-  }
-  .stage:has(.panel-openclaw:hover) .content-openclaw,
-  .stage:has(.panel-hermes:hover) .content-hermes {
-    transform: scale(1.04);
-  }
-
-  /* 字母 */
-  .number-tag {
-    display: inline-flex;
-    align-items: center;
-    gap: 14px;
-    margin-bottom: 32px;
-    font-size: 12px;
-    font-weight: 500;
-    letter-spacing: 0.4em;
-    text-transform: uppercase;
-    color: rgba(255, 255, 255, 0.6);
-  }
-  .number-tag::before {
-    content: '';
-    width: 60px;
-    height: 1px;
-    background: rgba(255, 255, 255, 0.4);
-  }
-  .content-hermes .number-tag { flex-direction: row-reverse }
-  .content-hermes .number-tag::before { display: none }
-  .content-hermes .number-tag::after {
-    content: '';
-    width: 60px;
-    height: 1px;
-    background: rgba(255, 255, 255, 0.4);
-  }
-
-  /* 巨字 + 渐变 */
-  .title {
-    font-size: clamp(80px, 13vw, 200px);
-    font-weight: 100;
-    letter-spacing: -0.06em;
-    line-height: 0.88;
-    margin-bottom: 28px;
-    background: linear-gradient(180deg, #fff 25%, rgba(255, 255, 255, 0.45) 100%);
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-  }
-
-  /* 副标题 */
-  .tagline {
-    font-size: clamp(20px, 1.7vw, 26px);
-    line-height: 1.5;
-    font-weight: 300;
-    max-width: 520px;
-    margin-bottom: 36px;
-    opacity: 0.82;
-    letter-spacing: -0.005em;
-  }
-  .content-hermes .tagline { margin-left: auto }
-
-  /* 玻璃 chips */
-  .chips {
-    display: flex;
-    gap: 10px;
-    margin-bottom: 48px;
-    flex-wrap: wrap;
-  }
-  .content-hermes .chips { justify-content: flex-end }
-  .chip {
-    padding: 10px 18px;
-    font-size: 13px;
-    font-weight: 400;
-    letter-spacing: 0.02em;
-    border: 1px solid rgba(255, 255, 255, 0.16);
-    border-radius: 100px;
-    backdrop-filter: blur(15px);
-    -webkit-backdrop-filter: blur(15px);
-    background: rgba(255, 255, 255, 0.06);
-    color: rgba(255, 255, 255, 0.9);
-  }
-
-  /* CTA */
-  .cta {
-    display: inline-flex;
-    align-items: center;
-    gap: 14px;
-    padding: 16px 28px;
-    border-radius: 100px;
-    font-size: 14px;
-    font-weight: 500;
-    letter-spacing: 0.05em;
-    background: rgba(255, 255, 255, 0.1);
-    border: 1px solid rgba(255, 255, 255, 0.25);
-    backdrop-filter: blur(15px);
-    color: #fff;
-    transition: all 0.4s ease;
-  }
-  .stage:has(.panel-openclaw:hover) .content-openclaw .cta,
-  .stage:has(.panel-hermes:hover) .content-hermes .cta {
-    background: rgba(255, 255, 255, 0.95);
-    color: #0a0a0a;
-    border-color: rgba(255, 255, 255, 1);
-  }
-  .content-hermes .cta { flex-direction: row-reverse }
-  .cta .arrow { font-size: 16px; transition: transform 0.3s }
-  .stage:has(.panel-openclaw:hover) .content-openclaw .cta .arrow { transform: translateX(4px) }
-  .stage:has(.panel-hermes:hover) .content-hermes .cta .arrow { transform: translateX(-4px) }
-
-  /* 顶部 banner + 角标 */
-  .top-banner {
-    position: fixed;
-    top: 32px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(255, 255, 255, 0.55);
-    font-size: 11px;
-    letter-spacing: 0.45em;
-    text-transform: uppercase;
-    z-index: 5;
-    pointer-events: none;
-    font-weight: 500;
-  }
-  .corner-mark {
-    position: absolute;
-    font-size: 11px;
-    letter-spacing: 0.32em;
-    text-transform: uppercase;
-    color: rgba(255, 255, 255, 0.35);
-    pointer-events: none;
-    z-index: 5;
-    font-weight: 500;
-  }
-  .corner-tl { top: 32px; left: 36px }
-  .corner-br { bottom: 32px; right: 36px }
-
-  /* —— 选中展开动画 —— */
-  .panel.expanding { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 6 }
-  .panel { transition: clip-path 0.8s cubic-bezier(0.7, 0, 0.3, 1), backdrop-filter 0.6s, background 0.6s }
-
-  .reveal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 20;
-    pointer-events: none;
-    transition: width 0.9s cubic-bezier(0.65, 0, 0.35, 1), height 0.9s cubic-bezier(0.65, 0, 0.35, 1);
-  }
-  .reveal.active { width: 260vmax; height: 260vmax }
-
-  .home-mock {
-    position: fixed;
-    inset: 0;
-    z-index: 30;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 14px;
-    color: #fff;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.6s ease;
-  }
-  .home-mock.show { opacity: 1; pointer-events: auto }
-  .home-mock .ht {
-    font-size: 64px;
-    font-weight: 100;
-    letter-spacing: -0.04em;
-    background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.55));
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-  }
-  .home-mock .hs { font-size: 12px; letter-spacing: 0.45em; text-transform: uppercase; opacity: 0.5 }
-
-  .reset-hint {
-    position: fixed;
-    bottom: 24px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(255, 255, 255, 0.4);
-    font-size: 11px;
-    letter-spacing: 0.2em;
-    text-transform: uppercase;
-    z-index: 40;
-    pointer-events: none;
-  }
-</style>
-</head>
-<body>
-
-<div class="stage" id="stage">
-  <div class="aurora-bg"></div>
-  <div class="noise"></div>
-
-  <div class="panel panel-openclaw" data-engine="openclaw"></div>
-  <div class="panel panel-hermes" data-engine="hermes"></div>
-  <div class="divider"></div>
-
-  <div class="top-banner">— Choose your engine —</div>
-  <div class="corner-mark corner-tl">CLAWPANEL</div>
-  <div class="corner-mark corner-br">v0.15.3</div>
-
-  <div class="content content-openclaw">
-    <div class="number-tag">01 · Universal Assistant</div>
-    <div class="title">OpenClaw</div>
-    <div class="tagline">从模型到智能体，一站式打造你的 AI 工作台。</div>
-    <div class="chips">
-      <div class="chip">Models</div>
-      <div class="chip">Channels</div>
-      <div class="chip">Memory</div>
-      <div class="chip">Agents</div>
-    </div>
-    <div class="cta">
-      Enter OpenClaw
-      <span class="arrow">→</span>
-    </div>
-  </div>
-
-  <div class="content content-hermes">
-    <div class="number-tag">Agent Workflow · 02</div>
-    <div class="title">Hermes</div>
-    <div class="tagline">让 Agent 真正能干活。工具调用、Profile、Kanban 一应俱全。</div>
-    <div class="chips">
-      <div class="chip">Tools</div>
-      <div class="chip">Skills</div>
-      <div class="chip">Kanban</div>
-      <div class="chip">Profiles</div>
-    </div>
-    <div class="cta">
-      <span class="arrow">→</span>
-      Enter Hermes
-    </div>
-  </div>
-</div>
-
-<div class="reveal" id="reveal"></div>
-<div class="home-mock" id="home">
-  <div class="ht" id="home-name"></div>
-  <div class="hs">Initializing workspace</div>
-</div>
-<div class="reset-hint">Click a side · Press R to reset</div>
-
-<script>
-  const stage = document.getElementById('stage')
-  const reveal = document.getElementById('reveal')
-  const home = document.getElementById('home')
-  const homeName = document.getElementById('home-name')
-
-  const colors = {
-    openclaw: 'radial-gradient(circle at center, rgba(110, 110, 255, 0.5) 0%, #0a0c20 70%)',
-    hermes:   'radial-gradient(circle at center, rgba(255, 130, 80, 0.5) 0%, #2a1208 70%)',
-  }
-
-  document.querySelectorAll('.panel').forEach(panel => {
-    panel.addEventListener('click', () => {
-      const engine = panel.dataset.engine
-      const other = stage.querySelector(`.panel:not([data-engine="${engine}"])`)
-      panel.classList.add('expanding')
-      other.style.opacity = '0'
-      stage.querySelectorAll('.content, .corner-mark, .top-banner').forEach(c => c.style.opacity = '0')
-      stage.querySelector('.divider').style.opacity = '0'
-      setTimeout(() => {
-        reveal.style.background = colors[engine]
-        home.style.background = colors[engine]
-        homeName.textContent = engine === 'openclaw' ? 'OpenClaw' : 'Hermes'
-        reveal.classList.add('active')
-      }, 700)
-      setTimeout(() => home.classList.add('show'), 1500)
-    })
-  })
-
-  document.addEventListener('keydown', (e) => {
-    if (e.key.toLowerCase() === 'r') location.reload()
-  })
-</script>
-</body>
-</html>
diff --git a/docs/engine-select-mockups/v2-bold-split.html b/docs/engine-select-mockups/v2-bold-split.html
deleted file mode 100644
index ca352b9..0000000
--- a/docs/engine-select-mockups/v2-bold-split.html
+++ /dev/null
@@ -1,284 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>V2-A · Bold Split — 黑白巨字</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  html, body { height: 100%; overflow: hidden; font-family: 'Inter', -apple-system, system-ui, sans-serif; -webkit-font-smoothing: antialiased }
-
-  .stage {
-    position: fixed;
-    inset: 0;
-    background: #fff;
-  }
-
-  /* 左上三角（黑） */
-  .panel-openclaw {
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    background: #0a0a0a;
-    cursor: pointer;
-    transition: filter 0.5s ease;
-  }
-  /* 右下三角（白）— 不需要单独 panel，body 是白底 */
-  .panel-hermes {
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(100% 0, 100% 100%, 0 100%);
-    background: #fff;
-    cursor: pointer;
-    transition: filter 0.5s ease;
-  }
-
-  /* 中线（细灰线） */
-  .divider {
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg, transparent calc(50% - 1px), #e5e5e5 50%, transparent calc(50% + 1px));
-    pointer-events: none;
-  }
-
-  /* 内容容器：absolute 定位，各自放在对角线的"远端"重心 */
-  .content {
-    position: absolute;
-    pointer-events: none;
-    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
-  }
-  .content-openclaw {
-    top: 14%;
-    left: 8%;
-    color: #f5f5f5;
-    text-align: left;
-  }
-  .content-hermes {
-    bottom: 14%;
-    right: 8%;
-    color: #0a0a0a;
-    text-align: right;
-  }
-
-  /* hover 该三角形 → 内容浮起 + 字距拉开 + 另一侧变暗 */
-  .panel-openclaw:hover ~ .divider + .content-openclaw,
-  .panel-openclaw:hover + .content-openclaw {
-    transform: scale(1.04);
-  }
-  .panel-hermes:hover ~ .content-hermes {
-    transform: scale(1.04);
-  }
-  /* 悬停联动（用 :has 选择器，新浏览器都支持） */
-  .stage:has(.panel-openclaw:hover) .content-hermes { opacity: 0.35 }
-  .stage:has(.panel-hermes:hover) .content-openclaw { opacity: 0.35 }
-  .stage:has(.panel-openclaw:hover) .panel-openclaw { filter: brightness(1.15) }
-  .stage:has(.panel-hermes:hover) .panel-hermes { filter: brightness(0.97) }
-
-  /* —— 内容样式 —— */
-  .eyebrow {
-    font-size: 11px;
-    font-weight: 500;
-    letter-spacing: 0.32em;
-    text-transform: uppercase;
-    opacity: 0.55;
-    margin-bottom: 24px;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-  .eyebrow::before {
-    content: '';
-    width: 32px;
-    height: 1px;
-    background: currentColor;
-    opacity: 0.4;
-  }
-  .content-hermes .eyebrow { flex-direction: row-reverse }
-  .content-hermes .eyebrow::before { display: none }
-  .content-hermes .eyebrow::after {
-    content: '';
-    width: 32px;
-    height: 1px;
-    background: currentColor;
-    opacity: 0.4;
-  }
-
-  .title {
-    font-size: clamp(80px, 12vw, 180px);
-    font-weight: 200;
-    letter-spacing: -0.06em;
-    line-height: 0.9;
-    margin-bottom: 24px;
-    transition: letter-spacing 0.5s ease;
-  }
-
-  .desc {
-    font-size: 16px;
-    line-height: 1.7;
-    max-width: 380px;
-    opacity: 0.7;
-    font-weight: 300;
-    margin-bottom: 32px;
-  }
-  .content-hermes .desc { margin-left: auto }
-
-  .meta {
-    display: flex;
-    gap: 24px;
-    font-size: 12px;
-    letter-spacing: 0.15em;
-    text-transform: uppercase;
-    opacity: 0.5;
-  }
-  .content-hermes .meta { justify-content: flex-end }
-
-  /* CTA 大箭头 */
-  .cta {
-    margin-top: 48px;
-    display: inline-flex;
-    align-items: center;
-    gap: 12px;
-    font-size: 14px;
-    letter-spacing: 0.1em;
-    text-transform: uppercase;
-    font-weight: 500;
-    opacity: 0.85;
-    transition: opacity 0.3s, gap 0.3s;
-  }
-  .stage:has(.panel-openclaw:hover) .content-openclaw .cta { opacity: 1; gap: 18px }
-  .stage:has(.panel-hermes:hover) .content-hermes .cta { opacity: 1; gap: 18px }
-  .cta-arrow {
-    width: 28px;
-    height: 28px;
-    border-radius: 50%;
-    border: 1.5px solid currentColor;
-    display: grid;
-    place-items: center;
-    font-size: 14px;
-  }
-
-  /* —— 选中展开动画 —— */
-  .panel.expanding { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 5 }
-  .panel-openclaw.expanding, .panel-hermes.expanding { transition: clip-path 0.7s cubic-bezier(0.7, 0, 0.3, 1) }
-
-  .reveal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 20;
-    pointer-events: none;
-    transition: width 0.8s cubic-bezier(0.65, 0, 0.35, 1), height 0.8s cubic-bezier(0.65, 0, 0.35, 1);
-  }
-  .reveal.active { width: 250vmax; height: 250vmax }
-
-  .home-mock {
-    position: fixed;
-    inset: 0;
-    z-index: 30;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 8px;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.5s ease;
-  }
-  .home-mock.show { opacity: 1; pointer-events: auto }
-  .home-mock .ht { font-size: 36px; font-weight: 200; letter-spacing: -0.02em }
-  .home-mock .hs { font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; opacity: 0.55 }
-
-  .reset-hint {
-    position: fixed;
-    bottom: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(128, 128, 128, 0.6);
-    font-size: 11px;
-    letter-spacing: 0.18em;
-    text-transform: uppercase;
-    z-index: 40;
-    pointer-events: none;
-  }
-</style>
-</head>
-<body>
-
-<div class="stage" id="stage">
-  <div class="panel panel-openclaw" data-engine="openclaw"></div>
-  <div class="panel panel-hermes" data-engine="hermes"></div>
-  <div class="divider"></div>
-
-  <div class="content content-openclaw">
-    <div class="eyebrow">01 · 通用助理</div>
-    <div class="title">OpenClaw</div>
-    <div class="desc">通用 AI 助理平台。模型、渠道、记忆、智能体，一个面板搞定全部。</div>
-    <div class="meta">
-      <span>Models</span>
-      <span>Channels</span>
-      <span>Agents</span>
-    </div>
-    <div class="cta">
-      Choose
-      <span class="cta-arrow">→</span>
-    </div>
-  </div>
-
-  <div class="content content-hermes">
-    <div class="eyebrow">02 · Agent 工作流</div>
-    <div class="title">Hermes</div>
-    <div class="desc">Agent 工作流引擎。工具调用、Profile、Kanban、Skills，让 Agent 真正能干活。</div>
-    <div class="meta">
-      <span>Tools</span>
-      <span>Skills</span>
-      <span>Profiles</span>
-    </div>
-    <div class="cta">
-      <span class="cta-arrow">→</span>
-      Choose
-    </div>
-  </div>
-</div>
-
-<div class="reveal" id="reveal"></div>
-<div class="home-mock" id="home">
-  <div class="ht" id="home-name"></div>
-  <div class="hs">Loading workspace…</div>
-</div>
-<div class="reset-hint">Click a side · Press R to reset</div>
-
-<script>
-  const stage = document.getElementById('stage')
-  const reveal = document.getElementById('reveal')
-  const home = document.getElementById('home')
-  const homeName = document.getElementById('home-name')
-
-  document.querySelectorAll('.panel').forEach(panel => {
-    panel.addEventListener('click', () => {
-      const engine = panel.dataset.engine
-      const other = stage.querySelector(`.panel:not([data-engine="${engine}"])`)
-      panel.classList.add('expanding')
-      other.style.opacity = '0'
-      stage.querySelectorAll('.content').forEach(c => c.style.opacity = '0')
-      stage.querySelector('.divider').style.opacity = '0'
-      setTimeout(() => {
-        const isOpenclaw = engine === 'openclaw'
-        reveal.style.background = isOpenclaw ? '#0a0a0a' : '#fff'
-        home.style.background = isOpenclaw ? '#0a0a0a' : '#fff'
-        home.style.color = isOpenclaw ? '#fff' : '#000'
-        homeName.textContent = isOpenclaw ? 'OpenClaw' : 'Hermes'
-        reveal.classList.add('active')
-      }, 600)
-      setTimeout(() => home.classList.add('show'), 1300)
-    })
-  })
-
-  document.addEventListener('keydown', (e) => {
-    if (e.key.toLowerCase() === 'r') location.reload()
-  })
-</script>
-</body>
-</html>
diff --git a/docs/engine-select-mockups/v2-cinematic.html b/docs/engine-select-mockups/v2-cinematic.html
deleted file mode 100644
index 21c89d0..0000000
--- a/docs/engine-select-mockups/v2-cinematic.html
+++ /dev/null
@@ -1,366 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>V2-B · Cinematic — 电影级双世界</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  html, body { height: 100%; overflow: hidden; font-family: 'Inter', -apple-system, system-ui, sans-serif; -webkit-font-smoothing: antialiased; background: #000 }
-
-  .stage { position: fixed; inset: 0 }
-
-  /* 左上三角：深蓝紫世界 */
-  .panel-openclaw {
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    cursor: pointer;
-    transition: filter 0.6s ease;
-    background:
-      radial-gradient(circle at 25% 35%, rgba(120, 90, 255, 0.5) 0%, transparent 45%),
-      radial-gradient(circle at 5% 95%, rgba(50, 30, 120, 0.6) 0%, transparent 50%),
-      linear-gradient(135deg, #1a1340 0%, #0d0828 100%);
-  }
-
-  /* 右下三角：暖橙琥珀世界 */
-  .panel-hermes {
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(100% 0, 100% 100%, 0 100%);
-    cursor: pointer;
-    transition: filter 0.6s ease;
-    background:
-      radial-gradient(circle at 75% 65%, rgba(255, 130, 50, 0.45) 0%, transparent 45%),
-      radial-gradient(circle at 95% 5%, rgba(120, 50, 20, 0.6) 0%, transparent 50%),
-      linear-gradient(315deg, #2a1208 0%, #4a1f0a 100%);
-  }
-
-  /* 中线发光 */
-  .divider {
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg,
-      transparent 49.5%,
-      rgba(255, 255, 255, 0.3) 49.7%,
-      rgba(255, 255, 255, 0.85) 49.95%,
-      rgba(255, 255, 255, 1) 50%,
-      rgba(255, 255, 255, 0.85) 50.05%,
-      rgba(255, 255, 255, 0.3) 50.3%,
-      transparent 50.5%
-    );
-    pointer-events: none;
-    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
-    transition: opacity 0.6s ease;
-  }
-
-  /* 内容容器 — absolute 定位到三角形重心 */
-  .content {
-    position: absolute;
-    pointer-events: none;
-    color: #fff;
-    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease, filter 0.5s ease;
-    z-index: 3;
-  }
-  .content-openclaw {
-    top: 12%;
-    left: 6%;
-    text-align: left;
-    max-width: 42vw;
-  }
-  .content-hermes {
-    bottom: 12%;
-    right: 6%;
-    text-align: right;
-    max-width: 42vw;
-  }
-
-  /* —— hover 联动效果 —— */
-  .stage:has(.panel-openclaw:hover) .content-hermes,
-  .stage:has(.panel-hermes:hover) .content-openclaw {
-    opacity: 0.3;
-    filter: blur(2px);
-  }
-  .stage:has(.panel-openclaw:hover) .panel-hermes,
-  .stage:has(.panel-hermes:hover) .panel-openclaw {
-    filter: brightness(0.5) saturate(0.6);
-  }
-  .stage:has(.panel-openclaw:hover) .content-openclaw,
-  .stage:has(.panel-hermes:hover) .content-hermes {
-    transform: scale(1.05);
-  }
-
-  /* 序号 */
-  .number {
-    font-size: 13px;
-    font-weight: 500;
-    letter-spacing: 0.4em;
-    opacity: 0.5;
-    margin-bottom: 32px;
-    display: inline-flex;
-    align-items: center;
-    gap: 14px;
-  }
-  .number::before {
-    content: '';
-    width: 60px;
-    height: 1px;
-    background: currentColor;
-    opacity: 0.5;
-  }
-  .content-hermes .number { flex-direction: row-reverse }
-  .content-hermes .number::before { display: none }
-  .content-hermes .number::after {
-    content: '';
-    width: 60px;
-    height: 1px;
-    background: currentColor;
-    opacity: 0.5;
-  }
-
-  /* 巨大产品名 */
-  .title {
-    font-size: clamp(72px, 11vw, 168px);
-    font-weight: 100;
-    letter-spacing: -0.05em;
-    line-height: 0.88;
-    margin-bottom: 28px;
-    background: linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.55) 100%);
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    color: transparent;
-  }
-
-  /* tagline 句子 */
-  .tagline {
-    font-size: clamp(18px, 1.6vw, 24px);
-    line-height: 1.55;
-    font-weight: 300;
-    max-width: 460px;
-    margin-bottom: 36px;
-    opacity: 0.85;
-  }
-  .content-hermes .tagline { margin-left: auto }
-
-  /* 特性 chips */
-  .chips {
-    display: flex;
-    gap: 10px;
-    margin-bottom: 48px;
-    flex-wrap: wrap;
-  }
-  .content-hermes .chips { justify-content: flex-end }
-  .chip {
-    padding: 8px 16px;
-    font-size: 12px;
-    font-weight: 400;
-    letter-spacing: 0.05em;
-    border: 1px solid rgba(255, 255, 255, 0.18);
-    border-radius: 100px;
-    backdrop-filter: blur(10px);
-    background: rgba(255, 255, 255, 0.04);
-  }
-
-  /* CTA */
-  .cta {
-    display: inline-flex;
-    align-items: center;
-    gap: 16px;
-    padding: 14px 32px 14px 24px;
-    border-radius: 100px;
-    border: 1.5px solid rgba(255, 255, 255, 0.4);
-    font-size: 13px;
-    font-weight: 500;
-    letter-spacing: 0.18em;
-    text-transform: uppercase;
-    backdrop-filter: blur(10px);
-    background: rgba(255, 255, 255, 0.05);
-    transition: all 0.4s ease;
-    pointer-events: none;
-  }
-  .stage:has(.panel-openclaw:hover) .content-openclaw .cta,
-  .stage:has(.panel-hermes:hover) .content-hermes .cta {
-    background: rgba(255, 255, 255, 0.95);
-    color: #0a0a0a;
-    border-color: rgba(255, 255, 255, 1);
-    transform: translateX(8px);
-  }
-  .content-hermes .cta { flex-direction: row-reverse; padding: 14px 24px 14px 32px }
-  .stage:has(.panel-hermes:hover) .content-hermes .cta { transform: translateX(-8px) }
-  .cta .arrow {
-    font-size: 16px;
-    transition: transform 0.3s;
-  }
-
-  /* 装饰：右上角的小品牌字母（每个三角形对角的另一边的角） */
-  .corner-mark {
-    position: absolute;
-    font-size: 11px;
-    letter-spacing: 0.4em;
-    color: rgba(255, 255, 255, 0.35);
-    text-transform: uppercase;
-    pointer-events: none;
-    z-index: 2;
-  }
-  .corner-tl { top: 32px; left: 36px }
-  .corner-br { bottom: 32px; right: 36px }
-
-  /* 主标题 */
-  .top-banner {
-    position: fixed;
-    top: 32px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(255, 255, 255, 0.45);
-    font-size: 11px;
-    letter-spacing: 0.4em;
-    text-transform: uppercase;
-    z-index: 5;
-    pointer-events: none;
-    font-weight: 500;
-  }
-
-  /* —— 选中展开动画 —— */
-  .panel.expanding { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 5 }
-  .panel { transition: clip-path 0.8s cubic-bezier(0.7, 0, 0.3, 1), filter 0.5s ease }
-
-  .reveal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 20;
-    pointer-events: none;
-    transition: width 0.9s cubic-bezier(0.65, 0, 0.35, 1), height 0.9s cubic-bezier(0.65, 0, 0.35, 1);
-  }
-  .reveal.active { width: 260vmax; height: 260vmax }
-
-  .home-mock {
-    position: fixed;
-    inset: 0;
-    z-index: 30;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 12px;
-    color: #fff;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.6s ease;
-  }
-  .home-mock.show { opacity: 1; pointer-events: auto }
-  .home-mock .ht {
-    font-size: 56px;
-    font-weight: 100;
-    letter-spacing: -0.04em;
-    background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.6));
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-  }
-  .home-mock .hs { font-size: 12px; letter-spacing: 0.4em; text-transform: uppercase; opacity: 0.5 }
-
-  .reset-hint {
-    position: fixed;
-    bottom: 24px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(255, 255, 255, 0.45);
-    font-size: 11px;
-    letter-spacing: 0.2em;
-    text-transform: uppercase;
-    z-index: 40;
-    pointer-events: none;
-  }
-</style>
-</head>
-<body>
-
-<div class="stage" id="stage">
-  <div class="panel panel-openclaw" data-engine="openclaw"></div>
-  <div class="panel panel-hermes" data-engine="hermes"></div>
-  <div class="divider"></div>
-
-  <div class="top-banner">— Choose your engine —</div>
-  <div class="corner-mark corner-tl">CLAWPANEL · 2026</div>
-  <div class="corner-mark corner-br">v0.15.3</div>
-
-  <div class="content content-openclaw">
-    <div class="number">01</div>
-    <div class="title">OpenClaw</div>
-    <div class="tagline">通用 AI 助理平台。模型、渠道、记忆、智能体——一个面板搞定全部。</div>
-    <div class="chips">
-      <div class="chip">Models</div>
-      <div class="chip">Channels</div>
-      <div class="chip">Memory</div>
-      <div class="chip">Agents</div>
-    </div>
-    <div class="cta">
-      Enter OpenClaw
-      <span class="arrow">→</span>
-    </div>
-  </div>
-
-  <div class="content content-hermes">
-    <div class="number">02</div>
-    <div class="title">Hermes</div>
-    <div class="tagline">Agent 工作流引擎。工具调用、Profile、Kanban、Skills——让 AI 真正能干活。</div>
-    <div class="chips">
-      <div class="chip">Tools</div>
-      <div class="chip">Skills</div>
-      <div class="chip">Kanban</div>
-      <div class="chip">Profiles</div>
-    </div>
-    <div class="cta">
-      <span class="arrow">→</span>
-      Enter Hermes
-    </div>
-  </div>
-</div>
-
-<div class="reveal" id="reveal"></div>
-<div class="home-mock" id="home">
-  <div class="ht" id="home-name"></div>
-  <div class="hs">Initializing workspace…</div>
-</div>
-<div class="reset-hint">Click a side · Press R to reset</div>
-
-<script>
-  const stage = document.getElementById('stage')
-  const reveal = document.getElementById('reveal')
-  const home = document.getElementById('home')
-  const homeName = document.getElementById('home-name')
-
-  const colors = {
-    openclaw: 'radial-gradient(circle at center, rgba(120, 90, 255, 0.4) 0%, #0d0828 70%)',
-    hermes:   'radial-gradient(circle at center, rgba(255, 130, 50, 0.4) 0%, #2a1208 70%)',
-  }
-
-  document.querySelectorAll('.panel').forEach(panel => {
-    panel.addEventListener('click', () => {
-      const engine = panel.dataset.engine
-      const other = stage.querySelector(`.panel:not([data-engine="${engine}"])`)
-      panel.classList.add('expanding')
-      other.style.opacity = '0'
-      stage.querySelectorAll('.content, .corner-mark, .top-banner').forEach(c => c.style.opacity = '0')
-      stage.querySelector('.divider').style.opacity = '0'
-      setTimeout(() => {
-        reveal.style.background = colors[engine]
-        home.style.background = colors[engine]
-        homeName.textContent = engine === 'openclaw' ? 'OpenClaw' : 'Hermes'
-        reveal.classList.add('active')
-      }, 700)
-      setTimeout(() => home.classList.add('show'), 1500)
-    })
-  })
-
-  document.addEventListener('keydown', (e) => {
-    if (e.key.toLowerCase() === 'r') location.reload()
-  })
-</script>
-</body>
-</html>
diff --git a/docs/engine-select-mockups/v2-monolith.html b/docs/engine-select-mockups/v2-monolith.html
deleted file mode 100644
index f252b40..0000000
--- a/docs/engine-select-mockups/v2-monolith.html
+++ /dev/null
@@ -1,423 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>V2-C · Monolith — 巨碑感（Linear / Vercel 风）</title>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box }
-  html, body { height: 100%; overflow: hidden; font-family: 'Inter', -apple-system, system-ui, sans-serif; background: #000; -webkit-font-smoothing: antialiased }
-
-  .stage { position: fixed; inset: 0 }
-
-  /* 左上三角：石墨黑 + 紫蓝 accent */
-  .panel-openclaw {
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(0 0, 0 100%, 100% 0);
-    cursor: pointer;
-    transition: filter 0.6s ease;
-    background: #0c0d12;
-  }
-  /* 微妙的网格纹 */
-  .panel-openclaw::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background-image:
-      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
-      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
-    background-size: 60px 60px;
-    background-position: -1px -1px;
-    pointer-events: none;
-  }
-
-  /* 右下三角：象牙白 + 黑色 accent */
-  .panel-hermes {
-    position: absolute;
-    inset: 0;
-    clip-path: polygon(100% 0, 100% 100%, 0 100%);
-    cursor: pointer;
-    transition: filter 0.6s ease;
-    background: #f5f3ee;
-  }
-  .panel-hermes::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background-image:
-      linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px),
-      linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px);
-    background-size: 60px 60px;
-    background-position: -1px -1px;
-    pointer-events: none;
-  }
-
-  /* 微妙发光（左上：紫蓝 / 右下：金棕） */
-  .glow-openclaw, .glow-hermes {
-    position: absolute;
-    pointer-events: none;
-    transition: opacity 0.5s ease;
-  }
-  .glow-openclaw {
-    top: -10%;
-    left: -10%;
-    width: 50%;
-    height: 50%;
-    background: radial-gradient(circle, rgba(110, 100, 255, 0.35) 0%, transparent 60%);
-    filter: blur(40px);
-    clip-path: polygon(0 0, 100% 0, 0 100%);
-  }
-  .glow-hermes {
-    bottom: -10%;
-    right: -10%;
-    width: 50%;
-    height: 50%;
-    background: radial-gradient(circle, rgba(220, 130, 60, 0.25) 0%, transparent 60%);
-    filter: blur(40px);
-    clip-path: polygon(100% 100%, 0 100%, 100% 0);
-  }
-
-  /* 中线（极细发光） */
-  .divider {
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(45deg, transparent calc(50% - 0.5px), rgba(180, 180, 180, 0.6) 50%, transparent calc(50% + 0.5px));
-    pointer-events: none;
-    transition: opacity 0.6s;
-  }
-
-  /* 内容定位 */
-  .content {
-    position: absolute;
-    pointer-events: none;
-    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s, filter 0.5s;
-    z-index: 3;
-  }
-  .content-openclaw {
-    top: 11%;
-    left: 6.5%;
-    color: #fafafa;
-    text-align: left;
-    max-width: 44vw;
-  }
-  .content-hermes {
-    bottom: 11%;
-    right: 6.5%;
-    color: #18171a;
-    text-align: right;
-    max-width: 44vw;
-  }
-
-  /* hover 联动 */
-  .stage:has(.panel-openclaw:hover) .panel-hermes { filter: brightness(0.94) saturate(0.85) }
-  .stage:has(.panel-hermes:hover) .panel-openclaw { filter: brightness(0.6) }
-  .stage:has(.panel-openclaw:hover) .content-hermes,
-  .stage:has(.panel-hermes:hover) .content-openclaw {
-    opacity: 0.25;
-    filter: blur(2px);
-  }
-  .stage:has(.panel-openclaw:hover) .content-openclaw,
-  .stage:has(.panel-hermes:hover) .content-hermes {
-    transform: translateX(8px);
-  }
-  .content-hermes:hover { /* placeholder */ }
-  .stage:has(.panel-hermes:hover) .content-hermes {
-    transform: translateX(-8px);
-  }
-
-  /* 顶部 logo + 数字 */
-  .product-row {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    margin-bottom: 28px;
-  }
-  .content-hermes .product-row { flex-direction: row-reverse }
-  .product-icon {
-    width: 44px;
-    height: 44px;
-    border-radius: 12px;
-    background: rgba(255, 255, 255, 0.08);
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    display: grid;
-    place-items: center;
-  }
-  .content-hermes .product-icon {
-    background: rgba(0, 0, 0, 0.05);
-    border: 1px solid rgba(0, 0, 0, 0.12);
-  }
-  .product-icon svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.6 }
-
-  .product-tag {
-    font-size: 12px;
-    font-weight: 500;
-    letter-spacing: 0.18em;
-    text-transform: uppercase;
-    opacity: 0.55;
-  }
-
-  /* 巨字标题 */
-  .title {
-    font-size: clamp(80px, 13vw, 200px);
-    font-weight: 200;
-    letter-spacing: -0.055em;
-    line-height: 0.92;
-    margin-bottom: 28px;
-  }
-
-  /* 副标题 */
-  .tagline {
-    font-size: clamp(20px, 1.8vw, 28px);
-    line-height: 1.4;
-    font-weight: 300;
-    max-width: 540px;
-    margin-bottom: 32px;
-    opacity: 0.78;
-    letter-spacing: -0.01em;
-  }
-  .content-hermes .tagline { margin-left: auto }
-
-  /* 特性列表（垂直线 + 文字） */
-  .feature-list {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    margin-bottom: 44px;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 1.6;
-  }
-  .content-hermes .feature-list { align-items: flex-end }
-  .feature-list li {
-    list-style: none;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    opacity: 0.7;
-  }
-  .content-hermes .feature-list li { flex-direction: row-reverse }
-  .feature-list li::before {
-    content: '';
-    width: 16px;
-    height: 1px;
-    background: currentColor;
-    opacity: 0.4;
-  }
-
-  /* CTA 按钮 */
-  .cta {
-    display: inline-flex;
-    align-items: center;
-    gap: 12px;
-    padding: 16px 28px;
-    border-radius: 8px;
-    font-size: 13px;
-    font-weight: 600;
-    letter-spacing: 0.04em;
-    transition: all 0.35s ease;
-  }
-  .content-openclaw .cta {
-    background: rgba(255, 255, 255, 0.08);
-    color: #fff;
-    border: 1px solid rgba(255, 255, 255, 0.18);
-  }
-  .content-hermes .cta {
-    background: rgba(0, 0, 0, 0.06);
-    color: #18171a;
-    border: 1px solid rgba(0, 0, 0, 0.18);
-    flex-direction: row-reverse;
-  }
-  .stage:has(.panel-openclaw:hover) .content-openclaw .cta {
-    background: #fff;
-    color: #0a0a0a;
-    border-color: #fff;
-  }
-  .stage:has(.panel-hermes:hover) .content-hermes .cta {
-    background: #0a0a0a;
-    color: #fff;
-    border-color: #0a0a0a;
-  }
-  .cta .arrow {
-    width: 18px;
-    height: 18px;
-    display: grid;
-    place-items: center;
-    transition: transform 0.3s;
-  }
-  .stage:has(.panel-openclaw:hover) .content-openclaw .cta .arrow { transform: translateX(4px) }
-  .stage:has(.panel-hermes:hover) .content-hermes .cta .arrow { transform: translateX(-4px) }
-
-  /* 角标 */
-  .corner-mark {
-    position: absolute;
-    font-size: 11px;
-    letter-spacing: 0.32em;
-    text-transform: uppercase;
-    pointer-events: none;
-    z-index: 4;
-    font-weight: 500;
-  }
-  .corner-tl { top: 32px; left: 36px; color: rgba(255, 255, 255, 0.45) }
-  .corner-br { bottom: 32px; right: 36px; color: rgba(0, 0, 0, 0.45) }
-  .top-center {
-    position: fixed;
-    top: 32px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(180, 180, 180, 0.7);
-    font-size: 11px;
-    letter-spacing: 0.4em;
-    text-transform: uppercase;
-    z-index: 5;
-    pointer-events: none;
-    font-weight: 500;
-  }
-
-  /* —— 选中展开动画 —— */
-  .panel.expanding { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 5 }
-  .panel { transition: clip-path 0.8s cubic-bezier(0.7, 0, 0.3, 1), filter 0.5s }
-
-  .reveal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 20;
-    pointer-events: none;
-    transition: width 0.9s cubic-bezier(0.65, 0, 0.35, 1), height 0.9s cubic-bezier(0.65, 0, 0.35, 1);
-  }
-  .reveal.active { width: 260vmax; height: 260vmax }
-
-  .home-mock {
-    position: fixed;
-    inset: 0;
-    z-index: 30;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 14px;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.6s ease;
-  }
-  .home-mock.show { opacity: 1; pointer-events: auto }
-  .home-mock .ht { font-size: 64px; font-weight: 200; letter-spacing: -0.04em }
-  .home-mock .hs { font-size: 12px; letter-spacing: 0.45em; text-transform: uppercase; opacity: 0.5 }
-
-  .reset-hint {
-    position: fixed;
-    bottom: 24px;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(150, 150, 150, 0.6);
-    font-size: 11px;
-    letter-spacing: 0.2em;
-    text-transform: uppercase;
-    z-index: 40;
-    pointer-events: none;
-  }
-</style>
-</head>
-<body>
-
-<div class="stage" id="stage">
-  <div class="panel panel-openclaw" data-engine="openclaw">
-    <div class="glow-openclaw"></div>
-  </div>
-  <div class="panel panel-hermes" data-engine="hermes">
-    <div class="glow-hermes"></div>
-  </div>
-  <div class="divider"></div>
-
-  <div class="top-center">— Pick your path —</div>
-  <div class="corner-mark corner-tl">CLAWPANEL</div>
-  <div class="corner-mark corner-br">v0.15.3</div>
-
-  <div class="content content-openclaw">
-    <div class="product-row">
-      <div class="product-icon">
-        <svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
-      </div>
-      <div class="product-tag">01 · 通用助理</div>
-    </div>
-    <div class="title">OpenClaw</div>
-    <div class="tagline">从模型到智能体，一站式打造你的 AI 工作台。</div>
-    <ul class="feature-list">
-      <li>多模型 / 多渠道并行管理</li>
-      <li>持久化记忆 + 上下文工程</li>
-      <li>无代码搭建智能体</li>
-    </ul>
-    <div class="cta">
-      Enter OpenClaw
-      <span class="arrow">→</span>
-    </div>
-  </div>
-
-  <div class="content content-hermes">
-    <div class="product-row">
-      <div class="product-icon">
-        <svg viewBox="0 0 24 24"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
-      </div>
-      <div class="product-tag">Agent 工作流 · 02</div>
-    </div>
-    <div class="title">Hermes</div>
-    <div class="tagline">让 Agent 真正能干活。工具调用、Profile、Kanban 一应俱全。</div>
-    <ul class="feature-list">
-      <li>原生工具调用 + Approval Flow</li>
-      <li>多 Profile 隔离 + 多 Gateway</li>
-      <li>内置 Kanban / Skills / OAuth</li>
-    </ul>
-    <div class="cta">
-      <span class="arrow">→</span>
-      Enter Hermes
-    </div>
-  </div>
-</div>
-
-<div class="reveal" id="reveal"></div>
-<div class="home-mock" id="home">
-  <div class="ht" id="home-name"></div>
-  <div class="hs">Initializing workspace</div>
-</div>
-<div class="reset-hint">Click a side · Press R to reset</div>
-
-<script>
-  const stage = document.getElementById('stage')
-  const reveal = document.getElementById('reveal')
-  const home = document.getElementById('home')
-  const homeName = document.getElementById('home-name')
-
-  const colors = {
-    openclaw: { bg: '#0c0d12', text: '#fff' },
-    hermes:   { bg: '#f5f3ee', text: '#18171a' },
-  }
-
-  document.querySelectorAll('.panel').forEach(panel => {
-    panel.addEventListener('click', () => {
-      const engine = panel.dataset.engine
-      const other = stage.querySelector(`.panel:not([data-engine="${engine}"])`)
-      panel.classList.add('expanding')
-      other.style.opacity = '0'
-      stage.querySelectorAll('.content, .corner-mark, .top-center, .glow-openclaw, .glow-hermes').forEach(c => c.style.opacity = '0')
-      stage.querySelector('.divider').style.opacity = '0'
-      setTimeout(() => {
-        reveal.style.background = colors[engine].bg
-        home.style.background = colors[engine].bg
-        home.style.color = colors[engine].text
-        homeName.textContent = engine === 'openclaw' ? 'OpenClaw' : 'Hermes'
-        reveal.classList.add('active')
-      }, 700)
-      setTimeout(() => home.classList.add('show'), 1500)
-    })
-  })
-
-  document.addEventListener('keydown', (e) => {
-    if (e.key.toLowerCase() === 'r') location.reload()
-  })
-</script>
-</body>
-</html>
diff --git a/docs/hermes-ui-refactor-plan.md b/docs/hermes-ui-refactor-plan.md
deleted file mode 100644
index 7094507..0000000
--- a/docs/hermes-ui-refactor-plan.md
+++ /dev/null
@@ -1,206 +0,0 @@
-# Hermes UI 全面重构规划
-
-> 参考：`.tmp/hermes-web-ui`（官方 Vue + Koa 实现）
-> 目标：ClawPanel Hermes 引擎视觉 + 功能与官方看齐，保留 editorial luxury 主题。
-> 作者：Cascade（AI 助手）｜日期：2026-04-24
-
----
-
-## 🎯 总体目标
-
-1. **功能完备度**对齐官方 `hermes-web-ui`，不再是"初级 UI"。
-2. **视觉风格**继续用已做好的 editorial luxury（暖黑 + 金色 + Serif 标题）。
-3. **架构**：前端 Vanilla JS + CSS scope，后端走 ClawPanel Rust 命令（部分已有，部分需新增）。
-4. **分阶段交付**，每阶段独立 PR，可回滚。
-
----
-
-## 📊 官方 vs ClawPanel 现状对比
-
-| 页面 | 官方功能 | ClawPanel 现状 | Gap |
-|---|---|---|---|
-| **Logs** | 文件列表、级别过滤、行数、搜索、**logger 列**、**access log 彩色（method/path/status）** | 文件列表、级别、行数、搜索 | 缺 logger 列 + access log 解析 + tail + 下载 |
-| **Chat** | SSE 流式、工具可视化、**持久化 Session（SQLite）**、**会话搜索**、多 profile、token 用量、context length | localStorage 会话、流式、工具卡片 | **架构性差距**：无 DB session、无搜索、无 usage、无 profile |
-| **Skills** | 分类列表、详情、**toggle enable**、**category 描述**、**skill files tree** | 只读分类列表 + 详情 | 缺 toggle、files tree、CRUD |
-| **Memory** | 三段式（memory/user/**soul**）、**mtime 时间戳** | 二段式（memory/user） | 缺 soul 段、mtime 显示 |
-| **Jobs (Cron)** | 完整 Job 字段（next_run_at、last_run_at、last_status、last_error、delivery、**origin** 聊天平台溯源、**repeat**、skills 绑定、model/provider 绑定） | 基础 CRUD + 统计 | 缺 next/last run 时间、历史、绑定、delivery |
-| **Files** ⭐ | 完整文件管理器（上传/下载/删除/预览） | **页面不存在** | 整个缺失 |
-| **Sessions** ⭐ | 独立会话浏览器（列表/搜索/重命名/删除/usage） | 无 | 整个缺失 |
-| **Gateways** ⭐ | 多 Gateway 切换 | 单 Gateway（已有基础） | 多 gateway 管理 UI 缺 |
-| **Models** | 模型库浏览 + 用量 | 只有仪表盘的模型配置 | 独立 Models 页缺 |
-| **Profiles** ⭐ | Profile 管理（不同 config 切换） | 无 | 整个缺失 |
-| **Usage** ⭐ | token 用量统计、成本分析 | 无 | 整个缺失 |
-| **Terminal** ⭐ | 内置终端 | 无 | 整个缺失 |
-| **Channels** | 消息渠道（飞书/Telegram 等） | 占位 "coming soon" | 整个缺失 |
-
-⭐ = 官方独有的全新页面
-
----
-
-## 🛠️ 工作量评估
-
-### 前端（Vanilla JS + hermes.css 组件）
-
-| 模块 | 代码量 | 复杂度 |
-|---|---|---|
-| Logs 重写 | ~300 行 | 中（含 access log 解析） |
-| Chat 重写 | ~700 行 | 高（SSE + session DB + usage） |
-| Skills 重写 | ~400 行 | 中（加 toggle + files） |
-| Memory 重写 | ~250 行 | 低 |
-| Cron 重写 | ~500 行 | 中高（字段丰富） |
-| Files 新增 | ~400 行 | 中 |
-| Sessions 新增 | ~450 行 | 中高 |
-| Usage 新增 | ~200 行 | 低 |
-| Profiles 新增 | ~250 行 | 中 |
-| Models 新增 | ~300 行 | 中 |
-| **合计** | **~3750 行** | — |
-
-### 后端（Rust 新增命令）
-
-| 命令 | 数据源 | 估计 |
-|---|---|---|
-| `hermes_sessions_list/get/delete/rename` | `~/.hermes/sessions.db` SQLite | 中（4 个命令） |
-| `hermes_session_usage` | `usage` 表 | 低（2 个） |
-| `hermes_context_length` | 模型元数据 | 低 |
-| `hermes_skill_toggle/create/delete` | `~/.hermes/skills/*/` FS | 中（3 个） |
-| `hermes_skill_files` | 遍历 skill 目录 | 低 |
-| `hermes_memory_soul` | `~/.hermes/memories/SOUL.md` | 低 |
-| `hermes_logs_tail` | SSE 流 `~/.hermes/logs/*.log` | **高**（流式） |
-| `hermes_logs_download` | 文件下载 | 低 |
-| `hermes_files_list/read/delete/upload` | `~/.hermes/` 任意文件 | 中（4 个） |
-| `hermes_profiles_list/switch` | `~/.hermes/profiles.json` | 低 |
-| `hermes_job_history` | Gateway `/api/jobs/:id/runs` | 低 |
-| **合计** | | **~18 个命令** |
-
-### 样式（hermes.css 扩展）
-
-| 组件 | 估计 |
-|---|---|
-| Logs 页（access log/logger 徽章） | ~60 行 |
-| Chat 页（session browser/usage bar） | ~100 行 |
-| Skills 页（files tree/toggle） | ~80 行 |
-| Memory 页（三段布局） | ~40 行 |
-| Files 页（新） | ~120 行 |
-| Sessions 页（新） | ~100 行 |
-| Usage / Profiles / Models | ~150 行 |
-| **合计** | **~650 行 CSS** |
-
----
-
-## 🗓️ 分阶段交付（建议 6 个独立 PR）
-
-### Phase 1 — **Logs + Memory 重写**（低风险起步）
-- 后端新增：`hermes_logs_tail`（SSE）、`hermes_logs_download`、`hermes_memory_read/write` 扩展支持 soul
-- 前端重写：logs.js（access log 解析/logger 列/tail toggle/下载/清空显示）
-- 前端重写：memory.js（三段式：memory/user/soul，加 mtime、字数）
-- **工作量**：~600 行前端 + ~250 行 Rust + ~100 行 CSS
-- **风险**：低（功能相对独立）
-- **PR 大小**：中
-
-### Phase 2 — **Cron (Jobs) 完整字段**
-- 后端：`hermes_job_history`（走 Gateway REST）
-- 前端：cron.js 重写，含 next_run_at / last_run_at / last_status / 执行历史抽屉 / delivery 字段 / skills 绑定
-- **工作量**：~500 行前端 + ~80 行 Rust + ~80 行 CSS
-- **风险**：中（需要验证 Gateway REST 支持所有字段）
-
-### Phase 3 — **Skills CRUD**
-- 后端：`hermes_skill_toggle/create/delete`、`hermes_skill_files`
-- 前端：skills.js 重写，加 toggle / 新建 modal / 编辑 / 删除 / 文件树
-- **工作量**：~400 行前端 + ~300 行 Rust + ~80 行 CSS
-- **风险**：中（FS 操作需权限/错误处理严谨）
-
-### Phase 4 — **Chat 架构重构**（重头戏）
-- 后端：`hermes_sessions_*`（读 Hermes 的 SQLite）、`hermes_session_usage`、`hermes_context_length`
-- 前端：chat.js 完全重写
-  - 从 localStorage 迁移到后端 session API
-  - 增加停止按钮、消息复制、代码块语法高亮（引入 highlight.js 或自研）
-  - Token 用量实时显示
-  - context length bar
-  - 搜索历史会话
-- **工作量**：~700 行前端 + ~400 行 Rust + ~150 行 CSS
-- **风险**：**高**（架构迁移、localStorage 数据要兼容迁移）
-
-### Phase 5 — **新页面：Sessions + Usage**
-- Sessions 独立页面（浏览所有历史、搜索、重命名、删除）
-- Usage 页面（token 统计、成本）
-- 侧栏导航项新增
-- **工作量**：~650 行前端 + ~100 行 Rust + ~150 行 CSS
-
-### Phase 6 — **Files + Profiles**（可选，根据需求）
-- Files 浏览器（上传下载）
-- Profiles 切换（多 config）
-- **工作量**：~650 行前端 + ~250 行 Rust + ~170 行 CSS
-
----
-
-## ⚠️ 关键技术决策
-
-### 1. 后端协议：SQLite 直读 or Gateway REST？
-Hermes Gateway **自身不暴露 session REST API**。必须**直接读 SQLite `~/.hermes/sessions.db`**（Hermes 进程也用这个文件，要注意并发）。
-
-**方案**：Rust 端用 `rusqlite` crate + `WAL mode` 读。写操作（rename/delete）必须等 Gateway 停机或通过 Hermes CLI。
-
-### 2. SSE 在 Tauri 中的实现
-Tauri WebView 支持 EventSource，但 Windows 上某些版本的 WebView2 可能有 buffer 问题。**已知方案**：Rust 端用 `tauri::Event` 推事件，前端 listen 就好。logs tail、chat run 已在用这个模式。
-
-### 3. SQLite 迁移 localStorage chat sessions
-chat.js 现有 localStorage 数据要迁移。**方案**：首次进 chat 页检测 localStorage 有旧 session，询问用户是否导入到 Hermes DB，or 保留只读访问。
-
-### 4. Session DB 的 schema 兼容性
-Hermes 的 SQLite schema 可能版本间变化。参考 `.tmp/hermes-web-ui/packages/server/src/db/hermes/sessions-db.ts` 的 query 写法，保持一致。遇到 schema 差异用 `PRAGMA user_version` 检测。
-
-### 5. Files 页面的权限边界
-只允许访问 `~/.hermes/` 目录，**拒绝绝对路径**，`../` 遍历要 reject。
-
-### 6. Profiles 的切换语义
-切换 profile = 切换 `~/.hermes/config.yaml` + `.env` + 重启 Gateway。每个 profile 是一个完整配置目录。UI 要明示切换后需要重启 Gateway。
-
----
-
-## 📋 验收标准（每阶段）
-
-- [ ] 新功能单元测试（Rust 端 `cargo test`）
-- [ ] 前端 lint 通过 `npm run build`
-- [ ] 手动测试：Tauri 桌面端 + Web 模式两端都跑一遍
-- [ ] 与官方 hermes-web-ui 视觉对比（截图），功能缺失 ≤ 10%
-- [ ] 不影响 OpenClaw 引擎（scope 隔离验证）
-- [ ] 性能：1000 条会话列表加载 < 500ms
-
----
-
-## ⏱️ 估算总时长
-
-| 阶段 | 预估时间 |
-|---|---|
-| Phase 1 | **1 天** |
-| Phase 2 | **1 天** |
-| Phase 3 | **1.5 天** |
-| Phase 4 | **2.5 天** |
-| Phase 5 | **1.5 天** |
-| Phase 6 | **1.5 天** |
-| **合计** | **~9 天** |
-
-AI 辅助开发可能压缩到 5-6 个工作日。
-
----
-
-## 🚀 建议执行顺序
-
-1. **先合并当前 `feat/hermes-v0.14.1-providers` PR**（dashboard + sidebar 新样式 + env-editor + skeleton scope）
-2. **再开 Phase 1 分支** `feat/hermes-logs-memory-refactor`，按此规划交付
-3. Phase 2-6 每个都独立分支 + PR，按优先级排
-
-这样用户可以：
-- 每次只 review 一个 PR
-- 任一阶段失败不会阻塞前面的工作
-- 可以随时暂停，保留已完成的阶段成果
-
----
-
-## 📎 参考实现
-
-- 官方 Vue UI：`.tmp/hermes-web-ui/packages/client/src/views/hermes/*.vue`
-- 官方 Server：`.tmp/hermes-web-ui/packages/server/src/services/hermes/*.ts`
-- 官方 DB 层：`.tmp/hermes-web-ui/packages/server/src/db/hermes/*.ts`
-- ClawPanel 现有：`src/engines/hermes/pages/*.js`、`src-tauri/src/commands/hermes.rs`
-- 设计系统：`design-system/clawpanel/MASTER.md`、`src/engines/hermes/style/hermes.css`