@agentunion/kite 1.5.0 → 1.6.0

package/extensions/services/evol/static/js/kernel-client-example.js

@@ -1,228 +0,0 @@
-/**
- * Kernel Client 使用示例
- *
- * 在主页面（index.html）中集成 KernelClient
- */
-
-// 全局 Kernel 客户端实例
-let kernelClient = null;
-
-/**
- * 初始化 Kernel 客户端
- */
-async function initKernelClient() {
-    const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
-    kernelClient = new KernelClient(`${proto}//${location.host}/ws/relay`);
-
-    // 检查是否已配对
-    const token = localStorage.getItem('frontend_token');
-
-    if (!token) {
-        // 未配对，跳转到配对页面
-        window.location.href = '/pairing.html';
-        return;
-    }
-
-    try {
-        // 连接
-        const result = await kernelClient.connect();
-        console.log('[Kernel] Connected:', result);
-
-        // 订阅事件
-        await kernelClient.subscribe([
-            'module.starting',
-            'module.started',
-            'module.ready',
-            'module.stopped',
-            'module.exiting',
-            'module.shutdown',
-            'module.crashed',
-            'system.ready',
-            'registry.updated',
-            'module.registered',
-            'module.unregistered'
-        ]);
-
-        // 监听模块状态变化
-        kernelClient.on('module.started', (data) => {
-            console.log('[Kernel] Module started:', data.module_id);
-            updateModuleStatus(data.module_id, 'running');
-        });
-
-        kernelClient.on('module.stopped', (data) => {
-            console.log('[Kernel] Module stopped:', data.module_id);
-            updateModuleStatus(data.module_id, 'stopped');
-        });
-
-        kernelClient.on('module.crashed', (data) => {
-            console.log('[Kernel] Module crashed:', data.module_id);
-            updateModuleStatus(data.module_id, 'crashed');
-        });
-
-        kernelClient.on('registry.updated', (data) => {
-            console.log('[Kernel] Registry updated:', data);
-            // 触发缓存失效事件
-            window.dispatchEvent(new CustomEvent('registryCacheInvalidate', {
-                detail: data
-            }));
-        });
-
-        // 更新连接状态指示器
-        updateConnectionStatus(true);
-
-        // 触发连接成功事件
-        window.dispatchEvent(new CustomEvent('kernelClientReady'));
-
-    } catch (err) {
-        console.error('[Kernel] Connection failed:', err);
-
-        // 检查是否为永久性错误
-        if (kernelClient.fatalError) {
-            // 永久性错误（权限、配置等），显示友好提示，不跳转
-            showFatalError(err.message);
-            updateConnectionStatus(false);
-        } else if (err.message.includes('Invalid') || err.message.includes('expired')) {
-            // Token 无效或过期，跳转到配对页面
-            window.location.href = '/pairing.html';
-        } else {
-            // 临时性错误（网络问题等），显示重连状态
-            updateConnectionStatus(false);
-        }
-    }
-}
-
-/**
- * 显示永久性错误提示
- */
-function showFatalError(message) {
-    // 更新连接状态为错误
-    updateConnectionStatus(false);
-
-    // 显示友好的错误提示
-    const errorDiv = document.createElement('div');
-    errorDiv.style.cssText = `
-        position: fixed;
-        top: 20px;
-        left: 50%;
-        transform: translateX(-50%);
-        background: #ff4444;
-        color: white;
-        padding: 15px 25px;
-        border-radius: 8px;
-        box-shadow: 0 4px 12px rgba(0,0,0,0.3);
-        z-index: 10000;
-        max-width: 600px;
-        text-align: center;
-    `;
-
-    // 根据错误类型显示不同的提示
-    let friendlyMessage = '连接失败';
-    let suggestion = '请联系管理员';
-
-    if (message.includes('Permission denied') || message.includes('not in relay_modules whitelist')) {
-        friendlyMessage = '权限不足';
-        suggestion = '此模块未被授权连接到 Kernel。请检查 launcher/module.md 中的 relay.modules 配置。';
-    } else if (message.includes('Token limit reached')) {
-        friendlyMessage = '连接数已达上限';
-        suggestion = '请释放一些不用的连接，或增加 relay.token_limits 配置。';
-    } else if (message.includes('module_id must start with')) {
-        friendlyMessage = '配置错误';
-        suggestion = '模块 ID 格式不正确。请检查 relay_config.json5 中的 base_module_id 配置。';
-    }
-
-    errorDiv.innerHTML = `
-        <div style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">
-            ⚠️ ${friendlyMessage}
-        </div>
-        <div style="font-size: 14px; opacity: 0.9; margin-bottom: 10px;">
-            ${suggestion}
-        </div>
-        <div style="font-size: 12px; opacity: 0.7; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.3);">
-            技术详情: ${message}
-        </div>
-    `;
-
-    document.body.appendChild(errorDiv);
-
-    // 5秒后淡出
-    setTimeout(() => {
-        errorDiv.style.transition = 'opacity 0.5s';
-        errorDiv.style.opacity = '0';
-        setTimeout(() => errorDiv.remove(), 500);
-    }, 10000);
-}
-
-/**
- * 更新连接状态指示器
- */
-function updateConnectionStatus(connected) {
-    const indicators = [
-        document.getElementById('ws-indicator'),
-        document.getElementById('ws-indicator-modules')
-    ];
-
-    indicators.forEach(indicator => {
-        if (indicator) {
-            if (connected) {
-                indicator.textContent = '● 已连线';
-                indicator.style.color = 'var(--success)';
-            } else {
-                indicator.textContent = '○ 未连线';
-                indicator.style.color = 'var(--gray-400)';
-            }
-        }
-    });
-}
-
-/**
- * 更新模块状态
- */
-function updateModuleStatus(moduleName, status) {
-    // 这里调用现有的模块状态更新逻辑
-    if (typeof _onModuleStatusChange === 'function') {
-        _onModuleStatusChange(moduleName, status);
-    }
-}
-
-/**
- * 调用 RPC 示例
- */
-async function exampleRpcCalls() {
-    if (!kernelClient) {
-        console.error('[Kernel] Client not initialized');
-        return;
-    }
-
-    try {
-        // 获取模块列表
-        const modules = await kernelClient.call('launcher.list_modules');
-        console.log('[Kernel] Modules:', modules);
-
-        // 启动模块
-        await kernelClient.call('launcher.start_module', { name: 'watchdog' });
-        console.log('[Kernel] Module started');
-
-        // 停止模块
-        await kernelClient.call('launcher.stop_module', { name: 'watchdog' });
-        console.log('[Kernel] Module stopped');
-
-    } catch (err) {
-        console.error('[Kernel] RPC error:', err);
-    }
-}
-
-/**
- * 页面加载时初始化
- */
-document.addEventListener('DOMContentLoaded', () => {
-    initKernelClient();
-});
-
-/**
- * 页面关闭时断开连接
- */
-window.addEventListener('beforeunload', () => {
-    if (kernelClient) {
-        kernelClient.disconnect();
-    }
-});

package/extensions/services/evol/static/js/main.js

@@ -1,141 +0,0 @@
-// Main JS - Page navigation and WebSocket connection
-
-// Page navigation
-document.querySelectorAll('.nav-item').forEach(item => {
-    item.addEventListener('click', () => {
-        const pageName = item.dataset.page;
-
-        // Update nav items
-        document.querySelectorAll('.nav-item').forEach(i => i.classList.remove('active'));
-        item.classList.add('active');
-
-        // Update pages
-        document.querySelectorAll('.page').forEach(page => page.classList.remove('active'));
-        document.getElementById(`page-${pageName}`).classList.add('active');
-
-        // Load stats when switching to stats page
-        if (pageName === 'stats') {
-            setTimeout(() => loadCreditsStats(), 100);
-        }
-    });
-});
-
-// Sidebar toggle
-document.getElementById('sidebar-toggle')?.addEventListener('click', () => {
-    document.getElementById('sidebar').classList.toggle('hidden');
-});
-
-// WebSocket connection status
-let ws = null;
-let wsReconnectTimer = null;
-
-function connectWebSocket() {
-    // Get Kernel WebSocket URL from environment or default
-    const kernelPort = window.KITE_KERNEL_PORT || 0;
-    if (!kernelPort) {
-        console.log('Kernel port not available');
-        return;
-    }
-
-    const wsUrl = `ws://127.0.0.1:${kernelPort}/ws`;
-
-    try {
-        ws = new WebSocket(wsUrl);
-
-        ws.onopen = () => {
-            updateWSIndicator('connected');
-            console.log('WebSocket connected');
-        };
-
-        ws.onclose = () => {
-            updateWSIndicator('disconnected');
-            console.log('WebSocket disconnected');
-
-            // Reconnect after 5 seconds
-            if (wsReconnectTimer) clearTimeout(wsReconnectTimer);
-            wsReconnectTimer = setTimeout(connectWebSocket, 5000);
-        };
-
-        ws.onerror = (error) => {
-            console.error('WebSocket error:', error);
-            updateWSIndicator('error');
-        };
-
-        ws.onmessage = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                handleWSMessage(data);
-            } catch (e) {
-                console.error('Failed to parse WebSocket message:', e);
-            }
-        };
-    } catch (error) {
-        console.error('Failed to connect WebSocket:', error);
-        updateWSIndicator('error');
-    }
-}
-
-function updateWSIndicator(status) {
-    const indicator = document.getElementById('ws-indicator');
-    if (!indicator) return;
-
-    if (status === 'connected') {
-        indicator.innerHTML = '● 已连线';
-        indicator.style.color = 'var(--success)';
-    } else if (status === 'disconnected') {
-        indicator.innerHTML = '○ 未连线';
-        indicator.style.color = 'var(--gray-400)';
-    } else if (status === 'error') {
-        indicator.innerHTML = '✕ 连接错误';
-        indicator.style.color = 'var(--error)';
-    }
-}
-
-function handleWSMessage(data) {
-    // Handle WebSocket messages if needed
-    console.log('WebSocket message:', data);
-}
-
-function showLoginForm() {
-    // 确保显示登录表单
-    const loginForm = document.getElementById('login-form');
-    const userInfo = document.getElementById('user-info');
-    if (loginForm) loginForm.classList.remove('hidden');
-    if (userInfo) userInfo.classList.add('hidden');
-}
-
-function showUserInfoError() {
-    // 显示用户信息加载失败的提示（不阻塞界面）
-    const userInfoEl = document.getElementById('user-info');
-    if (userInfoEl) {
-        const errorDiv = document.createElement('div');
-        errorDiv.className = 'user-info-error';
-        errorDiv.style.cssText = 'padding: 8px; background: #fff3cd; border: 1px solid #ffc107; border-radius: 4px; margin-bottom: 12px; color: #856404;';
-        errorDiv.innerHTML = '⚠️ 账户信息加载失败，但不影响使用。<button onclick="location.reload()" style="margin-left: 8px; padding: 2px 8px; border: 1px solid #856404; background: transparent; border-radius: 3px; cursor: pointer;">重试</button>';
-
-        // 插入到用户信息区域顶部
-        const existingError = userInfoEl.querySelector('.user-info-error');
-        if (existingError) existingError.remove();
-        userInfoEl.insertBefore(errorDiv, userInfoEl.firstChild);
-    }
-}
-
-// Check login status on load
-window.addEventListener('load', () => {
-    const kiteToken = localStorage.getItem('evol_kite_token');
-    if (kiteToken) {
-        // kiteToken 存在，直接进入主界面
-        // 用户信息异步加载，不阻塞界面显示
-        loadUserInfo().catch(err => {
-            console.warn('Failed to load user info (non-blocking):', err);
-            // 显示提示：账户信息加载失败，但不影响使用
-            showUserInfoError();
-        });
-    } else {
-        // 没有 kiteToken，显示登录界面
-        showLoginForm();
-    }
-
-    // Try to connect WebSocket
-    // connectWebSocket();
-});

package/extensions/services/evol/static/js/stats.js

@@ -1,217 +0,0 @@
-// Stats functions
-
-let currentPeriod = 'day';
-let currentDate = new Date().toISOString().split('T')[0];
-
-async function loadCreditsStats(period = 'day', date = null) {
-    const kiteToken = localStorage.getItem('evol_kite_token');
-    if (!kiteToken) {
-        document.getElementById('stats-content').innerHTML = '<p>请先登录</p>';
-        return;
-    }
-
-    currentPeriod = period;
-    if (date) {
-        currentDate = date;
-    }
-
-    try {
-        const response = await fetch('/api/get_credits_stats', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({
-                kiteToken,
-                period,
-                date: currentDate
-            })
-        });
-
-        const result = await response.json();
-
-        if (result.success) {
-            renderStats(result.data);
-        } else {
-            document.getElementById('stats-content').innerHTML = `<p class="error">${result.msg}</p>`;
-        }
-    } catch (error) {
-        document.getElementById('stats-content').innerHTML = '<p class="error">加载失败</p>';
-    }
-}
-
-function renderStats(data) {
-    const consumed = data.consumed || 0;
-    const recovered = data.recovered || 0;
-    const netChange = recovered - consumed;
-    const changeText = netChange > 0 ? `+${netChange}` : netChange;
-
-    let html = `
-        <div class="panel">
-            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
-                <h3 class="panel-title" style="margin: 0;">${data.date}</h3>
-                <div style="display: flex; gap: 8px;">
-                    <button class="btn btn-sm ${currentPeriod === 'day' ? 'btn-primary' : 'btn-secondary'}" onclick="switchPeriod('day')">按天</button>
-                    <button class="btn btn-sm ${currentPeriod === 'week' ? 'btn-primary' : 'btn-secondary'}" onclick="switchPeriod('week')">按周</button>
-                    <button class="btn btn-sm ${currentPeriod === 'month' ? 'btn-primary' : 'btn-secondary'}" onclick="switchPeriod('month')">按月</button>
-                </div>
-            </div>
-
-            <div class="stats-row" style="margin-bottom: 20px;">
-                <div class="stat-card">
-                    <div class="stat-value">${data.startCredits}</div>
-                    <div class="stat-label">起始积分</div>
-                </div>
-                <div class="stat-card">
-                    <div class="stat-value">${data.endCredits}</div>
-                    <div class="stat-label">结束积分</div>
-                </div>
-                <div class="stat-card">
-                    <div class="stat-value" style="color: var(--error)">${consumed}</div>
-                    <div class="stat-label">消耗</div>
-                </div>
-                <div class="stat-card">
-                    <div class="stat-value" style="color: var(--success)">${recovered}</div>
-                    <div class="stat-label">恢复</div>
-                </div>
-            </div>
-
-            <div style="background: var(--white); padding: 20px; border-radius: 8px; border: 1px solid var(--gray-200); margin-bottom: 16px;">
-                <canvas id="creditsChart" style="width: 100%; height: 300px;"></canvas>
-            </div>
-
-            <div style="display: flex; justify-content: center; gap: 10px;">
-                <button class="btn btn-secondary" onclick="prevDate()">← 上一${getPeriodName()}</button>
-                <button class="btn btn-primary" onclick="today()">今天</button>
-                <button class="btn btn-secondary" onclick="nextDate()">下一${getPeriodName()} →</button>
-            </div>
-        </div>
-    `;
-
-    document.getElementById('stats-content').innerHTML = html;
-
-    // Render chart
-    renderChart(data.dataPoints);
-}
-
-function renderChart(dataPoints) {
-    const canvas = document.getElementById('creditsChart');
-    if (!canvas) return;
-
-    const ctx = canvas.getContext('2d');
-
-    // Simple line chart implementation
-    if (dataPoints.length === 0) {
-        ctx.fillText('暂无数据', canvas.width / 2, canvas.height / 2);
-        return;
-    }
-
-    // Clear canvas
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-
-    // Set canvas size
-    canvas.width = canvas.offsetWidth;
-    canvas.height = 300;
-
-    const padding = 40;
-    const width = canvas.width - padding * 2;
-    const height = canvas.height - padding * 2;
-
-    // Find min/max
-    const credits = dataPoints.map(p => p.credits);
-    const minCredits = Math.min(...credits);
-    const maxCredits = Math.max(...credits);
-    const range = maxCredits - minCredits || 1;
-
-    // Draw axes
-    ctx.strokeStyle = '#e0e0e0';
-    ctx.lineWidth = 1;
-    ctx.beginPath();
-    ctx.moveTo(padding, padding);
-    ctx.lineTo(padding, padding + height);
-    ctx.lineTo(padding + width, padding + height);
-    ctx.stroke();
-
-    // Draw line
-    ctx.strokeStyle = '#1890ff';
-    ctx.lineWidth = 2;
-    ctx.beginPath();
-
-    dataPoints.forEach((point, i) => {
-        const x = padding + (i / (dataPoints.length - 1 || 1)) * width;
-        const y = padding + height - ((point.credits - minCredits) / range) * height;
-
-        if (i === 0) {
-            ctx.moveTo(x, y);
-        } else {
-            ctx.lineTo(x, y);
-        }
-    });
-
-    ctx.stroke();
-
-    // Draw points
-    ctx.fillStyle = '#1890ff';
-    dataPoints.forEach((point, i) => {
-        const x = padding + (i / (dataPoints.length - 1 || 1)) * width;
-        const y = padding + height - ((point.credits - minCredits) / range) * height;
-
-        ctx.beginPath();
-        ctx.arc(x, y, 3, 0, Math.PI * 2);
-        ctx.fill();
-    });
-
-    // Draw labels
-    ctx.fillStyle = '#666';
-    ctx.font = '12px sans-serif';
-    ctx.textAlign = 'right';
-    ctx.fillText(maxCredits.toString(), padding - 5, padding + 5);
-    ctx.fillText(minCredits.toString(), padding - 5, padding + height + 5);
-}
-
-function switchPeriod(period) {
-    loadCreditsStats(period, currentDate);
-}
-
-function getPeriodName() {
-    return currentPeriod === 'day' ? '天' : currentPeriod === 'week' ? '周' : '月';
-}
-
-function prevDate() {
-    const date = new Date(currentDate);
-    if (currentPeriod === 'day') {
-        date.setDate(date.getDate() - 1);
-    } else if (currentPeriod === 'week') {
-        date.setDate(date.getDate() - 7);
-    } else {
-        date.setMonth(date.getMonth() - 1);
-    }
-    currentDate = date.toISOString().split('T')[0];
-    loadCreditsStats(currentPeriod, currentDate);
-}
-
-function nextDate() {
-    const date = new Date(currentDate);
-    if (currentPeriod === 'day') {
-        date.setDate(date.getDate() + 1);
-    } else if (currentPeriod === 'week') {
-        date.setDate(date.getDate() + 7);
-    } else {
-        date.setMonth(date.getMonth() + 1);
-    }
-    currentDate = date.toISOString().split('T')[0];
-    loadCreditsStats(currentPeriod, currentDate);
-}
-
-function today() {
-    currentDate = new Date().toISOString().split('T')[0];
-    loadCreditsStats(currentPeriod, currentDate);
-}
-
-// Auto load stats when switching to stats tab
-document.addEventListener('DOMContentLoaded', () => {
-    const statsTab = document.querySelector('[data-tab="stats"]');
-    if (statsTab) {
-        statsTab.addEventListener('click', () => {
-            setTimeout(() => loadCreditsStats(), 100);
-        });
-    }
-});