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

@agentunion/kite 1.4.0 → 1.5.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 (235) hide show

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

@@ -0,0 +1,781 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Evol 账户管理</title>
+  <link rel="stylesheet" href="css/style.css">
+  <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-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background: #f5f5f5;
+    }
+    body[data-login-theme="theme-minimal"] .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-title {
+      font-size: 24px;
+      font-weight: 400;
+      margin-bottom: 32px;
+      color: #333;
+      letter-spacing: 0.5px;
+    }
+    body[data-login-theme="theme-minimal"] .form-label {
+      display: block;
+      margin-bottom: 8px;
+      font-weight: 400;
+      color: #666;
+      font-size: 13px;
+    }
+    body[data-login-theme="theme-minimal"] .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"] .form-input:focus {
+      outline: none;
+      border-color: #333;
+    }
+    body[data-login-theme="theme-minimal"] .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"] .btn-primary:hover {
+      background: #000;
+    }
+    body[data-login-theme="theme-minimal"] .btn-primary:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+    }
+    /* === 方案 2: 现代扁平风 === */
+    body[data-login-theme="theme-flat"] .login-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background: #fafafa;
+    }
+    body[data-login-theme="theme-flat"] .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-title {
+      font-size: 22px;
+      font-weight: 500;
+      margin-bottom: 28px;
+      color: #1a1a1a;
+    }
+    body[data-login-theme="theme-flat"] .form-label {
+      display: block;
+      margin-bottom: 6px;
+      font-weight: 500;
+      color: #4a4a4a;
+      font-size: 13px;
+    }
+    body[data-login-theme="theme-flat"] .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"] .form-input:focus {
+      outline: none;
+      border-color: #4a90e2;
+      background: white;
+    }
+    body[data-login-theme="theme-flat"] .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"] .btn-primary:hover {
+      background: #357abd;
+    }
+    body[data-login-theme="theme-flat"] .btn-primary:disabled {
+      background: #d0d0d0;
+      cursor: not-allowed;
+    }
+    /* === 方案 3: 传统表单风 === */
+    body[data-login-theme="theme-classic"] .login-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background: #e9ecef;
+    }
+    body[data-login-theme="theme-classic"] .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-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"] .form-label {
+      display: block;
+      margin-bottom: 6px;
+      font-weight: 600;
+      color: #495057;
+      font-size: 13px;
+    }
+    body[data-login-theme="theme-classic"] .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"] .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"] .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"] .btn-primary:hover {
+      background: #0056b3;
+    }
+    body[data-login-theme="theme-classic"] .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-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background: #f5f5f5;
+    }
+    body:not([data-login-theme]) .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-title {
+      font-size: 24px;
+      font-weight: 400;
+      margin-bottom: 32px;
+      color: #333;
+      letter-spacing: 0.5px;
+    }
+    body:not([data-login-theme]) .form-label {
+      display: block;
+      margin-bottom: 8px;
+      font-weight: 400;
+      color: #666;
+      font-size: 13px;
+    }
+    body:not([data-login-theme]) .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]) .form-input:focus {
+      outline: none;
+      border-color: #333;
+    }
+    body:not([data-login-theme]) .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]) .btn-primary:hover {
+      background: #000;
+    }
+    body:not([data-login-theme]) .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">Evol 账户登录</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">Evol 控制台</h1>
+      </div>
+      <div class="header-right">
+        <span id="ws-indicator" style="font-size:13px;color:#999;margin-right:16px;">○ 未连接</span>
+        <!-- 未登录状态 -->
+        <a id="login-btn" href="javascript:void(0)" class="hidden" style="color:#667eea;text-decoration:none;font-size:14px;">登录 Evol</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>
+        </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>
+              <button class="btn btn-sm btn-secondary" id="btn-clear-console">清空</button>
+            </div>
+            <!-- 筛选器 -->
+            <div style="display:grid;grid-template-columns: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-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="console-output" style="background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:4px;font-family:monospace;font-size:12px;height:300px;overflow-y:auto;white-space:pre-wrap;line-height:1.4;"></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>
+          <!-- Tooltip for statistics -->
+          <div id="stat-tooltip" class="stat-tooltip"></div>
+          <!-- Module List Table -->
+          <div class="panel">
+            <div class="table-wrapper">
+              <table class="data-table" id="modules-table">
+                <thead>
+                  <tr>
+                    <th style="width:40px;"></th>
+                    <th>模块</th>
+                    <th>类型</th>
+                    <th>版本</th>
+                    <th>端口</th>
+                    <th>进程ID</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="12" class="text-muted" style="text-align:center;padding:40px;">加载中...</td></tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <!-- Registry Test Section -->
+          <div id="registry-test-section" style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;margin-top:40px;">
+            <div style="display:flex;align-items:center;gap:12px;">
+              <h2 class="page-title" style="margin-bottom:0;">注册中心测试</h2>
+            </div>
+            <div style="display:flex;align-items:center;gap:16px;">
+              <button class="btn btn-sm btn-primary" id="btn-test-registry">运行测试</button>
+              <button class="btn btn-sm btn-secondary" id="btn-clear-test-output">清空输出</button>
+            </div>
+          </div>
+          <div class="panel" id="registry-test-output">
+            <div id="test-output" style="background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:4px;font-family:monospace;font-size:13px;max-height:400px;overflow-y:auto;white-space:pre-wrap;"></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 btn-secondary" id="btn-reset-defaults">恢复默认值</button>
+                <button class="btn btn-sm" id="btn-detail-action" style="min-width:72px;"></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;">
+                <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">模块路径 <span style="font-size:11px;color:#999;">(source_path)</span></label>
+                <input type="text" id="mod-source-path" disabled style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;font-size:12px;font-family:monospace;box-sizing:border-box;">
+              </div>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;">
+                <div>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">模块名 <span style="font-size:11px;color:#999;">(name)</span></label>
+                  <input type="text" id="mod-meta-name" disabled style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;box-sizing:border-box;">
+                </div>
+                <div>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">模块类型 <span style="font-size:11px;color:#999;">(type)</span></label>
+                  <input type="text" id="mod-meta-type" disabled style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;box-sizing:border-box;">
+                </div>
+              </div>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;">
+                <div>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">运行时 <span style="font-size:11px;color:#999;">(runtime)</span></label>
+                  <input type="text" id="mod-meta-runtime" disabled style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;box-sizing:border-box;">
+                </div>
+                <div>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">入口文件 <span style="font-size:11px;color:#999;">(entry)</span></label>
+                  <input type="text" id="mod-meta-entry" disabled style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;box-sizing:border-box;">
+                </div>
+              </div>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+                <div>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">版本 <span style="font-size:11px;color:#999;">(version)</span></label>
+                  <input type="text" id="mod-meta-version" disabled style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background:#e9ecef;cursor:not-allowed;box-sizing:border-box;">
+                </div>
+                <div>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">显示名称 <span style="font-size:11px;color:#999;">(display_name)</span></label>
+                  <input type="text" id="mod-meta-display-name" data-field="display_name" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;">
+                </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>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">默认状态 <span style="font-size:11px;color:#999;">(state - 需重启生效)</span></label>
+                  <select id="mod-meta-state" data-field="state" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;">
+                    <option value="enabled">enabled - 自动启动</option>
+                    <option value="manual">manual - 手动启动</option>
+                    <option value="disabled">disabled - 禁用</option>
+                  </select>
+                </div>
+                <div>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">监控 <span style="font-size:11px;color:#999;">(monitor - Watchdog是否监控此模块)</span></label>
+                  <select id="mod-meta-monitor" data-field="monitor" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;">
+                    <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>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">首选端口 <span style="font-size:11px;color:#999;">(preferred_port)</span></label>
+                  <input type="number" id="mod-meta-port" data-field="preferred_port" placeholder="(无)" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;">
+                </div>
+                <div>
+                  <label style="display:block;margin-bottom:4px;font-size:13px;color:#666;">监听地址 <span style="font-size:11px;color:#999;">(advertise_ip)</span></label>
+                  <select id="mod-meta-ip" data-field="advertise_ip" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;">
+                    <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>
+            <!-- 【区块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;">模块配置文件 (config.yaml)</h4>
+              <div id="module-config-tree"></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>
+          </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>
+                    </tr>
+                  </thead>
+                  <tbody id="evol-tokens-tbody">
+                    <tr><td colspan="8" class="text-muted" style="text-align:center;padding:40px;">加载中...</td></tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </section>
+      </main>
+    </div>
+  </div>
+  <script src="js/dialog.js"></script>
+  <script src="js/kernel-client.js?v=2"></script>
+  <script src="js/kernel-client-example.js"></script>
+  <script src="js/registry-tests.js"></script>
+  <script src="js/evol-app.js?v=2"></script>
+</body>
+</html>