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

@agentunion/kite 1.4.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 (718) hide show

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

@@ -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/kite_console/static/test_kernel_client_token.html ADDED Viewed

@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kernel Client Token 测试</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            max-width: 900px;
+            margin: 50px auto;
+            padding: 20px;
+            background: #f5f5f5;
+        }
+        .container {
+            background: white;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        h1 {
+            color: #333;
+            margin-bottom: 10px;
+        }
+        .subtitle {
+            color: #666;
+            margin-bottom: 30px;
+        }
+        .section {
+            margin-bottom: 30px;
+            padding: 20px;
+            background: #f9f9f9;
+            border-radius: 6px;
+        }
+        .section h2 {
+            margin-top: 0;
+            color: #444;
+            font-size: 18px;
+        }
+        .info {
+            margin: 10px 0;
+            padding: 10px;
+            background: #e8f4f8;
+            border-left: 4px solid #2196F3;
+            border-radius: 4px;
+        }
+        .success {
+            background: #e8f5e9;
+            border-left-color: #4CAF50;
+        }
+        .error {
+            background: #ffebee;
+            border-left-color: #f44336;
+        }
+        button {
+            padding: 10px 20px;
+            margin: 5px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+            transition: background 0.3s;
+        }
+        .btn-primary {
+            background: #2196F3;
+            color: white;
+        }
+        .btn-primary:hover {
+            background: #1976D2;
+        }
+        .btn-success {
+            background: #4CAF50;
+            color: white;
+        }
+        .btn-success:hover {
+            background: #388E3C;
+        }
+        .btn-danger {
+            background: #f44336;
+            color: white;
+        }
+        .btn-danger:hover {
+            background: #d32f2f;
+        }
+        .token-display {
+            font-family: monospace;
+            font-size: 12px;
+            word-break: break-all;
+            padding: 10px;
+            background: #fff;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            margin: 10px 0;
+        }
+        .log {
+            background: #263238;
+            color: #aed581;
+            padding: 15px;
+            border-radius: 4px;
+            font-family: 'Courier New', monospace;
+            font-size: 13px;
+            max-height: 400px;
+            overflow-y: auto;
+            margin-top: 10px;
+        }
+        .log-entry {
+            margin: 5px 0;
+        }
+        .log-time {
+            color: #78909c;
+        }
+        .log-success {
+            color: #81c784;
+        }
+        .log-error {
+            color: #e57373;
+        }
+        .log-info {
+            color: #64b5f6;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>🧪 Kernel Client Token 测试</h1>
+        <p class="subtitle">测试 kernel-client.js 的 Kite Token 支持</p>
+        <!-- Token 状态 -->
+        <div class="section">
+            <h2>📋 Token 状态</h2>
+            <div id="token-status">
+                <p>正在检查...</p>
+            </div>
+        </div>
+        <!-- 操作按钮 -->
+        <div class="section">
+            <h2>🎮 操作</h2>
+            <button class="btn-primary" onclick="testConnect()">测试连接</button>
+            <button class="btn-success" onclick="testRpc()">测试 RPC</button>
+            <button class="btn-danger" onclick="clearTokens()">清除所有 Token</button>
+            <button class="btn-primary" onclick="clearLog()">清空日志</button>
+        </div>
+        <!-- 连接状态 -->
+        <div class="section">
+            <h2>🔌 连接状态</h2>
+            <div id="connection-status" class="info">
+                未连接
+            </div>
+        </div>
+        <!-- 日志 -->
+        <div class="section">
+            <h2>📝 日志</h2>
+            <div id="log" class="log"></div>
+        </div>
+    </div>
+    <script src="/static/js/kernel-client.js"></script>
+    <script>
+        let kernelClient = null;
+        // 日志函数
+        function log(message, type = 'info') {
+            const logDiv = document.getElementById('log');
+            const time = new Date().toLocaleTimeString();
+            const className = `log-${type}`;
+            const entry = document.createElement('div');
+            entry.className = 'log-entry';
+            entry.innerHTML = `<span class="log-time">[${time}]</span> <span class="${className}">${message}</span>`;
+            logDiv.appendChild(entry);
+            logDiv.scrollTop = logDiv.scrollHeight;
+        }
+        function clearLog() {
+            document.getElementById('log').innerHTML = '';
+        }
+        // 检查 Token 状态
+        function checkTokenStatus() {
+            const kiteToken = localStorage.getItem('kiteToken');
+            const frontendToken = localStorage.getItem('frontend_token');
+            const sessionToken = sessionStorage.getItem('session_token');
+            let html = '';
+            if (kiteToken) {
+                html += `<div class="info success">
+                    <strong>✓ Kite Token 存在</strong>
+                    <div class="token-display">${kiteToken}</div>
+                    <small>将优先使用此 Token 进行认证</small>
+                </div>`;
+            } else {
+                html += `<div class="info">
+                    <strong>○ Kite Token 不存在</strong>
+                    <small>需要通过手机号登录获取</small>
+                </div>`;
+            }
+            if (frontendToken) {
+                html += `<div class="info ${kiteToken ? '' : 'success'}">
+                    <strong>${kiteToken ? '○' : '✓'} Frontend Token 存在</strong>
+                    <div class="token-display">${frontendToken}</div>
+                    <small>${kiteToken ? '将作为备用 Token' : '将使用此 Token 进行认证'}</small>
+                </div>`;
+            } else {
+                html += `<div class="info">
+                    <strong>○ Frontend Token 不存在</strong>
+                    <small>需要通过配对码获取</small>
+                </div>`;
+            }
+            if (sessionToken) {
+                html += `<div class="info">
+                    <strong>Session Token: ${sessionToken}</strong>
+                </div>`;
+            }
+            if (!kiteToken && !frontendToken) {
+                html += `<div class="info error">
+                    <strong>⚠️ 没有可用的 Token</strong>
+                    <p>请先通过以下方式之一获取 Token：</p>
+                    <ul>
+                        <li>手机号登录（获取 Kite Token）</li>
+                        <li>配对码配对（获取 Frontend Token）</li>
+                    </ul>
+                </div>`;
+            }
+            document.getElementById('token-status').innerHTML = html;
+        }
+        // 测试连接
+        async function testConnect() {
+            log('开始测试连接...', 'info');
+            const kiteToken = localStorage.getItem('kiteToken');
+            const frontendToken = localStorage.getItem('frontend_token');
+            if (!kiteToken && !frontendToken) {
+                log('错误: 没有可用的 Token', 'error');
+                updateConnectionStatus('error', '没有可用的 Token');
+                return;
+            }
+            const tokenType = kiteToken ? 'Kite Token' : 'Frontend Token';
+            log(`使用 ${tokenType} 进行认证`, 'info');
+            try {
+                updateConnectionStatus('connecting', '连接中...');
+                const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+                kernelClient = new KernelClient(`${proto}//${location.host}/ws/relay`);
+                log(`创建 KernelClient 实例`, 'success');
+                log(`Token: ${kernelClient.token ? kernelClient.token.substring(0, 20) + '...' : 'null'}`, 'info');
+                log(`Session Token: ${kernelClient.sessionToken}`, 'info');
+                const result = await kernelClient.connect();
+                log('连接成功！', 'success');
+                log(`Module ID: ${result.moduleId}`, 'success');
+                log(`Role: ${result.role}`, 'success');
+                log(`Reconnected: ${result.reconnected}`, 'info');
+                updateConnectionStatus('success', `已连接 (${result.moduleId})`);
+                // 订阅事件
+                await kernelClient.subscribe(['module.*', 'registry.*']);
+                log('已订阅事件: module.*, registry.*', 'success');
+            } catch (err) {
+                log(`连接失败: ${err.message}`, 'error');
+                updateConnectionStatus('error', `连接失败: ${err.message}`);
+            }
+        }
+        // 测试 RPC
+        async function testRpc() {
+            if (!kernelClient || !kernelClient.authenticated) {
+                log('错误: 未连接或未认证', 'error');
+                return;
+            }
+            log('测试 RPC 调用...', 'info');
+            try {
+                // 测试 launcher.list_modules
+                log('调用 launcher.list_modules', 'info');
+                const result = await kernelClient.call('launcher.list_modules');
+                log(`RPC 调用成功`, 'success');
+                log(`模块数量: ${result.modules ? result.modules.length : 0}`, 'success');
+                if (result.modules && result.modules.length > 0) {
+                    log(`模块列表: ${result.modules.map(m => m.name).join(', ')}`, 'info');
+                }
+                // 测试 kernel.health
+                log('调用 kernel.health', 'info');
+                const health = await kernelClient.call('kernel.health');
+                log(`Kernel 状态: ${health.status}`, 'success');
+            } catch (err) {
+                log(`RPC 调用失败: ${err.message}`, 'error');
+            }
+        }
+        // 清除所有 Token
+        function clearTokens() {
+            if (confirm('确定要清除所有 Token 吗？')) {
+                localStorage.removeItem('kiteToken');
+                localStorage.removeItem('frontend_token');
+                sessionStorage.removeItem('session_token');
+                log('已清除所有 Token', 'info');
+                checkTokenStatus();
+                if (kernelClient) {
+                    kernelClient.disconnect();
+                    kernelClient = null;
+                }
+                updateConnectionStatus('disconnected', '未连接');
+            }
+        }
+        // 更新连接状态
+        function updateConnectionStatus(status, message) {
+            const statusDiv = document.getElementById('connection-status');
+            statusDiv.className = 'info';
+            if (status === 'success') {
+                statusDiv.className = 'info success';
+                statusDiv.innerHTML = `<strong>✓ ${message}</strong>`;
+            } else if (status === 'error') {
+                statusDiv.className = 'info error';
+                statusDiv.innerHTML = `<strong>✗ ${message}</strong>`;
+            } else if (status === 'connecting') {
+                statusDiv.className = 'info';
+                statusDiv.innerHTML = `<strong>◐ ${message}</strong>`;
+            } else {
+                statusDiv.innerHTML = `<strong>${message}</strong>`;
+            }
+        }
+        // 页面加载时检查 Token 状态
+        window.addEventListener('DOMContentLoaded', () => {
+            checkTokenStatus();
+            log('页面加载完成', 'info');
+            log('准备测试 Kite Token 支持', 'info');
+        });
+    </script>
+</body>
+</html>