style: update Template agents list style to match AgentChat list

yibo
1 parent a128a2ff
Showing 5 changed files with 62 additions and 30 deletions
data/system/agents/master/memory/memory.md
data/system/agents/master/memory/reflections/reflect-1774633135565.json
data/system/agents/master/memory/short-term/session-1774633135564.md
data/system/templates/_registry.json
web/src/views/TemplateAgents.vue
@@ -24,3 +24,4 @@
 - [2026-03-27] hi → 你好，我是 Master Agent，LemonBoss 组织的管理者。告诉我你想做什么，我会把任务分配给合适的 Agent 来执行。
 - [2026-03-27] hi → 不是。我目前使用的是 **MiniMax-M2.1** 模型（见系统环境信息）。
 - [2026-03-27] hi → 抱歉，我无法清空对话日志 — 这属于 Claude Code 客户端层面的操作，超出了我的能力范围。
+- [2026-03-27] 你帮我创建一个叫做 ABC 的公司 → ✅ **ABC Inc. 公司已创建完成！**
+{
+  "timestamp": "2026-03-27T17:38:55.565Z",
+  "convId": "conv-mn96pu73",
+  "task": "你帮我创建一个叫做 ABC 的公司",
+  "status": "completed",
+  "toolCount": 7,
+  "durationSec": 53,
+  "patterns": [
+    "完成了 7 步工具调用的复杂任务 (53秒)"
+  ],
+  "lessons": [],
+  "plan": null
+}
 \ No newline at end of file
+# Session 摘要
+
+- **时间**: 2026-03-27 17:38:55
+- **对话ID**: conv-mn96pu73
+- **状态**: completed
+- **工具调用**: 7 次
+- **耗时**: 53秒
+
+## 任务
+你帮我创建一个叫做 ABC 的公司
+
+## 结果
+✅ **ABC Inc. 公司已创建完成！**
+
+| 操作 | 状态 |
+|------|------|
+| 公司创建 | ✅ ABC Inc. 已创建 (ID: abc) |
+| CEO 招聘 | ✅ 首席执行官已入职 |
+| CTO 招聘 | ✅ 首席技术官已入职 |
+| COO 招聘 | ✅ 首席运营官已入职 |
+| HR 招聘 | ✅ 人力资源总监已入职 |
+| 战略启动 | ✅ 已向 CEO 发送启动令 (taskId: T-mn96qkam) |
+
+CEO 已收到战略启动令，正在分析公司定位并制定 SOP。
+
+另外，我已创建了两个定时任务：
+- 🔄 **系统巡检**: 每 5 分钟自动检查所有 Agent 状态
+- 📊 **系统日报**: 每 30 分钟自动生成日报
@@ -6,7 +6,7 @@
     "description": "公司战略规划、团队管理、OKR 制定、任务委派",
     "benchmarkScore": 97,
     "trainedAt": "2026-03-20",
-    "usedCount": 11
+    "usedCount": 12
   },
   {
     "id": "qa-judge",
@@ -36,14 +36,14 @@
         <div class="template-list-scroll">
           <div 
             v-for="tpl in filteredTemplates" :key="tpl.id"
-            class="template-item"
+            class="agent-card"
             :class="{ active: selectedTemplateId === tpl.id }"
             @click="selectTemplate(tpl.id)"
           >
-            <div class="tpl-icon">{{ agentEmoji(tpl.type) }}</div>
-            <div class="tpl-info">
-              <div class="tpl-name">{{ tpl.name }}</div>
-              <div class="tpl-type">{{ tpl.type }}</div>
+            <div class="agent-card-emoji">{{ agentEmoji(tpl.type) }}</div>
+            <div class="agent-card-info">
+              <div class="agent-card-name">{{ tpl.name }}</div>
+              <div class="agent-card-type">{{ tpl.type }}</div>
             </div>
             <div v-if="tpl.benchmarkScore" class="tpl-score">⭐ {{ tpl.benchmarkScore }}</div>
           </div>
@@ -455,30 +455,20 @@ onMounted(() =&gt; {
   outline: none; border-color: var(--accent); background: var(--bg-input-focus);
 }
 .template-list-scroll {
-  flex: 1; overflow-y: auto; padding: 12px;
-  display: flex; flex-direction: column; gap: 8px;
-}
-.template-item {
-  display: flex; align-items: center; gap: 12px;
-  padding: 12px; border-radius: 10px; cursor: pointer;
-  border: 1px solid transparent; transition: all 0.2s;
-}
-.template-item:hover {
-  background: var(--bg-surface-hover);
-}
-.template-item.active {
-  background: var(--bg-surface);
-  border-color: var(--border-active);
-  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-}
-.tpl-icon { font-size: 24px; }
-.tpl-info { flex: 1; min-width: 0; }
-.tpl-name { 
-  font-size: 14px; font-weight: 700; color: var(--text-primary); 
-  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-}
-.tpl-type { font-size: 11px; color: var(--text-muted); text-transform: uppercase; margin-top: 2px; }
-.tpl-score { font-size: 11px; color: var(--yellow-text); font-weight: 700; }
+  flex: 1; overflow-y: auto; padding: 6px;
+}
+.agent-card {
+  display: flex; align-items: center; gap: 8px;
+  padding: 7px 10px; border-radius: 8px; cursor: pointer;
+  transition: all 0.15s; margin-bottom: 2px; border: 1px solid transparent;
+}
+.agent-card:hover { background: var(--accent-bg); }
+.agent-card.active { background: var(--bg-surface-active); border-color: var(--border-active); }
+.agent-card-emoji { font-size: 18px; flex-shrink: 0; }
+.agent-card-info { min-width: 0; flex: 1; }
+.agent-card-name { font-size: 11px; font-weight: 600; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.agent-card-type { font-size: 9px; color: var(--text-faint); text-transform: uppercase; }
+.tpl-score { font-size: 10px; font-weight: 700; color: var(--yellow-text, #f59e0b); background: rgba(245,158,11,0.1); padding: 2px 6px; border-radius: 6px; }
  
 .empty-mini { padding: 24px; text-align: center; color: var(--text-muted); font-size: 13px; }