myagent-ai 1.5.6 → 1.5.7

package/agents/main_agent.py

@@ -115,6 +115,31 @@ class MainAgent(BaseAgent):
         self._org_context_mtime: float = 0  # 文件修改时间，用于检测变更
         # Token 上下文管理器 (滚动摘要 + 预算控制)
         self.context_manager = ContextManager(ContextConfig())
+        # 执行事件追踪（用于前端展示命令执行过程）
+        self._execution_events: List[Dict] = []
+        self._exec_event_counter: int = 0
+
+    def _add_exec_event(self, event_type: str, data: Dict):
+        """记录一个执行事件（供前端展示）"""
+        import time as _time
+        self._exec_event_counter += 1
+        event = {
+            "id": self._exec_event_counter,
+            "type": event_type,
+            "timestamp": _time.time(),
+            **data,
+        }
+        self._execution_events.append(event)
+        logger.debug(f"[exec-event] {event_type}: {data.get('title', '')[:80]}")
+
+    def get_execution_events(self) -> List[Dict]:
+        """获取本次处理中的所有执行事件"""
+        return self._execution_events
+
+    def clear_execution_events(self):
+        """清空执行事件"""
+        self._execution_events = []
+        self._exec_event_counter = 0
 
     async def process(self, context: AgentContext) -> AgentContext:
         """
@@ -133,6 +158,8 @@ class MainAgent(BaseAgent):
         context.task_id = task_id
         self._iteration_count = 0
         self._current_task_id = task_id
+        # 清空上一轮的执行事件
+        self.clear_execution_events()
 
         # 注册到配置广播器（用于热重载通知）
         if self.config_broadcaster:
@@ -217,10 +244,26 @@ class MainAgent(BaseAgent):
                            content=response.content or "",
                            tool_calls=response.tool_calls)
                 )
+                # 记录工具调用事件
+                for tc in response.tool_calls:
+                    self._add_exec_event("tool_call", {
+                        "title": f"调用工具: {tc['name']}",
+                        "tool_name": tc["name"],
+                        "arguments": tc.get("arguments", {}),
+                    })
                 # 执行工具调用
                 tool_results = await self._handle_tool_calls(
                     response.tool_calls, context, task_id
                 )
+                # 记录工具结果事件
+                for tc, result in tool_results:
+                    self._add_exec_event("tool_result", {
+                        "title": f"工具结果: {tc['name']}",
+                        "tool_name": tc["name"],
+                        "success": result.get("success", False),
+                        "summary": truncate_str(result.get("output", result.get("error", "")), 500),
+                        "result": result,
+                    })
                 # 再将工具结果加入消息历史
                 for tc, result in tool_results:
                     context.conversation_history.append(
@@ -510,13 +553,33 @@ class MainAgent(BaseAgent):
                         "error": f"[权限] 当前 Agent 没有'{label}'权限，操作被拒绝",
                         "metadata": {"permission_denied": skill_perm},
                     })
+                    self._add_exec_event("skill_call", {
+                        "title": f"技能调用被拒: {skill_name}",
+                        "skill_name": skill_name,
+                        "success": False,
+                        "error": f"权限不足: {label}",
+                    })
                     continue
 
+                # 记录技能调用事件
+                self._add_exec_event("skill_call", {
+                    "title": f"调用技能: {skill_name}",
+                    "skill_name": skill_name,
+                    "params": action.get("params", {}),
+                })
                 result = await self.skills.execute(
                     action.get("name", ""),
                     **action.get("params", {}),
                 )
-                results.append(result.to_dict())
+                result_dict = result.to_dict()
+                results.append(result_dict)
+                # 记录技能结果事件
+                self._add_exec_event("skill_result", {
+                    "title": f"技能结果: {skill_name}",
+                    "skill_name": skill_name,
+                    "success": result_dict.get("success", False),
+                    "summary": truncate_str(str(result_dict.get("output", result_dict.get("error", ""))), 500),
+                })
 
             elif action_type == "code" and self.executor:
                 # 权限检查: execution
@@ -526,8 +589,27 @@ class MainAgent(BaseAgent):
                         "error": "[权限] 当前 Agent 没有代码执行权限，操作被拒绝",
                         "metadata": {"permission_denied": "execution"},
                     })
+                    self._add_exec_event("code_exec", {
+                        "title": f"代码执行被拒",
+                        "language": action.get("language", "unknown"),
+                        "code_preview": truncate_str(action.get("code", ""), 200),
+                        "success": False,
+                        "error": "代码执行权限不足",
+                    })
                     continue
 
+                code_lang = action.get("language", "python")
+                code_text = action.get("code", "")
+                # 记录代码执行开始事件
+                self._add_exec_event("code_exec", {
+                    "title": f"执行 {code_lang} 代码",
+                    "language": code_lang,
+                    "code": code_text,
+                    "code_preview": truncate_str(code_text, 200),
+                    "status": "running",
+                    "timeout": timeout_seconds if 'timeout_seconds' in dir() else 120,
+                })
+
                 # 注入权限检查器到 executor（用于更细粒度的检查）
                 self.executor.set_permission_checker(
                     self.check_permission, self.name
@@ -563,6 +645,21 @@ class MainAgent(BaseAgent):
 
                 result_dict = exec_result.to_dict()
 
+                # 记录代码执行结果事件
+                self._add_exec_event("code_result", {
+                    "title": f"{'超时' if exec_result.timed_out else '成功' if exec_result.success else '失败'}: {code_lang}",
+                    "language": code_lang,
+                    "code_preview": truncate_str(action.get("code", ""), 200),
+                    "success": exec_result.success,
+                    "timed_out": exec_result.timed_out,
+                    "exit_code": exec_result.exit_code,
+                    "execution_time": round(exec_result.execution_time, 3),
+                    "stdout": truncate_str(exec_result.stdout, 5000),
+                    "stderr": truncate_str(exec_result.stderr, 3000),
+                    "error": truncate_str(exec_result.error, 2000),
+                    "result": result_dict,
+                })
+
                 # 超时后自动触发 LLM 诊断分析
                 if exec_result.timed_out:
                     logger.info(

package/install/install.ps1

@@ -9,15 +9,27 @@ param(
 
 $ErrorActionPreference = "Stop"
 $PKG_NAME = "myagent-ai"
-$PKG_VERSION = "1.5.3"
+$PKG_VERSION = ""
+
+# 动态获取 npm 最新版本号
+function Get-NpmVersion {
+    try {
+        $ver = (npm view $PKG_NAME version 2>$null)
+        if ($ver) { $script:PKG_VERSION = $ver }
+    } catch {}
+}
 
 # Allow running scripts for the current process
 if ($PSVersionTable.PSVersion.Major -ge 5) {
     Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope Process -Force
 }
 
+# 尝试获取最新版本
+Get-NpmVersion
+
+$verDisplay = if ($PKG_VERSION) { " v$PKG_VERSION" } else { "" }
 Write-Host ""
-Write-Host "  MyAgent Installer v$PKG_VERSION" -ForegroundColor Cyan
+Write-Host "  MyAgent Installer$verDisplay" -ForegroundColor Cyan
 Write-Host ""
 
 if ($PSVersionTable.PSVersion.Major -lt 5) {

package/install/install.sh

@@ -21,14 +21,25 @@ NO_DEPS=false
 DRY_RUN=false
 SCRIPT_URL="https://raw.githubusercontent.com/ctz168/myagent/main/install/install.sh"
 PKG_NAME="myagent-ai"
-PKG_VERSION="1.5.3"
+PKG_VERSION=""
+
+# 动态获取 npm 最新版本号
+fetch_version() {
+  PKG_VERSION=""
+  local npm_ver
+  npm_ver="$(npm view "$PKG_NAME" version 2>/dev/null)" || true
+  if [ -n "$npm_ver" ]; then
+    PKG_VERSION="$npm_ver"
+  fi
+}
 
 for arg in "$@"; do
   case "$arg" in
     --no-deps) NO_DEPS=true ;;
     --dry-run) DRY_RUN=true ;;
     --help|-h)
-      echo "MyAgent Installer v$PKG_VERSION"
+      fetch_version
+      echo "MyAgent Installer${PKG_VERSION:+ v$PKG_VERSION}"
       echo ""
       echo "Usage: curl -fsSL $SCRIPT_URL | bash [-s -- OPTIONS]"
       echo ""
@@ -60,9 +71,12 @@ detect_os() {
   esac
 }
 
+# 尝试获取最新版本（获取失败则不显示版本号）
+fetch_version
+
 OS="$(detect_os)"
 echo ""
-echo -e "  ${BOLD}${ACCENT}MyAgent${NC} Installer v$PKG_VERSION"
+echo -e "  ${BOLD}${ACCENT}MyAgent${NC} Installer${PKG_VERSION:+ v$PKG_VERSION}"
 echo ""
 success "$OS detected"
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myagent-ai",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "description": "本地桌面端执行型AI助手 - Open Interpreter 风格 | Local Desktop Execution-Oriented AI Assistant",
   "main": "main.py",
   "bin": {

package/web/api_server.py

@@ -447,6 +447,11 @@ class ApiServer:
             # 记忆保存已由 MainAgent._process_inner() 完成，此处不再重复保存
             # （MainAgent 内部会保存 user + assistant 消息到短期记忆）
 
+            # ── 收集执行事件（供前端展示命令执行过程） ──
+            exec_events = []
+            if self.core.main_agent:
+                exec_events = self.core.main_agent.get_execution_events()
+
             # ── 执行模式: 从回复中提取并更新任务计划 ──
             if chat_mode == "exec" and self.core.llm:
                 try:
@@ -454,7 +459,10 @@ class ApiServer:
                 except Exception as tp_err:
                     logger.warning(f"任务计划更新失败: {tp_err}")
 
-            return web.json_response({"response": response, "session_id": session_id, "agent_name": agent_path, "agent_path": agent_path})
+            resp_data = {"response": response, "session_id": session_id, "agent_name": agent_path, "agent_path": agent_path}
+            if exec_events:
+                resp_data["exec_events"] = exec_events
+            return web.json_response(resp_data)
         except Exception as e:
             logger.error(f"Chat error: {e}", exc_info=True)
             return web.json_response({"error": str(e)}, status=500)
@@ -843,13 +851,10 @@ class ApiServer:
             if not cfg_file.exists():
                 continue
             agent_path = f"{prefix}{d.name}" if not prefix else f"{prefix}/{d.name}"
-            # 迁移: 为缺少 id/created_at/updated_at 的旧 agent 补全字段
             # 跳过符号链接目录（如 p -> 配置助手），避免重复处理
             if d.is_symlink():
-                try:
-                    cfg = json.loads(cfg_file.read_text(encoding="utf-8"))
-                except (json.JSONDecodeError, ValueError):
-                    continue
+                continue
+            # 迁移: 为缺少 id/created_at/updated_at 的旧 agent 补全字段
             else:
                 self._migrate_agent_config(agent_path)
                 # 迁移可能删除了损坏的文件
@@ -1178,6 +1183,26 @@ class ApiServer:
                 "agent_path": path,
             }, status=403)
         if ad.exists():
+            # 清理该 Agent 相关的会话和记忆数据
+            if self.core.memory:
+                try:
+                    # 删除相关会话 (session_id 格式: agent_session_xxx 或 agent_web_xxx)
+                    conn = self.core.memory._get_conn()
+                    like_pattern = f"{path}%"
+                    rows = conn.execute(
+                        "SELECT DISTINCT session_id FROM memories WHERE session_id LIKE ?",
+                        (like_pattern,),
+                    ).fetchall()
+                    for row in rows:
+                        sid = row["session_id"]
+                        # 删除该会话的所有记忆
+                        conn.execute("DELETE FROM memories WHERE session_id = ?", (sid,))
+                        conn.execute("DELETE FROM session_names WHERE session_id = ?", (sid,))
+                        logger.info(f"  清理会话记忆: {sid}")
+                    conn.commit()
+                    logger.info(f"  已清理 Agent '{path}' 的 {len(rows)} 个会话记忆")
+                except Exception as e:
+                    logger.warning(f"清理会话记忆失败: {e}")
             shutil.rmtree(ad)
         logger.info(f"删除 Agent: {path}")
         return web.json_response({"ok": True})
@@ -1573,7 +1598,12 @@ class ApiServer:
             return web.json_response({"error": "权限管理器未初始化"}, status=500)
         data = await request.json()
         try:
-            pm.set_default_permission(data)
+            # data 格式: {"execution": true, "file_read": false, ...}
+            if isinstance(data, dict):
+                for perm, value in data.items():
+                    if isinstance(value, bool) and perm in PermissionManager.ALL_PERMISSIONS:
+                        pm.set_default_permission(perm, value)
+            pm.save()
             return web.json_response({"ok": True})
         except Exception as e:
             return web.json_response({"error": str(e)}, status=500)
@@ -1599,6 +1629,7 @@ class ApiServer:
         data = await request.json()
         try:
             pm.set_permissions(agent, data)
+            pm.save()
             return web.json_response({"ok": True})
         except Exception as e:
             return web.json_response({"error": str(e)}, status=500)
@@ -1611,6 +1642,7 @@ class ApiServer:
         agent = request.match_info["agent"]
         try:
             pm.reset_agent_permissions(agent)
+            pm.save()
             return web.json_response({"ok": True})
         except Exception as e:
             return web.json_response({"error": str(e)}, status=500)

package/web/ui/chat.html

@@ -21,6 +21,33 @@
   --sidebar-w:280px;--header-h:60px;--agent-panel-w:300px;
   --transition:all .2s ease;
 }
+
+/* ── Theme System ── */
+[data-theme="claude"]{
+  --bg:#f5f0e8;--bg2:#ebe5d9;--bg3:#e2dace;--bg4:#d6cfc3;--bg5:#c8bfb0;
+  --text:#2c2c2c;--text2:#5a5a5a;--text3:#8a8a8a;
+  --accent:#c96442;--accent2:#d97a5a;--accent-light:#fceee8;--accent-dark:#a0502e;
+  --user-bubble:#c96442;--user-text:#ffffff;
+  --bot-bubble:#ffffff;--bot-text:#2c2c2c;
+  --ok:#4a9c6d;--warn:#c4862b;--danger:#c94444;--info:#4a7fc9;
+  --border:#d6cfc3;--border-light:#e2dace;
+  --shadow-sm:0 1px 2px rgba(0,0,0,.06);
+  --shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
+  --shadow-lg:0 10px 25px rgba(0,0,0,.1);
+}
+[data-theme="dark"]{
+  --bg:#0f1117;--bg2:#1a1d27;--bg3:#232733;--bg4:#2e3347;--bg5:#3a3f57;
+  --text:#e1e4ed;--text2:#8b92a5;--text3:#5c6378;
+  --accent:#6366f1;--accent2:#818cf8;--accent-light:#2d2f5e;--accent-dark:#9da3f8;
+  --user-bubble:#6366f1;--user-text:#ffffff;
+  --bot-bubble:#1a1d27;--bot-text:#e1e4ed;
+  --ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--info:#3b82f6;
+  --border:#2e3347;--border-light:#232733;
+  --shadow-sm:0 1px 2px rgba(0,0,0,.2);
+  --shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);
+  --shadow-lg:0 10px 25px rgba(0,0,0,.4);
+}
+
 html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,'Noto Sans SC',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;overflow:hidden}
 a{color:var(--accent);text-decoration:none}
 button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
@@ -1281,6 +1308,111 @@ input,textarea,select{font:inherit}
 .tts-voice-item.active{background:var(--accent-light);color:var(--accent)}
 .tts-voice-item .voice-icon{font-size:14px}
 .tts-voice-item .voice-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+
+/* ── Dark Theme Overrides ── */
+[data-theme="dark"] .message-bubble code{background:rgba(255,255,255,.1)}
+[data-theme="dark"] .message-row.user .message-bubble code{background:rgba(255,255,255,.15)}
+[data-theme="dark"] .message-bubble pre{background:#0a0c10;color:#cdd6f4}
+[data-theme="dark"] .group-msg-bubble code{background:rgba(255,255,255,.08)}
+[data-theme="dark"] .group-msg-bubble pre{background:#0a0c10;color:#cdd6f4}
+[data-theme="dark"] .toast-error{background:rgba(127,29,29,.8);color:#fca5a5;border-color:rgba(239,68,68,.4)}
+[data-theme="dark"] .toast-success{background:rgba(6,78,59,.8);color:#6ee7b7;border-color:rgba(16,185,129,.4)}
+[data-theme="dark"] .toast-info{background:rgba(30,64,175,.8);color:#93c5fd;border-color:rgba(59,130,246,.4)}
+[data-theme="dark"] .modal-overlay{background:rgba(0,0,0,.5)}
+[data-theme="dark"] .exec-badge.local{background:rgba(16,185,129,.15);color:#6ee7b7}
+[data-theme="dark"] .exec-badge.sandbox{background:rgba(245,158,11,.15);color:#fcd34d}
+[data-theme="dark"] .mode-btn.active-chat{background:var(--bg2);color:var(--accent);box-shadow:var(--shadow-sm)}
+[data-theme="dark"] .mode-btn.active-exec{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
+[data-theme="dark"] .exec-mode-btn.active-local{background:rgba(16,185,129,.15);color:#6ee7b7;border-color:rgba(16,185,129,.3)}
+[data-theme="dark"] .exec-mode-btn.active-local:hover{background:rgba(16,185,129,.25)}
+[data-theme="dark"] .lock-indicator{background:rgba(127,29,29,.3);border-color:rgba(239,68,68,.3);color:#fca5a5}
+[data-theme="dark"] .lock-indicator:hover{background:rgba(127,29,29,.5)}
+[data-theme="dark"] .code-block-wrapper pre{background:#0a0c10;color:#cdd6f4}
+[data-theme="dark"] .code-copy-btn{background:var(--bg4);color:var(--text2)}
+[data-theme="dark"] .code-copy-btn:hover{background:var(--bg5);color:var(--text)}
+[data-theme="dark"] .code-copy-btn.copied{background:rgba(16,185,129,.3);color:#a7f3d0}
+[data-theme="dark"] .group-member-role.owner{background:rgba(245,158,11,.15);color:#fcd34d}
+[data-theme="dark"] .group-member-role.admin{background:rgba(59,130,246,.15);color:#93c5fd}
+[data-theme="dark"] .setup-wizard-overlay{background:rgba(10,10,20,.9)}
+[data-theme="dark"] .largetext-option:hover,[data-theme="dark"] .largetext-option.selected{border-color:var(--accent);background:rgba(99,102,241,.1)}
+[data-theme="dark"] .platform-toggle{background:var(--bg4)}
+[data-theme="dark"] .quick-action{background:var(--bg2);border-color:var(--border)}
+[data-theme="dark"] .quick-action:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
+[data-theme="dark"] .task-delete:hover{background:rgba(127,29,29,.3)}
+[data-theme="dark"] .platform-card-btn.delete:hover{background:rgba(127,29,29,.3)}
+[data-theme="dark"] ::-webkit-scrollbar-thumb{background:var(--bg4)}
+[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:var(--bg5)}
+[data-theme="claude"] .sidebar-logo{background:linear-gradient(135deg,#c96442,#a0502e)}
+[data-theme="claude"] .new-chat-btn{background:var(--accent)}
+[data-theme="claude"] .new-chat-btn:hover{background:var(--accent2)}
+
+/* ── Execution Events Panel ── */
+.exec-events-panel{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}
+.exec-events-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg2);border-bottom:1px solid var(--border);cursor:pointer;font-size:12px;font-weight:600;color:var(--text2);user-select:none;transition:var(--transition)}
+.exec-events-header:hover{background:var(--bg3);color:var(--text)}
+.exec-events-header .events-chevron{transition:transform .2s ease;font-size:10px}
+.exec-events-header.expanded .events-chevron{transform:rotate(90deg)}
+.exec-events-header .events-count{background:var(--accent);color:#fff;font-size:10px;padding:0 6px;border-radius:10px;font-weight:700;min-width:18px;text-align:center}
+.exec-events-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
+.exec-events-body.expanded{max-height:600px;overflow-y:auto}
+.exec-event-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-light);font-size:12px;transition:background .15s}
+.exec-event-item:last-child{border-bottom:none}
+.exec-event-item:hover{background:var(--bg2)}
+.exec-event-icon{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;flex-shrink:0;font-size:11px;margin-top:1px}
+.exec-event-icon.tool{background:#eff6ff;color:#3b82f6}
+.exec-event-icon.code-run{background:#fef3c7;color:#d97706}
+.exec-event-icon.code-ok{background:#dcfce7;color:#16a34a}
+.exec-event-icon.code-fail{background:#fee2e2;color:#dc2626}
+.exec-event-icon.code-timeout{background:#fce7f3;color:#db2777}
+.exec-event-icon.skill{background:#f3e8ff;color:#7c3aed}
+.exec-event-body{flex:1;min-width:0}
+.exec-event-title{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.exec-event-meta{font-size:11px;color:var(--text3);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}
+.exec-event-meta .meta-tag{padding:0 4px;border-radius:3px;background:var(--bg3);white-space:nowrap}
+.exec-event-code{margin-top:4px;padding:4px 8px;background:var(--bg3);border-radius:4px;font-family:'SF Mono',Monaco,Consolas,'Courier New',monospace;font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:var(--transition)}
+.exec-event-code:hover{background:var(--bg4);color:var(--text)}
+.exec-event-summary{margin-top:3px;font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
+.exec-event-result-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;margin-top:4px;border-radius:4px;background:var(--bg3);color:var(--accent);font-size:11px;cursor:pointer;border:none;transition:var(--transition)}
+.exec-event-result-btn:hover{background:var(--accent-light);color:var(--accent-dark)}
+.exec-event-result-btn svg{width:12px;height:12px}
+
+/* ── Execution Result Modal ── */
+.exec-result-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}
+.exec-result-modal{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:min(680px,90vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:slideUp .2s ease}
+.exec-result-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}
+.exec-result-modal-header h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
+.exec-result-modal-header h3 .status-icon{font-size:16px}
+.exec-result-modal-close{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;cursor:pointer;color:var(--text3);transition:var(--transition);border:none;background:none}
+.exec-result-modal-close:hover{background:var(--bg3);color:var(--text)}
+.exec-result-modal-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 18px;flex-shrink:0}
+.exec-result-tab{padding:8px 14px;font-size:12px;font-weight:600;color:var(--text3);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:var(--transition)}
+.exec-result-tab:hover{color:var(--text2)}
+.exec-result-tab.active{color:var(--accent);border-bottom-color:var(--accent)}
+.exec-result-modal-body{flex:1;overflow-y:auto;padding:16px 18px;min-height:0}
+.exec-result-section{display:none}
+.exec-result-section.active{display:block}
+.exec-result-section pre{background:var(--bg3);border:1px solid var(--border-light);border-radius:8px;padding:12px 14px;font-family:'SF Mono',Monaco,Consolas,'Courier New',monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all;max-height:50vh;overflow-y:auto;color:var(--text)}
+.exec-result-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:12px}
+.exec-result-info-item{padding:8px 12px;background:var(--bg2);border-radius:6px}
+.exec-result-info-item .label{font-size:11px;color:var(--text3);margin-bottom:2px}
+.exec-result-info-item .value{font-size:13px;font-weight:600;color:var(--text)}
+.exec-result-empty{text-align:center;padding:40px;color:var(--text3);font-size:13px}
+
+@keyframes fadeIn{from{opacity:0}to{opacity:1}}
+@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
+
+/* Dark theme overrides for exec events */
+[data-theme="dark"] .exec-event-icon.tool{background:rgba(59,130,246,.15);color:#93c5fd}
+[data-theme="dark"] .exec-event-icon.code-run{background:rgba(217,119,6,.15);color:#fcd34d}
+[data-theme="dark"] .exec-event-icon.code-ok{background:rgba(22,163,74,.15);color:#86efac}
+[data-theme="dark"] .exec-event-icon.code-fail{background:rgba(220,38,38,.15);color:#fca5a5}
+[data-theme="dark"] .exec-event-icon.code-timeout{background:rgba(219,39,119,.15);color:#f9a8d4}
+[data-theme="dark"] .exec-event-icon.skill{background:rgba(124,58,237,.15);color:#c4b5fd}
+[data-theme="dark"] .exec-events-panel{background:var(--bg2);border-color:var(--border)}
+[data-theme="dark"] .exec-result-modal{background:var(--bg2);border-color:var(--border)}
+[data-theme="dark"] .exec-result-modal-body pre{background:#0a0c10;color:#cdd6f4}
+[data-theme="dark"] .exec-result-info-item{background:var(--bg3)}
+
 </style>
 </head>
 <body>
@@ -1378,6 +1510,9 @@ input,textarea,select{font:inherit}
         <button class="header-btn" id="clearChatBtn" onclick="clearCurrentChat()" title="清空当前对话">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
         </button>
+        <button class="header-btn" id="themeToggle" title="切换主题">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
+        </button>
       </div>
     </div>
 
@@ -1500,6 +1635,49 @@ input,textarea,select{font:inherit}
 <div id="groupModalContainer"></div>
 
 <script>
+// ── Theme Management ──
+function initTheme() {
+  const saved = localStorage.getItem('myagent-theme') || 'claude';
+  document.documentElement.setAttribute('data-theme', saved);
+  updateThemeIcon(saved);
+}
+function toggleTheme() {
+  const current = document.documentElement.getAttribute('data-theme') || 'claude';
+  const next = current === 'claude' ? 'dark' : 'claude';
+  document.documentElement.setAttribute('data-theme', next);
+  localStorage.setItem('myagent-theme', next);
+  updateThemeIcon(next);
+}
+function updateThemeIcon(theme) {
+  const btn = document.getElementById('themeToggle');
+  if (!btn) return;
+  if (theme === 'dark') {
+    btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>';
+    btn.title = '切换到 Claude 风格';
+  } else {
+    btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>';
+    btn.title = '切换到夜间模式';
+  }
+}
+// Initialize theme on load
+initTheme();
+// Bind theme toggle
+document.getElementById('themeToggle')?.addEventListener('click', toggleTheme);
+
+// ── Sidebar Collapse ──
+function toggleSidebar() {
+  const sidebar = document.querySelector('.sidebar');
+  if (!sidebar) return;
+  sidebar.classList.toggle('hidden');
+  localStorage.setItem('myagent-sidebar-collapsed', sidebar.classList.contains('hidden'));
+}
+// Restore sidebar state
+(function() {
+  if (localStorage.getItem('myagent-sidebar-collapsed') === 'true') {
+    document.querySelector('.sidebar')?.classList.add('hidden');
+  }
+})();
+
 // ── State ──
 const state = {
   sessions: [],          // [{id, name, messages: int, last: string}]
@@ -1616,6 +1794,8 @@ const StatePersistence = {
 
 // ── Init ──
 document.addEventListener('DOMContentLoaded', () => {
+  // Initialize theme
+  initTheme();
   // Restore persisted UI state
   StatePersistence.restoreUIState();
 
@@ -2717,7 +2897,8 @@ async function saveAgentModal(editPath, parentPath) {
 
 async function deleteAgent(agentPath) {
   if (agentPath === 'default') { toast('不能删除默认 Agent', 'error'); return; }
-  if (!confirm('确定删除 Agent "' + agentPath + '" 及其所有子 Agent？')) return;
+  var msg = '确定删除 Agent "' + agentPath + '" 吗？\n\n删除后将同时清理：\n  📁 工作目录及所有文件\n  💬 该 Agent 的所有会话历史\n  🧠 相关记忆数据\n  🔗 所有子 Agent\n\n⚠️ 此操作不可撤销！';
+  if (!confirm(msg)) return;
   try {
     await api('/api/agents/' + encodeURIComponent(agentPath), { method: 'DELETE' });
     toast('Agent 已删除', 'success');
@@ -3014,11 +3195,14 @@ function renderMessages() {
       </div>` : '';
     const ttsIndicator = ttsManager && ttsManager.isPlaying && ttsManager.currentMsgIndex === i ?
       ' <span class="tts-playing-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/></svg></span>' : '';
+    const execEventsHtml = (!isUser && msg.exec_events && msg.exec_events.length > 0)
+      ? renderExecEvents(msg.exec_events, i) : '';
     html += `
       <div class="message-row ${msg.role}">
         <div class="message-avatar">${avatar}</div>
-        <div>
+        <div style="flex:1;min-width:0">
           <div class="message-bubble">${content}${ttsIndicator}</div>
+          ${execEventsHtml}
           ${msg.time ? `<div class="message-time">${formatTime(msg.time)}</div>` : ''}
           ${actionBtns}
         </div>
@@ -3032,6 +3216,242 @@ function renderMessages() {
   scrollToBottom();
 }
 
+// ── Execution Events Rendering ──
+function renderExecEvents(events, msgIndex) {
+  // 过滤出有意义的事件（仅展示调用/结果对，跳过中间状态）
+  const displayEvents = events.filter(e =>
+    ['tool_call','tool_result','skill_call','skill_result','code_exec','code_result'].includes(e.type)
+  );
+  if (displayEvents.length === 0) return '';
+
+  // 统计执行步骤数
+  const stepCount = displayEvents.filter(e => e.type === 'code_exec' || e.type === 'code_result' || e.type === 'tool_call' || e.type === 'skill_call').length;
+  const successCount = displayEvents.filter(e => (e.type === 'code_result' || e.type === 'tool_result' || e.type === 'skill_result') && e.success !== false).length;
+  const failCount = displayEvents.filter(e => (e.type === 'code_result' || e.type === 'tool_result' || e.type === 'skill_result') && e.success === false).length;
+
+  let itemsHtml = '';
+  for (const evt of displayEvents) {
+    const iconClass = getEventIconClass(evt);
+    const iconEmoji = getEventIconEmoji(evt);
+    const metaHtml = getEventMetaHtml(evt);
+
+    let bodyExtra = '';
+    // 代码预览
+    if (evt.code_preview && (evt.type === 'code_exec' || evt.type === 'code_result')) {
+      bodyExtra += `<div class="exec-event-code" onclick="showExecResultModal(${msgIndex}, ${evt.id})" title="点击查看完整结果">${escapeHtml(evt.code_preview)}</div>`;
+    }
+    // 结果摘要
+    if (evt.summary && (evt.type === 'tool_result' || evt.type === 'skill_result')) {
+      bodyExtra += `<div class="exec-event-summary">${escapeHtml(evt.summary)}</div>`;
+    }
+    // 查看详情按钮（仅结果类型事件）
+    if ((evt.type === 'code_result') && (evt.stdout || evt.stderr || evt.error)) {
+      bodyExtra += `<button class="exec-event-result-btn" onclick="showExecResultModal(${msgIndex}, ${evt.id})"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg> 查看详情</button>`;
+    }
+    if ((evt.type === 'tool_result' || evt.type === 'skill_result') && evt.result) {
+      bodyExtra += `<button class="exec-event-result-btn" onclick="showToolResultModal(${msgIndex}, ${evt.id})"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg> 查看详情</button>`;
+    }
+
+    itemsHtml += `
+      <div class="exec-event-item">
+        <div class="exec-event-icon ${iconClass}">${iconEmoji}</div>
+        <div class="exec-event-body">
+          <div class="exec-event-title">${escapeHtml(evt.title || '')}</div>
+          ${metaHtml ? `<div class="exec-event-meta">${metaHtml}</div>` : ''}
+          ${bodyExtra}
+        </div>
+      </div>`;
+  }
+
+  return `
+    <div class="exec-events-panel">
+      <div class="exec-events-header" onclick="toggleExecEventsPanel(this)">
+        <span class="events-chevron">▶</span>
+        <span>⚡ 执行过程</span>
+        <span class="events-count">${stepCount}</span>
+        ${successCount > 0 ? `<span style="color:var(--ok);font-weight:400;font-size:11px">${successCount} 成功</span>` : ''}
+        ${failCount > 0 ? `<span style="color:var(--danger);font-weight:400;font-size:11px">${failCount} 失败</span>` : ''}
+      </div>
+      <div class="exec-events-body">
+        ${itemsHtml}
+      </div>
+    </div>`;
+}
+
+function getEventIconClass(evt) {
+  if (evt.type === 'tool_call') return 'tool';
+  if (evt.type === 'tool_result') return evt.success === false ? 'code-fail' : 'tool';
+  if (evt.type === 'skill_call') return 'skill';
+  if (evt.type === 'skill_result') return evt.success === false ? 'code-fail' : 'skill';
+  if (evt.type === 'code_exec') return 'code-run';
+  if (evt.type === 'code_result') {
+    if (evt.timed_out) return 'code-timeout';
+    return evt.success ? 'code-ok' : 'code-fail';
+  }
+  return 'tool';
+}
+
+function getEventIconEmoji(evt) {
+  if (evt.type === 'tool_call' || evt.type === 'tool_result') return '🔧';
+  if (evt.type === 'skill_call' || evt.type === 'skill_result') return '🛠';
+  if (evt.type === 'code_exec') return '▶';
+  if (evt.type === 'code_result') {
+    if (evt.timed_out) return '⏰';
+    return evt.success ? '✅' : '❌';
+  }
+  return '📌';
+}
+
+function getEventMetaHtml(evt) {
+  const tags = [];
+  if (evt.language) tags.push(`<span class="meta-tag">${escapeHtml(evt.language)}</span>`);
+  if (evt.tool_name || evt.skill_name) tags.push(`<span class="meta-tag">${escapeHtml(evt.tool_name || evt.skill_name)}</span>`);
+  if (evt.execution_time !== undefined) tags.push(`<span class="meta-tag">${evt.execution_time}s</span>`);
+  if (evt.exit_code !== undefined) tags.push(`<span class="meta-tag">exit: ${evt.exit_code}</span>`);
+  if (evt.timed_out) tags.push(`<span class="meta-tag" style="color:var(--danger)">超时</span>`);
+  return tags.join('');
+}
+
+function toggleExecEventsPanel(header) {
+  header.classList.toggle('expanded');
+  const body = header.nextElementSibling;
+  body.classList.toggle('expanded');
+}
+
+// ── Execution Result Modal ──
+function showExecResultModal(msgIndex, eventId) {
+  const msg = state.messages[msgIndex];
+  if (!msg || !msg.exec_events) return;
+  const evt = msg.exec_events.find(e => e.id === eventId);
+  if (!evt) return;
+
+  const lang = evt.language || 'unknown';
+  const isSuccess = evt.success && !evt.timed_out;
+  const statusIcon = evt.timed_out ? '⏰' : isSuccess ? '✅' : '❌';
+  const statusText = evt.timed_out ? '执行超时' : isSuccess ? '执行成功' : '执行失败';
+
+  const hasStdout = evt.stdout && evt.stdout.trim();
+  const hasStderr = evt.stderr && evt.stderr.trim();
+  const hasError = evt.error && evt.error.trim();
+  const hasCode = evt.code && evt.code.trim();
+
+  // Build info grid
+  let infoHtml = `
+    <div class="exec-result-info">
+      <div class="exec-result-info-item"><div class="label">语言</div><div class="value">${escapeHtml(lang)}</div></div>
+      <div class="exec-result-info-item"><div class="label">状态</div><div class="value">${statusIcon} ${statusText}</div></div>
+      ${evt.execution_time !== undefined ? `<div class="exec-result-info-item"><div class="label">耗时</div><div class="value">${evt.execution_time}s</div></div>` : ''}
+      ${evt.exit_code !== undefined ? `<div class="exec-result-info-item"><div class="label">退出码</div><div class="value">${evt.exit_code}</div></div>` : ''}
+    </div>`;
+
+  // Build tabs
+  const tabs = [];
+  const sections = [];
+  if (hasCode) {
+    tabs.push({id:'code', label:'源代码'});
+    sections.push({id:'code', content: escapeHtml(evt.code), active: !hasStdout});
+  }
+  if (hasStdout) {
+    tabs.push({id:'stdout', label:'标准输出'});
+    sections.push({id:'stdout', content: escapeHtml(evt.stdout), active: true});
+  }
+  if (hasStderr) {
+    tabs.push({id:'stderr', label:'标准错误'});
+    sections.push({id:'stderr', content: escapeHtml(evt.stderr)});
+  }
+  if (hasError) {
+    tabs.push({id:'error', label:'错误信息'});
+    sections.push({id:'error', content: escapeHtml(evt.error)});
+  }
+
+  if (tabs.length === 0) {
+    infoHtml += '<div class="exec-result-empty">无详细输出</div>';
+  }
+
+  const tabsHtml = tabs.map((t, idx) =>
+    `<button class="exec-result-tab ${t.active ? 'active' : ''}" onclick="switchExecResultTab(this, '${t.id}')">${t.label}</button>`
+  ).join('');
+
+  const sectionsHtml = sections.map(s =>
+    `<div class="exec-result-section ${s.active ? 'active' : ''}" id="exec-section-${s.id}"><pre>${s.content}</pre></div>`
+  ).join('');
+
+  const modalHtml = `
+    <div class="exec-result-modal-overlay" onclick="closeExecResultModal(event)">
+      <div class="exec-result-modal" onclick="event.stopPropagation()">
+        <div class="exec-result-modal-header">
+          <h3><span class="status-icon">${statusIcon}</span> ${escapeHtml(evt.title || '执行结果')} <span style="font-weight:400;font-size:12px;color:var(--text3)">${escapeHtml(lang)}</span></h3>
+          <button class="exec-result-modal-close" onclick="closeExecResultModal()">✕</button>
+        </div>
+        <div class="exec-result-modal-body">
+          ${infoHtml}
+          ${tabs.length > 0 ? `<div class="exec-result-modal-tabs">${tabsHtml}</div>` : ''}
+          ${sectionsHtml}
+        </div>
+      </div>
+    </div>`;
+
+  // Remove existing modal
+  const existing = document.getElementById('execResultModalContainer');
+  if (existing) existing.remove();
+  // Add modal
+  const container = document.createElement('div');
+  container.id = 'execResultModalContainer';
+  container.innerHTML = modalHtml;
+  document.body.appendChild(container);
+}
+
+function showToolResultModal(msgIndex, eventId) {
+  const msg = state.messages[msgIndex];
+  if (!msg || !msg.exec_events) return;
+  const evt = msg.exec_events.find(e => e.id === eventId);
+  if (!evt) return;
+
+  const name = evt.tool_name || evt.skill_name || 'unknown';
+  const isSuccess = evt.success !== false;
+  const statusIcon = isSuccess ? '✅' : '❌';
+
+  const resultText = evt.result
+    ? escapeHtml(typeof evt.result === 'string' ? evt.result : JSON.stringify(evt.result, null, 2))
+    : (evt.summary ? escapeHtml(evt.summary) : '无结果');
+
+  const modalHtml = `
+    <div class="exec-result-modal-overlay" onclick="closeExecResultModal(event)">
+      <div class="exec-result-modal" onclick="event.stopPropagation()">
+        <div class="exec-result-modal-header">
+          <h3><span class="status-icon">${statusIcon}</span> ${escapeHtml(name)}</h3>
+          <button class="exec-result-modal-close" onclick="closeExecResultModal()">✕</button>
+        </div>
+        <div class="exec-result-modal-body">
+          <pre>${resultText}</pre>
+        </div>
+      </div>
+    </div>`;
+
+  const existing = document.getElementById('execResultModalContainer');
+  if (existing) existing.remove();
+  const container = document.createElement('div');
+  container.id = 'execResultModalContainer';
+  container.innerHTML = modalHtml;
+  document.body.appendChild(container);
+}
+
+function switchExecResultTab(btn, tabId) {
+  // Deactivate all tabs
+  btn.parentElement.querySelectorAll('.exec-result-tab').forEach(t => t.classList.remove('active'));
+  btn.classList.add('active');
+  // Show target section, hide others
+  document.querySelectorAll('.exec-result-section').forEach(s => s.classList.remove('active'));
+  const target = document.getElementById('exec-section-' + tabId);
+  if (target) target.classList.add('active');
+}
+
+function closeExecResultModal(e) {
+  if (e && e.target !== e.currentTarget) return;
+  const container = document.getElementById('execResultModalContainer');
+  if (container) container.remove();
+}
+
 function renderMarkdown(text) {
   if (!text) return '';
   // Code blocks with copy button
@@ -3154,6 +3574,7 @@ async function sendMessage() {
       role: 'assistant',
       content: data.response || '(无回复)',
       time: new Date().toISOString(),
+      exec_events: data.exec_events || [],
     });
 
     // Update session in list
@@ -3173,8 +3594,8 @@ async function sendMessage() {
     state.agentSessions[state.activeAgent] = [...state.sessions];
     renderSessions();
 
-    // Auto-play TTS if enabled
-    if (ttsManager.enabled && data.response) {
+    // Auto-play TTS if enabled (skip command execution results)
+    if (ttsManager.enabled && data.response && !data.response.match(/^\s*[✅❌⏰]\s*\[执行结果\]/m)) {
       const idx = state.messages.length - 1;
       ttsManager.speak(idx);
     }
@@ -3371,11 +3792,6 @@ function autoResize(el) {
   el.style.height = Math.min(el.scrollHeight, 150) + 'px';
 }
 
-// ── Sidebar Toggle ──
-function toggleSidebar() {
-  document.getElementById('sidebar').classList.toggle('hidden');
-}
-
 // ── Toast ──
 function toast(message, type = 'info') {
   const container = document.getElementById('toastContainer');
@@ -4870,6 +5286,10 @@ const ttsManager = {
     const msg = state.messages[msgIndex];
     if (!msg || msg.role !== 'user' && !msg.content) return;
 
+    // 跳过命令执行结果（以 [执行结果] 开头的消息）
+    var rawText = msg.content.replace(/<[^>]+>/g, '');
+    if (/^\s*[✅❌⏰]\s*\[执行结果\]/m.test(rawText)) return;
+
     // 去除 HTML 标签（msg.content 是 HTML 格式，SVG 图标等会被朗读）
     let text = msg.content
       .replace(/<svg[^>]*>[\s\S]*?<\/svg>/gi, '')      // 移除 SVG 图标

package/web/ui/index.html

@@ -6,7 +6,34 @@
 <title>MyAgent 管理后台</title>
 <style>
 *{margin:0;padding:0;box-sizing:border-box}
-:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#232733;--border:#2e3347;--text:#e1e4ed;--text2:#8b92a5;--primary:#6366f1;--primary-h:#818cf8;--success:#22c55e;--warn:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius:8px}
+:root{
+  --bg:#0f1117;--bg2:#1a1d27;--bg3:#232733;--bg4:#2e3347;--bg5:#3a3f57;
+  --surface:#1a1d27;--surface2:#232733;
+  --text:#e1e4ed;--text2:#8b92a5;--text3:#5c6378;
+  --accent:#6366f1;--accent2:#818cf8;--accent-light:#2d2f5e;--accent-dark:#9da3f8;
+  --primary:#6366f1;--primary-h:#818cf8;
+  --ok:#22c55e;--success:#22c55e;--warn:#f59e0b;--danger:#ef4444;--info:#3b82f6;
+  --border:#2e3347;--border-light:#232733;
+  --radius:8px;
+}
+[data-theme="claude"]{
+  --bg:#f5f0e8;--bg2:#ebe5d9;--bg3:#e2dace;--bg4:#d6cfc3;--bg5:#c8bfb0;
+  --surface:#ebe5d9;--surface2:#e2dace;
+  --text:#2c2c2c;--text2:#5a5a5a;--text3:#8a8a8a;
+  --accent:#c96442;--accent2:#d97a5a;--accent-light:#fceee8;--accent-dark:#a0502e;
+  --primary:#c96442;--primary-h:#d97a5a;
+  --ok:#4a9c6d;--success:#4a9c6d;--warn:#c4862b;--danger:#c94444;--info:#4a7fc9;
+  --border:#d6cfc3;--border-light:#e2dace;
+}
+[data-theme="dark"]{
+  --bg:#0f1117;--bg2:#1a1d27;--bg3:#232733;--bg4:#2e3347;--bg5:#3a3f57;
+  --surface:#1a1d27;--surface2:#232733;
+  --text:#e1e4ed;--text2:#8b92a5;--text3:#5c6378;
+  --accent:#6366f1;--accent2:#818cf8;--accent-light:#2d2f5e;--accent-dark:#9da3f8;
+  --primary:#6366f1;--primary-h:#818cf8;
+  --ok:#22c55e;--success:#22c55e;--warn:#f59e0b;--danger:#ef4444;--info:#3b82f6;
+  --border:#2e3347;--border-light:#232733;
+}
 body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);height:100vh;display:flex}
 .sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}
 .sidebar .logo{padding:20px;font-size:18px;font-weight:700;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
@@ -106,29 +133,48 @@ tr:hover{background:var(--surface2)}
 .status-msg.loading{color:var(--info)}
 .status-msg.success{color:var(--success);background:rgba(34,197,94,.1)}
 .status-msg.error{color:var(--danger);background:rgba(239,68,68,.1)}
+/* ── Theme & Sidebar ── */
+.sidebar{transition:width .3s ease;overflow:hidden;position:relative}
+.sidebar.collapsed{width:52px}
+.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}
+.sidebar.collapsed .nav-item .icon-text{display:none}
+.sidebar.collapsed .logo .logo-text{display:none}
+.sidebar.collapsed .logo{justify-content:center;padding:20px 8px}
+.sidebar.collapsed .sidebar-footer-text{display:none}
+.sidebar-toggle{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;z-index:25;color:var(--text2);font-size:14px;transition:all .15s}
+.sidebar-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
+.header-btn{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;color:var(--text2);cursor:pointer;border:none;background:none;transition:all .15s}
+.header-btn:hover{background:var(--surface2);color:var(--text)}
+[data-theme="claude"] .log-viewer,[data-theme="claude"] .config-preview{background:#faf6ef;color:#5a5a5a}
+[data-theme="claude"] .log-viewer .INFO,[data-theme="claude"] .config-preview .key{color:#4a7fc9}
+[data-theme="claude"] .badge-green{background:#4a9c6d22}
+[data-theme="claude"] .badge-red{background:#c9444422}
+[data-theme="claude"] .badge-yellow{background:#c4862b22}
+[data-theme="claude"] .badge-blue{background:#4a7fc922}
 </style>
 </head>
 <body>
-<div class="sidebar">
-  <div class="logo"><span>🤖</span> MyAgent</div>
+<div class="sidebar" id="adminSidebar">
+  <div class="sidebar-toggle" onclick="toggleSidebar()" id="sidebarToggle">◀</div>
+  <div class="logo"><span>🤖</span> <span class="logo-text">MyAgent</span></div>
   <div class="nav">
-    <div class="nav-item active" onclick="showPage('dashboard')"><span class="icon">📊</span>仪表盘</div>
-    <div class="nav-item" onclick="showPage('agents')"><span class="icon">🧠</span>Agent 管理</div>
-    <div class="nav-item" onclick="showPage('platforms')"><span class="icon">💬</span>聊天平台</div>
-    <div class="nav-item" onclick="showPage('organization')"><span class="icon">🏢</span>组织管理</div>
-    <div class="nav-item" onclick="showPage('departments')"><span class="icon">🏛</span>部门管理</div>
-    <div class="nav-item" onclick="showPage('sessions')"><span class="icon">📂</span>会话管理</div>
-    <div class="nav-item" onclick="showPage('memory')"><span class="icon">🧠</span>记忆管理</div>
-    <div class="nav-item" onclick="showPage('permissions')"><span class="icon">🔑</span>权限管理</div>
-    <div class="nav-item" onclick="showPage('llm')"><span class="icon">⚙️</span>大模型设置</div>
-    <div class="nav-item" onclick="showPage('system')"><span class="icon">📦</span>系统配置</div>
-    <div class="nav-item" onclick="showPage('executor')"><span class="icon">🔧</span>执行引擎</div>
-    <div class="nav-item" onclick="showPage('skills')"><span class="icon">🛠</span>技能管理</div>
-    <div class="nav-item" onclick="showPage('files')"><span class="icon">📁</span>工作目录</div>
-    <div class="nav-item" onclick="showPage('logs')"><span class="icon">📋</span>查看日志</div>
-    <div class="nav-item" onclick="showPage('tasks')"><span class="icon">📌</span>任务记录</div>
+    <div class="nav-item active" onclick="showPage('dashboard')"><span class="icon">📊</span><span class="icon-text">仪表盘</span></div>
+    <div class="nav-item" onclick="showPage('agents')"><span class="icon">🧠</span><span class="icon-text">Agent 管理</span></div>
+    <div class="nav-item" onclick="showPage('platforms')"><span class="icon">💬</span><span class="icon-text">聊天平台</span></div>
+    <div class="nav-item" onclick="showPage('organization')"><span class="icon">🏢</span><span class="icon-text">组织管理</span></div>
+    <div class="nav-item" onclick="showPage('departments')"><span class="icon">🏛</span><span class="icon-text">部门管理</span></div>
+    <div class="nav-item" onclick="showPage('sessions')"><span class="icon">📂</span><span class="icon-text">会话管理</span></div>
+    <div class="nav-item" onclick="showPage('memory')"><span class="icon">🧠</span><span class="icon-text">记忆管理</span></div>
+    <div class="nav-item" onclick="showPage('permissions')"><span class="icon">🔑</span><span class="icon-text">权限管理</span></div>
+    <div class="nav-item" onclick="showPage('llm')"><span class="icon">⚙️</span><span class="icon-text">大模型设置</span></div>
+    <div class="nav-item" onclick="showPage('system')"><span class="icon">📦</span><span class="icon-text">系统配置</span></div>
+    <div class="nav-item" onclick="showPage('executor')"><span class="icon">🔧</span><span class="icon-text">执行引擎</span></div>
+    <div class="nav-item" onclick="showPage('skills')"><span class="icon">🛠</span><span class="icon-text">技能管理</span></div>
+    <div class="nav-item" onclick="showPage('files')"><span class="icon">📁</span><span class="icon-text">工作目录</span></div>
+    <div class="nav-item" onclick="showPage('logs')"><span class="icon">📋</span><span class="icon-text">查看日志</span></div>
+    <div class="nav-item" onclick="showPage('tasks')"><span class="icon">📌</span><span class="icon-text">任务记录</span></div>
   </div>
-  <div style="padding:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text2)">
+  <div style="padding:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text2)" class="sidebar-footer-text">
     <span id="sidebarVersion">v...</span>
     <span id="updateBadge" style="display:none;margin-left:6px;color:var(--danger);font-weight:bold;cursor:pointer" onclick="doUpdate()" title="点击更新">[有新版本]</span>
     · <a href="#" onclick="api('/api/status').then(r=>showToast('Running: '+r.running,'success'))" style="color:var(--primary)">状态</a>
@@ -136,7 +182,7 @@ tr:hover{background:var(--surface2)}
   </div>
 </div>
 <div class="main">
-  <div class="header"><h2 id="pageTitle">📊 仪表盘</h2><div><span class="status-dot"></span>运行中</div></div>
+  <div class="header"><div style="display:flex;align-items:center;gap:12px"><h2 id="pageTitle">📊 仪表盘</h2><button class="header-btn" id="themeToggle" title="切换主题"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg></button></div><div style="display:flex;align-items:center;gap:8px"><span class="status-dot"></span>运行中</div></div>
   <div class="content" id="content"></div>
 </div>
 <div id="modalContainer"></div>
@@ -199,6 +245,17 @@ async function doUpdate(){
   }catch(e){showToast('更新失败','danger')}
 }
 // 页面加载时获取版本号，30秒后自动检查更新
+// ── Theme Management ──
+function initTheme(){const s=localStorage.getItem('myagent-theme')||'claude';document.documentElement.setAttribute('data-theme',s);updateThemeIcon(s)}
+function toggleTheme(){const c=document.documentElement.getAttribute('data-theme')||'claude';const n=c==='claude'?'dark':'claude';document.documentElement.setAttribute('data-theme',n);localStorage.setItem('myagent-theme',n);updateThemeIcon(n)}
+function updateThemeIcon(t){const b=document.getElementById('themeToggle');if(!b)return;if(t==='dark'){b.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>';b.title='切换到 Claude 风格'}else{b.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>';b.title='切换到夜间模式'}}
+// ── Sidebar Collapse ──
+function toggleSidebar(){const s=document.getElementById('adminSidebar');const t=document.getElementById('sidebarToggle');if(!s)return;s.classList.toggle('collapsed');const isCollapsed=s.classList.contains('collapsed');t.textContent=isCollapsed?'▶':'◀';localStorage.setItem('myagent-admin-sidebar-collapsed',isCollapsed)}
+// Initialize
+initTheme();
+document.getElementById('themeToggle')?.addEventListener('click',toggleTheme);
+if(localStorage.getItem('myagent-admin-sidebar-collapsed')==='true'){document.getElementById('adminSidebar')?.classList.add('collapsed');const t=document.getElementById('sidebarToggle');if(t)t.textContent='▶'}
+
 loadVersion();
 setTimeout(()=>checkUpdate(false),30000);
 function showConfirm(title,msg,onOk){
@@ -347,6 +404,7 @@ async function openEditAgentModal(path){
       <div class="tab" onclick="agentTabSwitch(this,'atKB')">知识库</div>
       <div class="tab" onclick="agentTabSwitch(this,'atSessions')">会话历史</div>
       <div class="tab" onclick="agentTabSwitch(this,'atSettings')">设置</div>
+      <div class="tab" onclick="agentTabSwitch(this,'atPerms')">🔑 权限</div>
     </div>
 
     <!-- 基本信息 -->
@@ -405,17 +463,23 @@ async function openEditAgentModal(path){
         <button class="btn btn-primary" onclick="doSaveAgentSettings('${escHtml(path)}')">保存设置</button>
       </div>
     </div>
+
+    <!-- 权限 -->
+    <div id="atPerms" class="hidden">
+      <div id="atPermsContent"><div class="empty">加载中...</div></div>
+    </div>
   </div></div>`;
 }
 
 function agentTabSwitch(el,tabId){
   el.parentElement.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
   el.classList.add('active');
-  const allTabs=['atBasic','atSoul','atKB','atSessions','atSettings'];
+  const allTabs=['atBasic','atSoul','atKB','atSessions','atSettings','atPerms'];
   allTabs.forEach(id=>$(id).classList.toggle('hidden',id!==tabId));
   // Lazy load
   if(tabId==='atKB')loadAgentKB();
   if(tabId==='atSessions')loadAgentSessions();
+  if(tabId==='atPerms')loadAgentPerms();
 }
 
 async function doSaveAgent(path){
@@ -506,8 +570,67 @@ async function viewSessionMsgs(sid){
   $('sessionsContent').innerHTML=html;
 }
 
+async function loadAgentPerms(){
+  const path=window._currentEditAgentPath;if(!path)return;
+  const [agentPerms,globalPerms]=await Promise.all([
+    api('/api/permissions/'+encodeURIComponent(path)),
+    api('/api/permissions')
+  ]);
+  const perms=globalPerms.all_permissions||[];
+  const labels=globalPerms.labels||{};
+  const defaults=globalPerms.defaults||{};
+  const ap=agentPerms.permissions||{};
+  let html='<h4 style="font-size:14px;color:var(--text2);margin-bottom:12px">Agent 权限配置</h4>';
+  html+='<p style="color:var(--text2);font-size:12px;margin-bottom:16px">为该 Agent 单独配置权限。未设置的项目将使用全局默认值。</p>';
+  html+='<div class="grid" style="grid-template-columns:repeat(3,1fr);gap:12px">';
+  for(const p of perms){
+    const label=labels[p]||p;
+    const defVal=defaults[p]!==false;
+    const curVal=ap[p]!==undefined?ap[p]:defVal;
+    const checked=curVal?'checked':'';
+    const isDefault=ap[p]===undefined?'(默认)':'';
+    html+=`<div class="form-group" style="display:flex;align-items:center;gap:10px"><label style="flex:1;font-weight:500">${label} <span style="color:var(--text3);font-size:11px">${isDefault}</span></label><input type="checkbox" id="agent_perm_${p}" ${checked} style="width:18px;height:18px;cursor:pointer"></div>`;
+  }
+  html+='</div>';
+  html+='<div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveAgentPermsFromTab()">保存权限</button>';
+  html+='<button class="btn btn-ghost" onclick="resetAgentPermsFromTab()">重置为默认</button></div>';
+  $('atPermsContent').innerHTML=html;
+}
+async function saveAgentPermsFromTab(){
+  const path=window._currentEditAgentPath;if(!path)return;
+  const [agentPerms,globalPerms]=await Promise.all([
+    api('/api/permissions/'+encodeURIComponent(path)),
+    api('/api/permissions')
+  ]);
+  const perms=globalPerms.all_permissions||[];
+  const defaults=globalPerms.defaults||{};
+  const ap=agentPerms.permissions||{};
+  const data={};
+  for(const p of perms){
+    const el=document.getElementById('agent_perm_'+p);
+    if(!el)continue;
+    const defVal=defaults[p]!==false;
+    const curVal=el.checked;
+    // Only include if different from default
+    if(curVal!==defVal){
+      data[p]=curVal;
+    }
+  }
+  const r=await api('/api/permissions/'+encodeURIComponent(path),{method:'PUT',body:JSON.stringify(data)});
+  if(r.error){showToast(r.error,'danger');return}
+  showToast('Agent 权限已保存','success');
+}
+async function resetAgentPermsFromTab(){
+  const path=window._currentEditAgentPath;if(!path)return;
+  if(!confirm('确认将此 Agent 的权限重置为全局默认值？'))return;
+  const r=await api('/api/permissions/'+encodeURIComponent(path),{method:'DELETE'});
+  if(r.error){showToast(r.error,'danger');return}
+  showToast('已重置为默认权限','success');
+  loadAgentPerms();
+}
+
 function confirmDeleteAgent(path,name){
-  showConfirm('删除 Agent','确认删除 Agent "'+escHtml(name)+'" 吗？此操作不可恢复。',async()=>{
+  showConfirm('删除 Agent','确认删除 Agent "'+escHtml(name)+'" 吗？\n\n删除后将同时清理：\n  📁 工作目录及所有文件\n  💬 该 Agent 的所有会话历史\n  🧠 相关记忆数据\n  🔗 所有子 Agent\n\n⚠️ 此操作不可撤销！',async()=>{
     const r=await api(`/api/agents/${encodeURIComponent(path)}`,{method:'DELETE'});
     if(r.error){showToast(r.error,'danger');return}
     closeModal();showToast('已删除','success');renderAgents();