myagent-ai 1.15.20 → 1.15.22

package/core/deps_checker.py

@@ -23,6 +23,7 @@ from __future__ import annotations
 
 import importlib.util
 import os
+import re
 import subprocess
 import sys
 import threading
@@ -213,7 +214,7 @@ def _pip_install(pip_names: List[str], category: str = "") -> Tuple[bool, str]:
 
 
 def _check_version(import_name: str, min_version: str) -> bool:
-    """检查模块版本是否满足最低要求"""
+    """检查模块版本是否满足最低要求（使用简单的 tuple 比较，无需额外依赖）"""
     if not min_version:
         return True
     try:
@@ -221,10 +222,18 @@ def _check_version(import_name: str, min_version: str) -> bool:
         if spec is None:
             return False
         mod = importlib.import_module(import_name)
-        ver = getattr(mod, "__version__", "0.0.0")
-        # 简单版本比较
-        from packaging.version import parse as parse_ver
-        return parse_ver(ver) >= parse_ver(min_version)
+        ver_str = getattr(mod, "__version__", "0.0.0")
+        # 简单版本比较：将版本字符串转为 tuple 进行比较
+        def _ver_tuple(v: str):
+            parts = []
+            for p in re.split(r'[.\-]', v)[:3]:
+                m = re.match(r'(\d+)', str(p))
+                parts.append(int(m.group(1)) if m else 0)
+            return tuple(parts)
+        try:
+            return _ver_tuple(ver_str) >= _ver_tuple(min_version)
+        except (ValueError, TypeError):
+            return True
     except Exception:
         return True  # 无法获取版本时保守通过
 

package/package.json

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

package/skills/chromedev_mcp.py

@@ -128,11 +128,13 @@ class MCPClient:
 
         try:
             # 启动 MCP Server 子进程
+            # 注意: stderr 必须用 DEVNULL 或在后台线程中持续读取
+            # 否则 stderr 管道缓冲区满后子进程会阻塞，导致 JSON-RPC 超时
             self._process = subprocess.Popen(
                 args,
                 stdin=subprocess.PIPE,
                 stdout=subprocess.PIPE,
-                stderr=subprocess.PIPE,
+                stderr=subprocess.DEVNULL,
                 env={**os.environ, "NO_COLOR": "1"},
             )
 

package/skills/search_skill.py

@@ -62,6 +62,27 @@ class WebSearchSkill(Skill):
         """
         num = min(max(num, 1), 20)
 
+        # 确保搜索依赖已安装（requests, beautifulsoup4, lxml）
+        try:
+            import requests
+            from bs4 import BeautifulSoup
+        except ImportError as imp_err:
+            logger.warning(f"搜索依赖缺失: {imp_err}，尝试自动安装...")
+            from core.deps_checker import ensure_skill_deps
+            if not ensure_skill_deps("search"):
+                return SkillResult(
+                    success=False,
+                    error=f"搜索依赖安装失败，请手动运行: pip install requests beautifulsoup4 lxml ({imp_err})",
+                )
+        try:
+            import requests  # noqa: F811
+            from bs4 import BeautifulSoup  # noqa: F811
+        except ImportError as imp_err:
+            return SkillResult(
+                success=False,
+                error=f"搜索依赖不可用，请手动运行: pip install requests beautifulsoup4 lxml ({imp_err})",
+            )
+
         try:
             # 尝试 DuckDuckGo HTML
             results = await self._duckduckgo_html_search(query, num)
@@ -139,9 +160,6 @@ class WebSearchSkill(Skill):
                         break
 
             return results
-        except ImportError:
-            logger.debug("beautifulsoup4 未安装")
-            return []
         except Exception as e:
             logger.warning(f"DuckDuckGo HTML 搜索失败: {e}")
             return []
@@ -216,8 +234,6 @@ class WebSearchSkill(Skill):
                     break
 
             return results
-        except ImportError:
-            return []
         except Exception as e:
             logger.warning(f"Bing 搜索失败: {e}")
             return []
@@ -234,9 +250,18 @@ class WebReadSkill(Skill):
     ]
 
     async def execute(self, url: str = "", extract_text: bool = True, **kwargs) -> SkillResult:
+        # 确保搜索依赖已安装
         try:
             import requests
             from bs4 import BeautifulSoup
+        except ImportError as imp_err:
+            logger.warning(f"网页读取依赖缺失: {imp_err}，尝试自动安装...")
+            from core.deps_checker import ensure_skill_deps
+            if not ensure_skill_deps("search"):
+                return SkillResult(success=False, error=f"依赖安装失败，请手动运行: pip install requests beautifulsoup4 lxml ({imp_err})")
+        try:
+            import requests  # noqa: F811
+            from bs4 import BeautifulSoup  # noqa: F811
 
             loop = asyncio.get_event_loop()
 
@@ -293,8 +318,6 @@ class WebReadSkill(Skill):
                 },
                 message=f"已读取: {title} ({len(content)} 字符)",
             )
-        except ImportError:
-            return SkillResult(success=False, error="请安装依赖: pip install requests beautifulsoup4")
         except Exception as e:
             return SkillResult(success=False, error=f"网页读取失败: {e}")
 
@@ -314,8 +337,16 @@ class URLReadSkill(Skill):
 
     async def execute(self, url: str = "", method: str = "GET",
                       headers: dict = None, body: str = "", **kwargs) -> SkillResult:
+        # 确保依赖已安装
         try:
             import requests
+        except ImportError as imp_err:
+            logger.warning(f"URL读取依赖缺失: {imp_err}，尝试自动安装...")
+            from core.deps_checker import ensure_skill_deps
+            if not ensure_skill_deps("search"):
+                return SkillResult(success=False, error=f"依赖安装失败，请手动运行: pip install requests ({imp_err})")
+        try:
+            import requests  # noqa: F811
 
             headers = headers or {}
             loop = asyncio.get_event_loop()

package/web/ui/index.html

@@ -52,6 +52,9 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
 .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}
 .card h3{font-size:15px;margin-bottom:12px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}
 .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
+.grid-2{grid-template-columns:repeat(2,1fr)}
+.grid-3{grid-template-columns:repeat(3,1fr)}
+.grid-4{grid-template-columns:repeat(4,1fr)}
 .stat{background:var(--surface2);padding:16px;border-radius:var(--radius)}
 .stat .label{font-size:12px;color:var(--text2);margin-bottom:4px}
 .stat .value{font-size:28px;font-weight:700}
@@ -184,7 +187,17 @@ tr:hover{background:var(--surface2)}
   .content{padding:16px}
   .grid{grid-template-columns:1fr}
   .form-row{grid-template-columns:1fr}
-  .table-wrap{overflow-x:auto}
+  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
+  .card{padding:12px;margin-bottom:12px}
+  .card h3{font-size:14px;margin-bottom:8px}
+  .stat{padding:12px}
+  .stat .label{font-size:11px}
+  .stat .value{font-size:20px}
+  .grid,.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)!important}
+  .btn-sm{padding:6px 12px;font-size:12px;min-height:32px}
+  th,td{padding:6px 8px;font-size:12px;white-space:nowrap}
+  th{font-size:11px}
+  .badge{padding:2px 6px;font-size:10px}
   .modal{width:95%;max-height:90vh;padding:16px}
   .modal-wide{max-width:95%}
   .tabs{gap:0;overflow-x:auto}
@@ -192,6 +205,18 @@ tr:hover{background:var(--surface2)}
   .agent-card{flex-direction:column;align-items:flex-start}
   .agent-card .flex.flex-col{flex-direction:row;gap:4px}
 }
+@media(max-width:480px){
+  .content{padding:12px}
+  .card{padding:10px}
+  .grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}
+  .header h2{font-size:15px}
+  .btn-sm{padding:8px 12px;font-size:12px;min-height:36px}
+  .stat .value{font-size:18px}
+  .stat .label{font-size:10px}
+  .modal{width:98%;padding:12px}
+  .form-group{margin-bottom:10px}
+  .form-group label{font-size:12px}
+}
 </style>
 </head>
 <body>
@@ -635,9 +660,9 @@ async function loadAgentKB(){
     <h4 style="font-size:14px;color:var(--text2)">知识库文件 (${files.length})</h4>
     <button class="btn btn-sm btn-primary" onclick="uploadAgentKB('${escHtml(path)}',false)">上传文件</button> <button class="btn btn-sm btn-secondary" onclick="uploadAgentKB('${escHtml(path)}',true)">📁 上传文件夹</button></div>`;
   if(files.length===0){html+='<div class="empty">暂无知识库文件</div>';}
-  else{html+='<table><tr><th>文件名</th><th>大小</th><th></th></tr>';
+  else{html+='<div class="table-wrap"><table><tr><th>文件名</th><th>大小</th><th></th></tr>';
     for(const f of files){html+=`<tr><td>${escHtml(f.name||f.filename||'')}</td><td>${f.size||'-'}</td><td><button class="btn btn-sm btn-danger" onclick="deleteAgentKB('${escHtml(path)}','${escHtml(f.name||f.filename||'')}')">删除</button></td></tr>`}
-    html+='</table>';}
+    html+='</table></div>';}
   $('kbContent').innerHTML=html;
 }
 
@@ -672,9 +697,9 @@ async function loadAgentSessions(){
   const sessions=Array.isArray(data)?data:(data?.sessions||[]);
   let html=`<div class="flex justify-between items-center mb-16"><h4 style="font-size:14px;color:var(--text2)">会话 (${sessions.length})</h4></div>`;
   if(sessions.length===0){html+='<div class="empty">暂无会话</div>';}
-  else{html+='<table><tr><th>会话</th><th>消息数</th><th>最后活动</th><th></th></tr>';
+  else{html+='<div class="table-wrap"><table><tr><th>会话</th><th>消息数</th><th>最后活动</th><th></th></tr>';
     for(const s of sessions){const dn=s.display_name||s.id;html+=`<tr><td style="max-width:200px;overflow:hidden;text-overflow:ellipsis" title="${escHtml(s.id)}">${escHtml(dn.length>25?dn.slice(0,25)+'...':dn)}</td><td>${s.messages||0}</td><td>${fmtTimeAgo(s.last)}</td><td><button class="btn btn-sm" style="background:var(--success);color:#fff" onclick="enterSession('${escHtml(s.id)}','${escHtml(path)}')">切入</button> <button class="btn btn-sm btn-ghost" onclick="viewSessionMsgs('${escHtml(s.id)}')">查看</button></td></tr>`}
-    html+='</table>';}
+    html+='</table></div>';}
   $('sessionsContent').innerHTML=html;
 }
 
@@ -745,7 +770,7 @@ async function loadAgentPerms(){
   html+='<div class="card" style="margin-bottom:16px">';
   html+='<h3 style="font-size:14px;color:var(--text2);margin-bottom:8px">🔑 功能权限</h3>';
   html+='<p style="color:var(--text2);font-size:12px;margin-bottom:12px">精细控制 Agent 的各项能力。未设置的项目将使用全局默认值。</p>';
-  html+='<div class="grid" style="grid-template-columns:repeat(3,1fr);gap:12px">';
+  html+='<div class="grid grid-3" style="gap:12px">';
   for(const p of perms){
     const label=labels[p]||p;
     const defVal=defaults[p]!==false;
@@ -891,7 +916,7 @@ async function doDeletePlatform(name){
 // ========== Sessions ==========
 async function renderSessions(){
   const ss=await api('/api/sessions');
-  let html='<table><tr><th>会话</th><th>Agent</th><th>消息数</th><th>最后活动</th><th>操作</th></tr>';
+  let html='<div class="table-wrap"><table><tr><th>会话</th><th>Agent</th><th>消息数</th><th>最后活动</th><th>操作</th></tr>';
   for(const s of (ss||[])){
     // 从 session_id 提取 agent 名 (格式: agent_web_timestamp)
     const parts=(s.id||'').split('_web_');
@@ -901,7 +926,7 @@ async function renderSessions(){
       <td><button class="btn btn-sm" style="background:var(--success);color:#fff" onclick="enterSession('${escHtml(s.id)}','${escHtml(agentName)}')">切入</button>
       <button class="btn btn-sm btn-ghost" onclick="viewSession('${s.id}')">查看</button>
       <button class="btn btn-sm btn-danger" onclick="clearSession('${s.id}')">清除</button></td></tr>`;}
-  html+='</table>';if(!ss||!ss.length)html='<div class="empty">暂无会话</div>';
+  html+='</table></div>';if(!ss||!ss.length)html='<div class="empty">暂无会话</div>';
   $('content').innerHTML=html;
 }
 async function viewSession(sid){
@@ -975,7 +1000,7 @@ async function renderMemory(){
     tabHtml+=`<button class="btn ${active}" onclick="_memCategory='${c.k}';renderMemory()">${c.l} (${count})</button>`;
   }
   tabHtml+='</div>';
-  let html=`<div class="grid" style="grid-template-columns:repeat(3,1fr);margin-bottom:16px">
+  let html=`<div class="grid grid-3" style="margin-bottom:16px">
     <div class="stat"><div class="label">总计</div><div class="value">${stats.total_count||0}</div></div>
     <div class="stat"><div class="label">全局记忆</div><div class="value">${stats.global_count||0}</div></div>
     <div class="stat"><div class="label">会话记忆</div><div class="value">${stats.session_count||0}</div></div></div>`;
@@ -989,7 +1014,7 @@ async function renderMemory(){
     thHtml+='<th>会话</th>';
     if(!isSession)thHtml+='<th>重要性</th>';
     thHtml+='<th></th></tr>';
-    html+='<table>'+thHtml;
+    html+='<div class="table-wrap"><table>'+thHtml;
     for(const e of lt){
       const content=(e.content||e.summary||'')||(e.role==='user'?'[用户消息]':e.role==='assistant'?'[助手回复]':'[系统]');
 
@@ -1002,7 +1027,7 @@ async function renderMemory(){
       if(!isSession)html+='<td>'+(e.importance!=null?e.importance.toFixed(2):'')+'</td>';
       html+='<td><button class="btn btn-sm btn-danger" onclick="deleteMemory(\''+e.id+'\')">删除</button></td></tr>';
     }
-    html+='</table>';
+    html+='</table></div>';
   }else{
     html+='<div class="empty">暂无'+(_memCategory==='session'?'会话':'全局')+'记忆</div>';
   }
@@ -1013,12 +1038,12 @@ async function searchMemory(){
   const r=await api('/api/memory/search?q='+encodeURIComponent(q));
   let html='<h3>搜索结果: '+(r.length||0)+' 条</h3>';
   if(r&&r.length){
-    html+='<table><tr><th>Key</th><th>内容</th><th>分类</th><th>角色</th><th>会话</th></tr>';
+    html+='<div class="table-wrap"><table><tr><th>Key</th><th>内容</th><th>分类</th><th>角色</th><th>会话</th></tr>';
     for(const e of r){
       const content=(e.content||'').slice(0,300);
       html+=`<tr><td style="white-space:nowrap">${escHtml(e.key||'')}</td><td style="max-width:600px;word-break:break-word;font-size:13px">${escHtml(content)}</td><td>${e.category||''}</td><td>${escHtml(e.role||'')}</td><td style="font-size:12px;color:var(--text3)">${escHtml((e.session_id||'').split('_web_')[0])}</td></tr>`;
     }
-    html+='</table>';
+    html+='</table></div>';
   }else{
     html+='<div class="empty">未找到匹配的记忆</div>';
   }
@@ -1040,7 +1065,7 @@ async function renderPermissions(){
 
   // 全局默认权限
   let html='<div class="card"><h3>全局默认权限</h3><p style="color:var(--text2);font-size:13px;margin-bottom:12px">新 Agent 将继承这些默认权限设置</p>';
-  html+='<div class="grid" style="grid-template-columns:repeat(3,1fr);gap:12px">';
+  html+='<div class="grid grid-3" style="gap:12px">';
   for(const p of perms){
     const label=labels[p]||p;
     const val=defaults[p]!==false?'checked':'';
@@ -1051,7 +1076,7 @@ async function renderPermissions(){
   // Agent 权限覆盖
   const agentKeys=Object.keys(agents);
   if(agentKeys.length>0){
-    html+='<div class="card"><h3>Agent 权限覆盖</h3><p style="color:var(--text2);font-size:13px;margin-bottom:12px">以下 Agent 使用自定义权限（覆盖默认值）</p><table><tr><th>Agent</th>';
+    html+='<div class="card"><h3>Agent 权限覆盖</h3><p style="color:var(--text2);font-size:13px;margin-bottom:12px">以下 Agent 使用自定义权限（覆盖默认值）</p><div class="table-wrap"><table><tr><th>Agent</th>';
     for(const p of perms){html+=`<th>${labels[p]||p}</th>`;}
     html+='<th>操作</th></tr>';
     for(const name of agentKeys){
@@ -1063,7 +1088,7 @@ async function renderPermissions(){
       }
       html+=`<td><button class="btn btn-sm btn-ghost" onclick="editAgentPerms('${escHtml(name)}')">编辑</button> <button class="btn btn-sm btn-danger" onclick="resetAgentPerms('${escHtml(name)}')">重置</button></td></tr>`;
     }
-    html+='</table></div>';
+    html+='</table></div></div>';
   }
 
   $('content').innerHTML=html;
@@ -1114,7 +1139,7 @@ async function editAgentPerms(name){
 
   // 功能权限
   html+='<div style="font-size:13px;color:var(--text2);margin-bottom:8px;font-weight:600">🔑 功能权限</div>';
-  html+='<div class="grid" style="grid-template-columns:repeat(3,1fr);gap:12px">';
+  html+='<div class="grid grid-3" style="gap:12px">';
   for(const p of perms){
     const label=labels[p]||p;
     const defVal=defaults[p]!==false;
@@ -1174,7 +1199,7 @@ async function renderLLM(){
   allModelsCache=Array.isArray(models)?models:[];
   let html='';
   // 用量统计
-  html+=`<div class="card"><h3>用量统计</h3><div class="grid" style="grid-template-columns:repeat(4,1fr)">
+  html+=`<div class="card"><h3>用量统计</h3><div class="grid grid-4">
     <div class="stat"><div class="label">调用次数</div><div class="value">${u.call_count||0}</div></div>
     <div class="stat"><div class="label">Prompt Tokens</div><div class="value">${u.total_prompt_tokens||0}</div></div>
     <div class="stat"><div class="label">Completion Tokens</div><div class="value">${u.total_completion_tokens||0}</div></div>
@@ -1191,7 +1216,7 @@ async function renderLLM(){
   if(!modelList.length){
     html+='<div class="empty">暂无自定义模型，点击上方按钮添加。</div>';
   }else{
-    html+='<table style="font-size:12px"><tr><th>ID</th><th>名称</th><th>Provider</th><th>模型</th><th>上下文</th><th>输入</th><th>推理</th><th>兜底</th><th>状态</th><th>操作</th></tr>';
+    html+='<div class="table-wrap"><table style="font-size:12px"><tr><th>ID</th><th>名称</th><th>Provider</th><th>模型</th><th>上下文</th><th>输入</th><th>推理</th><th>兜底</th><th>状态</th><th>操作</th></tr>';
     const providerColors={openai:'badge-green',anthropic:'badge-yellow',ollama:'badge-purple',zhipu:'badge-blue',custom:'badge-red',deepseek:'badge-blue',moonshot:'badge-purple',qwen:'badge-yellow',modelscope:'badge-purple'};
     for(const m of modelList){
       const badgeClass=providerColors[m.provider]||'badge-green';
@@ -1211,7 +1236,7 @@ async function renderLLM(){
         <button class="btn btn-sm btn-success" onclick="testModel(encodeURIComponent('${escHtml(m.id)}'))">测试</button>
         <button class="btn btn-sm btn-danger" onclick="deleteModel('${escHtml(m.id)}','${escHtml(String(m.name||'').replace(/'/g,"\\'"))}')">删除</button></td></tr>`;
     }
-    html+='</table>';
+    html+='</table></div>';
   }
   html+='</div>';
   $('content').innerHTML=html;
@@ -1343,12 +1368,12 @@ async function renderExecutor(){
         <input type="radio" name="execMode" value="sandbox" ${isSandbox?'checked':''} onchange="switchMode('sandbox')" ${!dockerOk?'disabled':''}>
         <div><strong>📦 沙盒执行 (Docker)</strong><br><span style="font-size:12px;color:var(--text2)">在隔离容器中运行，更安全${!dockerOk?' (Docker 不可用)':''}</span></div></label></div>
     <div style="font-size:13px;color:var(--text2)">当前模式: <span class="badge ${isSandbox?'badge-yellow':'badge-green'}">${isSandbox?'沙盒 (Docker)':'本机'}</span> Docker 状态: <span class="badge ${dockerOk?'badge-green':'badge-red'}">${dockerOk?'可用':'不可用'}</span> 累计执行: <span class="tag">${e.execution_count||0} 次</span></div></div>`;
-  html+=`<div class="card"><h3>沙盒设置</h3><div class="grid" style="grid-template-columns:1fr 1fr">
+  html+=`<div class="card"><h3>沙盒设置</h3><div class="form-row">
     <div class="form-group"><label>Docker 镜像</label><input id="sbImage" value="${e.sandbox_image||'python:3.12-slim'}"></div>
     <div class="form-group"><label>内存限制</label><input id="sbMemory" value="${e.sandbox_memory||'512m'}" placeholder="512m"></div>
     <div class="form-group"><label>网络访问</label><select id="sbNetwork"><option ${!e.sandbox_network?'selected':''} value="false">禁止 (更安全)</option><option ${e.sandbox_network?'selected':''} value="true">允许</option></select></div></div>
     <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveExecutor()">保存设置</button></div></div>`;
-  html+=`<div class="card"><h3>执行参数</h3><div class="grid" style="grid-template-columns:1fr 1fr 1fr">
+  html+=`<div class="card"><h3>执行参数</h3><div class="form-row">
     <div class="form-group"><label>超时时间 (秒)</label><input id="exTimeout" type="number" value="${e.timeout||300}"></div>
     <div class="form-group"><label>自动重试</label><input id="exRetries" type="number" value="2"></div>
     <div class="form-group"><label>自动修复</label><select id="exAutoFix"><option ${e.auto_fix?'selected':''} value="true">开启</option><option ${!e.auto_fix?'selected':''} value="false">关闭</option></select></div></div></div>`;
@@ -1420,9 +1445,9 @@ async function viewSkillDetail(name){
     </div>
     <div class="form-group"><label>危险操作</label><div>${s.dangerous?'<span class="badge badge-red">是</span>':'<span class="badge badge-green">否</span>'}</div></div>
     <div class="form-group"><label>参数 (${(s.parameters||[]).length})</label>
-    <table><tr><th>名称</th><th>类型</th><th>必需</th><th>描述</th></tr>
+    <div class="table-wrap"><table><tr><th>名称</th><th>类型</th><th>必需</th><th>描述</th></tr>
     ${(s.parameters||[]).map(p=>`<tr><td><code>${escHtml(p.name)}</code></td><td>${p.type||'string'}</td><td>${p.required?'✅':'❌'}</td><td>${escHtml(p.description||'')}</td></tr>`).join('')}
-    </table></div>`;
+    </table></div></div>`;
   $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()">${html}<div class="flex gap-8 mt-16"><button class="btn btn-ghost" onclick="closeModal()">关闭</button></div></div></div>`;
 }
 
@@ -1433,12 +1458,12 @@ async function renderFiles(){
     <span style="font-size:14px;color:var(--text2)">工作目录: ${wd.path}</span>
     <button class="btn btn-sm btn-ghost" onclick="changeWorkdir()">更改</button>
     <button class="btn btn-sm btn-ghost" onclick="renderFiles()">刷新</button></div>`;
-  html+='<table><tr><th>名称</th><th>类型</th><th>大小</th></tr>';
+  html+='<div class="table-wrap"><table><tr><th>名称</th><th>类型</th><th>大小</th></tr>';
   for(const f of (files||[])){
     const icon=f.type==='dir'?'📁':'📄';const size=f.type==='file'?(f.size>1024?(f.size/1024).toFixed(1)+'KB':f.size+'B'):'-';
     html+=`<tr><td>${icon} ${escHtml(f.name)}</td><td>${f.type}</td><td>${size}</td></tr>`;}
   if(!files||!files.length)html+='<tr><td colspan="3" class="empty">目录为空</td></tr>';
-  html+='</table>';$('content').innerHTML=html;
+  html+='</table></div>';$('content').innerHTML=html;
 }
 async function changeWorkdir(){const p=prompt('新路径:');if(!p)return;await api('/api/workdir',{method:'PUT',body:JSON.stringify({path:p})});renderFiles();}
 
@@ -1471,7 +1496,7 @@ async function renderTasks(){
   const tasks=r.tasks||[];
   const statusCounts={pending:0,running:0,completed:0,failed:0};
   for(const t of tasks){statusCounts[t.status]=(statusCounts[t.status]||0)+1;}
-  let html=`<div class="grid" style="grid-template-columns:repeat(4,1fr);margin-bottom:16px">
+  let html=`<div class="grid grid-4" style="margin-bottom:16px">
     <div class="stat"><div class="label">待处理</div><div class="value">${statusCounts.pending}</div></div>
     <div class="stat"><div class="label">运行中</div><div class="value">${statusCounts.running}</div></div>
     <div class="stat"><div class="label">已完成</div><div class="value" style="color:var(--success)">${statusCounts.completed}</div></div>
@@ -1489,7 +1514,7 @@ async function renderTasks(){
   if(tasks.length===0){html+='<div class="empty">暂无任务记录</div>';}
   else{
     html+='<div style="max-height:calc(100vh - 340px);overflow-y:auto" id="taskList">';
-    html+='<table><tr><th>任务ID</th><th>描述</th><th>群聊</th><th>状态</th><th>时间</th><th>操作</th></tr>';
+    html+='<div class="table-wrap"><table><tr><th>任务ID</th><th>描述</th><th>群聊</th><th>状态</th><th>时间</th><th>操作</th></tr>';
     for(const t of tasks){
       const statusBadge=t.status==='completed'?'<span class="badge badge-green">已完成</span>':
         t.status==='running'?'<span class="badge badge-blue">运行中</span>':
@@ -1511,7 +1536,7 @@ async function renderTasks(){
           <button class="btn btn-sm btn-danger" onclick="deleteTask('${escHtml(t.task_id)}')">删除</button>
         </td></tr>`;
     }
-    html+='</table></div>';
+    html+='</table></div></div>';
   }
   $('content').innerHTML=html;
 }
@@ -1554,7 +1579,7 @@ async function renderOrganization(){
     </div>
     <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveOrgConfig()">保存配置</button></div></div>`;
   html+=`<div class="card"><h3>组织信息</h3>
-    <div class="grid" style="grid-template-columns:1fr 1fr">
+    <div class="form-row">
       <div class="form-group"><label>组织名称</label><input id="orgName" value="${escHtml(inf.name||'')}" placeholder="我的组织"></div>
       <div class="form-group"><label>组织描述</label><input id="orgDesc" value="${escHtml(inf.description||'')}" placeholder="组织简介"></div>
       <div class="form-group"><label>联系方式</label><input id="orgContact" value="${escHtml(inf.contact||'')}" placeholder="联系邮箱或电话"></div>
@@ -1581,13 +1606,13 @@ async function loadOrgKnowledge(){
   const files=await api('/api/organization/knowledge');
   const el=document.getElementById('orgKBList');if(!el)return;
   if(!files||!files.length){el.innerHTML='<div class="empty">暂无知识库文件</div>';return}
-  let html='<table><tr><th>文件名</th><th>大小</th><th>操作</th></tr>';
+  let html='<div class="table-wrap"><table><tr><th>文件名</th><th>大小</th><th>操作</th></tr>';
   for(const f of files){
     html+=`<tr><td>${escHtml(f.name||f.path)}</td><td>${f.size||'-'}</td>
       <td><button class="btn btn-sm btn-ghost" onclick="viewOrgKBFile('${escHtml(f.path||f.name)}')">查看</button>
       <button class="btn btn-sm btn-danger" onclick="deleteOrgKBFile('${escHtml(f.path||f.name)}')">删除</button></td></tr>`;
   }
-  html+='</table>';el.innerHTML=html;
+  html+='</table></div>';el.innerHTML=html;
 }
 function uploadOrgKnowledge(folderMode){
   const input=document.createElement('input');input.type='file';input.multiple=true;
@@ -1773,13 +1798,13 @@ async function loadDeptKB(path){
   let html='<h4 style="margin-bottom:8px">部门知识库</h4>';
   html+='<div style="margin-bottom:8px"><button class="btn btn-sm btn-primary" onclick="uploadDeptKB(\''+escHtml(path)+'\',false)">上传文件</button> <button class="btn btn-sm btn-secondary" onclick="uploadDeptKB(\''+escHtml(path)+'\',true)">📁 上传文件夹</button></div>';
   if(!files||!files.length){html+='<div class="empty" style="margin-top:12px">暂无知识库文件</div>';el.innerHTML=html;return}
-  html+='<table><tr><th>文件</th><th>操作</th></tr>';
+  html+='<div class="table-wrap"><table><tr><th>文件</th><th>操作</th></tr>';
   for(const f of files){
     html+=`<tr><td>${escHtml(f.name||f.path)}</td>
       <td><button class="btn btn-sm btn-ghost" onclick="viewDeptKBFile('${escHtml(path)}','${escHtml(f.path||f.name)}')">查看</button>
       <button class="btn btn-sm btn-danger" onclick="deleteDeptKBFile('${escHtml(path)}','${escHtml(f.path||f.name)}')">删除</button></td></tr>`;
   }
-  html+='</table>';el.innerHTML=html;
+  html+='</table></div>';el.innerHTML=html;
 }
 async function uploadDeptKB(path,folderMode){
   const input=document.createElement('input');input.type='file';input.multiple=true;