@aiscene/aiserver 1.2.3 → 1.2.5

package/dist/web/server.js

@@ -1,11 +1,211 @@
 import express from 'express';
 import path from 'path';
+import axios from 'axios';
 import { createLogger } from '../core/logger.js';
 import { deviceRepo } from '../storage/repositories/device-repo.js';
 import { taskRepo } from '../storage/repositories/task-repo.js';
 import { debugLogRepo } from '../storage/repositories/debug-log-repo.js';
 import { executionLogRepo } from '../storage/repositories/execution-log-repo.js';
+import { getDebugPageHtml } from './debug-page.js';
+import { getConfig } from '../config/index.js';
+import { AutobotsClient } from '../core/autobots-client.js';
 const logger = createLogger('WebServer');
+/**
+ * 构建脚本生成的上下文信息
+ */
+function buildScriptContext(runMode, platform, url, deviceId, packageName) {
+    const context = [];
+    context.push('请根据用户的需求生成自动化测试脚本。');
+    context.push('');
+    if (runMode === 'browser') {
+        context.push('运行环境：浏览器模式');
+        if (url) {
+            context.push(`测试URL：${url}`);
+        }
+    }
+    else {
+        context.push('运行环境：真机模式');
+        context.push(`平台：${platform === 'ios' ? 'iOS' : 'Android'}`);
+        if (deviceId) {
+            context.push(`设备ID：${deviceId}`);
+        }
+        if (packageName) {
+            context.push(`应用包名：${packageName}`);
+        }
+    }
+    context.push('');
+    context.push('请生成符合以下要求的脚本：');
+    context.push('1. 使用 @midscene/web（浏览器模式）或 @midscene/android/@midscene/ios（真机模式）');
+    context.push('2. 脚本应该是可执行的JavaScript代码');
+    context.push('3. 使用aiAction方法执行自然语言指令');
+    context.push('4. 包含必要的初始化和清理代码');
+    return context.join('\n');
+}
+/**
+ * 清理生成的脚本，移除markdown代码块标记
+ */
+function cleanGeneratedScript(script) {
+    // 移除 markdown 代码块标记
+    let cleaned = script;
+    // 移除 ```javascript, ```js, ``` 等代码块开始标记
+    cleaned = cleaned.replace(/```javascript\s*/gi, '');
+    cleaned = cleaned.replace(/```js\s*/gi, '');
+    cleaned = cleaned.replace(/```typescript\s*/gi, '');
+    cleaned = cleaned.replace(/```ts\s*/gi, '');
+    cleaned = cleaned.replace(/```\s*/gi, '');
+    // 移除可能的行内代码标记
+    cleaned = cleaned.replace(/`/g, '');
+    // 移除前后空白
+    cleaned = cleaned.trim();
+    return cleaned;
+}
+function generateScriptFromNaturalLanguage(options) {
+    const { naturalLanguage, runMode, platform, url, deviceId, packageName } = options;
+    // 解析自然语言，提取关键动作
+    const nl = naturalLanguage.toLowerCase();
+    const lines = [];
+    // 生成头部注释
+    lines.push('// ============================================');
+    lines.push('// AI自动生成的自动化测试脚本');
+    lines.push('// ============================================');
+    lines.push('// 生成时间: ' + new Date().toLocaleString('zh-CN'));
+    lines.push('// 运行模式: ' + (runMode === 'browser' ? '浏览器' : '真机'));
+    lines.push('// 平台: ' + (platform === 'android' ? 'Android' : 'iOS'));
+    if (url)
+        lines.push('// 测试URL: ' + url);
+    if (deviceId)
+        lines.push('// 设备ID: ' + deviceId);
+    if (packageName)
+        lines.push('// 包名: ' + packageName);
+    lines.push('// ============================================');
+    lines.push('');
+    if (runMode === 'browser') {
+        // 浏览器模式脚本
+        lines.push('// Midscene Web 自动化测试脚本');
+        lines.push("const { Midscene } = require('@midscene/web');");
+        lines.push('');
+        lines.push('async function main() {');
+        lines.push('  const midscene = new Midscene();');
+        lines.push('');
+        // 解析自然语言生成对应的Web操作
+        if (nl.includes('点击') || nl.includes('tap') || nl.includes('click')) {
+            const match = naturalLanguage.match(/点击[\s\S]*?['"]([^'"]+)['"][\s\S]*?/i) ||
+                naturalLanguage.match(/tap[\s\S]*?['"]([^'"]+)['"]/i) ||
+                naturalLanguage.match(/click[\s\S]*?['"]([^'"]+)['"]/i);
+            if (match) {
+                lines.push(`  // 点击操作`);
+                lines.push(`  await midscene.aiAction('点击 "${match[1]}"');`);
+            }
+            else {
+                lines.push(`  // 点击操作`);
+                lines.push(`  await midscene.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+            }
+        }
+        else if (nl.includes('输入') || nl.includes('type') || nl.includes('fill')) {
+            const match = naturalLanguage.match(/输入['"]([^'"]+)['"][\s\S]*?/i) ||
+                naturalLanguage.match(/type[\s\S]*?['"]([^'"]+)['"]/i);
+            if (match) {
+                lines.push(`  // 输入操作`);
+                lines.push(`  await midscene.aiAction('输入 "${match[1]}"');`);
+            }
+            else {
+                lines.push(`  // 输入操作`);
+                lines.push(`  await midscene.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+            }
+        }
+        else if (nl.includes('等待') || nl.includes('wait')) {
+            lines.push(`  // 等待操作`);
+            lines.push(`  await midscene.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+        }
+        else if (nl.includes('滑动') || nl.includes('scroll') || nl.includes('滚动')) {
+            lines.push(`  // 滚动操作`);
+            lines.push(`  await midscene.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+        }
+        else {
+            // 默认使用AI动作
+            lines.push('  // 自然语言指令:');
+            lines.push('  // ' + naturalLanguage);
+            lines.push(`  await midscene.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+        }
+        lines.push('  ');
+        lines.push('  // 可添加更多操作步骤...');
+        lines.push('  ');
+        lines.push('  await midscene.sleep(2000); // 等待2秒查看效果');
+        lines.push('  await midscene.quit();');
+        lines.push('}');
+        lines.push('');
+        lines.push('main().catch(console.error);');
+    }
+    else {
+        // 真机模式脚本
+        const isAndroid = platform === 'android';
+        const agentLib = isAndroid ? '@midscene/android' : '@midscene/ios';
+        const AgentClass = isAndroid ? 'AndroidAgent' : 'IOSAgent';
+        lines.push(`// Midscene ${isAndroid ? 'Android' : 'iOS'} 自动化测试脚本`);
+        lines.push(`const { ${AgentClass} } = require('${agentLib}');`);
+        lines.push('');
+        lines.push('async function main() {');
+        lines.push(`  const agent = new ${AgentClass}();`);
+        if (deviceId)
+            lines.push(`  await agent.setDevice('${deviceId}');`);
+        if (packageName)
+            lines.push(`  await agent.setPackage('${packageName}');`);
+        lines.push('');
+        // 解析自然语言生成对应的移动端操作
+        if (nl.includes('点击') || nl.includes('tap') || nl.includes('click')) {
+            const match = naturalLanguage.match(/点击[\s\S]*?['"]([^'"]+)['"][\s\S]*?/i) ||
+                naturalLanguage.match(/tap[\s\S]*?['"]([^'"]+)['"]/i);
+            if (match) {
+                lines.push(`  // 点击操作`);
+                lines.push(`  await agent.aiAction('点击 "${match[1]}"');`);
+            }
+            else {
+                lines.push(`  // 点击操作`);
+                lines.push(`  await agent.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+            }
+        }
+        else if (nl.includes('输入') || nl.includes('type') || nl.includes('输入文本')) {
+            const match = naturalLanguage.match(/输入['"]([^'"]+)['"][\s\S]*?/i) ||
+                naturalLanguage.match(/type[\s\S]*?['"]([^'"]+)['"]/i) ||
+                naturalLanguage.match(/输入文本['"]([^'"]+)['"]/i);
+            if (match) {
+                lines.push(`  // 输入操作`);
+                lines.push(`  await agent.aiAction('输入 "${match[1]}"');`);
+            }
+            else {
+                lines.push(`  // 输入操作`);
+                lines.push(`  await agent.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+            }
+        }
+        else if (nl.includes('滑动') || nl.includes('swipe') || nl.includes('滚动')) {
+            lines.push(`  // 滑动操作`);
+            lines.push(`  await agent.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+        }
+        else if (nl.includes('启动') || nl.includes('start') || nl.includes('launch')) {
+            lines.push(`  // 启动应用`);
+            lines.push(`  await agent.aiAction('启动应用');`);
+        }
+        else if (nl.includes('截图') || nl.includes('screenshot')) {
+            lines.push(`  // 截图`);
+            lines.push(`  await agent.screenshot();`);
+        }
+        else {
+            // 默认使用AI动作
+            lines.push('  // 自然语言指令:');
+            lines.push('  // ' + naturalLanguage);
+            lines.push(`  await agent.aiAction('${naturalLanguage.replace(/'/g, "\\'")}');`);
+        }
+        lines.push('  ');
+        lines.push('  // 可添加更多操作步骤...');
+        lines.push('  ');
+        lines.push('  await agent.sleep(2000); // 等待2秒查看效果');
+        lines.push('  await agent.quit();');
+        lines.push('}');
+        lines.push('');
+        lines.push('main().catch(console.error);');
+    }
+    return lines.join('\n');
+}
 export class WebServer {
     app;
     config;
@@ -95,6 +295,162 @@ export class WebServer {
             const limit = parseInt(req.query.limit) || 1000;
             res.json(debugLogRepo.getLogsBySession(req.params.sessionId, limit));
         });
+        // ===== Test Case Management (代理后端API) =====
+        const BACKEND_API = 'http://nethp-test.jd.com';
+        // 获取文件夹配置树
+        api.get('/testcases/folder-tree', async (_, res) => {
+            try {
+                const response = await axios.get(`${BACKEND_API}/rest/ai-validator/folder-config-tree`, { timeout: 10000 });
+                res.json({ success: true, data: response.data });
+            }
+            catch (error) {
+                logger.warn(`获取文件夹树失败: ${error.message}`);
+                res.json({ success: false, data: [], message: error.message });
+            }
+        });
+        // 获取文件夹下的用例列表
+        api.get('/testcases/folder/:folderId', async (req, res) => {
+            try {
+                const response = await axios.get(`${BACKEND_API}/rest/ai-validator/folder-config/${req.params.folderId}`, { timeout: 10000 });
+                res.json({ success: true, data: response.data });
+            }
+            catch (error) {
+                logger.warn(`获取用例列表失败: ${error.message}`);
+                res.json({ success: false, data: [], message: error.message });
+            }
+        });
+        // 搜索用例
+        api.get('/testcases/search', async (req, res) => {
+            try {
+                const { configName, updatedBy } = req.query;
+                const response = await axios.get(`${BACKEND_API}/rest/ai-validator/configs/search/with-folder`, {
+                    params: { configName, updatedBy },
+                    timeout: 10000,
+                });
+                res.json({ success: true, data: response.data });
+            }
+            catch (error) {
+                logger.warn(`搜索用例失败: ${error.message}`);
+                res.json({ success: false, data: [], message: error.message });
+            }
+        });
+        // 保存/更新测试用例
+        api.post('/testcases', async (req, res) => {
+            try {
+                const response = await axios.post(`${BACKEND_API}/rest/ai-validator/configs`, req.body, { timeout: 10000 });
+                res.json({ success: true, data: response.data, message: '用例保存成功' });
+            }
+            catch (error) {
+                const msg = axios.isAxiosError(error) ? `HTTP ${error.response?.status}: ${JSON.stringify(error.response?.data)}` : error.message;
+                logger.warn(`保存用例失败: ${msg}`);
+                res.json({ success: false, message: msg });
+            }
+        });
+        api.put('/testcases/:id', async (req, res) => {
+            try {
+                const response = await axios.put(`${BACKEND_API}/rest/ai-validator/configs/${req.params.id}`, req.body, { timeout: 10000 });
+                res.json({ success: true, data: response.data, message: '用例更新成功' });
+            }
+            catch (error) {
+                const msg = axios.isAxiosError(error) ? `HTTP ${error.response?.status}: ${JSON.stringify(error.response?.data)}` : error.message;
+                logger.warn(`更新用例失败: ${msg}`);
+                res.json({ success: false, message: msg });
+            }
+        });
+        // 获取在线设备列表（用于调试页面选择设备）
+        api.get('/debug/devices', (_, res) => {
+            res.json(deviceRepo.getOnline());
+        });
+        // 调试执行脚本 (通过WebSocket协议的HTTP触发)
+        api.post('/debug/execute', async (req, res) => {
+            try {
+                const { script, deviceId, url, runMode, platform, packageName, bundleId, mobileMode, loginUsername, loginPassword, isRnUrl, skipAppiumDriver } = req.body;
+                // 直接返回需要通过WebSocket执行的指令信息
+                res.json({
+                    success: true,
+                    message: '请通过WebSocket连接执行调试',
+                    wsUrl: `ws://${req.hostname || 'localhost'}:8002`,
+                });
+            }
+            catch (error) {
+                res.json({ success: false, message: error.message });
+            }
+        });
+        // AI脚本生成API
+        api.post('/ai/generate-script', async (req, res) => {
+            try {
+                const { naturalLanguage, runMode, platform, url, deviceId, packageName } = req.body;
+                if (!naturalLanguage || naturalLanguage.trim() === '') {
+                    res.json({ success: false, message: '请输入自然语言描述' });
+                    return;
+                }
+                // 获取脚本生成配置
+                const config = getConfig();
+                const scriptGenConfig = config.scriptGeneration;
+                // 如果配置了真实的AI服务，使用AutobotsClient调用
+                if (scriptGenConfig && scriptGenConfig.enabled) {
+                    logger.info('[generate-script] 使用Autobots API生成脚本, baseUrl: ' + scriptGenConfig.baseUrl);
+                    const client = new AutobotsClient({
+                        enabled: scriptGenConfig.enabled,
+                        baseUrl: scriptGenConfig.baseUrl,
+                        agentId: scriptGenConfig.agentId,
+                        token: scriptGenConfig.token,
+                        connectTimeout: scriptGenConfig.connectTimeout || 30000,
+                        requestTimeout: scriptGenConfig.requestTimeout || 120000,
+                        socketTimeout: scriptGenConfig.socketTimeout || 300000,
+                    });
+                    // 构建上下文信息
+                    const contextInfo = buildScriptContext(runMode, platform, url, deviceId, packageName);
+                    const prompt = contextInfo + '\n\n用户需求：' + naturalLanguage.trim();
+                    // 调用Autobots API生成脚本（流式）
+                    let generatedScript = '';
+                    for await (const result of client.generateScriptStream(prompt)) {
+                        if (result.success) {
+                            // 处理特殊标记
+                            if (result.content.startsWith('FULL_CONTENT:')) {
+                                generatedScript = result.content.substring(13);
+                            }
+                            else {
+                                generatedScript += result.content;
+                            }
+                        }
+                        else {
+                            logger.error('[generate-script] Autobots API错误: ' + result.error);
+                            throw new Error(result.error);
+                        }
+                    }
+                    // 清理生成的脚本（移除可能的markdown标记）
+                    const cleanedScript = cleanGeneratedScript(generatedScript);
+                    logger.info('[generate-script] 脚本生成成功，长度: ' + cleanedScript.length);
+                    res.json({
+                        success: true,
+                        script: cleanedScript,
+                        message: '脚本生成成功'
+                    });
+                }
+                else {
+                    // 没有配置AI服务，使用本地生成
+                    logger.info('[generate-script] 未配置Autobots API，使用本地生成');
+                    const script = generateScriptFromNaturalLanguage({
+                        naturalLanguage: naturalLanguage.trim(),
+                        runMode: runMode || 'browser',
+                        platform: platform || 'android',
+                        url: url || '',
+                        deviceId: deviceId || '',
+                        packageName: packageName || ''
+                    });
+                    res.json({
+                        success: true,
+                        script,
+                        message: '本地模式生成成功'
+                    });
+                }
+            }
+            catch (error) {
+                logger.warn(`AI脚本生成失败: ${error.message}`);
+                res.json({ success: false, message: error.message });
+            }
+        });
         this.app.use('/api', api);
     }
     setupStaticFiles() {
@@ -114,44 +470,44 @@ export class WebServer {
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1.0">
-<title>AIServer Dashboard</title>
+<title>AIServer 管理面板</title>
 <style>
 *{margin:0;padding:0;box-sizing:border-box}
-body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;color:#111;min-height:100vh}
 .container{max-width:1400px;margin:0 auto;padding:20px}
 .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
 .header h1{font-size:24px;color:#38bdf8}
-.tabs{display:flex;gap:4px;background:#1e293b;border-radius:8px;padding:4px;margin-bottom:24px}
+.tabs{display:flex;gap:4px;background:#fff;border-radius:8px;padding:4px;margin-bottom:24px}
 .tab{padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#94a3b8;border:none;background:none;transition:all .2s}
 .tab.active{background:#38bdf8;color:#0f172a}
 .tab:hover:not(.active){color:#e2e8f0}
 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}
-.card{background:#1e293b;border-radius:8px;padding:20px;border:1px solid #334155}
+.card{background:#fff;border-radius:8px;padding:20px;border:1px solid #334155}
 .card h3{font-size:13px;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
 .card .value{font-size:32px;font-weight:700;color:#38bdf8}
 .card .sub{font-size:12px;color:#64748b;margin-top:4px}
 table{width:100%;border-collapse:collapse;margin-top:8px}
 th,td{text-align:left;padding:10px 14px;border-bottom:1px solid #1e293b;font-size:13px}
-th{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#0f172a;position:sticky;top:0}
-tr:hover{background:#1e293b}
+th{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#fff;position:sticky;top:0}
+tr:hover{background:#fff}
 .badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}
-.b-online{background:#166534;color:#22c55e}
-.b-offline{background:#7f1d1d;color:#ef4444}
-.b-running{background:#713f12;color:#f59e0b}
-.b-completed{background:#166534;color:#22c55e}
-.b-failed{background:#7f1d1d;color:#ef4444}
-.b-pending{background:#1e3a5f;color:#38bdf8}
-.b-idle{background:#334155;color:#94a3b8}
-.b-stopped{background:#334155;color:#94a3b8}
+.b-online{background:#fff;color:#22c55e}
+.b-offline{background:#fff;color:#ef4444}
+.b-running{background:#fff;color:#f59e0b}
+.b-completed{background:#fff;color:#22c55e}
+.b-failed{background:#fff;color:#ef4444}
+.b-pending{background:#fff;color:#38bdf8}
+.b-idle{background:#fff;color:#94a3b8}
+.b-stopped{background:#fff;color:#94a3b8}
 .btn{padding:6px 14px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}
-.btn-primary{background:#38bdf8;color:#0f172a}
-.btn-primary:hover{background:#7dd3fc}
+.btn-primary{background:#fff;color:#0f172a}
+.btn-primary:hover{background:#fff}
 .btn-sm{padding:4px 10px;font-size:11px}
 .section-title{font-size:16px;font-weight:600;color:#e2e8f0;margin:20px 0 12px;display:flex;align-items:center;gap:8px}
 .mono{font-family:'SF Mono',Monaco,Consolas,monospace;font-size:12px}
-.log-viewer{background:#0c0f1a;border:1px solid #334155;border-radius:8px;padding:16px;max-height:600px;overflow-y:auto;font-family:'SF Mono',Monaco,Consolas,monospace;font-size:12px;line-height:1.6}
+.log-viewer{background:#fff;border:1px solid #334155;border-radius:8px;padding:16px;max-height:600px;overflow-y:auto;font-family:'SF Mono',Monaco,Consolas,monospace;font-size:12px;line-height:1.6}
 .log-viewer .log-line{padding:2px 0;border-bottom:1px solid #1e293b20}
-.log-viewer .log-line:hover{background:#1e293b40}
+.log-viewer .log-line:hover{background:#fff}
 .log-time{color:#64748b;margin-right:8px}
 .log-level-info{color:#38bdf8}
 .log-level-warn{color:#f59e0b}
@@ -159,10 +515,10 @@ tr:hover{background:#1e293b}
 .log-level-debug{color:#94a3b8}
 .log-content{color:#cbd5e1}
 .log-new{animation:flashLog 0.5s ease-out}
-@keyframes flashLog{0%{background:#1e3a5f40}100%{background:transparent}}
+@keyframes flashLog{0%{background:#fff}100%{background:transparent}}
 .log-live{color:#22c55e;font-size:10px;margin-left:8px;animation:pulse 2s infinite}
 @keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}
-.detail-panel{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px;margin-top:16px}
+.detail-panel{background:#fff;border:1px solid #334155;border-radius:8px;padding:20px;margin-top:16px}
 .detail-row{display:flex;padding:8px 0;border-bottom:1px solid #33415520}
 .detail-label{width:140px;color:#94a3b8;font-size:13px;flex-shrink:0}
 .detail-value{color:#e2e8f0;font-size:13px;word-break:break-all}
@@ -171,7 +527,7 @@ tr:hover{background:#1e293b}
 .refresh-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}
 .refresh-bar .auto{font-size:12px;color:#64748b}
 .refresh-bar .auto.on{color:#22c55e}
-.search{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 14px;color:#e2e8f0;font-size:13px;width:220px}
+.search{background:#fff;border:1px solid #334155;border-radius:6px;padding:8px 14px;color:#e2e8f0;font-size:13px;width:220px}
 .search:focus{outline:none;border-color:#38bdf8}
 .collapsed{display:none}
 </style>
@@ -179,22 +535,24 @@ tr:hover{background:#1e293b}
 <body>
 <div class="container">
 <div class="header">
-<h1>AIServer Dashboard</h1>
+<h1>AIServer 管理面板</h1>
 <div class="refresh-bar">
-<span class="auto" id="autoLabel">Auto-refresh: ON</span>
-<button class="btn btn-primary" onclick="refresh()">Refresh</button>
+<span class="auto" id="autoLabel">自动刷新: 开启</span>
+<button class="btn btn-primary" onclick="refresh()">刷新</button>
 </div>
 </div>
 <div class="tabs">
-<button class="tab active" onclick="switchTab('dashboard')">Dashboard</button>
-<button class="tab" onclick="switchTab('devices')">Devices</button>
-<button class="tab" onclick="switchTab('tasks')">Tasks</button>
-<button class="tab" onclick="switchTab('debug')">Debug Sessions</button>
+<button class="tab active" onclick="switchTab('dashboard')">仪表盘</button>
+<button class="tab" onclick="switchTab('devices')">设备</button>
+<button class="tab" onclick="switchTab('tasks')">任务</button>
+<button class="tab" onclick="switchTab('debug')">调试会话</button>
+<button class="tab" onclick="switchTab('debugger')">调试执行</button>
 </div>
 <div id="page-dashboard"></div>
 <div id="page-devices" class="collapsed"></div>
 <div id="page-tasks" class="collapsed"></div>
 <div id="page-debug" class="collapsed"></div>
+<div id="page-debugger" class="collapsed">${getDebugPageHtml()}</div>
 </div>
 <script>
 let currentTab='dashboard';
@@ -321,10 +679,17 @@ function switchTab(tab){
   currentTab=tab;
   detailOpen=false;
   document.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
-  document.querySelectorAll('.tab').forEach(t=>{if(t.textContent.toLowerCase().includes(tab==='debug'?'debug':tab))t.classList.add('active')});
+  document.querySelectorAll('.tab').forEach(t=>{
+    var txt=t.textContent.toLowerCase();
+    if(tab==='dashboard'&&txt.includes('仪表盘'))t.classList.add('active');
+    else if(tab==='devices'&&txt.includes('设备'))t.classList.add('active');
+    else if(tab==='tasks'&&txt.includes('任务'))t.classList.add('active');
+    else if(tab==='debug'&&txt.includes('调试会话'))t.classList.add('active');
+    else if(tab==='debugger'&&txt.includes('调试执行'))t.classList.add('active');
+  });
   document.querySelectorAll('[id^="page-"]').forEach(p=>p.classList.add('collapsed'));
   document.getElementById('page-'+tab).classList.remove('collapsed');
-  refresh();
+  if(tab!=='debugger') refresh();
 }
 
 function badge(s){
@@ -337,10 +702,10 @@ function esc(s){return String(s||'').replace(/&/g,'&').replace(/</g,'<').replace
 function timeAgo(d){
   if(!d)return '-';
   const diff=(Date.now()-new Date(d).getTime())/1000;
-  if(diff<60)return Math.floor(diff)+'s ago';
-  if(diff<3600)return Math.floor(diff/60)+'m ago';
-  if(diff<86400)return Math.floor(diff/3600)+'h ago';
-  return Math.floor(diff/86400)+'d ago';
+  if(diff<60)return Math.floor(diff)+'秒前';
+  if(diff<3600)return Math.floor(diff/60)+'分钟前';
+  if(diff<86400)return Math.floor(diff/3600)+'小时前';
+  return Math.floor(diff/86400)+'天前';
 }
 
 function fmtTime(d){return d?new Date(d).toLocaleString():'-'}
@@ -354,6 +719,11 @@ async function refresh(){
   else if(currentTab==='devices')await loadDevices();
   else if(currentTab==='tasks')await loadTasks();
   else if(currentTab==='debug')await loadDebug();
+  else if(currentTab==='debugger')loadDebugger();
+}
+
+function loadDebugger(){
+  // 调试页面内容已在服务端渲染时注入
 }
 
 // ===== Dashboard =====
@@ -362,14 +732,14 @@ async function loadDashboard(){
   if(!d)return;
   const p=document.getElementById('page-dashboard');
   let h='<div class="grid">';
-  h+='<div class="card"><h3>Devices Online</h3><div class="value">'+d.devices.online+'/'+d.devices.total+'</div><div class="sub">Connected devices</div></div>';
-  h+='<div class="card"><h3>Running Tasks</h3><div class="value">'+d.tasks.running+'</div><div class="sub">Total: '+d.tasks.total+'</div></div>';
-  h+='<div class="card"><h3>Debug Sessions</h3><div class="value">'+d.debugSessions.length+'</div><div class="sub">Recent sessions</div></div>';
+  h+='<div class="card"><h3>在线设备</h3><div class="value">'+d.devices.online+'/'+d.devices.total+'</div><div class="sub">已连接设备</div></div>';
+  h+='<div class="card"><h3>运行中任务</h3><div class="value">'+d.tasks.running+'</div><div class="sub">总任务: '+d.tasks.total+'</div></div>';
+  h+='<div class="card"><h3>调试会话</h3><div class="value">'+d.debugSessions.length+'</div><div class="sub">近期会话</div></div>';
   h+='</div>';
 
   // Devices overview
   if(d.devices.list&&d.devices.list.length>0){
-    h+='<div class="section-title">Devices</div><table><tr><th>Serial Number</th><th>Model</th><th>Brand</th><th>Platform</th><th>Status</th><th>Last Heartbeat</th></tr>';
+    h+='<div class="section-title">设备列表</div><table><tr><th>序列号</th><th>型号</th><th>品牌</th><th>平台</th><th>状态</th><th>最近心跳</th></tr>';
     d.devices.list.forEach(dev=>{
       h+='<tr><td class="mono">'+esc(dev.serialNumber)+'</td><td>'+esc(dev.model||'-')+'</td><td>'+esc(dev.brand||'-')+'</td><td>'+esc(dev.platform)+'</td><td>'+badge(dev.status)+'</td><td>'+timeAgo(dev.lastHeartbeatAt)+'</td></tr>';
     });
@@ -378,18 +748,18 @@ async function loadDashboard(){
 
   // Recent tasks
   if(d.tasks.recent&&d.tasks.recent.length>0){
-    h+='<div class="section-title">Recent Tasks</div><table><tr><th>Task ID</th><th>Type</th><th>Status</th><th>Started</th><th>Completed</th><th>Actions</th></tr>';
+    h+='<div class="section-title">近期任务</div><table><tr><th>任务ID</th><th>类型</th><th>状态</th><th>开始时间</th><th>完成时间</th><th>操作</th></tr>';
     d.tasks.recent.forEach(t=>{
-      h+='<tr><td class="mono">'+esc(t.taskId)+'</td><td>'+esc(t.type)+'</td><td>'+badge(t.status)+'</td><td>'+fmtTime(t.startedAt)+'</td><td>'+fmtTime(t.completedAt)+'</td><td><button class="btn btn-primary btn-sm" onclick="showTaskLogs(\\''+esc(t.taskId)+'\\')">Logs</button></td></tr>';
+      h+='<tr><td class="mono">'+esc(t.taskId)+'</td><td>'+esc(t.type)+'</td><td>'+badge(t.status)+'</td><td>'+fmtTime(t.startedAt)+'</td><td>'+fmtTime(t.completedAt)+'</td><td><button class="btn btn-primary btn-sm" onclick="showTaskLogs(\\''+esc(t.taskId)+'\\')">日志</button></td></tr>';
     });
     h+='</table>';
   }
 
   // Recent debug sessions
   if(d.debugSessions&&d.debugSessions.length>0){
-    h+='<div class="section-title">Recent Debug Sessions</div><table><tr><th>Session ID</th><th>Device</th><th>Platform</th><th>Status</th><th>Started</th><th>Actions</th></tr>';
+    h+='<div class="section-title">近期调试会话</div><table><tr><th>会话ID</th><th>设备</th><th>平台</th><th>状态</th><th>开始时间</th><th>操作</th></tr>';
     d.debugSessions.slice(0,10).forEach(s=>{
-      h+='<tr><td class="mono">'+esc(s.sessionId.substring(0,24))+'...</td><td>'+esc(s.deviceId||'-')+'</td><td>'+esc(s.platform||'-')+'</td><td>'+badge(s.status)+'</td><td>'+fmtTime(s.startedAt)+'</td><td><button class="btn btn-primary btn-sm" onclick="showDebugLogs(\\''+esc(s.sessionId)+'\\')">Logs</button></td></tr>';
+      h+='<tr><td class="mono">'+esc(s.sessionId.substring(0,24))+'...</td><td>'+esc(s.deviceId||'-')+'</td><td>'+esc(s.platform||'-')+'</td><td>'+badge(s.status)+'</td><td>'+fmtTime(s.startedAt)+'</td><td><button class="btn btn-primary btn-sm" onclick="showDebugLogs(\\''+esc(s.sessionId)+'\\')">日志</button></td></tr>';
     });
     h+='</table>';
   }
@@ -405,19 +775,19 @@ async function loadDevices(){
   const p=document.getElementById('page-devices');
   const online=devs.filter(d=>d.status==='online').length;
   let h='<div class="grid">';
-  h+='<div class="card"><h3>Total Devices</h3><div class="value">'+devs.length+'</div></div>';
-  h+='<div class="card"><h3>Online</h3><div class="value">'+online+'</div></div>';
-  h+='<div class="card"><h3>Offline</h3><div class="value">'+(devs.length-online)+'</div></div>';
+  h+='<div class="card"><h3>设备总数</h3><div class="value">'+devs.length+'</div></div>';
+  h+='<div class="card"><h3>在线</h3><div class="value">'+online+'</div></div>';
+  h+='<div class="card"><h3>离线</h3><div class="value">'+(devs.length-online)+'</div></div>';
   h+='</div>';
 
   if(devs.length>0){
-    h+='<div class="section-title">All Devices</div><table><tr><th>Serial Number</th><th>Model</th><th>Brand</th><th>Platform</th><th>Status</th><th>Last Heartbeat</th><th>Created</th></tr>';
+    h+='<div class="section-title">所有设备</div><table><tr><th>序列号</th><th>型号</th><th>品牌</th><th>平台</th><th>状态</th><th>最近心跳</th><th>创建时间</th></tr>';
     devs.forEach(d=>{
       h+='<tr><td class="mono">'+esc(d.serialNumber)+'</td><td>'+esc(d.model||'-')+'</td><td>'+esc(d.brand||'-')+'</td><td>'+esc(d.platform)+'</td><td>'+badge(d.status)+'</td><td>'+timeAgo(d.lastHeartbeatAt)+'</td><td>'+fmtTime(d.createdAt)+'</td></tr>';
     });
     h+='</table>';
   }else{
-    h+='<div class="empty-state"><div class="icon">&#128241;</div><p>No devices detected</p></div>';
+    h+='<div class="empty-state"><div class="icon">&#128241;</div><p>暂无设备</p></div>';
   }
   p.innerHTML=h;
 }
@@ -432,21 +802,21 @@ async function loadTasks(){
   const failed=tasks.filter(t=>t.status==='failed').length;
 
   let h='<div class="grid">';
-  h+='<div class="card"><h3>Total Tasks</h3><div class="value">'+tasks.length+'</div></div>';
-  h+='<div class="card"><h3>Running</h3><div class="value">'+running+'</div></div>';
-  h+='<div class="card"><h3>Completed</h3><div class="value">'+completed+'</div></div>';
-  h+='<div class="card"><h3>Failed</h3><div class="value">'+failed+'</div></div>';
+  h+='<div class="card"><h3>任务总数</h3><div class="value">'+tasks.length+'</div></div>';
+  h+='<div class="card"><h3>运行中</h3><div class="value">'+running+'</div></div>';
+  h+='<div class="card"><h3>已完成</h3><div class="value">'+completed+'</div></div>';
+  h+='<div class="card"><h3>已失败</h3><div class="value">'+failed+'</div></div>';
   h+='</div>';
 
   if(tasks.length>0){
-    h+='<div class="section-title">All Tasks</div><table><tr><th>Task ID</th><th>Execution ID</th><th>Type</th><th>Status</th><th>Priority</th><th>Started</th><th>Completed</th><th>Error</th><th>Actions</th></tr>';
+    h+='<div class="section-title">所有任务</div><table><tr><th>任务ID</th><th>执行ID</th><th>类型</th><th>状态</th><th>优先级</th><th>开始时间</th><th>完成时间</th><th>错误</th><th>操作</th></tr>';
     tasks.forEach(t=>{
       const err=t.errorMessage?(t.errorMessage.length>50?esc(t.errorMessage.substring(0,50))+'...':esc(t.errorMessage)):'-';
-      h+='<tr><td class="mono">'+esc(t.taskId)+'</td><td class="mono">'+esc(t.executionId||'-')+'</td><td>'+esc(t.type)+'</td><td>'+badge(t.status)+'</td><td>'+t.priority+'</td><td>'+fmtTime(t.startedAt)+'</td><td>'+fmtTime(t.completedAt)+'</td><td style="color:#ef4444;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+err+'</td><td><button class="btn btn-primary btn-sm" onclick="showTaskDetail(\\''+esc(t.taskId)+'\\')">Detail</button></td></tr>';
+      h+='<tr><td class="mono">'+esc(t.taskId)+'</td><td class="mono">'+esc(t.executionId||'-')+'</td><td>'+esc(t.type)+'</td><td>'+badge(t.status)+'</td><td>'+t.priority+'</td><td>'+fmtTime(t.startedAt)+'</td><td>'+fmtTime(t.completedAt)+'</td><td style="color:#ef4444;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+err+'</td><td><button class="btn btn-primary btn-sm" onclick="showTaskDetail(\\''+esc(t.taskId)+'\\')">详情</button></td></tr>';
     });
     h+='</table>';
   }else{
-    h+='<div class="empty-state"><div class="icon">&#128203;</div><p>No tasks found</p></div>';
+    h+='<div class="empty-state"><div class="icon">&#128203;</div><p>暂无任务</p></div>';
   }
   h+='<div id="task-detail"></div>';
   p.innerHTML=h;
@@ -459,33 +829,33 @@ async function showTaskDetail(taskId){
   const task=await api('/tasks/'+encodeURIComponent(taskId));
   const logs=await api('/tasks/'+encodeURIComponent(taskId)+'/logs');
   const panel=document.getElementById('task-detail');
-  if(!task){panel.innerHTML='<p style="color:#ef4444">Task not found</p>';detailOpen=false;currentDetailTaskId=null;return}
+  if(!task){panel.innerHTML='<p style="color:#ef4444">任务未找到</p>';detailOpen=false;currentDetailTaskId=null;return}
   
   currentDetailTaskStatus=task.status;
   const isRunning=task.status==='running'||task.status==='pending';
 
-  let h='<div class="detail-panel"><div class="section-title">Task Detail: '+esc(task.taskId)+' <button class="btn btn-sm" style="background:#334155;color:#94a3b8;margin-left:12px" onclick="closeTaskDetail()">Close</button></div>';
-  h+='<div class="detail-row"><div class="detail-label">Task ID</div><div class="detail-value mono">'+esc(task.taskId)+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Execution ID</div><div class="detail-value mono">'+esc(task.executionId||'-')+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Type</div><div class="detail-value">'+esc(task.type)+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Status</div><div class="detail-value">'+badge(task.status)+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Priority</div><div class="detail-value">'+task.priority+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Started At</div><div class="detail-value">'+fmtTime(task.startedAt)+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Completed At</div><div class="detail-value">'+fmtTime(task.completedAt)+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Created At</div><div class="detail-value">'+fmtTime(task.createdAt)+'</div></div>';
-  if(task.errorMessage)h+='<div class="detail-row"><div class="detail-label">Error</div><div class="detail-value" style="color:#ef4444">'+esc(task.errorMessage)+'</div></div>';
+  let h='<div class="detail-panel"><div class="section-title">任务详情: '+esc(task.taskId)+' <button class="btn btn-sm" style="background:#334155;color:#94a3b8;margin-left:12px" onclick="closeTaskDetail()">关闭</button></div>';
+  h+='<div class="detail-row"><div class="detail-label">任务ID</div><div class="detail-value mono">'+esc(task.taskId)+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">执行ID</div><div class="detail-value mono">'+esc(task.executionId||'-')+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">类型</div><div class="detail-value">'+esc(task.type)+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">状态</div><div class="detail-value">'+badge(task.status)+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">优先级</div><div class="detail-value">'+task.priority+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">开始时间</div><div class="detail-value">'+fmtTime(task.startedAt)+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">完成时间</div><div class="detail-value">'+fmtTime(task.completedAt)+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">创建时间</div><div class="detail-value">'+fmtTime(task.createdAt)+'</div></div>';
+  if(task.errorMessage)h+='<div class="detail-row"><div class="detail-label">错误信息</div><div class="detail-value" style="color:#ef4444">'+esc(task.errorMessage)+'</div></div>';
   if(task.config){
-    h+='<div class="detail-row"><div class="detail-label">Config</div><div class="detail-value mono" style="white-space:pre-wrap;font-size:11px">'+esc(typeof task.config==='object'?JSON.stringify(task.config,null,2):task.config)+'</div></div>';
+    h+='<div class="detail-row"><div class="detail-label">配置</div><div class="detail-value mono" style="white-space:pre-wrap;font-size:11px">'+esc(typeof task.config==='object'?JSON.stringify(task.config,null,2):task.config)+'</div></div>';
   }
   if(task.result){
-    h+='<div class="detail-row"><div class="detail-label">Result</div><div class="detail-value mono" style="white-space:pre-wrap;font-size:11px">'+esc(typeof task.result==='object'?JSON.stringify(task.result,null,2):task.result)+'</div></div>';
+    h+='<div class="detail-row"><div class="detail-label">结果</div><div class="detail-value mono" style="white-space:pre-wrap;font-size:11px">'+esc(typeof task.result==='object'?JSON.stringify(task.result,null,2):task.result)+'</div></div>';
   }
 
   // Execution logs with real-time support
   const logSafeId=esc(taskId).replace(/[^a-zA-Z0-9-_]/g,'_');
   const existingLogsCount=logs?logs.length:0;
   if(existingLogsCount>0||isRunning){
-    h+='<div class="section-title" style="margin-top:20px">Execution Logs <span id="task-log-count-'+logSafeId+'" style="color:#64748b;font-size:12px">'+(existingLogsCount||'')+'</span>';
+    h+='<div class="section-title" style="margin-top:20px">执行日志 <span id="task-log-count-'+logSafeId+'" style="color:#64748b;font-size:12px">'+(existingLogsCount||'')+'</span>';
     if(isRunning)h+=' <span style="color:#22c55e;font-size:12px">● LIVE</span>';
     h+='</div>';
     h+='<div class="log-viewer" id="task-log-'+logSafeId+'" style="max-height:400px">';
@@ -497,7 +867,7 @@ async function showTaskDetail(taskId){
     }
     h+='</div>';
   }else{
-    h+='<div class="section-title" style="margin-top:20px">Execution Logs</div><p style="color:#64748b">No logs available</p>';
+    h+='<div class="section-title" style="margin-top:20px">执行日志</div><p style="color:#64748b">暂无日志</p>';
   }
 
   h+='</div>';
@@ -527,18 +897,18 @@ async function loadDebug(){
   const running=sessions.filter(s=>s.status==='running').length;
 
   let h='<div class="grid">';
-  h+='<div class="card"><h3>Total Sessions</h3><div class="value">'+sessions.length+'</div></div>';
-  h+='<div class="card"><h3>Running</h3><div class="value">'+running+'</div></div>';
+  h+='<div class="card"><h3>会话总数</h3><div class="value">'+sessions.length+'</div></div>';
+  h+='<div class="card"><h3>运行中</h3><div class="value">'+running+'</div></div>';
   h+='</div>';
 
   if(sessions.length>0){
-    h+='<div class="section-title">All Debug Sessions</div><table><tr><th>Session ID</th><th>Task ID</th><th>Device</th><th>Platform</th><th>Status</th><th>Started</th><th>Completed</th><th>Actions</th></tr>';
+    h+='<div class="section-title">所有调试会话</div><table><tr><th>会话ID</th><th>任务ID</th><th>设备</th><th>平台</th><th>状态</th><th>开始时间</th><th>完成时间</th><th>操作</th></tr>';
     sessions.forEach(s=>{
-      h+='<tr><td class="mono">'+esc(s.sessionId.substring(0,28))+'...</td><td class="mono">'+esc(s.taskId||'-')+'</td><td>'+esc(s.deviceId||'-')+'</td><td>'+esc(s.platform||'-')+'</td><td>'+badge(s.status)+'</td><td>'+fmtTime(s.startedAt)+'</td><td>'+fmtTime(s.completedAt)+'</td><td><button class="btn btn-primary btn-sm" onclick="showDebugDetail(\\''+esc(s.sessionId)+'\\')">Detail</button></td></tr>';
+      h+='<tr><td class="mono">'+esc(s.sessionId.substring(0,28))+'...</td><td class="mono">'+esc(s.taskId||'-')+'</td><td>'+esc(s.deviceId||'-')+'</td><td>'+esc(s.platform||'-')+'</td><td>'+badge(s.status)+'</td><td>'+fmtTime(s.startedAt)+'</td><td>'+fmtTime(s.completedAt)+'</td><td><button class="btn btn-primary btn-sm" onclick="showDebugDetail(\\''+esc(s.sessionId)+'\\')">详情</button></td></tr>';
     });
     h+='</table>';
   }else{
-    h+='<div class="empty-state"><div class="icon">&#128027;</div><p>No debug sessions</p></div>';
+    h+='<div class="empty-state"><div class="icon">&#128027;</div><p>暂无调试会话</p></div>';
   }
   h+='<div id="debug-detail"></div>';
   p.innerHTML=h;
@@ -549,21 +919,21 @@ async function showDebugDetail(sessionId){
   const session=await api('/debug/sessions/'+encodeURIComponent(sessionId));
   const logs=await api('/debug/sessions/'+encodeURIComponent(sessionId)+'/logs');
   const panel=document.getElementById('debug-detail');
-  if(!session){panel.innerHTML='<p style="color:#ef4444">Session not found</p>';detailOpen=false;return}
-
-  let h='<div class="detail-panel"><div class="section-title">Debug Session: '+esc(sessionId)+' <button class="btn btn-sm" style="background:#334155;color:#94a3b8;margin-left:12px" onclick="closeDebugDetail()">Close</button></div>';
-  h+='<div class="detail-row"><div class="detail-label">Session ID</div><div class="detail-value mono">'+esc(session.sessionId)+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Task ID</div><div class="detail-value mono">'+esc(session.taskId||'-')+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Device</div><div class="detail-value mono">'+esc(session.deviceId||'-')+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Platform</div><div class="detail-value">'+esc(session.platform||'-')+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Status</div><div class="detail-value">'+badge(session.status)+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Started At</div><div class="detail-value">'+fmtTime(session.startedAt)+'</div></div>';
-  h+='<div class="detail-row"><div class="detail-label">Completed At</div><div class="detail-value">'+fmtTime(session.completedAt)+'</div></div>';
+  if(!session){panel.innerHTML='<p style="color:#ef4444">会话未找到</p>';detailOpen=false;return}
+
+  let h='<div class="detail-panel"><div class="section-title">调试会话详情: '+esc(sessionId)+' <button class="btn btn-sm" style="background:#334155;color:#94a3b8;margin-left:12px" onclick="closeDebugDetail()">关闭</button></div>';
+  h+='<div class="detail-row"><div class="detail-label">会话ID</div><div class="detail-value mono">'+esc(session.sessionId)+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">任务ID</div><div class="detail-value mono">'+esc(session.taskId||'-')+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">设备</div><div class="detail-value mono">'+esc(session.deviceId||'-')+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">平台</div><div class="detail-value">'+esc(session.platform||'-')+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">状态</div><div class="detail-value">'+badge(session.status)+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">开始时间</div><div class="detail-value">'+fmtTime(session.startedAt)+'</div></div>';
+  h+='<div class="detail-row"><div class="detail-label">完成时间</div><div class="detail-value">'+fmtTime(session.completedAt)+'</div></div>';
   h+='</div>';
 
   // Session logs
   if(logs&&logs.length>0){
-    h+='<div class="detail-panel" style="margin-top:16px"><div class="section-title">Session Logs ('+logs.length+')</div>';
+    h+='<div class="detail-panel" style="margin-top:16px"><div class="section-title">会话日志 ('+logs.length+')</div>';
     h+='<div class="log-viewer">';
     logs.forEach(l=>{
       const lvl='log-level-'+esc(l.type==='log_output'?'info':l.type==='error'?'error':'info');
@@ -572,7 +942,7 @@ async function showDebugDetail(sessionId){
     });
     h+='</div></div>';
   }else{
-    h+='<div class="detail-panel" style="margin-top:16px"><div class="section-title">Session Logs</div><p style="color:#64748b">No logs available</p></div>';
+    h+='<div class="detail-panel" style="margin-top:16px"><div class="section-title">会话日志</div><p style="color:#64748b">暂无日志</p></div>';
   }
 
   panel.innerHTML=h;