npm - @aiscene/aiserver - Versions diffs - 1.2.3 → 1.2.5 - Mend

@aiscene/aiserver 1.2.3 → 1.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/dist/config/index.d.ts.map +1 -1
package/dist/config/index.js +26 -5
package/dist/config/index.js.map +1 -1
package/dist/config/schema.d.ts +10 -0
package/dist/config/schema.d.ts.map +1 -1
package/dist/core/autobots-client.d.ts +37 -0
package/dist/core/autobots-client.d.ts.map +1 -0
package/dist/core/autobots-client.js +132 -0
package/dist/core/autobots-client.js.map +1 -0
package/dist/debug/websocket-server.d.ts +6 -0
package/dist/debug/websocket-server.d.ts.map +1 -1
package/dist/debug/websocket-server.js +128 -59
package/dist/debug/websocket-server.js.map +1 -1
package/dist/executor/android-executor.d.ts.map +1 -1
package/dist/executor/android-executor.js +45 -4
package/dist/executor/android-executor.js.map +1 -1
package/dist/task/scheduler.d.ts.map +1 -1
package/dist/task/scheduler.js +13 -1
package/dist/task/scheduler.js.map +1 -1
package/dist/web/debug-api.d.ts +9 -0
package/dist/web/debug-api.d.ts.map +1 -0
package/dist/web/debug-api.js +368 -0
package/dist/web/debug-api.js.map +1 -0
package/dist/web/debug-page.d.ts +7 -0
package/dist/web/debug-page.d.ts.map +1 -0
package/dist/web/debug-page.js +1591 -0
package/dist/web/debug-page.js.map +1 -0
package/dist/web/debug.html +1069 -0
package/dist/web/dist/debug.html +1069 -0
package/dist/web/server.d.ts.map +1 -1
package/dist/web/server.js +456 -86
package/dist/web/server.js.map +1 -1
package/package.json +1 -1

package/dist/web/dist/debug.html ADDED Viewed

@@ -0,0 +1,1069 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>AI测试平台 - 调试页面</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+:root {
+  --bg-primary: #0f172a;
+  --bg-secondary: #1e293b;
+  --bg-tertiary: #334155;
+  --text-primary: #e2e8f0;
+  --text-secondary: #94a3b8;
+  --text-muted: #64748b;
+  --accent: #38bdf8;
+  --accent-hover: #7dd3fc;
+  --success: #22c55e;
+  --warning: #f59e0b;
+  --error: #ef4444;
+  --border: #334155;
+}
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}
+.container{display:flex;height:100vh}
+/* 左侧配置面板 */
+.sidebar{width:340px;min-width:300px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}
+.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}
+.sidebar-header h2{font-size:16px;font-weight:600;color:var(--accent)}
+.sidebar-content{flex:1;overflow-y:auto;padding:16px}
+.config-section{margin-bottom:20px}
+.config-section label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}
+.config-section select,.config-section input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px}
+.config-section select:focus,.config-section input:focus{outline:none;border-color:var(--accent)}
+.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}
+.btn-primary{background:var(--accent);color:var(--bg-primary)}
+.btn-primary:hover{background:var(--accent-hover)}
+.btn-danger{background:var(--error);color:white}
+.btn-danger:hover{background:#dc2626}
+.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}
+.btn-secondary:hover{background:var(--border)}
+.btn-sm{padding:6px 12px;font-size:12px}
+.btn-block{width:100%}
+.checkbox-wrapper{display:flex;align-items:center;gap:8px;margin:8px 0}
+.checkbox-wrapper input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent)}
+/* 主内容区 */
+.main{flex:1;display:flex;flex-direction:column;overflow:hidden}
+/* 脚本编辑器区域 */
+.editor-section{flex:1;min-height:0;display:flex;flex-direction:column;border-bottom:1px solid var(--border)}
+.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}
+.editor-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}
+.editor-actions{display:flex;gap:8px}
+.editor-content{flex:1;overflow:hidden;padding:0}
+.code-editor{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:'SF Mono',Monaco,Consolas,monospace;font-size:13px;line-height:1.6;padding:16px;border:none;resize:none}
+.code-editor:focus{outline:none}
+/* 终端区域 */
+.terminal-section{height:300px;min-height:200px;background:#0c0f1a;border-top:1px solid var(--border);display:flex;flex-direction:column}
+.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1e293b;border-bottom:1px solid var(--border)}
+.terminal-title{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}
+.terminal-content{flex:1;overflow-y:auto;padding:12px;font-family:'SF Mono',Monaco,Consolas,monospace;font-size:12px;line-height:1.6}
+.log-line{padding:2px 0;border-bottom:1px solid #1e293b20}
+.log-time{color:var(--text-muted);margin-right:8px}
+.log-level{font-weight:600}
+.log-level-info{color:var(--accent)}
+.log-level-warn{color:var(--warning)}
+.log-level-error{color:var(--error)}
+.log-level-success{color:var(--success)}
+.log-content{color:var(--text-primary)}
+/* 状态栏 */
+.statusbar{height:28px;background:#1e293b;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12px;color:var(--text-secondary)}
+/* 模态框 */
+.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .2s}
+.modal-overlay.active{opacity:1;visibility:visible}
+.modal{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);width:90%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}
+.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
+.modal-header h3{font-size:16px;font-weight:600}
+.modal-body{flex:1;overflow-y:auto;padding:20px}
+.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}
+/* 用例选择器 */
+.testcase-selector{display:flex;height:100%}
+.folder-tree{width:35%;border-right:1px solid var(--border);overflow-y:auto;padding:12px}
+.folder-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;margin-bottom:4px;font-size:13px}
+.folder-item:hover{background:var(--bg-tertiary)}
+.folder-item.active{background:var(--accent);color:var(--bg-primary)}
+.case-list{flex:1;overflow-y:auto;padding:12px}
+.case-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:all .2s}
+.case-item:hover{border-color:var(--accent)}
+.case-item.selected{border-color:var(--accent);background:rgba(56,189,248,0.1)}
+.case-info{flex:1}
+.case-name{font-size:14px;font-weight:500;margin-bottom:4px}
+.case-desc{font-size:12px;color:var(--text-secondary)}
+/* 加载状态 */
+.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary)}
+.loading::before{content:'';width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite;margin-right:12px}
+@keyframes spin{to{transform:rotate(360deg)}}
+/* 空状态 */
+.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}
+.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:0.5}
+/* 历史记录 */
+.history-list{max-height:400px;overflow-y:auto}
+.history-item{padding:12px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}
+.history-item:hover{border-color:var(--accent)}
+.history-header{display:flex;justify-content:space-between;margin-bottom:4px}
+.history-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}
+.history-status.success{background:rgba(34,197,94,0.2);color:var(--success)}
+.history-status.failed{background:rgba(239,68,68,0.2);color:var(--error)}
+.history-url{font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.history-info{font-size:11px;color:var(--text-secondary)}
+/* Toast 通知 */
+.toast{position:fixed;bottom:60px;right:20px;padding:12px 20px;border-radius:8px;font-size:13px;z-index:2000;transform:translateX(120%);transition:transform .3s}
+.toast.show{transform:translateX(0)}
+.toast.success{background:var(--success);color:white}
+.toast.error{background:var(--error);color:white}
+.toast.info{background:var(--accent);color:var(--bg-primary)}
+</style>
+</head>
+<body>
+<div class="container">
+  <!-- 左侧配置面板 -->
+  <div class="sidebar">
+    <div class="sidebar-header">
+      <h2>调试面板</h2>
+      <button class="btn btn-sm btn-secondary" onclick="toggleHistory()" title="历史记录">📋</button>
+    </div>
+    <div class="sidebar-content">
+      <!-- 运行模式 -->
+      <div class="config-section">
+        <label>运行模式</label>
+        <select id="runMode" onchange="onRunModeChange()">
+          <option value="browser">🌐 浏览器</option>
+          <option value="device">📱 真机</option>
+        </select>
+      </div>
+      <!-- 真机配置 -->
+      <div id="deviceConfig" style="display:none">
+        <div class="config-section">
+          <label>平台</label>
+          <select id="platform">
+            <option value="android">Android</option>
+            <option value="ios">iOS</option>
+          </select>
+        </div>
+        <div class="config-section">
+          <div style="display:flex;justify-content:space-between;align-items:center">
+            <label style="margin:0">设备</label>
+            <button class="btn btn-sm btn-secondary" onclick="refreshDevices()" title="刷新设备">🔄</button>
+          </div>
+          <select id="deviceSelect">
+            <option value="">选择设备...</option>
+          </select>
+        </div>
+        <div class="config-section">
+          <label>包名 / Bundle ID</label>
+          <select id="packageSelect" onchange="onPackageChange()">
+            <option value="com.jingdong.app.mall">京东</option>
+            <option value="com.jd.dh">京东医生</option>
+            <option value="com.jd.jdhealth">京东健康</option>
+            <option value="custom">自定义...</option>
+          </select>
+          <input type="text" id="customPackage" placeholder="输入包名" style="margin-top:8px;display:none">
+        </div>
+      </div>
+      <!-- 浏览器配置 -->
+      <div id="browserConfig">
+        <div class="config-section">
+          <label>测试地址</label>
+          <input type="text" id="testUrl" placeholder="输入测试URL">
+        </div>
+        <div class="checkbox-wrapper">
+          <input type="checkbox" id="mobileMode">
+          <label for="mobileMode" style="margin:0;font-size:13px">模拟移动端</label>
+        </div>
+      </div>
+      <!-- 登录信息 -->
+      <div class="config-section">
+        <label>登录用户名（选填）</label>
+        <input type="text" id="loginUsername" placeholder="请输入用户名">
+      </div>
+      <div class="config-section">
+        <label>登录密码（选填）</label>
+        <input type="password" id="loginPassword" placeholder="请输入密码">
+      </div>
+      <!-- Appium 选项 -->
+      <div class="checkbox-wrapper">
+        <input type="checkbox" id="skipAppiumDriver" checked>
+        <label for="skipAppiumDriver" style="margin:0;font-size:13px">跳过 Appium 服务</label>
+      </div>
+      <!-- 执行按钮 -->
+      <div style="margin-top:24px">
+        <button id="executeBtn" class="btn btn-primary btn-block" onclick="executeTask()">
+          ▶ 执行任务
+        </button>
+        <button id="stopBtn" class="btn btn-danger btn-block" onclick="stopTask()" style="display:none;margin-top:8px">
+          ⏹ 停止任务
+        </button>
+      </div>
+    </div>
+  </div>
+  <!-- 主内容区 -->
+  <div class="main">
+    <!-- 脚本编辑器 -->
+    <div class="editor-section">
+      <div class="editor-header">
+        <div class="editor-title">
+          <span>📝</span>
+          <span>脚本编辑器</span>
+        </div>
+        <div class="editor-actions">
+          <button class="btn btn-sm btn-secondary" onclick="selectTestCase()">📂 选择用例</button>
+          <button class="btn btn-sm btn-secondary" onclick="saveTestCase()">💾 保存用例</button>
+          <button class="btn btn-sm btn-secondary" onclick="clearEditor()">🗑 清空</button>
+        </div>
+      </div>
+      <div class="editor-content">
+        <textarea id="scriptEditor" class="code-editor" placeholder="// 在此编写或生成测试脚本...
+// 支持的操作：
+// - aiTap('点击按钮')      - AI点击
+// - aiInput('搜索内容')    - AI输入
+// - aiAssert('验证文本')   - AI断言
+// - aiQuery('查询信息')    - AI查询
+// - aiScroll({})          - AI滚动
+// - aiWaitFor('等待条件')  - AI等待"></textarea>
+      </div>
+    </div>
+    <!-- 终端输出 -->
+    <div class="terminal-section">
+      <div class="terminal-header">
+        <div class="terminal-title">
+          <span>🖥</span>
+          <span>终端输出</span>
+        </div>
+        <div class="editor-actions">
+          <button id="reportBtn" class="btn btn-sm btn-secondary" onclick="openReport()" style="display:none">📊 查看报告</button>
+          <button class="btn btn-sm btn-secondary" onclick="clearLogs()">🗑 清空</button>
+        </div>
+      </div>
+      <div id="terminalContent" class="terminal-content">
+        <div class="empty-state">
+          <div class="icon">📟</div>
+          <p>暂无输出...</p>
+          <p style="font-size:11px;margin-top:8px">执行任务后，输出将显示在这里</p>
+        </div>
+      </div>
+    </div>
+    <!-- 状态栏 -->
+    <div class="statusbar">
+      <div id="statusInfo">
+        <span id="connectionStatus">⚡ 已连接</span>
+        <span id="taskStatus" style="margin-left:16px"></span>
+      </div>
+      <div>
+        <button class="btn btn-sm btn-secondary" onclick="toggleTerminal()">
+          <span id="terminalToggle">▼</span> 终端
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- 用例选择器模态框 -->
+<div id="testCaseModal" class="modal-overlay">
+  <div class="modal">
+    <div class="modal-header">
+      <h3>选择测试用例</h3>
+      <button class="btn btn-sm btn-secondary" onclick="closeTestCaseModal()">✕</button>
+    </div>
+    <div class="modal-body" style="padding:0">
+      <div class="testcase-selector">
+        <div class="folder-tree" id="folderTree">
+          <div class="loading">加载中...</div>
+        </div>
+        <div class="case-list" id="caseList">
+          <div class="empty-state">请选择文件夹</div>
+        </div>
+      </div>
+    </div>
+    <div class="modal-footer">
+      <button class="btn btn-secondary" onclick="closeTestCaseModal()">取消</button>
+      <button class="btn btn-primary" onclick="confirmTestCase()">确定</button>
+    </div>
+  </div>
+</div>
+<!-- 保存用例模态框 -->
+<div id="saveModal" class="modal-overlay">
+  <div class="modal">
+    <div class="modal-header">
+      <h3>保存测试用例</h3>
+      <button class="btn btn-sm btn-secondary" onclick="closeSaveModal()">✕</button>
+    </div>
+    <div class="modal-body">
+      <div class="config-section">
+        <label>用例名称</label>
+        <input type="text" id="caseName" placeholder="例如：登录测试">
+      </div>
+      <div class="config-section">
+        <label>所属文件夹</label>
+        <select id="folderSelect">
+          <option value="">选择文件夹...</option>
+        </select>
+      </div>
+    </div>
+    <div class="modal-footer">
+      <button class="btn btn-secondary" onclick="closeSaveModal()">取消</button>
+      <button class="btn btn-primary" onclick="confirmSave()">保存</button>
+    </div>
+  </div>
+</div>
+<!-- 历史记录模态框 -->
+<div id="historyModal" class="modal-overlay">
+  <div class="modal">
+    <div class="modal-header">
+      <h3>历史记录</h3>
+      <button class="btn btn-sm btn-secondary" onclick="closeHistoryModal()">✕</button>
+    </div>
+    <div class="modal-body">
+      <div id="historyList" class="history-list">
+        <div class="empty-state">暂无历史记录</div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- Toast 通知 -->
+<div id="toast" class="toast"></div>
+<script>
+// ===== 全局变量 =====
+// @ts-ignore
+let ws = null;
+// @ts-ignore
+let currentTaskId = null;
+// @ts-ignore
+let isExecuting = false;
+// @ts-ignore
+let terminalMinimized = false;
+// @ts-ignore
+let reportPath = '';
+// @ts-ignore
+let history = [];
+// @ts-ignore
+let folders = [];
+// @ts-ignore
+let testCases = [];
+// @ts-ignore
+let selectedTestCase = null;
+// @ts-ignore
+let selectedFolderId = null;
+// @ts-ignore
+let pollingInterval = null;
+// ===== WebSocket 连接 =====
+// @ts-ignore
+function initWebSocket() {
+  var wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+  var wsHost = location.hostname;
+  var wsPort = 8002;
+  // @ts-ignore
+  ws = new WebSocket(wsProtocol + '//' + wsHost + ':' + wsPort);
+  ws.onopen = function() {
+    console.log('[WS] 连接成功');
+    document.getElementById('connectionStatus').textContent = '⚡ 已连接';
+  };
+  ws.onclose = function() {
+    console.log('[WS] 连接断开，3秒后重连...');
+    document.getElementById('connectionStatus').textContent = '🔴 已断开';
+    setTimeout(initWebSocket, 3000);
+  };
+  ws.onerror = function(e) {
+    console.error('[WS] 错误:', e);
+  };
+  ws.onmessage = function(event) {
+    try {
+      var msg = JSON.parse(event.data);
+      handleWsMessage(msg);
+    } catch (e) {
+      console.error('[WS] 解析消息失败:', e);
+    }
+  };
+}
+// ===== WebSocket 消息处理 =====
+// @ts-ignore
+function handleWsMessage(msg) {
+  switch (msg.type) {
+    case 'session_created':
+      console.log('[WS] 会话已创建:', msg.sessionId);
+      break;
+    case 'debug_started':
+      addLog('任务已开始执行', 'info');
+      break;
+    case 'log_output':
+      addLog(msg.content, 'info');
+      // 提取报告路径
+      if (msg.content && msg.content.includes('report file updated:')) {
+        var match = msg.content.match(/report file updated:\s*(\/[^\s]+\.html)/);
+        if (match) {
+          // @ts-ignore
+          reportPath = match[1];
+          document.getElementById('reportBtn').style.display = 'inline-flex';
+        }
+      }
+      break;
+    case 'debug_completed':
+      // @ts-ignore
+      isExecuting = false;
+      updateExecuteButton();
+      if (msg.success) {
+        addLog('任务执行完成 ✓', 'success');
+      } else {
+        addLog('任务执行失败 (退出码: ' + msg.exitCode + ')', 'error');
+      }
+      break;
+    case 'debug_error':
+      // @ts-ignore
+      isExecuting = false;
+      updateExecuteButton();
+      addLog('错误: ' + msg.error, 'error');
+      break;
+    case 'action_result':
+      handleActionResult(msg);
+      break;
+    case 'task_log':
+      addLog(msg.content, msg.level || 'info');
+      break;
+  }
+}
+// ===== 动作执行结果处理 =====
+// @ts-ignore
+function handleActionResult(msg) {
+  if (msg.success) {
+    addLog('动作执行成功 ✓', 'success');
+  } else {
+    addLog('动作执行失败: ' + (msg.error || '未知错误'), 'error');
+  }
+}
+// ===== 任务执行 =====
+// @ts-ignore
+function executeTask() {
+  var script = document.getElementById('scriptEditor').value.trim();
+  if (!script) {
+    showToast('请输入脚本内容', 'error');
+    return;
+  }
+  var runMode = document.getElementById('runMode').value;
+  if (runMode === 'device') {
+    var device = document.getElementById('deviceSelect').value;
+    if (!device) {
+      showToast('请选择设备', 'error');
+      return;
+    }
+  }
+  // @ts-ignore
+  isExecuting = true;
+  // @ts-ignore
+  currentTaskId = 'debug-' + Date.now();
+  updateExecuteButton();
+  // 清空日志
+  clearLogs();
+  addLog('开始执行任务 (模式: ' + (runMode === 'device' ? '真机' : '浏览器') + ')...', 'info');
+  // 构建请求
+  var packageSelect = document.getElementById('packageSelect');
+  var packageValue = packageSelect.value === 'custom'
+    ? document.getElementById('customPackage').value
+    : packageSelect.value;
+  var request = {
+    type: 'start_debug',
+    sessionId: currentTaskId,
+    deviceId: runMode === 'device' ? document.getElementById('deviceSelect').value : undefined,
+    url: document.getElementById('testUrl').value,
+    prompt: script,
+    naturalLanguage: script,
+    mobileMode: document.getElementById('mobileMode').checked,
+    packageName: runMode === 'device' ? packageValue : undefined,
+    platform: runMode === 'device' ? document.getElementById('platform').value : 'web',
+    skipAppiumDriver: document.getElementById('skipAppiumDriver').checked,
+    loginUsername: document.getElementById('loginUsername').value || undefined,
+    document.getElementById('loginPassword').value || undefined,
+  };
+  // @ts-ignore
+  if (ws && ws.readyState === WebSocket.OPEN) {
+    ws.send(JSON.stringify(request));
+    // 保存到历史记录
+    saveToHistory(request);
+    // 启动日志轮询
+    startLogPolling();
+  } else {
+    addLog('WebSocket 未连接', 'error');
+    // @ts-ignore
+    isExecuting = false;
+    updateExecuteButton();
+  }
+}
+// ===== 停止任务 =====
+// @ts-ignore
+function stopTask() {
+  // @ts-ignore
+  if (currentTaskId && ws && ws.readyState === WebSocket.OPEN) {
+    ws.send(JSON.stringify({
+      type: 'stop_debug',
+      sessionId: currentTaskId
+    }));
+    addLog('正在停止任务...', 'info');
+  }
+  // @ts-ignore
+  isExecuting = false;
+  stopLogPolling();
+  updateExecuteButton();
+}
+// ===== 日志轮询 =====
+// @ts-ignore
+function startLogPolling() {
+  // @ts-ignore
+  if (pollingInterval) clearInterval(pollingInterval);
+  // @ts-ignore
+  pollingInterval = setInterval(function() {
+    // @ts-ignore
+    if (currentTaskId && ws && ws.readyState === WebSocket.OPEN) {
+      ws.send(JSON.stringify({
+        type: 'get_logs',
+        sessionId: currentTaskId
+      }));
+    }
+  }, 1000);
+}
+// @ts-ignore
+function stopLogPolling() {
+  // @ts-ignore
+  if (pollingInterval) {
+    clearInterval(pollingInterval);
+    // @ts-ignore
+    pollingInterval = null;
+  }
+}
+// ===== 日志显示 =====
+// @ts-ignore
+function addLog(message, level) {
+  if (level === undefined) level = 'info';
+  var terminal = document.getElementById('terminalContent');
+  // 移除空状态
+  var emptyState = terminal.querySelector('.empty-state');
+  if (emptyState) emptyState.remove();
+  var line = document.createElement('div');
+  line.className = 'log-line';
+  var time = new Date().toLocaleTimeString();
+  var levelClass = 'log-level-' + level;
+  line.innerHTML = '<span class="log-time">[' + time + ']</span><span class="log-level ' + levelClass + '">[' + level.toUpperCase() + ']</span><span class="log-content">' + escapeHtml(message) + '</span>';
+  terminal.appendChild(line);
+  terminal.scrollTop = terminal.scrollHeight;
+  // 限制日志数量
+  while (terminal.children.length > 500) {
+    terminal.removeChild(terminal.firstChild);
+  }
+}
+// @ts-ignore
+function escapeHtml(text) {
+  var div = document.createElement('div');
+  div.textContent = text;
+  return div.innerHTML;
+}
+// ===== 历史记录 =====
+// @ts-ignore
+function saveToHistory(request) {
+  var item = {
+    id: Date.now(),
+    timestamp: Date.now(),
+    request: request,
+    status: 'pending'
+  };
+  // @ts-ignore
+  history.unshift(item);
+  // @ts-ignore
+  if (history.length > 50) history.pop();
+  localStorage.setItem('debug_history', JSON.stringify(history));
+}
+// @ts-ignore
+function loadHistory() {
+  var saved = localStorage.getItem('debug_history');
+  if (saved) {
+    // @ts-ignore
+    history = JSON.parse(saved);
+  }
+}
+// @ts-ignore
+function renderHistory() {
+  var container = document.getElementById('historyList');
+  // @ts-ignore
+  if (history.length === 0) {
+    container.innerHTML = '<div class="empty-state">暂无历史记录</div>';
+    return;
+  }
+  // @ts-ignore
+  var html = history.map(function(item) {
+    return '<div class="history-item" onclick="restoreHistory(' + item.id + ')">' +
+      '<div class="history-header">' +
+        '<span class="history-status ' + (item.status === 'success' ? 'success' : item.status === 'failed' ? 'failed' : '') + '">' +
+          (item.status === 'success' ? '成功' : item.status === 'failed' ? '失败' : '进行中') +
+        '</span>' +
+        '<span style="font-size:11px;color:var(--text-muted)">' + new Date(item.timestamp).toLocaleString() + '</span>' +
+      '</div>' +
+      '<div class="history-url">' + escapeHtml(item.request.url || item.request.testUrl || '未指定URL') + '</div>' +
+      '<div class="history-info">' +
+        (item.request.run_mode === 'device' ? '真机 • ' + item.request.platform : '浏览器') +
+        (item.request.prompt ? ' • ' + item.request.prompt.substring(0, 50) + '...' : '') +
+      '</div>' +
+    '</div>';
+  }).join('');
+  container.innerHTML = html;
+}
+// @ts-ignore
+function restoreHistory(id) {
+  // @ts-ignore
+  var item = history.find(function(h) { return h.id === id; });
+  if (!item) return;
+  var req = item.request;
+  document.getElementById('runMode').value = req.run_mode || 'browser';
+  onRunModeChange();
+  document.getElementById('testUrl').value = req.testUrl || req.url || '';
+  document.getElementById('scriptEditor').value = req.prompt || '';
+  document.getElementById('mobileMode').checked = req.mobileMode || false;
+  document.getElementById('skipAppiumDriver').checked = req.skipAppiumDriver !== false;
+  document.getElementById('loginUsername').value = req.loginUsername || '';
+  document.getElementById('loginPassword').value = req.loginPassword || '';
+  if (req.run_mode === 'device') {
+    document.getElementById('platform').value = req.platform || 'android';
+    document.getElementById('deviceSelect').value = req.device_udid || '';
+    if (req.package_name) {
+      document.getElementById('packageSelect').value = 'custom';
+      document.getElementById('customPackage').value = req.package_name;
+      document.getElementById('customPackage').style.display = 'block';
+    }
+  }
+  closeHistoryModal();
+  showToast('已恢复历史配置', 'info');
+}
+// ===== 用例选择 =====
+// @ts-ignore
+function selectTestCase() {
+  document.getElementById('testCaseModal').classList.add('active');
+  loadFolderTree();
+}
+// @ts-ignore
+function closeTestCaseModal() {
+  document.getElementById('testCaseModal').classList.remove('active');
+}
+// @ts-ignore
+function loadFolderTree() {
+  var container = document.getElementById('folderTree');
+  container.innerHTML = '<div class="loading">加载中...</div>';
+  fetch('/api/tasks/folder-tree')
+    .then(function(response) { return response.json(); })
+    .then(function(data) {
+      if (data.success && data.data) {
+        // @ts-ignore
+        folders = Array.isArray(data.data) ? data.data : (data.data.data || []);
+        renderFolderTree();
+      } else {
+        container.innerHTML = '<div class="empty-state">暂无文件夹</div>';
+      }
+    })
+    .catch(function(error) {
+      console.error('加载文件夹失败:', error);
+      container.innerHTML = '<div class="empty-state">加载失败</div>';
+    });
+}
+// @ts-ignore
+function renderFolderTree() {
+  var container = document.getElementById('folderTree');
+  // 添加全部用例选项
+  var html = '<div class="folder-item ' + (selectedFolderId === null ? 'active' : '') + '" onclick="selectFolder(null)">📋 全部用例</div>';
+  // @ts-ignore
+  folders.forEach(function(folder) {
+    var folderInfo = folder.folder || {};
+    var folderId = folderInfo.folderId;
+    var folderName = folderInfo.folderName || '未命名文件夹';
+    var configCount = folderInfo.configCount || 0;
+    html += '<div class="folder-item ' + (selectedFolderId === folderId ? 'active' : '') + '" onclick="selectFolder(' + folderId + ')">📁 ' + folderName + (configCount > 0 ? ' (' + configCount + ')' : '') + '</div>';
+  });
+  container.innerHTML = html;
+}
+// @ts-ignore
+function selectFolder(folderId) {
+  // @ts-ignore
+  selectedFolderId = folderId;
+  renderFolderTree();
+  var container = document.getElementById('caseList');
+  container.innerHTML = '<div class="loading">加载中...</div>';
+  var url = '/api/tasks/test-cases';
+  if (folderId !== null) {
+    url += '?folderId=' + folderId;
+  }
+  fetch(url)
+    .then(function(response) { return response.json(); })
+    .then(function(data) {
+      if (data.success && data.data) {
+        // @ts-ignore
+        testCases = Array.isArray(data.data) ? data.data : (data.data.data || []);
+        renderCaseList();
+      } else {
+        container.innerHTML = '<div class="empty-state">该文件夹下暂无用例</div>';
+      }
+    })
+    .catch(function(error) {
+      console.error('加载用例失败:', error);
+      container.innerHTML = '<div class="empty-state">加载失败</div>';
+    });
+}
+// @ts-ignore
+function renderCaseList() {
+  var container = document.getElementById('caseList');
+  // @ts-ignore
+  if (testCases.length === 0) {
+    container.innerHTML = '<div class="empty-state">暂无用例</div>';
+    return;
+  }
+  // @ts-ignore
+  var html = testCases.map(function(caseItem) {
+    return '<div class="case-item ' + (selectedTestCase && selectedTestCase.id === caseItem.id ? 'selected' : '') + '" onclick="selectCaseItem(' + caseItem.id + ')">' +
+      '<div class="case-info">' +
+        '<div class="case-name">' + escapeHtml(caseItem.configName || '未命名用例') + '</div>' +
+        '<div class="case-desc">' + escapeHtml(caseItem.description || '无描述') + '</div>' +
+      '</div>' +
+    '</div>';
+  }).join('');
+  container.innerHTML = html;
+}
+// @ts-ignore
+function selectCaseItem(id) {
+  // @ts-ignore
+  selectedTestCase = testCases.find(function(c) { return c.id === id; });
+  renderCaseList();
+}
+// @ts-ignore
+function confirmTestCase() {
+  // @ts-ignore
+  if (!selectedTestCase) {
+    showToast('请选择用例', 'error');
+    return;
+  }
+  document.getElementById('testUrl').value = selectedTestCase.testUrl || '';
+  document.getElementById('scriptEditor').value = selectedTestCase.naturalLanguage || selectedTestCase.prompt || '';
+  document.getElementById('mobileMode').checked = selectedTestCase.mobileMode || false;
+  if (selectedTestCase.platform) {
+    document.getElementById('platform').value = selectedTestCase.platform;
+  }
+  if (selectedTestCase.packageName) {
+    document.getElementById('packageSelect').value = 'custom';
+    document.getElementById('customPackage').value = selectedTestCase.packageName;
+    document.getElementById('customPackage').style.display = 'block';
+  }
+  document.getElementById('loginUsername').value = selectedTestCase.loginUsername || '';
+  document.getElementById('loginPassword').value = selectedTestCase.loginPassword || '';
+  closeTestCaseModal();
+  showToast('已加载用例: ' + selectedTestCase.configName, 'success');
+}
+// ===== 保存用例 =====
+// @ts-ignore
+function saveTestCase() {
+  document.getElementById('saveModal').classList.add('active');
+  loadFoldersForSave();
+}
+// @ts-ignore
+function closeSaveModal() {
+  document.getElementById('saveModal').classList.remove('active');
+}
+// @ts-ignore
+function loadFoldersForSave() {
+  var select = document.getElementById('folderSelect');
+  select.innerHTML = '<option value="">选择文件夹...</option>';
+  fetch('/api/tasks/folder-tree')
+    .then(function(response) { return response.json(); })
+    .then(function(data) {
+      if (data.success && data.data) {
+        var folderList = Array.isArray(data.data) ? data.data : (data.data.data || []);
+        folderList.forEach(function(folder) {
+          var folderInfo = folder.folder || {};
+          var option = document.createElement('option');
+          option.value = folderInfo.folderId;
+          option.textContent = folderInfo.folderName || '未命名文件夹';
+          select.appendChild(option);
+        });
+      }
+    })
+    .catch(function(error) {
+      console.error('加载文件夹失败:', error);
+    });
+}
+// @ts-ignore
+function confirmSave() {
+  var caseName = document.getElementById('caseName').value.trim();
+  var folderId = document.getElementById('folderSelect').value;
+  if (!caseName) {
+    showToast('请输入用例名称', 'error');
+    return;
+  }
+  if (!folderId) {
+    showToast('请选择文件夹', 'error');
+    return;
+  }
+  var runMode = document.getElementById('runMode').value;
+  var packageSelect = document.getElementById('packageSelect');
+  var packageValue = packageSelect.value === 'custom'
+    ? document.getElementById('customPackage').value
+    : packageSelect.value;
+  var saveData = {
+    configName: caseName,
+    folderId: parseInt(folderId),
+    testUrl: document.getElementById('testUrl').value,
+    naturalLanguage: document.getElementById('scriptEditor').value,
+    prompt: document.getElementById('scriptEditor').value,
+    runMode: runMode,
+    platform: document.getElementById('platform').value,
+    packageName: packageValue,
+    mobileMode: document.getElementById('mobileMode').checked,
+    loginUsername: document.getElementById('loginUsername').value,
+    document.getElementById('loginPassword').value,
+    status: 1,
+    isRealDevice: runMode === 'device',
+  };
+  fetch('/api/tasks/test-cases', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(saveData)
+  })
+    .then(function(response) { return response.json(); })
+    .then(function(data) {
+      if (data.success) {
+        showToast('用例保存成功', 'success');
+        closeSaveModal();
+        document.getElementById('caseName').value = '';
+      } else {
+        showToast('保存失败: ' + (data.message || '未知错误'), 'error');
+      }
+    })
+    .catch(function(error) {
+      console.error('保存用例失败:', error);
+      showToast('保存失败', 'error');
+    });
+}
+// ===== 设备列表 =====
+// @ts-ignore
+function refreshDevices() {
+  var select = document.getElementById('deviceSelect');
+  select.innerHTML = '<option value="">加载中...</option>';
+  fetch('/api/devices/online')
+    .then(function(response) { return response.json(); })
+    .then(function(devices) {
+      select.innerHTML = '<option value="">选择设备...</option>';
+      if (devices.length === 0) {
+        select.innerHTML = '<option value="">暂无设备</option>';
+        showToast('未检测到设备', 'error');
+        return;
+      }
+      devices.forEach(function(device) {
+        var option = document.createElement('option');
+        option.value = device.serialNumber;
+        option.textContent = (device.model || device.name || '未知设备') + ' (' + device.serialNumber + ')';
+        select.appendChild(option);
+      });
+      showToast('已加载 ' + devices.length + ' 个设备', 'info');
+    })
+    .catch(function(error) {
+      console.error('加载设备失败:', error);
+      select.innerHTML = '<option value="">加载失败</option>';
+    });
+}
+// ===== 界面更新 =====
+// @ts-ignore
+function onRunModeChange() {
+  var runMode = document.getElementById('runMode').value;
+  document.getElementById('deviceConfig').style.display = runMode === 'device' ? 'block' : 'none';
+  document.getElementById('browserConfig').style.display = runMode === 'browser' ? 'block' : 'none';
+  if (runMode === 'device') {
+    refreshDevices();
+  }
+}
+// @ts-ignore
+function onPackageChange() {
+  var packageSelect = document.getElementById('packageSelect');
+  var customPackage = document.getElementById('customPackage');
+  customPackage.style.display = packageSelect.value === 'custom' ? 'block' : 'none';
+}
+// @ts-ignore
+function updateExecuteButton() {
+  var executeBtn = document.getElementById('executeBtn');
+  var stopBtn = document.getElementById('stopBtn');
+  var taskStatus = document.getElementById('taskStatus');
+  // @ts-ignore
+  if (isExecuting) {
+    executeBtn.style.display = 'none';
+    stopBtn.style.display = 'block';
+    taskStatus.textContent = '⚙️ 执行中...';
+  } else {
+    executeBtn.style.display = 'block';
+    stopBtn.style.display = 'none';
+    taskStatus.textContent = '';
+  }
+}
+// @ts-ignore
+function toggleTerminal() {
+  var terminal = document.querySelector('.terminal-section');
+  var toggle = document.getElementById('terminalToggle');
+  // @ts-ignore
+  terminalMinimized = !terminalMinimized;
+  // @ts-ignore
+  if (terminalMinimized) {
+    terminal.style.height = '36px';
+    terminal.style.overflow = 'hidden';
+    toggle.textContent = '▲';
+  } else {
+    terminal.style.height = '300px';
+    terminal.style.overflow = 'hidden';
+    toggle.textContent = '▼';
+  }
+}
+// @ts-ignore
+function toggleHistory() {
+  document.getElementById('historyModal').classList.add('active');
+  renderHistory();
+}
+// @ts-ignore
+function closeHistoryModal() {
+  document.getElementById('historyModal').classList.remove('active');
+}
+// @ts-ignore
+function clearEditor() {
+  document.getElementById('scriptEditor').value = '';
+  // @ts-ignore
+  selectedTestCase = null;
+  showToast('编辑器已清空', 'info');
+}
+// @ts-ignore
+function clearLogs() {
+  var terminal = document.getElementById('terminalContent');
+  terminal.innerHTML = '<div class="empty-state"><div class="icon">📟</div><p>暂无输出...</p><p style="font-size:11px;margin-top:8px">执行任务后，输出将显示在这里</p></div>';
+  // @ts-ignore
+  reportPath = '';
+  document.getElementById('reportBtn').style.display = 'none';
+}
+// @ts-ignore
+function openReport() {
+  // @ts-ignore
+  if (reportPath) {
+    window.open('file://' + reportPath, '_blank');
+  }
+}
+// @ts-ignore
+function showToast(message, type) {
+  if (type === undefined) type = 'info';
+  var toast = document.getElementById('toast');
+  toast.textContent = message;
+  toast.className = 'toast ' + type + ' show';
+  setTimeout(function() {
+    toast.classList.remove('show');
+  }, 3000);
+}
+// ===== 初始化 =====
+document.addEventListener('DOMContentLoaded', function() {
+  initWebSocket();
+  loadHistory();
+  // 初始化运行模式
+  onRunModeChange();
+});
+</script>
+</body>
+</html>