@agentunion/kite 1.3.2 → 1.5.0

package/extensions/services/web/static/js/token-manager.js

@@ -0,0 +1,175 @@
+/**
+ * Token Management
+ * Handles token listing, revocation, and statistics via WebSocket RPC
+ */
+
+// Load tokens on page load
+async function loadTokens() {
+  console.log('[web] loadTokens() called');
+
+  // 立即显示加载中
+  const tbody = document.getElementById('tokens-tbody');
+  tbody.innerHTML = `
+    <tr><td colspan="6" class="text-muted" style="text-align:center;padding:40px;">
+      加载中...
+    </td></tr>
+  `;
+
+  try {
+    // Use kernel client to call RPC
+    if (!kernelClient || !kernelClient.connected) {
+      console.error('[web] kernelClient not ready:', { kernelClient, connected: kernelClient?.connected });
+      throw new Error('WebSocket 未连接');
+    }
+
+    console.log('[web] Calling web.list_tokens...');
+    const result = await kernelClient.call('web.list_tokens', {});
+    console.log('[web] Got result:', result);
+    renderTokens(result.tokens || []);
+  } catch (err) {
+    console.error('[web] Failed to load tokens:', err);
+
+    // 根据错误类型显示不同的提示
+    let errorMsg = err.message;
+    if (errorMsg.includes('Permission denied')) {
+      errorMsg = '权限不足：当前用户没有查看 Token 的权限';
+    } else if (errorMsg.includes('not connected') || errorMsg.includes('未连接')) {
+      errorMsg = 'WebSocket 未连接，请刷新页面重试';
+    }
+
+    tbody.innerHTML = `
+      <tr><td colspan="6" class="text-danger" style="text-align:center;padding:40px;">
+        加载失败: ${errorMsg}
+      </td></tr>
+    `;
+  }
+}
+
+// Render tokens table
+function renderTokens(tokens) {
+  const tbody = document.getElementById('tokens-tbody');
+
+  if (tokens.length === 0) {
+    tbody.innerHTML = `
+      <tr><td colspan="6" class="text-muted" style="text-align:center;padding:40px;">
+        暂无 Token
+      </td></tr>
+    `;
+    return;
+  }
+
+  tbody.innerHTML = tokens.map(token => {
+    const isExpired = new Date(token.expires_at) < new Date();
+    const statusClass = isExpired ? 'text-danger' : 'text-success';
+    const statusText = isExpired ? '已过期' : '活跃';
+
+    // Mask token for security (show first 8 and last 4 chars)
+    const maskedToken = token.token.length > 12
+      ? `${token.token.substring(0, 8)}...${token.token.substring(token.token.length - 4)}`
+      : token.token;
+
+    return `
+      <tr>
+        <td style="font-family:monospace;font-size:12px;" title="${token.token}">${maskedToken}</td>
+        <td><span class="badge badge-${getRoleBadgeClass(token.role)}">${token.role}</span></td>
+        <td style="font-size:12px;">${formatDateTime(token.paired_at)}</td>
+        <td style="font-size:12px;">${formatDateTime(token.expires_at)}</td>
+        <td><span class="${statusClass}">${statusText}</span></td>
+        <td>
+          <button class="btn btn-sm btn-danger" onclick="revokeToken('${token.token}')" ${isExpired ? 'disabled' : ''}>
+            吊销
+          </button>
+        </td>
+      </tr>
+    `;
+  }).join('');
+}
+
+// Get role badge class
+function getRoleBadgeClass(role) {
+  const classes = {
+    'admin': 'primary',
+    'operator': 'warning',
+    'viewer': 'secondary'
+  };
+  return classes[role] || 'secondary';
+}
+
+// Format datetime
+function formatDateTime(isoString) {
+  if (!isoString) return '-';
+  const date = new Date(isoString);
+  return date.toLocaleString('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+}
+
+// Revoke token
+async function revokeToken(token) {
+  try {
+    if (!kernelClient || !kernelClient.connected) {
+      throw new Error('WebSocket 未连接');
+    }
+
+    // 立即变灰并禁用
+    const row = event.target.closest('tr');
+    if (row) {
+      row.style.opacity = '0.3';
+      row.style.pointerEvents = 'none';
+    }
+
+    // 后台调用 RPC 吊销
+    await kernelClient.call('web.revoke_token', { token });
+
+  } catch (err) {
+    console.error('[web] Failed to revoke token:', err);
+
+    // 失败后恢复该行
+    const row = event.target.closest('tr');
+    if (row) {
+      row.style.opacity = '1';
+      row.style.pointerEvents = 'auto';
+    }
+
+    // 显示错误提示
+    const errorMsg = err.message.includes('Permission denied')
+      ? '权限不足：无法吊销 Token'
+      : `吊销失败: ${err.message}`;
+
+    console.error('[web]', errorMsg);
+  }
+}
+
+// Refresh tokens
+function refreshTokens() {
+  loadTokens();
+}
+
+// Auto-load tokens when modules page is shown
+document.addEventListener('DOMContentLoaded', () => {
+  // Load tokens when switching to modules page
+  const modulesNav = document.querySelector('[data-page="modules"]');
+  if (modulesNav) {
+    modulesNav.addEventListener('click', () => {
+      // Wait a bit for page switch, then load tokens
+      setTimeout(() => {
+        console.log('[web] Modules page clicked, loading tokens...');
+        loadTokens();
+      }, 100);
+    });
+  }
+
+  // Wait for kernelClient to be ready before loading tokens
+  window.addEventListener('kernelClientReady', () => {
+    console.log('[web] kernelClient ready');
+    // Load tokens if modules page is active on load
+    if (document.getElementById('page-modules').classList.contains('active')) {
+      console.log('[web] Modules page is active, loading tokens...');
+      loadTokens();
+    }
+  });
+});

package/extensions/services/web/static/pairing.html

@@ -0,0 +1,248 @@
+<!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>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+
+        .container {
+            background: white;
+            border-radius: 16px;
+            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+            padding: 40px;
+            max-width: 400px;
+            width: 100%;
+        }
+
+        h1 {
+            font-size: 28px;
+            color: #333;
+            margin-bottom: 10px;
+            text-align: center;
+        }
+
+        .subtitle {
+            color: #666;
+            text-align: center;
+            margin-bottom: 30px;
+            font-size: 14px;
+        }
+
+        .form-group {
+            margin-bottom: 20px;
+        }
+
+        label {
+            display: block;
+            color: #555;
+            font-size: 14px;
+            margin-bottom: 8px;
+            font-weight: 500;
+        }
+
+        input {
+            width: 100%;
+            padding: 12px 16px;
+            border: 2px solid #e0e0e0;
+            border-radius: 8px;
+            font-size: 16px;
+            transition: border-color 0.3s;
+        }
+
+        input:focus {
+            outline: none;
+            border-color: #667eea;
+        }
+
+        button {
+            width: 100%;
+            padding: 14px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: transform 0.2s, box-shadow 0.2s;
+        }
+
+        button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
+        }
+
+        button:active {
+            transform: translateY(0);
+        }
+
+        button:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+            transform: none;
+        }
+
+        .message {
+            margin-top: 20px;
+            padding: 12px;
+            border-radius: 8px;
+            font-size: 14px;
+            text-align: center;
+        }
+
+        .message.error {
+            background: #fee;
+            color: #c33;
+            border: 1px solid #fcc;
+        }
+
+        .message.success {
+            background: #efe;
+            color: #3c3;
+            border: 1px solid #cfc;
+        }
+
+        .message.info {
+            background: #eef;
+            color: #33c;
+            border: 1px solid #ccf;
+        }
+
+        .hint {
+            margin-top: 20px;
+            padding: 12px;
+            background: #f5f5f5;
+            border-radius: 8px;
+            font-size: 13px;
+            color: #666;
+        }
+
+        .hint strong {
+            color: #333;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>🚀 Kite 配对</h1>
+        <p class="subtitle">输入配对码以连接到 Kite 系统</p>
+
+        <div class="form-group">
+            <label for="code">配对码</label>
+            <input type="text" id="code" placeholder="输入 6 位配对码" maxlength="6" autocomplete="off">
+        </div>
+
+        <button id="pairBtn">配对</button>
+
+        <div id="message"></div>
+
+        <div class="hint">
+            <strong>如何获取配对码？</strong><br>
+            配对码会在 Kite 启动时自动生成并显示在控制台（绿色高亮）<br>
+            每个配对码只能使用一次，使用后会自动生成新的配对码
+        </div>
+    </div>
+
+    <script src="js/kernel-client.js"></script>
+    <script>
+        const codeInput = document.getElementById('code');
+        const pairBtn = document.getElementById('pairBtn');
+        const messageDiv = document.getElementById('message');
+
+        // 页面加载时请求配对码
+        window.addEventListener('DOMContentLoaded', async () => {
+            showMessage('正在生成配对码...', 'info');
+
+            try {
+                // 连接 WebSocket 请求配对码
+                const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+                const ws = new WebSocket(`${proto}//${location.host}/ws/relay`);
+
+                ws.onopen = () => {
+                    // 请求配对码
+                    ws.send(JSON.stringify({ type: 'request_code' }));
+                };
+
+                ws.onmessage = (event) => {
+                    const msg = JSON.parse(event.data);
+
+                    if (msg.type === 'code_generated') {
+                        showMessage(`配对码已生成，请查看控制台`, 'success');
+                        codeInput.focus();
+                    } else if (msg.type === 'error') {
+                        showMessage(`生成配对码失败: ${msg.message}`, 'error');
+                    }
+                };
+
+                ws.onerror = () => {
+                    showMessage('连接失败，请刷新页面重试', 'error');
+                };
+
+            } catch (err) {
+                showMessage(`生成配对码失败: ${err.message}`, 'error');
+            }
+        });
+
+        // 回车提交
+        codeInput.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') {
+                pairBtn.click();
+            }
+        });
+
+        // 配对
+        pairBtn.addEventListener('click', async () => {
+            const code = codeInput.value.trim();
+
+            if (!code) {
+                showMessage('请输入配对码', 'error');
+                return;
+            }
+
+            pairBtn.disabled = true;
+            showMessage('正在配对...', 'info');
+
+            try {
+                // 创建 Kernel 客户端
+                const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+                const client = new KernelClient(`${proto}//${location.host}/ws/relay`);
+
+                // 配对
+                const result = await client.pair(code);
+
+                showMessage(`配对成功！模块 ID: ${result.moduleId}`, 'success');
+
+                // 2 秒后跳转
+                setTimeout(() => {
+                    window.location.href = '/';
+                }, 2000);
+
+            } catch (err) {
+                showMessage(`配对失败: ${err.message}`, 'error');
+                pairBtn.disabled = false;
+            }
+        });
+
+        function showMessage(text, type) {
+            messageDiv.textContent = text;
+            messageDiv.className = `message ${type}`;
+        }
+    </script>
+</body>
+</html>

package/extensions/services/web/static/test_registry.html

@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>注册中心验证测试</title>
+    <style>
+        body {
+            font-family: monospace;
+            padding: 20px;
+            background: #1e1e1e;
+            color: #d4d4d4;
+        }
+        .test-section {
+            margin: 20px 0;
+            padding: 15px;
+            border: 1px solid #3c3c3c;
+            border-radius: 4px;
+        }
+        .test-title {
+            font-size: 18px;
+            font-weight: bold;
+            margin-bottom: 10px;
+            color: #4ec9b0;
+        }
+        .test-item {
+            margin: 5px 0;
+            padding: 5px;
+        }
+        .pass { color: #4ec9b0; }
+        .fail { color: #f48771; }
+        .info { color: #9cdcfe; }
+        button {
+            background: #0e639c;
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+        }
+        button:hover {
+            background: #1177bb;
+        }
+        #results {
+            margin-top: 20px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Kite 注册中心修复验证</h1>
+    <button onclick="runAllTests()">运行所有测试</button>
+    <div id="results"></div>
+
+    <script src="/static/js/kernel-client.js"></script>
+    <script>
+        const resultsDiv = document.getElementById('results');
+        let kernelClient;
+
+        async function init() {
+            // 尝试从 localStorage 获取 token，如果没有则使用临时 token
+            let token = localStorage.getItem('kite_token');
+
+            if (!token) {
+                // 尝试从主页面获取 token
+                try {
+                    const response = await fetch('/api/pairing/request', {
+                        method: 'POST',
+                        headers: {'Content-Type': 'application/json'},
+                        body: JSON.stringify({role: 'admin'})
+                    });
+                    const data = await response.json();
+                    token = data.token;
+                    console.log('使用临时 token:', token.substring(0, 16) + '...');
+                } catch (err) {
+                    resultsDiv.innerHTML = '<div class="fail">错误: 无法获取 token</div>';
+                    return false;
+                }
+            }
+
+            kernelClient = new KernelClient(token);
+            try {
+                await kernelClient.connect();
+                return true;
+            } catch (err) {
+                resultsDiv.innerHTML = `<div class="fail">连接失败: ${err.message}</div>`;
+                return false;
+            }
+        }
+
+        async function testWatchdogRpc() {
+            const section = document.createElement('div');
+            section.className = 'test-section';
+            section.innerHTML = '<div class="test-title">测试 1: Watchdog RPC 方法注册</div>';
+
+            try {
+                // 测试 health 方法
+                let result = await kernelClient.call('registry.lookup', {
+                    field: 'tools.rpc.module.health',
+                    module: 'watchdog'
+                });
+
+                if (result.results && result.results.length > 0) {
+                    section.innerHTML += `<div class="test-item pass">✓ 找到 watchdog.health: ${JSON.stringify(result.results[0].value)}</div>`;
+                } else {
+                    section.innerHTML += '<div class="test-item fail">✗ 未找到 watchdog.health</div>';
+                }
+
+                // 测试 status 方法
+                result = await kernelClient.call('registry.lookup', {
+                    field: 'tools.rpc.module.status',
+                    module: 'watchdog'
+                });
+
+                if (result.results && result.results.length > 0) {
+                    section.innerHTML += `<div class="test-item pass">✓ 找到 watchdog.status: ${JSON.stringify(result.results[0].value)}</div>`;
+                } else {
+                    section.innerHTML += '<div class="test-item fail">✗ 未找到 watchdog.status</div>';
+                }
+            } catch (err) {
+                section.innerHTML += `<div class="test-item fail">✗ 测试失败: ${err.message}</div>`;
+            }
+
+            resultsDiv.appendChild(section);
+        }
+
+        async function testWatchdogEvents() {
+            const section = document.createElement('div');
+            section.className = 'test-section';
+            section.innerHTML = '<div class="test-title">测试 2: Watchdog 事件注册</div>';
+
+            const events = [
+                'watchdog.module.unhealthy',
+                'watchdog.module.recovered',
+                'watchdog.module.resource_critical',
+                'watchdog.module.resource_warning',
+                'watchdog.module.resource_recovered'
+            ];
+
+            try {
+                for (const event of events) {
+                    const parts = event.split('.');
+                    const field = `events_publish.${parts[0]}.${parts[1]}.${parts[2]}`;
+
+                    const result = await kernelClient.call('registry.lookup', {
+                        field: field,
+                        module: 'watchdog'
+                    });
+
+                    if (result.results && result.results.length > 0) {
+                        section.innerHTML += `<div class="test-item pass">✓ 找到事件: ${event}</div>`;
+                    } else {
+                        section.innerHTML += `<div class="test-item fail">✗ 未找到事件: ${event}</div>`;
+                    }
+                }
+            } catch (err) {
+                section.innerHTML += `<div class="test-item fail">✗ 测试失败: ${err.message}</div>`;
+            }
+
+            resultsDiv.appendChild(section);
+        }
+
+        async function testWebRpc() {
+            const section = document.createElement('div');
+            section.className = 'test-section';
+            section.innerHTML = '<div class="test-title">测试 3: Web RPC 方法注册</div>';
+
+            const methods = [
+                ['tools.rpc.module.health', 'health'],
+                ['tools.rpc.module.status', 'status'],
+                ['tools.rpc.web.list_tokens', 'list_tokens'],
+                ['tools.rpc.web.revoke_token', 'revoke_token']
+            ];
+
+            try {
+                for (const [field, name] of methods) {
+                    const result = await kernelClient.call('registry.lookup', {
+                        field: field,
+                        module: 'web'
+                    });
+
+                    if (result.results && result.results.length > 0) {
+                        section.innerHTML += `<div class="test-item pass">✓ 找到 web.${name}: ${JSON.stringify(result.results[0].value)}</div>`;
+                    } else {
+                        section.innerHTML += `<div class="test-item fail">✗ 未找到 web.${name}</div>`;
+                    }
+                }
+            } catch (err) {
+                section.innerHTML += `<div class="test-item fail">✗ 测试失败: ${err.message}</div>`;
+            }
+
+            resultsDiv.appendChild(section);
+        }
+
+        async function testLauncherEvents() {
+            const section = document.createElement('div');
+            section.className = 'test-section';
+            section.innerHTML = '<div class="test-title">测试 4: Launcher 事件注册</div>';
+
+            const events = [
+                'system.ready',
+                'module.starting',
+                'module.started',
+                'module.ready',
+                'module.stopped',
+                'module.exiting',
+                'module.shutdown'
+            ];
+
+            try {
+                for (const event of events) {
+                    const parts = event.split('.');
+                    const field = `events_publish.${parts[0]}.${parts[1]}`;
+
+                    const result = await kernelClient.call('registry.lookup', {
+                        field: field,
+                        module: 'launcher'
+                    });
+
+                    if (result.results && result.results.length > 0) {
+                        section.innerHTML += `<div class="test-item pass">✓ 找到事件: ${event}</div>`;
+                    } else {
+                        section.innerHTML += `<div class="test-item fail">✗ 未找到事件: ${event}</div>`;
+                    }
+                }
+
+                // 验证 state_changed 已删除
+                const result = await kernelClient.call('registry.lookup', {
+                    field: 'events_publish.module.state_changed',
+                    module: 'launcher'
+                });
+
+                if (!result.results || result.results.length === 0) {
+                    section.innerHTML += '<div class="test-item pass">✓ 已删除未使用的事件: module.state_changed</div>';
+                } else {
+                    section.innerHTML += '<div class="test-item fail">✗ module.state_changed 仍然存在（应该已删除）</div>';
+                }
+            } catch (err) {
+                section.innerHTML += `<div class="test-item fail">✗ 测试失败: ${err.message}</div>`;
+            }
+
+            resultsDiv.appendChild(section);
+        }
+
+        async function runAllTests() {
+            resultsDiv.innerHTML = '<div class="info">正在初始化...</div>';
+
+            if (!await init()) {
+                return;
+            }
+
+            resultsDiv.innerHTML = '<div class="info">开始测试...</div>';
+
+            await testWatchdogRpc();
+            await testWatchdogEvents();
+            await testWebRpc();
+            await testLauncherEvents();
+
+            resultsDiv.innerHTML += '<div class="test-section"><div class="test-title pass">所有测试完成</div></div>';
+        }
+    </script>
+</body>
+</html>