npm - @agentunion/kite - Versions diffs - 1.5.0 → 1.6.0 - Mend

@agentunion/kite 1.5.0 → 1.6.0

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 (573) hide show

package/extensions/services/kite_console/static/index.html ADDED Viewed

@@ -0,0 +1,1524 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kite 控制台</title>
+  <link rel="icon" href="data:,">
+  <link rel="stylesheet" href="css/style.css?v=7">
+  <script>
+    // 在 DOM 加载前判断 token，避免闪烁
+    (function() {
+      function getCookie(name) {
+        const value = `; ${document.cookie}`;
+        const parts = value.split(`; ${name}=`);
+        if (parts.length === 2) return parts.pop().split(';').shift();
+        return null;
+      }
+      const hasToken = localStorage.getItem('kiteToken') || getCookie('kiteToken');
+      if (hasToken) {
+        // 有 token，默认显示主页面
+        document.documentElement.classList.add('has-token');
+      }
+    })();
+  </script>
+  <style>
+    /* 页面显示控制 */
+    html.has-token #login-page { display: none !important; }
+    html.has-token #main-app { display: block !important; }
+    html:not(.has-token) #login-page { display: flex !important; }
+    html:not(.has-token) #main-app { display: none !important; }
+    /* 登录页面样式方案切换 - 在 body 添加 data-login-theme 属性 */
+    /* 方案 1: 极简商务风 - theme-minimal */
+    /* 方案 2: 现代扁平风 - theme-flat */
+    /* 方案 3: 传统表单风 - theme-classic */
+    /* === 方案 1: 极简商务风 === */
+    body[data-login-theme="theme-minimal"] #login-page .login-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background: #f5f5f5;
+    }
+    body[data-login-theme="theme-minimal"] #login-page .login-box {
+      background: white;
+      padding: 48px 40px;
+      border-radius: 2px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+      width: 100%;
+      max-width: 360px;
+      border-top: 3px solid #333;
+    }
+    body[data-login-theme="theme-minimal"] #login-page .login-title {
+      font-size: 24px;
+      font-weight: 400;
+      margin-bottom: 32px;
+      color: #333;
+      letter-spacing: 0.5px;
+    }
+    body[data-login-theme="theme-minimal"] #login-page .form-label {
+      display: block;
+      margin-bottom: 8px;
+      font-weight: 400;
+      color: #666;
+      font-size: 13px;
+    }
+    body[data-login-theme="theme-minimal"] #login-page .form-input {
+      width: 100%;
+      padding: 10px 12px;
+      border: 1px solid #ddd;
+      border-radius: 2px;
+      font-size: 14px;
+      box-sizing: border-box;
+      transition: border-color 0.2s;
+    }
+    body[data-login-theme="theme-minimal"] #login-page .form-input:focus {
+      outline: none;
+      border-color: #333;
+    }
+    body[data-login-theme="theme-minimal"] #login-page .btn-primary {
+      width: 100%;
+      padding: 11px;
+      background: #333;
+      color: white;
+      border: none;
+      border-radius: 2px;
+      font-size: 14px;
+      font-weight: 400;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+    body[data-login-theme="theme-minimal"] #login-page .btn-primary:hover {
+      background: #000;
+    }
+    body[data-login-theme="theme-minimal"] #login-page .btn-primary:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+    }
+    /* === 方案 2: 现代扁平风 === */
+    body[data-login-theme="theme-flat"] #login-page .login-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background: #fafafa;
+    }
+    body[data-login-theme="theme-flat"] #login-page .login-box {
+      background: white;
+      padding: 40px;
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.06);
+      width: 100%;
+      max-width: 380px;
+      border: 1px solid #e8e8e8;
+    }
+    body[data-login-theme="theme-flat"] #login-page .login-title {
+      font-size: 22px;
+      font-weight: 500;
+      margin-bottom: 28px;
+      color: #1a1a1a;
+    }
+    body[data-login-theme="theme-flat"] #login-page .form-label {
+      display: block;
+      margin-bottom: 6px;
+      font-weight: 500;
+      color: #4a4a4a;
+      font-size: 13px;
+    }
+    body[data-login-theme="theme-flat"] #login-page .form-input {
+      width: 100%;
+      padding: 11px 14px;
+      border: 1px solid #e0e0e0;
+      border-radius: 4px;
+      font-size: 14px;
+      box-sizing: border-box;
+      background: #fafafa;
+      transition: all 0.2s;
+    }
+    body[data-login-theme="theme-flat"] #login-page .form-input:focus {
+      outline: none;
+      border-color: #4a90e2;
+      background: white;
+    }
+    body[data-login-theme="theme-flat"] #login-page .btn-primary {
+      width: 100%;
+      padding: 12px;
+      background: #4a90e2;
+      color: white;
+      border: none;
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+    body[data-login-theme="theme-flat"] #login-page .btn-primary:hover {
+      background: #357abd;
+    }
+    body[data-login-theme="theme-flat"] #login-page .btn-primary:disabled {
+      background: #d0d0d0;
+      cursor: not-allowed;
+    }
+    /* === 方案 3: 传统表单风 === */
+    body[data-login-theme="theme-classic"] #login-page .login-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background: #e9ecef;
+    }
+    body[data-login-theme="theme-classic"] #login-page .login-box {
+      background: white;
+      padding: 36px 32px;
+      border-radius: 4px;
+      box-shadow: 0 0 10px rgba(0,0,0,0.1);
+      width: 100%;
+      max-width: 400px;
+    }
+    body[data-login-theme="theme-classic"] #login-page .login-title {
+      font-size: 20px;
+      font-weight: 600;
+      margin-bottom: 24px;
+      color: #212529;
+      text-align: center;
+      border-bottom: 2px solid #dee2e6;
+      padding-bottom: 12px;
+    }
+    body[data-login-theme="theme-classic"] #login-page .form-label {
+      display: block;
+      margin-bottom: 6px;
+      font-weight: 600;
+      color: #495057;
+      font-size: 13px;
+    }
+    body[data-login-theme="theme-classic"] #login-page .form-input {
+      width: 100%;
+      padding: 10px 12px;
+      border: 1px solid #ced4da;
+      border-radius: 3px;
+      font-size: 14px;
+      box-sizing: border-box;
+      transition: border-color 0.15s;
+    }
+    body[data-login-theme="theme-classic"] #login-page .form-input:focus {
+      outline: none;
+      border-color: #80bdff;
+      box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
+    }
+    body[data-login-theme="theme-classic"] #login-page .btn-primary {
+      width: 100%;
+      padding: 10px;
+      background: #007bff;
+      color: white;
+      border: none;
+      border-radius: 3px;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: background 0.15s;
+    }
+    body[data-login-theme="theme-classic"] #login-page .btn-primary:hover {
+      background: #0056b3;
+    }
+    body[data-login-theme="theme-classic"] #login-page .btn-primary:disabled {
+      background: #6c757d;
+      cursor: not-allowed;
+    }
+    /* 通用样式 */
+    .form-group {
+      margin-bottom: 20px;
+    }
+    .error-msg {
+      color: #e74c3c;
+      font-size: 14px;
+      margin-top: 10px;
+      text-align: center;
+    }
+    .success-msg {
+      color: #27ae60;
+      font-size: 14px;
+      margin-top: 10px;
+      text-align: center;
+    }
+    .hidden {
+      display: none !important;
+    }
+    /* 标签页样式 */
+    .tabs {
+      display: flex;
+      gap: 2px;
+      margin-bottom: 20px;
+      border-bottom: 2px solid #e0e0e0;
+    }
+    .tab {
+      padding: 10px 20px;
+      background: transparent;
+      border: none;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -2px;
+      cursor: pointer;
+      font-size: 14px;
+      color: #666;
+      transition: all 0.2s;
+    }
+    .tab:hover {
+      color: #333;
+      background: #f5f5f5;
+    }
+    .tab.active {
+      color: #007bff;
+      border-bottom-color: #007bff;
+      font-weight: 600;
+    }
+    .tab-content {
+      display: none;
+    }
+    .tab-content.active {
+      display: block;
+    }
+    /* 默认使用方案 1 */
+    body:not([data-login-theme]) {
+      --login-theme: theme-minimal;
+    }
+    body:not([data-login-theme]) #login-page .login-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background: #f5f5f5;
+    }
+    body:not([data-login-theme]) #login-page .login-box {
+      background: white;
+      padding: 48px 40px;
+      border-radius: 2px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+      width: 100%;
+      max-width: 360px;
+      border-top: 3px solid #333;
+    }
+    body:not([data-login-theme]) #login-page .login-title {
+      font-size: 24px;
+      font-weight: 400;
+      margin-bottom: 32px;
+      color: #333;
+      letter-spacing: 0.5px;
+    }
+    body:not([data-login-theme]) #login-page .form-label {
+      display: block;
+      margin-bottom: 8px;
+      font-weight: 400;
+      color: #666;
+      font-size: 13px;
+    }
+    body:not([data-login-theme]) #login-page .form-input {
+      width: 100%;
+      padding: 10px 12px;
+      border: 1px solid #ddd;
+      border-radius: 2px;
+      font-size: 14px;
+      box-sizing: border-box;
+      transition: border-color 0.2s;
+    }
+    body:not([data-login-theme]) #login-page .form-input:focus {
+      outline: none;
+      border-color: #333;
+    }
+    body:not([data-login-theme]) #login-page .btn-primary {
+      width: 100%;
+      padding: 11px;
+      background: #333;
+      color: white;
+      border: none;
+      border-radius: 2px;
+      font-size: 14px;
+      font-weight: 400;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+    body:not([data-login-theme]) #login-page .btn-primary:hover {
+      background: #000;
+    }
+    body:not([data-login-theme]) #login-page .btn-primary:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <!--
+    登录页面样式方案切换：
+    方案 1（默认）: 极简商务风 - 不设置或 data-login-theme="theme-minimal"
+    方案 2: 现代扁平风 - data-login-theme="theme-flat"
+    方案 3: 传统表单风 - data-login-theme="theme-classic"
+    切换方法：在 <body> 标签添加 data-login-theme 属性
+    例如：<body data-login-theme="theme-flat">
+  -->
+  <!-- Login Page -->
+  <div id="login-page" class="login-container">
+    <!-- 样式切换按钮 -->
+    <div style="position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:10;">
+      <button onclick="document.body.removeAttribute('data-login-theme')" style="padding:8px 16px;border:1px solid #ddd;background:white;border-radius:4px;cursor:pointer;font-size:13px;transition:all 0.2s;" onmouseover="this.style.background='#f5f5f5'" onmouseout="this.style.background='white'">极简商务</button>
+      <button onclick="document.body.setAttribute('data-login-theme','theme-flat')" style="padding:8px 16px;border:1px solid #ddd;background:white;border-radius:4px;cursor:pointer;font-size:13px;transition:all 0.2s;" onmouseover="this.style.background='#f5f5f5'" onmouseout="this.style.background='white'">现代扁平</button>
+      <button onclick="document.body.setAttribute('data-login-theme','theme-classic')" style="padding:8px 16px;border:1px solid #ddd;background:white;border-radius:4px;cursor:pointer;font-size:13px;transition:all 0.2s;" onmouseover="this.style.background='#f5f5f5'" onmouseout="this.style.background='white'">传统表单</button>
+    </div>
+    <div class="login-box">
+      <h1 class="login-title">Kite 控制台登录</h1>
+      <div class="form-group">
+        <label class="form-label">手机号</label>
+        <input type="tel" id="login-phone" class="form-input" placeholder="请输入手机号" maxlength="11">
+      </div>
+      <div class="form-group">
+        <label class="form-label">验证码</label>
+        <div style="display: flex; gap: 10px;">
+          <input type="text" id="login-code" class="form-input" placeholder="请输入验证码" maxlength="6" style="flex: 1;" onkeypress="if(event.key==='Enter' && this.value.length===6) document.getElementById('btn-login').click()">
+          <button id="btn-send-code" class="btn-primary" style="width: auto; padding: 12px 20px;">发送验证码</button>
+        </div>
+      </div>
+      <button id="btn-login" class="btn-primary">登录</button>
+      <div id="login-message"></div>
+    </div>
+  </div>
+  <!-- Main App -->
+  <div id="main-app">
+    <header id="app-header">
+      <div class="header-left">
+        <button id="sidebar-toggle" class="icon-btn">&#9776;</button>
+        <h1 class="header-title">Kite 控制台</h1>
+        <span id="system-info" style="margin-left:12px;font-size:12px;color:#999;font-weight:normal;"></span>
+      </div>
+      <div class="header-right">
+        <!-- WebSocket 连接状态 + 重连次数 + 流量统计 -->
+        <div id="ws-status-container" style="display:flex;align-items:center;gap:12px;margin-right:16px;font-size:13px;">
+          <!-- 流量统计（最左侧，固定宽度） -->
+          <span id="ws-traffic"
+                style="color:#999;cursor:default;position:relative;display:inline-block;min-width:110px;text-align:left;font-family:monospace;font-size:12px;">
+            ↑0 B/s ↓0 B/s
+          </span>
+          <!-- 最后消息时间 -->
+          <span id="ws-last-msg-time" style="color:#999;font-size:12px;font-family:monospace;display:none;"></span>
+          <!-- 重连次数 -->
+          <span id="ws-reconnect-count" style="color:#999;display:none;min-width:55px;">重连: 0</span>
+          <!-- 连接状态（最右侧） -->
+          <span id="ws-indicator" style="color:#999;">○ 未连接</span>
+        </div>
+        <!-- 流量统计 Tooltip -->
+        <div id="traffic-tooltip" style="display:none;position:fixed;background:rgba(255,255,255,0.98);color:#333;border:1px solid #ddd;border-radius:8px;padding:14px;z-index:10000;pointer-events:none;font-size:13px;line-height:1.8;width:240px;box-shadow:0 4px 16px rgba(0,0,0,0.15);">
+          <div style="display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #eee;">
+            <span style="color:#666;font-weight:500;">总接收</span>
+            <span id="tooltip-rx-total" style="color:#27ae60;font-weight:600;font-family:monospace;min-width:70px;text-align:right;">0 B</span>
+          </div>
+          <div style="display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #eee;">
+            <span style="color:#666;font-weight:500;">总发送</span>
+            <span id="tooltip-tx-total" style="color:#3498db;font-weight:600;font-family:monospace;min-width:70px;text-align:right;">0 B</span>
+          </div>
+          <div style="display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;">
+            <span style="color:#666;font-weight:500;">实时速率</span>
+            <span id="tooltip-rate" style="color:#e67e22;font-weight:600;font-family:monospace;min-width:70px;text-align:right;">0 B/s</span>
+          </div>
+          <div style="height:100px;background:#f8f9fa;border-radius:4px;padding:8px;">
+            <canvas id="tooltip-chart" width="208" height="84"></canvas>
+          </div>
+        </div>
+        <!-- 未登录状态 -->
+        <a id="login-btn" href="javascript:void(0)" class="hidden" style="color:#667eea;text-decoration:none;font-size:14px;">登录</a>
+        <!-- 已登录状态 -->
+        <div id="user-info-area" class="hidden" style="align-items:center;gap:12px;font-size:14px;">
+          <span class="user-name" style="color:#333;font-weight:500;"></span>
+          <span class="user-credits" style="color:#666;font-size:13px;"></span>
+          <span style="color:#ddd;">|</span>
+          <a id="btn-logout" href="javascript:void(0)" style="color:#999;text-decoration:none;" onmouseover="this.style.color='#667eea'" onmouseout="this.style.color='#999'">退出</a>
+        </div>
+      </div>
+    </header>
+    <div id="app-layout">
+      <nav id="sidebar">
+        <ul class="nav-list">
+          <li class="nav-item active" data-page="account">
+            <span class="nav-label">账户信息</span>
+            <span class="nav-sublabel">Account</span>
+          </li>
+          <li class="nav-item" data-page="credits">
+            <span class="nav-label">积分统计</span>
+            <span class="nav-sublabel">Credits</span>
+          </li>
+          <li class="nav-item" data-page="modules">
+            <span class="nav-label">模块管理</span>
+            <span class="nav-sublabel">Modules</span>
+          </li>
+          <li class="nav-item" data-page="tokens">
+            <span class="nav-label">Token管理</span>
+            <span class="nav-sublabel">Tokens</span>
+          </li>
+          <li class="nav-item" data-page="llm-test">
+            <span class="nav-label">模型测试</span>
+            <span class="nav-sublabel">LLM Test</span>
+          </li>
+          <li class="nav-divider"></li>
+          <li class="nav-item" data-page="registry">
+            <span class="nav-label">注册中心</span>
+            <span class="nav-sublabel">Registry</span>
+          </li>
+          <li class="nav-item" data-page="events">
+            <span class="nav-label">事件中心</span>
+            <span class="nav-sublabel">Events</span>
+          </li>
+          <li class="nav-item" data-page="logs">
+            <span class="nav-label">日志</span>
+            <span class="nav-sublabel">Logs</span>
+          </li>
+          <li class="nav-item" data-page="terminal">
+            <span class="nav-label">终端</span>
+            <span class="nav-sublabel">Terminal</span>
+          </li>
+          <li class="nav-item" data-page="tests">
+            <span class="nav-label">测试中心</span>
+            <span class="nav-sublabel">Tests</span>
+          </li>
+          <li class="nav-item" data-page="audit">
+            <span class="nav-label">审计</span>
+            <span class="nav-sublabel">Audit</span>
+          </li>
+          <li class="nav-item" data-page="health">
+            <span class="nav-label">健康检查</span>
+            <span class="nav-sublabel">Health</span>
+          </li>
+          <li class="nav-item" data-page="api-ref">
+            <span class="nav-label">接口大全</span>
+            <span class="nav-sublabel">API Reference</span>
+          </li>
+        </ul>
+      </nav>
+      <main id="main-content">
+        <!-- Account Info -->
+        <section id="page-account" class="page active">
+          <h2 class="page-title">账户信息</h2>
+          <div class="panel">
+            <div id="account-info">加载中...</div>
+          </div>
+        </section>
+        <!-- Credits Stats -->
+        <section id="page-credits" class="page">
+          <h2 class="page-title">积分统计</h2>
+          <div class="panel">
+            <div id="credits-stats">加载中...</div>
+          </div>
+        </section>
+        <!-- Modules Management -->
+        <section id="page-modules" class="page">
+          <div id="modules-list-header" style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
+            <div style="display:flex;align-items:center;gap:12px;">
+              <h2 class="page-title" style="margin-bottom:0;">模块管理</h2>
+              <span id="module-save-status" class="config-save-status"></span>
+            </div>
+            <div style="display:flex;align-items:center;gap:16px;">
+              <button class="btn btn-sm btn-secondary" id="btn-toggle-console">
+                <span id="console-toggle-text">展开控制台</span>
+              </button>
+              <button class="btn btn-warning" id="btn-restart-kite" style="display:flex;align-items:center;gap:6px;">
+                <span>重启 Kite</span>
+              </button>
+            </div>
+          </div>
+          <!-- Real-time Console (collapsible) -->
+          <div id="realtime-console" class="panel" style="display:none;margin-bottom:20px;">
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;">
+              <h3 style="margin:0;font-size:14px;font-weight:600;">实时事件日志</h3>
+            </div>
+            <!-- 筛选器 -->
+            <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px;margin-bottom:10px;padding:12px;background:#f5f5f5;border-radius:4px;">
+              <div>
+                <label style="display:block;margin-bottom:4px;font-size:12px;color:#666;">事件分类</label>
+                <select id="filter-category" style="width:100%;padding:6px;border:1px solid #ddd;border-radius:3px;font-size:12px;">
+                  <option value="">全部</option>
+                  <option value="rpc">RPC 调用</option>
+                  <option value="event">事件</option>
+                </select>
+              </div>
+              <div>
+                <label style="display:block;margin-bottom:4px;font-size:12px;color:#666;">模块</label>
+                <select id="filter-module" style="width:100%;padding:6px;border:1px solid #ddd;border-radius:3px;font-size:12px;">
+                  <option value="">全部模块</option>
+                </select>
+              </div>
+              <div>
+                <label style="display:block;margin-bottom:4px;font-size:12px;color:#666;">事件类型</label>
+                <select id="filter-event" style="width:100%;padding:6px;border:1px solid #ddd;border-radius:3px;font-size:12px;">
+                  <option value="">全部事件</option>
+                </select>
+              </div>
+              <div>
+                <label style="display:block;margin-bottom:4px;font-size:12px;color:#666;">关键词 (glob)</label>
+                <input type="text" id="filter-keyword" placeholder="例: *error*" style="width:100%;padding:6px;border:1px solid #ddd;border-radius:3px;font-size:12px;">
+              </div>
+              <div>
+                <label style="display:block;margin-bottom:4px;font-size:12px;color:#666;">时间范围</label>
+                <select id="filter-time" style="width:100%;padding:6px;border:1px solid #ddd;border-radius:3px;font-size:12px;">
+                  <option value="0">全部时间</option>
+                  <option value="300">最近5分钟</option>
+                  <option value="1800">最近30分钟</option>
+                  <option value="3600">最近1小时</option>
+                  <option value="21600">最近6小时</option>
+                  <option value="86400" selected>最近24小时</option>
+                </select>
+              </div>
+            </div>
+            <!-- 虚拟列表容器 -->
+            <div id="event-list-container" style="background:#1e1e1e;border-radius:4px;height:500px;overflow-y:auto;position:relative;">
+              <!-- 虚拟列表内容 -->
+              <div id="event-list-content" style="position:relative;"></div>
+              <!-- 空状态提示 -->
+              <div id="event-list-empty" style="display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#858585;text-align:center;">
+                <div style="font-size:48px;margin-bottom:12px;">📭</div>
+                <div style="font-size:14px;">暂无事件日志</div>
+              </div>
+            </div>
+            <!-- 控制栏 -->
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-top:8px;">
+              <div style="display:flex;align-items:center;gap:12px;">
+                <label style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;">
+                  <input type="checkbox" id="pause-updates" style="cursor:pointer;">
+                  <span>停止接收</span>
+                </label>
+                <button class="btn btn-sm btn-secondary" id="btn-scroll-top">↑ 顶部</button>
+                <button class="btn btn-sm btn-secondary" id="btn-scroll-bottom">↓ 底部</button>
+                <button class="btn btn-sm btn-secondary" id="btn-clear-console">清空</button>
+              </div>
+              <div style="font-size:12px;color:#999;" id="event-count-label">共 0 条</div>
+            </div>
+          </div>
+          <!-- Statistics Panel -->
+          <div class="panel" style="margin-bottom:20px;" id="statistics-panel">
+            <div class="stats-grid">
+              <div class="stat-item" data-stat-type="uptime">
+                <div class="stat-label">运行时长</div>
+                <div class="stat-value" id="stat-uptime">--</div>
+              </div>
+              <div class="stat-item" data-stat-type="modules">
+                <div class="stat-label">模块数量</div>
+                <div class="stat-value" id="stat-modules">--</div>
+              </div>
+              <div class="stat-item" data-stat-type="registry">
+                <div class="stat-label">注册记录</div>
+                <div class="stat-value" id="stat-registry">--</div>
+              </div>
+              <div class="stat-item" data-stat-type="rpc">
+                <div class="stat-label">RPC 方法</div>
+                <div class="stat-value" id="stat-rpc">--</div>
+              </div>
+              <div class="stat-item" data-stat-type="hooks">
+                <div class="stat-label">Hook 数量</div>
+                <div class="stat-value" id="stat-hooks">--</div>
+              </div>
+              <div class="stat-item" data-stat-type="api">
+                <div class="stat-label">API 端点</div>
+                <div class="stat-value" id="stat-api">--</div>
+              </div>
+              <div class="stat-item" data-stat-type="events">
+                <div class="stat-label">事件处理</div>
+                <div class="stat-value" id="stat-events">--</div>
+              </div>
+              <div class="stat-item" data-stat-type="rpc-calls">
+                <div class="stat-label">RPC 调用</div>
+                <div class="stat-value" id="stat-rpc-calls">--</div>
+              </div>
+            </div>
+            <!-- 状态提示区 -->
+            <div id="stats-status" class="stats-status" style="margin-top:12px;padding:8px 12px;border-radius:4px;font-size:13px;line-height:1.5;"></div>
+          </div>
+          <!-- Tooltip for statistics -->
+          <div id="stat-tooltip" class="stat-tooltip"></div>
+          <!-- Module List Tabs -->
+          <div style="display:flex;gap:8px;margin-bottom:0;border-bottom:1px solid #333;">
+            <button class="test-tab active" id="tab-local-modules" data-module-tab="local">本地模块</button>
+            <button class="test-tab" id="tab-remote-modules" data-module-tab="remote">远程模块</button>
+          </div>
+          <!-- Local Module List Table -->
+          <div class="panel" id="local-modules-panel">
+            <div class="table-wrapper">
+              <table class="data-table" id="modules-table">
+                <thead>
+                  <tr>
+                    <th style="width:40px;"></th>
+                    <th style="width:120px;">模块</th>
+                    <th>类型</th>
+                    <th>版本</th>
+                    <th>端口</th>
+                    <th>连接数</th>
+                    <th>实例数</th>
+                    <th>进程ID</th>
+                    <th>启动耗时</th>
+                    <th>运行时长</th>
+                    <th>启动次数</th>
+                    <th>Ping</th>
+                    <th>运行状态</th>
+                    <th>默认状态</th>
+                    <th style="width:100px;">操作</th>
+                  </tr>
+                </thead>
+                <tbody id="modules-tbody">
+                  <tr><td colspan="15" class="text-muted" style="text-align:center;padding:40px;">加载中...</td></tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <!-- Remote Module List Table -->
+          <div class="panel" id="remote-modules-panel" style="display:none;">
+            <div class="table-wrapper">
+              <table class="data-table" id="remote-modules-table">
+                <thead>
+                  <tr>
+                    <th style="width:40px;"></th>
+                    <th>模块 ID</th>
+                    <th>来源 Relay</th>
+                    <th>注册状态</th>
+                    <th>注册时间</th>
+                    <th>在线时长</th>
+                    <th style="width:80px;">操作</th>
+                  </tr>
+                </thead>
+                <tbody id="remote-modules-tbody">
+                  <tr><td colspan="7" class="text-muted" style="text-align:center;padding:40px;">点击「远程模块」标签加载</td></tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <!-- Module Detail Panel (hidden by default) -->
+          <div id="module-detail" class="hidden">
+            <!-- 头部 -->
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;width:100%;">
+              <!-- 左侧：返回 + 标题 -->
+              <div style="display:flex;align-items:center;">
+                <button id="btn-module-back" style="background:none;border:none;cursor:pointer;padding:4px 0;font-size:14px;color:var(--primary);">&lt; 返回</button>
+                <h3 id="module-detail-name" style="font-size:18px;font-weight:600;color:#333;margin:0 0 0 20px;"></h3>
+              </div>
+              <!-- 右侧：运行状态 + 操作按钮 -->
+              <div style="display:flex;align-items:center;gap:12px;">
+                <div style="display:flex;align-items:center;gap:6px;">
+                  <span id="module-detail-status-dot" class="module-state-dot" style="width:8px;height:8px;border-radius:50%;display:inline-block;"></span>
+                  <span id="module-detail-run-status" style="font-size:13px;"></span>
+                </div>
+                <button class="btn btn-sm" id="btn-detail-action" style="min-width:82px;"></button>
+                <button class="btn btn-sm btn-secondary" id="btn-reset-defaults">恢复默认值</button>
+              </div>
+            </div>
+            <!-- 【区块1：模块标识】 -->
+            <div class="form-section" style="background:#f9f9f9;padding:16px;border-radius:6px;margin-bottom:16px;">
+              <h4 style="margin:0 0 12px 0;font-size:14px;font-weight:600;color:#666;">模块标识</h4>
+              <!-- 模块路径 -->
+              <div style="margin-bottom:12px;display:flex;align-items:center;">
+                <label style="width:140px;font-size:13px;color:#666;flex-shrink:0;">模块路径 <span style="font-size:11px;color:#999;">(source_path)</span></label>
+                <input type="text" id="mod-source-path" disabled style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;font-size:12px;font-family:monospace;">
+              </div>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;">
+                <div style="display:flex;align-items:center;">
+                  <label style="width:140px;font-size:13px;color:#666;flex-shrink:0;">模块名 <span style="font-size:11px;color:#999;">(name)</span></label>
+                  <input type="text" id="mod-meta-name" disabled style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;">
+                </div>
+                <div style="display:flex;align-items:center;">
+                  <label style="width:140px;font-size:13px;color:#666;flex-shrink:0;">模块类型 <span style="font-size:11px;color:#999;">(type)</span></label>
+                  <input type="text" id="mod-meta-type" disabled style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;">
+                </div>
+              </div>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;">
+                <div style="display:flex;align-items:center;">
+                  <label style="width:140px;font-size:13px;color:#666;flex-shrink:0;">运行时 <span style="font-size:11px;color:#999;">(runtime)</span></label>
+                  <input type="text" id="mod-meta-runtime" disabled style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;">
+                </div>
+                <div style="display:flex;align-items:center;">
+                  <label style="width:140px;font-size:13px;color:#666;flex-shrink:0;">入口文件 <span style="font-size:11px;color:#999;">(entry)</span></label>
+                  <input type="text" id="mod-meta-entry" disabled style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;">
+                </div>
+              </div>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+                <div style="display:flex;align-items:center;">
+                  <label style="width:140px;font-size:13px;color:#666;flex-shrink:0;">版本 <span style="font-size:11px;color:#999;">(version)</span></label>
+                  <input type="text" id="mod-meta-version" disabled style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;">
+                </div>
+                <div style="display:flex;align-items:center;">
+                  <label style="width:140px;font-size:13px;color:#666;flex-shrink:0;">显示名称 <span style="font-size:11px;color:#999;">(display_name)</span></label>
+                  <input type="text" id="mod-meta-display-name" data-field="display_name" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                </div>
+              </div>
+            </div>
+            <!-- 【区块2：启动配置】 -->
+            <div class="form-section" style="background:#f9f9f9;padding:16px;border-radius:6px;margin-bottom:16px;">
+              <h4 style="margin:0 0 12px 0;font-size:14px;font-weight:600;color:#666;">启动配置</h4>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+                <div style="display:flex;align-items:center;">
+                  <label style="width:200px;font-size:13px;color:#666;flex-shrink:0;">默认状态 <span style="font-size:11px;color:#999;">(state)</span></label>
+                  <select id="mod-meta-state" data-field="state" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                    <option value="enabled">enabled - 自动启动</option>
+                    <option value="manual">manual - 手动启动</option>
+                    <option value="disabled">disabled - 禁用</option>
+                  </select>
+                </div>
+                <div style="display:flex;align-items:center;">
+                  <label style="width:200px;font-size:13px;color:#666;flex-shrink:0;">监控 <span style="font-size:11px;color:#999;">(monitor)</span></label>
+                  <select id="mod-meta-monitor" data-field="monitor" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                    <option value="true">启用监控 (默认)</option>
+                    <option value="false">禁用监控</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+            <!-- 【区块3：网络配置】 -->
+            <div class="form-section" style="background:#f9f9f9;padding:16px;border-radius:6px;margin-bottom:16px;">
+              <h4 style="margin:0 0 12px 0;font-size:14px;font-weight:600;color:#666;">网络配置</h4>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+                <div style="display:flex;align-items:center;">
+                  <label style="width:200px;font-size:13px;color:#666;flex-shrink:0;">首选端口 <span style="font-size:11px;color:#999;">(preferred_port)</span></label>
+                  <input type="number" id="mod-meta-port" data-field="preferred_port" placeholder="(无)" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                </div>
+                <div style="display:flex;align-items:center;">
+                  <label style="width:200px;font-size:13px;color:#666;flex-shrink:0;">监听地址 <span style="font-size:11px;color:#999;">(advertise_ip)</span></label>
+                  <select id="mod-meta-ip" data-field="advertise_ip" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                    <option value="127.0.0.1">127.0.0.1 - 仅本地</option>
+                    <option value="0.0.0.0">0.0.0.0 - 允许远程</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+            <!-- 【区块3.2：多连接 / 多实例】 -->
+            <div class="form-section" style="background:#f9f9f9;padding:16px;border-radius:6px;margin-bottom:16px;">
+              <h4 style="margin:0 0 12px 0;font-size:14px;font-weight:600;color:#666;">多连接 / 多实例</h4>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;">
+                <div style="display:flex;align-items:center;">
+                  <label style="width:200px;font-size:13px;color:#666;flex-shrink:0;">最大连接数 <span style="font-size:11px;color:#999;">(max_connections)</span></label>
+                  <select id="mod-meta-max-connections" data-field="max_connections" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                    <option value="1">1</option><option value="2">2</option><option value="3">3</option>
+                    <option value="4">4</option><option value="5">5</option><option value="6">6</option>
+                    <option value="7">7</option><option value="8">8</option><option value="9">9</option>
+                    <option value="10">10</option>
+                  </select>
+                </div>
+                <div style="display:flex;align-items:center;">
+                  <label style="width:200px;font-size:13px;color:#666;flex-shrink:0;">弹性连接 <span style="font-size:11px;color:#999;">(connection_elastic)</span></label>
+                  <select id="mod-meta-connection-elastic" data-field="connection_elastic" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                    <option value="false">不支持</option>
+                    <option value="true">支持</option>
+                  </select>
+                </div>
+              </div>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;">
+                <div style="display:flex;align-items:center;">
+                  <label style="width:200px;font-size:13px;color:#666;flex-shrink:0;">最大实例数 <span style="font-size:11px;color:#999;">(max_instances)</span></label>
+                  <select id="mod-meta-max-instances" data-field="max_instances" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                    <option value="1">1</option><option value="2">2</option><option value="3">3</option>
+                    <option value="4">4</option><option value="5">5</option><option value="6">6</option>
+                    <option value="7">7</option><option value="8">8</option><option value="9">9</option>
+                    <option value="10">10</option>
+                  </select>
+                </div>
+                <div style="display:flex;align-items:center;">
+                  <label style="width:200px;font-size:13px;color:#666;flex-shrink:0;">弹性实例 <span style="font-size:11px;color:#999;">(instance_elastic)</span></label>
+                  <select id="mod-meta-instance-elastic" data-field="instance_elastic" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                    <option value="false">不支持</option>
+                    <option value="true">支持</option>
+                  </select>
+                </div>
+              </div>
+              <!-- 操作按钮 -->
+              <div style="display:flex;gap:12px;align-items:center;border-top:1px solid #eee;padding-top:12px;">
+                <button type="button" id="btn-apply-multi-config" class="btn btn-sm btn-primary" style="padding:6px 16px;" onclick="app.applyMultiConfig()">应用</button>
+                <button type="button" id="btn-test-add-connection" class="btn btn-sm" style="padding:6px 16px;" onclick="app.testAddConnection()">增加连接</button>
+                <button type="button" id="btn-test-add-instance" class="btn btn-sm" style="padding:6px 16px;" onclick="app.testAddInstance()">增加实例</button>
+                <span id="multi-test-status" style="font-size:12px;color:#999;margin-left:8px;"></span>
+              </div>
+            </div>
+            <!-- 【区块3.5：扫描目录管理】(仅 launcher 显示) -->
+            <div class="form-section hidden" id="module-scan-dirs-section" style="background:#f9f9f9;padding:16px;border-radius:6px;margin-bottom:16px;">
+              <h4 style="margin:0 0 12px 0;font-size:14px;font-weight:600;color:#666;">扫描目录管理</h4>
+              <div id="scan-dirs-list" style="margin-bottom:12px;">
+                <!-- 动态生成目录列表 -->
+              </div>
+              <div style="display:flex;gap:8px;">
+                <input type="text" id="new-scan-dir" placeholder="输入新目录路径" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;">
+                <button type="button" id="btn-add-scan-dir" class="btn btn-sm btn-success" style="padding:8px 16px;">添加</button>
+              </div>
+            </div>
+            <!-- 【区块4：模块配置文件】 -->
+            <div class="form-section hidden" id="module-config-section" style="background:#f9f9f9;padding:16px;border-radius:6px;">
+              <h4 style="margin:0 0 12px 0;font-size:14px;font-weight:600;color:#666;">业务参数配置</h4>
+              <div id="business-selector" class="hidden" style="margin-bottom:12px;">
+                <select id="business-select" style="padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;"></select>
+              </div>
+              <div id="module-config-tree"></div>
+            </div>
+            <!-- 【区块5：事件信息】 -->
+            <div class="form-section" id="module-events-section" style="background:#f9f9f9;padding:16px;border-radius:6px;margin-top:16px;">
+              <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
+                <h4 style="margin:0;font-size:14px;font-weight:600;color:#666;">事件信息</h4>
+                <button type="button" id="btn-refresh-events" class="btn btn-sm" style="padding:4px 12px;font-size:12px;">刷新</button>
+              </div>
+              <div id="module-events-content">
+                <div style="text-align:center;padding:20px;color:#999;">加载中...</div>
+              </div>
+            </div>
+          </div>
+        </section>
+        <!-- Token Management -->
+        <section id="page-tokens" class="page">
+          <h2 style="margin:0 0 20px 0;font-size:20px;font-weight:600;">Token 管理</h2>
+          <!-- 标签页导航 -->
+          <div class="tabs">
+            <button class="tab active" data-tab="kite">Kite Token</button>
+            <button class="tab" data-tab="evol">Evol Token</button>
+            <button class="tab" data-tab="auth">远程接入 Token</button>
+          </div>
+          <!-- Kite Token 标签页 -->
+          <div class="tab-content active" id="tab-kite">
+            <div class="panel">
+              <div class="table-wrapper">
+                <table class="data-table" id="kite-tokens-table">
+                  <thead>
+                    <tr>
+                      <th style="width:140px;">Token</th>
+                      <th style="width:180px;">设备</th>
+                      <th style="width:120px;">绑定手机号</th>
+                      <th style="width:150px;">创建时间</th>
+                      <th style="width:150px;">最后使用</th>
+                      <th style="width:150px;">过期时间</th>
+                      <th style="width:100px;">剩余有效期</th>
+                      <th style="width:80px;">状态</th>
+                      <th style="width:100px;">操作</th>
+                    </tr>
+                  </thead>
+                  <tbody id="kite-tokens-tbody">
+                    <tr><td colspan="9" class="text-muted" style="text-align:center;padding:40px;">加载中...</td></tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <!-- Evol Token 标签页 -->
+          <div class="tab-content" id="tab-evol">
+            <div class="panel">
+              <div class="table-wrapper">
+                <table class="data-table" id="evol-tokens-table">
+                  <thead>
+                    <tr>
+                      <th style="width:140px;">Token</th>
+                      <th style="width:120px;">手机号</th>
+                      <th style="width:120px;">昵称</th>
+                      <th style="width:100px;">积分</th>
+                      <th style="width:100px;">VIP</th>
+                      <th style="width:150px;">获取时间</th>
+                      <th style="width:150px;">最后使用</th>
+                      <th style="width:150px;">过期时间</th>
+                      <th style="width:100px;">操作</th>
+                    </tr>
+                  </thead>
+                  <tbody id="evol-tokens-tbody">
+                    <tr><td colspan="9" class="text-muted" style="text-align:center;padding:40px;">加载中...</td></tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <!-- 远程接入 Token 标签页（Auth 模块管理的 Token：配对码 + Evol 账号） -->
+          <div class="tab-content" id="tab-auth">
+            <div class="panel">
+              <p style="margin:0 0 12px 0;color:#888;font-size:13px;">通过 Gateway 远程接入产生的 Token（配对码登录、Evol 手机号登录），由 Auth 模块统一管理。</p>
+              <div class="table-wrapper">
+                <table class="data-table" id="auth-tokens-table">
+                  <thead>
+                    <tr>
+                      <th style="width:140px;">Token</th>
+                      <th style="width:100px;">认证方式</th>
+                      <th style="width:180px;">设备</th>
+                      <th style="width:120px;">手机号</th>
+                      <th style="width:80px;">角色</th>
+                      <th style="width:80px;">信任等级</th>
+                      <th style="width:140px;">创建时间</th>
+                      <th style="width:140px;">最后使用</th>
+                      <th style="width:100px;">剩余有效期</th>
+                      <th style="width:100px;">操作</th>
+                    </tr>
+                  </thead>
+                  <tbody id="auth-tokens-tbody">
+                    <tr><td colspan="10" class="text-muted" style="text-align:center;padding:40px;">加载中...</td></tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </section>
+        <!-- LLM Test -->
+        <section id="page-llm-test" class="page">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
+            <h2 class="page-title" style="margin-bottom:0;">模型测试</h2>
+            <button class="btn btn-sm btn-secondary" id="llm-test-toggle-config">配置 &#9654;</button>
+          </div>
+          <div class="panel" id="llm-test-config-panel" style="display:none;">
+            <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;">
+              <div>
+                <label style="display:block;margin-bottom:6px;font-size:13px;font-weight:500;">提供商</label>
+                <select id="llm-test-provider" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;">
+                  <option value="openai">OpenAI</option>
+                  <option value="claude">Claude</option>
+                  <option value="gemini">Gemini</option>
+                </select>
+              </div>
+              <div>
+                <label style="display:block;margin-bottom:6px;font-size:13px;font-weight:500;">Base URL</label>
+                <input type="url" id="llm-test-base-url" placeholder="https://api.openai.com/v1" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;">
+              </div>
+              <div>
+                <label style="display:block;margin-bottom:6px;font-size:13px;font-weight:500;">API Key</label>
+                <form autocomplete="off" onsubmit="return false;" style="margin:0;">
+                  <input type="password" id="llm-test-api-key" placeholder="sk-..." style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;">
+                </form>
+              </div>
+              </div>
+            <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
+              <div>
+                <label style="display:block;margin-bottom:6px;font-size:13px;font-weight:500;">Temperature</label>
+                <input type="number" id="llm-test-temperature" value="0.7" min="0" max="2" step="0.1" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;">
+              </div>
+              <div>
+                <label style="display:block;margin-bottom:6px;font-size:13px;font-weight:500;">Max Tokens</label>
+                <input type="number" id="llm-test-max-tokens" value="1024" min="1" max="32000" step="1" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;">
+              </div>
+            </div>
+          </div>
+          <div class="panel" style="display:flex;gap:0;padding:0;overflow:hidden;">
+            <div style="flex:1;min-width:0;padding:20px;">
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
+              <h3 style="margin:0;font-size:16px;font-weight:600;">对话测试</h3>
+              <button id="llm-test-clear" class="btn btn-sm btn-secondary">清空对话</button>
+            </div>
+            <div id="llm-test-messages" style="min-height:400px;max-height:600px;overflow-y:auto;padding:16px;background:#ebebeb;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:16px;">
+              <div style="text-align:center;color:#999;padding:40px 0;">选择模型后开始对话</div>
+            </div>
+            <div class="llm-test-footer">
+              <textarea id="llm-test-input" class="llm-test-input" placeholder="输入消息... (Enter 发送，Shift+Enter 换行)" rows="3"></textarea>
+              <div class="llm-test-footer-bar">
+                <button id="llm-test-inspect" class="btn btn-sm btn-secondary" title="查看完整请求内容">{ }</button>
+                <select id="llm-test-model" class="llm-test-model-select">
+                  <option value="">请先填入 API Key</option>
+                </select>
+                <div id="llm-test-stats" class="llm-test-stats" style="display:none;">
+                  <span class="stat-item" title="消息数量"><span class="stat-label">消息:</span> <span id="stat-messages">0</span></span>
+                  <span class="stat-item" title="工具调用次数"><span class="stat-label">工具:</span> <span id="stat-tools">0</span></span>
+                  <span class="stat-item" title="上下文占用" style="cursor:pointer;" id="stat-context-toggle"><span class="stat-label">上下文:</span> <span id="stat-context">0</span> tokens</span>
+                </div>
+                <button id="llm-test-send" class="btn btn-primary">发送</button>
+              </div>
+            </div>
+            </div>
+            <div class="llm-test-sidebar">
+              <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;">
+                <h3 style="margin:0;font-size:14px;font-weight:600;color:#666;">会话</h3>
+                <button id="llm-test-new-session" class="btn btn-sm btn-secondary">+ 新建</button>
+              </div>
+              <div id="llm-test-sessions" class="llm-test-session-list"></div>
+            </div>
+          </div>
+          <!-- 请求内容查看弹窗 -->
+          <div id="llm-inspect-modal" class="modal-overlay hidden">
+            <div class="modal" style="max-width:900px;height:80vh;width:90%;">
+              <div class="modal-header">
+                <h3 class="modal-title">请求内容</h3>
+                <button class="modal-close" id="llm-inspect-close">&times;</button>
+              </div>
+              <div class="modal-body" style="padding:0;display:flex;flex:1;min-height:0;overflow:hidden;">
+                <div id="llm-inspect-tree" class="inspect-tree"></div>
+                <div id="llm-inspect-detail" class="inspect-detail">
+                  <div style="color:#999;padding:20px;">点击左侧节点查看内容</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+        <!-- Registry Center -->
+        <section id="page-registry" class="page">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
+            <h2 class="page-title" style="margin-bottom:0;">注册中心</h2>
+            <div style="display:flex;align-items:center;gap:8px;">
+              <input type="text" id="registry-search" placeholder="搜索路径或值..." style="padding:6px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;width:240px;">
+              <div class="btn-group" id="registry-view-toggle">
+                <button class="btn btn-sm btn-secondary active" data-view="tree">树形</button>
+                <button class="btn btn-sm btn-secondary" data-view="table">表格</button>
+              </div>
+              <button class="btn btn-sm btn-secondary" id="registry-refresh" title="刷新">刷新</button>
+            </div>
+          </div>
+          <div class="panel" id="registry-stats" style="display:flex;gap:24px;padding:12px 20px;margin-bottom:16px;font-size:13px;color:var(--gray-600);">
+            <span>模块: <strong id="registry-stat-modules">-</strong></span>
+            <span>记录: <strong id="registry-stat-records">-</strong></span>
+            <span>最后更新: <strong id="registry-stat-time">-</strong></span>
+          </div>
+          <div class="panel" id="registry-content" style="min-height:400px;padding:0;">
+            <div id="registry-tree" style="padding:16px;"></div>
+            <div id="registry-table" style="display:none;"></div>
+            <div id="registry-loading" style="text-align:center;padding:60px 0;color:var(--gray-400);">加载中...</div>
+          </div>
+        </section>
+        <!-- Events Center -->
+        <section id="page-events" class="page">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
+            <h2 class="page-title" style="margin-bottom:0;">事件中心</h2>
+            <div style="display:flex;align-items:center;gap:8px;">
+              <div class="btn-group" id="events-mode-toggle">
+                <button class="btn btn-sm btn-secondary active" data-mode="realtime">实时</button>
+                <button class="btn btn-sm btn-secondary" data-mode="history">历史</button>
+              </div>
+              <button class="btn btn-sm btn-secondary" id="events-pause">暂停</button>
+              <button class="btn btn-sm btn-secondary" id="events-clear">清空</button>
+              <span id="events-count" style="font-size:12px;color:var(--gray-500);">0 条</span>
+              <span id="events-rate" style="font-size:12px;color:var(--gray-500);">0 evt/s</span>
+            </div>
+          </div>
+          <div style="display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;">
+            <select id="events-filter-module" style="padding:4px 8px;border:1px solid var(--gray-300);border-radius:4px;font-size:12px;">
+              <option value="">全部模块</option>
+            </select>
+            <select id="events-filter-type" style="padding:4px 8px;border:1px solid var(--gray-300);border-radius:4px;font-size:12px;">
+              <option value="">全部类型</option>
+              <option value="rpc">RPC</option>
+              <option value="event">事件</option>
+            </select>
+            <input type="text" id="events-filter-keyword" placeholder="关键词..." style="padding:4px 8px;border:1px solid var(--gray-300);border-radius:4px;font-size:12px;width:180px;">
+          </div>
+          <div class="panel" style="padding:0;background:#1e1e1e;color:#d4d4d4;min-height:500px;max-height:70vh;overflow-y:auto;position:relative;" id="events-list-container">
+            <div id="events-list-content" style="position:relative;"></div>
+            <div id="events-list-empty" style="text-align:center;padding:60px 0;color:#666;">
+              等待事件...
+            </div>
+          </div>
+        </section>
+        <!-- API Reference -->
+        <!-- Logs Center -->
+        <section id="page-logs" class="page">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
+            <h2 class="page-title" style="margin-bottom:0;">日志</h2>
+            <div style="display:flex;align-items:center;gap:8px;">
+              <button class="btn btn-sm btn-secondary" id="logs-refresh" title="刷新">刷新</button>
+            </div>
+          </div>
+          <!-- 统计卡片 -->
+          <div class="panel logs-stats" style="display:flex;gap:24px;padding:12px 20px;margin-bottom:16px;font-size:13px;color:var(--gray-600);">
+            <span>模块: <strong id="logs-stat-modules">-</strong></span>
+            <span>文件: <strong id="logs-stat-files">-</strong></span>
+            <span>变更: <strong id="logs-stat-changes">-</strong></span>
+          </div>
+          <!-- Tab 切换 -->
+          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">
+            <div class="btn-group" id="logs-tab-toggle">
+              <button class="btn btn-sm btn-secondary active" data-tab="files">文件浏览</button>
+              <button class="btn btn-sm btn-secondary" data-tab="search">日志搜索</button>
+              <button class="btn btn-sm btn-secondary" data-tab="changes">变更追踪</button>
+            </div>
+          </div>
+          <!-- 文件浏览 Tab -->
+          <div id="logs-tab-files" class="logs-tab-content">
+            <div class="panel" style="min-height:400px;padding:0;">
+              <div id="logs-files-list" style="padding:16px;">
+                <div style="text-align:center;padding:60px 0;color:var(--gray-400);">加载中...</div>
+              </div>
+            </div>
+          </div>
+          <!-- 日志搜索 Tab -->
+          <div id="logs-tab-search" class="logs-tab-content" style="display:none;">
+            <div class="panel" style="padding:16px;margin-bottom:12px;">
+              <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                <select id="logs-search-module" style="padding:6px 10px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;">
+                  <option value="">全部模块</option>
+                </select>
+                <input type="text" id="logs-search-keyword" placeholder="关键词或正则..." style="padding:6px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;flex:1;min-width:200px;">
+                <input type="text" id="logs-search-from" placeholder="开始时间 HH:MM" style="padding:6px 10px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;width:130px;">
+                <input type="text" id="logs-search-to" placeholder="结束时间 HH:MM" style="padding:6px 10px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;width:130px;">
+                <label style="font-size:12px;display:flex;align-items:center;gap:4px;"><input type="checkbox" id="logs-search-archive"> 含归档</label>
+                <button class="btn btn-sm btn-primary" id="logs-search-btn">搜索</button>
+              </div>
+            </div>
+            <div class="panel" style="min-height:300px;padding:0;">
+              <div id="logs-search-results" style="padding:16px;">
+                <div style="text-align:center;padding:60px 0;color:var(--gray-400);">输入条件后点击搜索</div>
+              </div>
+            </div>
+          </div>
+          <!-- 变更追踪 Tab -->
+          <div id="logs-tab-changes" class="logs-tab-content" style="display:none;">
+            <div class="panel" style="min-height:400px;padding:0;">
+              <div id="logs-changes-list" style="padding:16px;">
+                <div style="text-align:center;padding:60px 0;color:var(--gray-400);">加载中...</div>
+              </div>
+            </div>
+          </div>
+        </section>
+        <!-- Audit Center -->
+        <section id="page-audit" class="page">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
+            <h2 class="page-title" style="margin-bottom:0;">审计</h2>
+            <div style="display:flex;align-items:center;gap:8px;">
+              <button class="btn btn-sm btn-secondary" id="audit-refresh" title="刷新">刷新</button>
+            </div>
+          </div>
+          <!-- 统计卡片 -->
+          <div class="panel audit-stats" style="display:flex;gap:24px;padding:12px 20px;margin-bottom:16px;font-size:13px;color:var(--gray-600);">
+            <span>事件总数: <strong id="audit-stat-total">-</strong></span>
+            <span>成功: <strong id="audit-stat-success" style="color:var(--success);">-</strong></span>
+            <span>失败: <strong id="audit-stat-failure" style="color:var(--danger,#e74c3c);">-</strong></span>
+            <span>存储: <strong id="audit-stat-storage">-</strong></span>
+          </div>
+          <!-- 筛选器 -->
+          <div class="panel" style="padding:12px 16px;margin-bottom:12px;">
+            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+              <select id="audit-filter-action" style="padding:6px 10px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;">
+                <option value="">全部操作</option>
+                <option value="module.started">module.started</option>
+                <option value="module.stopped">module.stopped</option>
+                <option value="module.crashed">module.crashed</option>
+                <option value="module.registered">module.registered</option>
+                <option value="module.unregistered">module.unregistered</option>
+                <option value="module.offline">module.offline</option>
+                <option value="module.ready">module.ready</option>
+                <option value="module.degraded">module.degraded</option>
+                <option value="module.recovered">module.recovered</option>
+                <option value="registry.updated">registry.updated</option>
+                <option value="watchdog.module.restarted">watchdog.module.restarted</option>
+                <option value="watchdog.module.resource_warning">watchdog.module.resource_warning</option>
+                <option value="watchdog.module.degraded_timeout">watchdog.module.degraded_timeout</option>
+              </select>
+              <select id="audit-filter-result" style="padding:6px 10px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;">
+                <option value="">全部结果</option>
+                <option value="success">成功</option>
+                <option value="failure">失败</option>
+              </select>
+              <input type="text" id="audit-filter-actor" placeholder="操作者 ID..." style="padding:6px 10px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;width:150px;">
+              <input type="text" id="audit-filter-resource" placeholder="资源 ID..." style="padding:6px 10px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;width:150px;">
+              <button class="btn btn-sm btn-primary" id="audit-filter-btn">查询</button>
+              <button class="btn btn-sm btn-secondary" id="audit-filter-reset">重置</button>
+            </div>
+          </div>
+          <!-- 事件列表 -->
+          <div class="panel" style="min-height:400px;padding:0;">
+            <div id="audit-events-list" style="padding:0;">
+              <div id="audit-loading" style="text-align:center;padding:60px 0;color:var(--gray-400);">加载中...</div>
+            </div>
+          </div>
+          <!-- 分页 -->
+          <div id="audit-pagination" style="display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;color:var(--gray-500);">
+            <span id="audit-page-info"></span>
+            <div style="display:flex;gap:6px;">
+              <button class="btn btn-sm btn-secondary" id="audit-prev-page" disabled>上一页</button>
+              <button class="btn btn-sm btn-secondary" id="audit-next-page" disabled>下一页</button>
+            </div>
+          </div>
+        </section>
+        <!-- Terminal Panel -->
+        <section id="page-terminal" class="page">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-shrink:0;">
+            <h2 class="page-title" style="margin-bottom:0;">终端</h2>
+            <div style="display:flex;align-items:center;gap:8px;">
+              <button class="btn btn-sm btn-secondary" id="terminal-clear-btn">清空</button>
+              <button class="btn btn-sm btn-secondary" id="terminal-scroll-bottom-btn">↓ 底部</button>
+            </div>
+          </div>
+          <div id="terminal-container" style="background:#0d1117;border-radius:6px;padding:12px 16px;height:calc(100vh - 260px);overflow-y:auto;font-family:'Cascadia Code','Fira Code','Consolas',monospace;font-size:12.5px;line-height:1.5;color:#c9d1d9;">
+            <div id="terminal-lines"></div>
+            <div id="terminal-empty" style="color:var(--gray-500);text-align:center;padding-top:40px;">等待输出...</div>
+          </div>
+          <div style="display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--gray-400);flex-shrink:0;">
+            <span id="terminal-status">未连接</span>
+            <span style="margin-left:auto;">共 <strong id="terminal-line-count">0</strong> 行 / <strong id="terminal-byte-count">0 B</strong></span>
+          </div>
+          <div id="terminal-tabs" style="display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;flex-shrink:0;padding:6px 0;min-height:36px;"></div>
+        </section>
+        <!-- Test Center -->
+        <section id="page-tests" class="page">
+          <h2 class="page-title" style="margin-bottom:20px;">测试中心</h2>
+          <!-- Test Type Tabs -->
+          <div style="display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #333;">
+            <button class="test-tab active" data-tab="module">模块测试</button>
+            <button class="test-tab" data-tab="integration">集成测试</button>
+            <button class="test-tab" data-tab="full">完整测试</button>
+          </div>
+          <!-- Module Test Panel -->
+          <div id="module-test-panel" class="test-panel">
+            <div class="test-controls">
+              <label>选择模块:</label>
+              <select id="test-module-select">
+                <option value="kernel">Kernel</option>
+                <option value="launcher">Launcher</option>
+                <option value="watchdog">Watchdog</option>
+                <option value="web">Web</option>
+                <option value="backup">Backup</option>
+                <option value="auth">Auth</option>
+                <option value="gateway">Gateway</option>
+                <option value="redis">Redis</option>
+              </select>
+              <button class="btn btn-sm btn-primary" id="btn-run-module-test">运行测试</button>
+              <button class="btn btn-sm btn-secondary" id="btn-clear-test-output">清空输出</button>
+              <button class="btn btn-sm btn-secondary" id="btn-copy-test-output">复制输出</button>
+            </div>
+          </div>
+          <!-- Integration Test Panel -->
+          <div id="integration-test-panel" class="test-panel" style="display:none;">
+            <div class="test-controls">
+              <label>选择测试:</label>
+              <select id="test-integration-select">
+                <option value="registry-core">注册中心核心功能</option>
+                <option value="pingpong">Ping-Pong 机制</option>
+                <option value="auth">认证机制</option>
+                <option value="full-workflow">完整流程</option>
+                <option value="channel-interaction">Channel 交互测试</option>
+                <option value="nested-rpc">嵌套 RPC 调用</option>
+                <option value="elastic-connection">弹性多连接控制</option>
+                <option value="trace">链路追踪</option>
+                <option value="remote-deploy">远程部署与双模式启动</option>
+                <option value="require-init">system.require_init 流程</option>
+                <option value="redis">Redis 集成测试</option>
+                <option value="multi-instance">模块多实例机制</option>
+                <option value="scaling-control">扩缩容控制面</option>
+              </select>
+              <button class="btn btn-sm btn-primary" id="btn-run-integration-test">运行测试</button>
+              <button class="btn btn-sm btn-secondary" id="btn-clear-integration-output">清空输出</button>
+              <button class="btn btn-sm btn-secondary" id="btn-copy-integration-output">复制输出</button>
+            </div>
+          </div>
+          <!-- Full Test Panel -->
+          <div id="full-test-panel" class="test-panel" style="display:none;">
+            <div class="test-controls">
+              <button class="btn btn-sm btn-primary" id="btn-run-full-test">运行完整测试</button>
+              <button class="btn btn-sm btn-secondary" id="btn-clear-full-output">清空输出</button>
+              <button class="btn btn-sm btn-secondary" id="btn-copy-full-output">复制输出</button>
+              <button class="btn btn-sm btn-secondary" id="btn-download-report">下载报告</button>
+            </div>
+          </div>
+          <!-- Test Output -->
+          <div class="panel">
+            <div id="test-output" style="background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:4px;font-family:monospace;font-size:13px;max-height:600px;overflow-y:auto;white-space:pre-wrap;"></div>
+          </div>
+        </section>
+        <!-- Health Panel -->
+        <section id="page-health" class="page">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
+            <h2 class="page-title" style="margin-bottom:0;">健康检查</h2>
+            <div style="display:flex;align-items:center;gap:8px;">
+              <span id="health-last-update" style="font-size:12px;color:var(--gray-400);"></span>
+              <button class="btn btn-sm btn-secondary" id="health-refresh">刷新</button>
+            </div>
+          </div>
+          <!-- 系统概览条 -->
+          <div class="panel" id="health-overview" style="display:flex;gap:24px;padding:14px 20px;margin-bottom:16px;font-size:13px;color:var(--gray-600);flex-wrap:wrap;">
+            <span>运行时长: <strong id="health-uptime">-</strong></span>
+            <span>模块总数: <strong id="health-module-count">-</strong></span>
+            <span>在线: <strong id="health-online-count" style="color:var(--success);">-</strong></span>
+            <span>降级: <strong id="health-degraded-count" style="color:var(--warning,#f39c12);">-</strong></span>
+            <span>不健康: <strong id="health-unhealthy-count" style="color:var(--danger,#e74c3c);">-</strong></span>
+            <span>总重启: <strong id="health-restart-count">-</strong></span>
+          </div>
+          <!-- 系统资源曲线 -->
+          <div style="display:flex;gap:16px;margin-bottom:16px;">
+            <div style="flex:1;border:1px solid var(--gray-200);border-radius:4px;padding:12px 16px;background:#fff;">
+              <div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;">
+                <span style="font-size:13px;font-weight:600;color:var(--gray-600);">CPU 使用率</span>
+                <span id="health-cpu-current" style="font-size:18px;font-weight:700;color:#3498db;">-%</span>
+              </div>
+              <canvas id="health-cpu-chart" width="480" height="100" style="width:100%;height:100px;"></canvas>
+            </div>
+            <div style="flex:1;border:1px solid var(--gray-200);border-radius:4px;padding:12px 16px;background:#fff;">
+              <div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;">
+                <span style="font-size:13px;font-weight:600;color:var(--gray-600);">内存使用</span>
+                <span id="health-mem-current" style="font-size:18px;font-weight:700;color:#27ae60;">-MB</span>
+              </div>
+              <canvas id="health-mem-chart" width="480" height="100" style="width:100%;height:100px;"></canvas>
+            </div>
+          </div>
+          <!-- 模块卡片区 + 事件时间线 -->
+          <div style="display:flex;gap:16px;">
+            <!-- 模块健康卡片 -->
+            <div style="flex:1;min-width:0;">
+              <div id="health-module-cards" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;">
+                <div style="text-align:center;padding:40px 0;color:var(--gray-400);grid-column:1/-1;">加载中...</div>
+              </div>
+            </div>
+            <!-- 事件时间线 -->
+            <div style="width:340px;flex-shrink:0;">
+              <div style="border:1px solid var(--gray-200);border-radius:4px;padding:12px 16px;background:#fff;">
+                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;">
+                  <strong style="font-size:13px;">事件时间线</strong>
+                  <button class="btn btn-sm btn-secondary" id="health-events-more" style="font-size:11px;padding:2px 8px;">加载更多</button>
+                </div>
+                <div id="health-timeline" style="max-height:600px;overflow-y:auto;font-size:12px;">
+                  <div style="text-align:center;padding:20px 0;color:var(--gray-400);">加载中...</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 模块详情展开区 -->
+          <div id="health-module-detail" style="display:none;margin-top:16px;padding:16px;border:1px solid var(--gray-200);border-radius:4px;background:#fff;">
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;">
+              <strong id="health-detail-title" style="font-size:14px;"></strong>
+              <button class="btn btn-sm btn-secondary" id="health-detail-close">关闭</button>
+            </div>
+            <div id="health-detail-content"></div>
+          </div>
+        </section>
+        <section id="page-api-ref" class="page">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
+            <h2 class="page-title" style="margin-bottom:0;">接口大全</h2>
+            <div style="display:flex;align-items:center;gap:12px;">
+              <span id="apiref-summary" style="font-size:13px;color:var(--gray-500);"></span>
+              <input type="text" id="apiref-search" placeholder="搜索方法名、事件名..." style="padding:6px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;width:280px;">
+            </div>
+          </div>
+          <div id="apiref-module-chips" style="display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;"></div>
+          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">
+            <div class="btn-group" id="apiref-tab-toggle">
+              <button class="btn btn-sm btn-secondary active" data-tab="rpc">RPC 方法</button>
+              <button class="btn btn-sm btn-secondary" data-tab="events">事件</button>
+            </div>
+            <div class="btn-group" id="apiref-group-toggle">
+              <button class="btn btn-sm btn-secondary active" data-group="module">按模块</button>
+              <button class="btn btn-sm btn-secondary" data-group="namespace">按命名空间</button>
+            </div>
+          </div>
+          <div id="apiref-content" style="min-height:400px;">
+            <div id="apiref-rpc"></div>
+            <div id="apiref-events" style="display:none;"></div>
+            <div id="apiref-loading" style="text-align:center;padding:60px 0;color:var(--gray-400);">加载中...</div>
+          </div>
+        </section>
+    </div>
+  </div>
+  <!-- 恢复默认值确认弹窗 -->
+  <div id="reset-defaults-modal" class="modal-overlay hidden">
+    <div class="modal" style="max-width:600px;">
+      <div class="modal-header">
+        <h3 class="modal-title">恢复默认值</h3>
+        <button class="modal-close" id="reset-defaults-close">&times;</button>
+      </div>
+      <div class="modal-body">
+        <p style="margin-bottom:16px;color:var(--gray-600);">以下配置将被恢复为默认值：</p>
+        <table style="width:100%;border-collapse:collapse;">
+          <thead>
+            <tr style="background:var(--gray-100);border-bottom:1px solid var(--gray-300);">
+              <th style="padding:8px;text-align:left;font-weight:600;">字段</th>
+              <th style="padding:8px;text-align:left;font-weight:600;">当前值</th>
+              <th style="padding:8px;text-align:left;font-weight:600;">默认值</th>
+            </tr>
+          </thead>
+          <tbody id="reset-defaults-comparison">
+            <!-- Dynamic content -->
+          </tbody>
+        </table>
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-secondary" id="reset-defaults-cancel">取消</button>
+        <button class="btn btn-primary" id="reset-defaults-confirm">确认恢复</button>
+      </div>
+    </div>
+  </div>
+  <script src="js/dialog.js"></script>
+  <script src="js/kernel-client.js?v=3"></script>
+  <!-- Test Framework -->
+  <script src="js/tests/test-runner.js"></script>
+  <script src="js/tests/modules/kernel.js"></script>
+  <script src="js/tests/modules/launcher.js"></script>
+  <script src="js/tests/modules/watchdog.js"></script>
+  <script src="js/tests/modules/web.js"></script>
+  <script src="js/tests/modules/backup.js"></script>
+  <script src="js/tests/modules/acp_channel.js"></script>
+  <script src="js/tests/modules/phone_channel.js"></script>
+  <script src="js/tests/modules/auth.js"></script>
+  <script src="js/tests/modules/gateway.js"></script>
+  <script src="js/tests/modules/redis.js"></script>
+  <script src="js/tests/integration/registry-core.js"></script>
+  <script src="js/tests/integration/pingpong.js"></script>
+  <script src="js/tests/integration/auth.js"></script>
+  <script src="js/tests/integration/full-workflow.js"></script>
+  <script src="js/tests/integration/channel-interaction.js"></script>
+  <script src="js/tests/integration/nested-rpc.js"></script>
+  <script src="js/tests/integration/elastic-connection.js"></script>
+  <script src="js/tests/integration/trace.js"></script>
+  <script src="js/tests/integration/remote-deploy.js"></script>
+  <script src="js/tests/integration/require-init.js"></script>
+  <script src="js/tests/integration/redis.js"></script>
+  <script src="js/tests/modules/multi_instance.js"></script>
+  <script src="js/tests/integration/multi-instance.js"></script>
+  <script src="js/tests/integration/scaling-control.js"></script>
+  <script src="js/tests/index.js"></script>
+  <script src="js/virtual-list.js"></script>
+  <script src="js/evol-app.js?v=12"></script>
+</body>
+</html>