first commit

This commit is contained in:
zyl
2026-03-06 03:36:12 +08:00
commit 4e32b3193f
64 changed files with 42394 additions and 0 deletions

View File

@@ -0,0 +1,446 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sgClaw 协作时间表 - 甘特图</title>
<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
background: #0f172a;
color: #f1f5f9;
padding: 40px 20px;
line-height: 1.6;
}
.container { max-width: 1400px; margin: 0 auto; }
h1 {
font-size: 2.5rem;
margin-bottom: 10px;
background: linear-gradient(135deg, #38bdf8, #818cf8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.subtitle {
color: #94a3b8;
font-size: 1.1rem;
margin-bottom: 40px;
}
.section {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 12px;
padding: 30px;
margin-bottom: 30px;
}
.section h2 {
font-size: 1.8rem;
margin-bottom: 20px;
color: #38bdf8;
display: flex;
align-items: center;
gap: 10px;
}
.chart-container {
background: #1e293b;
border-radius: 8px;
padding: 20px;
overflow-x: auto;
}
.alert {
background: rgba(239, 68, 68, 0.1);
border-left: 4px solid #ef4444;
padding: 15px 20px;
margin: 20px 0;
border-radius: 6px;
}
.alert strong { color: #fca5a5; }
.info {
background: rgba(56, 189, 248, 0.1);
border-left: 4px solid #38bdf8;
padding: 15px 20px;
margin: 20px 0;
border-radius: 6px;
}
pre {
background: #1e293b;
padding: 20px;
border-radius: 8px;
overflow-x: auto;
font-size: 0.9rem;
line-height: 1.5;
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
th, td {
padding: 12px;
text-align: left;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
th {
background: rgba(56, 189, 248, 0.1);
color: #38bdf8;
font-weight: 600;
}
.milestone {
display: inline-block;
background: #10b981;
color: #fff;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
}
.critical {
display: inline-block;
background: #ef4444;
color: #fff;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
}
.nav {
position: fixed;
top: 20px;
right: 20px;
background: rgba(0,0,0,0.8);
backdrop-filter: blur(10px);
padding: 15px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,0.1);
}
.nav a {
display: block;
color: #94a3b8;
text-decoration: none;
padding: 8px 12px;
border-radius: 6px;
transition: all 0.3s;
font-size: 0.9rem;
}
.nav a:hover {
background: rgba(56, 189, 248, 0.2);
color: #38bdf8;
}
</style>
</head>
<body>
<div class="container">
<h1>📊 sgClaw 项目协作时间表</h1>
<p class="subtitle">2周开发计划 · 5人团队 · 关键路径P1a + P2 联调Day 3-5</p>
<div class="nav">
<strong style="color:#38bdf8;margin-bottom:10px;display:block;">快速导航</strong>
<a href="#gantt">甘特图</a>
<a href="#dependency">依赖关系</a>
<a href="#critical">关键路径</a>
<a href="#load">人员负载</a>
<a href="#risk">风险热力图</a>
<a href="#milestone">里程碑</a>
</div>
<!-- 甘特图 -->
<div class="section" id="gantt">
<h2>📊 完整甘特图</h2>
<div class="info">
<strong>💡 图例说明:</strong> 红色任务 = 关键路径(阻塞后续工作) | 菱形 = 里程碑 | active = E2E测试周
</div>
<div class="chart-container">
<div class="mermaid">
gantt
title sgClaw 2周开发计划关键路径P1a+P2
dateFormat YYYY-MM-DD
axisFormat Day %d
section 关键路径⭐
P1a环境搭建 :p1a1, 2026-03-04, 2d
P1a Pipe协议开发 :crit, p1a2, after p1a1, 1d
P1a+P2联调Pipe通信 :crit, p1a3, after p1a2, 2d
P1a完善15个Action :crit, p1a4, after p1a3, 1d
W1里程碑演示 :milestone, m1, after p1a4, 0d
P1a+P1b集成Runtime :p1a5, after p1a4, 1d
P1a MAC安全策略 :p1a6, after p1a5, 1d
P1a bug修复 :p1a7, after p1a6, 2d
P1a代码审查交付 :milestone, m2, after p1a7, 1d
section P2浏览器对接
P2环境搭建 :p2a, 2026-03-04, 2d
P2 ProcessHost框架 :p2b, after p2a, 1d
P2+P1a联调Pipe :crit, p2c, after p2b, 2d
P2 CommandRouter对接 :p2d, after p2c, 1d
P2 MAC白名单 :p2e, after p2d, 1d
P2+P4 UI对接 :p2f, after p2e, 1d
P2 bug修复 :p2g, after p2f, 2d
P2交付 :milestone, after p2g, 1d
section P1b业务支持
P1b环境搭建 :p1b1, 2026-03-04, 2d
P1b SkillLoader开发 :p1b2, after p1b1, 3d
P1b Memory开发 :p1b3, after p1b2, 2d
P1b+P1a集成Runtime :p1b4, after p1b3, 1d
P1b+P3 Skill测试 :p1b5, after p1b4, 1d
P1b Critic评估器 :p1b6, after p1b5, 1d
P1b bug修复 :p1b7, after p1b6, 1d
P1b交付 :milestone, after p1b7, 1d
section P3业务技能
P3场景调研 :p3a, 2026-03-04, 1d
P3黄金样本制作 :p3b, after p3a, 3d
P3提示词工程 :p3c, after p3b, 1d
P3 AI批量翻译 :p3d, after p3c, 3d
P3质量抽检 :p3e, after p3d, 2d
P3交付Skill仓库 :milestone, after p3e, 0d
section P4前端发布
P4环境搭建 :p4a, 2026-03-04, 2d
P4 UI原型设计 :p4b, after p4a, 1d
P4 Side Panel开发 :p4c, after p4b, 2d
P4 Skill后台开发 :p4d, after p4c, 1d
P4+P2 IPC对接 :p4e, after p4d, 1d
P4测试框架搭建 :p4f, after p4e, 1d
P4 E2E测试 :p4g, after p4f, 2d
P4打包发布 :milestone, p4h, after p4g, 1d
section 全员里程碑
环境搭建完成 :milestone, after p1a1 p2a p1b1 p3a p4a, 0d
W1里程碑(链路打通) :milestone, m1_all, 2026-03-08, 0d
E2E测试周 :active, e2e, 2026-03-11, 2d
W2里程碑(正式发布) :milestone, m2_all, 2026-03-14, 0d
</div>
</div>
</div>
<!-- 依赖关系图 -->
<div class="section" id="dependency">
<h2>🔗 依赖关系图</h2>
<div class="chart-container">
<div class="mermaid">
graph TD
A[Day 1-2: 环境搭建] --> B[Day 3: P1a Pipe 协议]
B --> C[Day 4-5: P1a+P2 联调 Pipe ⭐]
C --> D[Day 5 晚: W1 里程碑]
D --> E1[Day 6: P1a+P1b 集成]
D --> E2[Day 6: P1b+P3 Skill]
D --> E3[Day 6: P2+P4 UI]
E1 --> F[Day 7: 安全+AI]
E2 --> F
E3 --> F
F --> G[Day 8-9: E2E 测试]
G --> H[Day 10: P4 打包发布]
style C fill:#ff6b6b,stroke:#c92a2a,color:#fff
style D fill:#51cf66,stroke:#2f9e44,color:#fff
style H fill:#51cf66,stroke:#2f9e44,color:#fff
</div>
</div>
</div>
<!-- 关键路径 -->
<div class="section" id="critical">
<h2>⚡ 关键路径可视化</h2>
<div class="alert">
<strong>⚠️ 极高风险</strong>Day 4-5 的 P1a + P2 联调是整个项目的关键瓶颈。如果这两天 Pipe 通信不通,所有后续工作都会被阻塞!
</div>
<pre>
Day 1-2 ━━━━━━━━━━━━━━━━━━━━━━ 环境搭建(并行)
Day 3 ━━━━━┻━━━━━━━━━━━━━━━━━ P1a Pipe 协议开发 ⭐
Day 4-5 ━━━┻━━━━━━━━━━━━━━━━━ <span style="color:#ef4444">P1a + P2 联调 Pipe ⭐⭐⭐</span>
┃ (关键路径,阻塞所有人)
<span style="color:#10b981">【W1 里程碑】链路打通</span>
Day 6 ━━━━━┻━━━━━━━━━━━━━━━━━ 三组并行集成:
├─ P1a + P1b (Runtime)
├─ P1b + P3 (Skill)
└─ P2 + P4 (UI)
Day 7 ━━━━━┫ 安全策略 + AI 翻译
Day 8-9 ━━━┻━━━━━━━━━━━━━━━━━ 全员 E2E 测试
Day 10 ━━━━▼━━━━━━━━━━━━━━━━━ P4 打包发布
<span style="color:#10b981">【W2 里程碑】正式发布</span>
</pre>
</div>
<!-- 人员负载 -->
<div class="section" id="load">
<h2>👥 人员负载分析</h2>
<table>
<thead>
<tr>
<th>日期</th>
<th>P1a</th>
<th>P1b</th>
<th>P2</th>
<th>P3</th>
<th>P4</th>
<th>总负载</th>
</tr>
</thead>
<tbody>
<tr>
<td>Day 1-2</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>5 人</td>
</tr>
<tr>
<td>Day 3</td>
<td><span class="critical">🔴 高</span></td>
<td>🟡 低</td>
<td>🟡 低</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>2 人高负载</td>
</tr>
<tr style="background: rgba(239, 68, 68, 0.1);">
<td><strong>Day 4-5</strong></td>
<td><span class="critical">🔴 极高</span></td>
<td>🟢 中</td>
<td><span class="critical">🔴 极高</span></td>
<td>🟢 中</td>
<td>🟢 中</td>
<td><strong>2 人关键路径</strong></td>
</tr>
<tr>
<td>Day 6</td>
<td><span class="critical">🔴 高</span></td>
<td><span class="critical">🔴 高</span></td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>2 人高负载</td>
</tr>
<tr>
<td>Day 7</td>
<td>🟢 中</td>
<td><span class="critical">🔴 高</span></td>
<td>🟢 中</td>
<td><span class="critical">🔴 高</span></td>
<td>🟢 中</td>
<td>2 人高负载</td>
</tr>
<tr>
<td>Day 8-9</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>🟢 中</td>
<td>5 人 E2E</td>
</tr>
<tr>
<td>Day 10</td>
<td>🟡 低</td>
<td>🟡 低</td>
<td>🟡 低</td>
<td>🟡 低</td>
<td><span class="critical">🔴 高</span></td>
<td>1 人高负载</td>
</tr>
</tbody>
</table>
<p style="color:#94a3b8;margin-top:10px;">
<strong>图例:</strong> 🔴 极高/高负载 &nbsp; 🟢 正常负载 &nbsp; 🟡 低负载
</p>
</div>
<!-- 风险热力图 -->
<div class="section" id="risk">
<h2>⚠️ 风险热力图</h2>
<pre>
风险等级
时间 │ 低 │ 中 │ 高 │ 极高
─────────┼────┼────┼────┼─────
Day 1-2 │ ✓ │ │ │
Day 3 │ │ ✓ │ │
<span style="color:#ef4444">Day 4-5 │ │ │ │ ⭐⭐⭐ ← Pipe 通信不通</span>
Day 6 │ │ │ ✓ │
Day 7 │ │ ✓ │ │
Day 8-9 │ │ ✓ │ │
Day 10 │ │ ✓ │ │
</pre>
<div class="alert">
<strong>预案Day 4-5 极高风险):</strong><br>
1. Day 4 晚上还没通 → P1b 全力支援<br>
2. Day 5 中午还没通 → 启动降级方案HTTP 替代 Pipe
</div>
</div>
<!-- 里程碑 -->
<div class="section" id="milestone">
<h2>✅ 里程碑验收清单</h2>
<h3 style="color:#10b981;margin-top:20px;">W1 里程碑Day 5 晚上)</h3>
<div class="info">
<strong>演示场景:</strong>
<ol style="margin-left:20px;margin-top:10px;">
<li>P4 打开 Side Panel UI</li>
<li>输入:"点击页面上的登录按钮"</li>
<li>Vue → C++ → Rust → 大模型mock→ Rust → C++ → 浏览器</li>
<li>浏览器真实点击按钮</li>
</ol>
</div>
<p style="margin-top:15px;"><strong>验收标准:</strong></p>
<ul style="margin-left:20px;color:#94a3b8;">
<li>Pipe 双向通信稳定(无消息丢失)</li>
<li>15 个 BrowserAction 全部测试通过</li>
<li>MAC 白名单生效(非白名单域名被拦截)</li>
<li>延迟 < 100ms从命令到执行完成</li>
</ul>
<h3 style="color:#10b981;margin-top:30px;">W2 里程碑Day 10</h3>
<p><strong>交付物:</strong></p>
<ul style="margin-left:20px;color:#94a3b8;">
<li>.deb 安装包(银河麒麟 V10</li>
<li>.exe 安装包Windows 10/11</li>
<li>6 个业务场景演示视频</li>
<li>完整文档API + Skill 开发指南 + 部署手册)</li>
</ul>
<p style="margin-top:15px;"><strong>验收标准:</strong></p>
<ul style="margin-left:20px;color:#94a3b8;">
<li>两平台安装成功</li>
<li>E2E 测试全部通过</li>
<li>单元测试覆盖率 > 70%</li>
<li>内存占用 < 10MBsgClaw 进程</li>
<li>无已知 P0/P1 级 bug</li>
</ul>
</div>
<div style="text-align:center;margin-top:40px;padding:20px;color:#64748b;">
<p>📄 文档版本v1.0 &nbsp;|&nbsp; 最后更新2026-03-04 &nbsp;|&nbsp; 维护者:项目经理</p>
</div>
</div>
<script>
mermaid.initialize({
startOnLoad: true,
theme: 'dark',
themeVariables: {
primaryColor: '#1e293b',
primaryTextColor: '#f1f5f9',
primaryBorderColor: '#38bdf8',
lineColor: '#94a3b8',
secondaryColor: '#334155',
tertiaryColor: '#0f172a'
}
});
</script>
</body>
</html>