@agentunion/kite 1.3.2 → 1.5.0

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

@@ -0,0 +1,141 @@
+// 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();
+});