@agentunion/kite 1.4.0 → 1.5.0

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

@@ -0,0 +1,326 @@
+// Auth functions
+
+let countdown = 0;
+let countdownTimer = null;
+
+async function sendSMS() {
+    const phone = document.getElementById('phone').value.trim();
+    const errorMsg = document.getElementById('error-msg');
+    const sendBtn = document.getElementById('send-code-btn');
+
+    if (!phone || !/^1[3-9]\d{9}$/.test(phone)) {
+        errorMsg.textContent = '请输入正确的手机号';
+        return;
+    }
+
+    errorMsg.textContent = '';
+    sendBtn.disabled = true;
+
+    try {
+        const response = await fetch('/api/send_sms', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ phone })
+        });
+
+        const result = await response.json();
+
+        if (result.success) {
+            startCountdown();
+        } else {
+            errorMsg.textContent = result.msg || '发送失败';
+            sendBtn.disabled = false;
+        }
+    } catch (error) {
+        errorMsg.textContent = '网络错误';
+        sendBtn.disabled = false;
+    }
+}
+
+function startCountdown() {
+    countdown = 60;
+    const sendBtn = document.getElementById('send-code-btn');
+
+    countdownTimer = setInterval(() => {
+        countdown--;
+        sendBtn.textContent = `${countdown}秒后重试`;
+
+        if (countdown <= 0) {
+            clearInterval(countdownTimer);
+            sendBtn.textContent = '发送验证码';
+            sendBtn.disabled = false;
+        }
+    }, 1000);
+}
+
+async function verifyLogin() {
+    const phone = document.getElementById('phone').value.trim();
+    const code = document.getElementById('code').value.trim();
+    const errorMsg = document.getElementById('error-msg');
+    const loginBtn = document.getElementById('login-btn');
+
+    if (!phone || !code) {
+        errorMsg.textContent = '请输入手机号和验证码';
+        return;
+    }
+
+    if (!/^\d{6}$/.test(code)) {
+        errorMsg.textContent = '验证码格式不正确';
+        return;
+    }
+
+    errorMsg.textContent = '';
+    loginBtn.disabled = true;
+    loginBtn.textContent = '登录中...';
+
+    try {
+        const deviceInfo = {
+            deviceId: getDeviceId(),
+            deviceName: getDeviceName()
+        };
+
+        const response = await fetch('/api/verify_sms', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ phone, code, deviceInfo })
+        });
+
+        const result = await response.json();
+
+        if (result.success) {
+            localStorage.setItem('evol_kite_token', result.kiteToken);
+            showUserInfo(result.userInfo);
+        } else {
+            errorMsg.textContent = result.msg || '登录失败';
+            loginBtn.disabled = false;
+            loginBtn.textContent = '登录';
+        }
+    } catch (error) {
+        errorMsg.textContent = '网络错误';
+        loginBtn.disabled = false;
+        loginBtn.textContent = '登录';
+    }
+}
+
+async function loadUserInfo() {
+    const kiteToken = localStorage.getItem('evol_kite_token');
+    if (!kiteToken) {
+        return;
+    }
+
+    try {
+        const response = await fetch('/api/get_user_info', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ kiteToken })
+        });
+
+        const result = await response.json();
+
+        if (result.success) {
+            showUserInfo(result.data);
+        } else if (result.code === 'INVALID_TOKEN') {
+            // Token 失效，但不自动清除，让用户看到提示
+            console.warn('Evol token invalid, but kiteToken still valid');
+            // 抛出错误让调用方处理
+            throw new Error('EVOL_TOKEN_INVALID');
+        }
+    } catch (error) {
+        console.error('Failed to load user info:', error);
+        // 重新抛出错误让调用方处理
+        throw error;
+    }
+}
+
+async function refreshUserInfo() {
+    const btn = event.target;
+    btn.disabled = true;
+    btn.textContent = '刷新中...';
+
+    await loadUserInfo();
+
+    btn.disabled = false;
+    btn.textContent = '刷新';
+}
+
+function showUserInfo(data) {
+    document.getElementById('login-form').classList.add('hidden');
+    document.getElementById('user-info').classList.remove('hidden');
+
+    const userInfo = data.userInfo || data;
+    const accountInfo = data.accountInfo || {};
+    const teamInfo = data.teamInfo || {};
+    const gatewayInfo = data.gatewayInfo || {};
+    const creditsPackage = accountInfo.creditsPackageSummary || {};
+
+    // 计算积分百分比
+    const creditsPercent = accountInfo.creditsLimit > 0
+        ? ((accountInfo.credits / accountInfo.creditsLimit) * 100).toFixed(1)
+        : 0;
+
+    // 计算预计恢复时间
+    const remainingCredits = accountInfo.creditsLimit - accountInfo.credits;
+    const recoveryHours = accountInfo.creditsRecoveryRate > 0
+        ? (remainingCredits / accountInfo.creditsRecoveryRate).toFixed(1)
+        : 0;
+
+    const html = `
+        <div class="panel">
+            <h3 class="panel-title">👤 用户信息</h3>
+            <div class="breakdown-list">
+                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
+                    <div>
+                        <div class="info-label">昵称</div>
+                        <div class="info-value">${userInfo.nickName || '未设置'}</div>
+                    </div>
+                    <div>
+                        <div class="info-label">手机</div>
+                        <div class="info-value">${userInfo.phone}</div>
+                    </div>
+                    <div>
+                        <div class="info-label">用户ID</div>
+                        <div class="info-value">${userInfo.userId || '-'}</div>
+                    </div>
+                    <div>
+                        <div class="info-label">AID</div>
+                        <div class="info-value" style="font-size: 12px;">${userInfo.aid || '-'}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="panel">
+            <h3 class="panel-title">💎 账户信息</h3>
+            <div class="breakdown-list">
+                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
+                    <div>
+                        <div class="info-label">VIP类型</div>
+                        <div class="info-value">${accountInfo.vipTypeName || '-'}</div>
+                    </div>
+                    <div>
+                        <div class="info-label">VIP到期</div>
+                        <div class="info-value">${accountInfo.vipExpireTime ? new Date(accountInfo.vipExpireTime).toLocaleDateString() : '-'}</div>
+                    </div>
+                    <div>
+                        <div class="info-label">剩余天数</div>
+                        <div class="info-value">${accountInfo.vipRemainingDays || 0} 天</div>
+                    </div>
+                    <div>
+                        <div class="info-label">账户余额</div>
+                        <div class="info-value">¥${accountInfo.balance || 0}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="panel">
+            <h3 class="panel-title">⚡ 积分信息</h3>
+            <div style="margin-bottom: 16px;">
+                <div class="info-label" style="margin-bottom: 8px;">当前积分: ${accountInfo.credits || 0} / ${accountInfo.creditsLimit || 0} (${creditsPercent}%)</div>
+                <div style="width: 100%; height: 20px; background: var(--gray-200); border-radius: 10px; overflow: hidden;">
+                    <div style="height: 100%; width: ${creditsPercent}%; background: linear-gradient(90deg, #1890ff, #40a9ff); transition: width 0.3s;"></div>
+                </div>
+            </div>
+            <div class="breakdown-list">
+                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
+                    <div>
+                        <div class="info-label">恢复速率</div>
+                        <div class="info-value">${accountInfo.creditsRecoveryRate || 0} 积分/小时</div>
+                    </div>
+                    <div>
+                        <div class="info-label">预计恢复满</div>
+                        <div class="info-value">${recoveryHours} 小时</div>
+                    </div>
+                    <div>
+                        <div class="info-label">最后恢复</div>
+                        <div class="info-value" style="font-size: 12px;">${accountInfo.lastRecoveryTime ? new Date(accountInfo.lastRecoveryTime).toLocaleString() : '-'}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="panel">
+            <h3 class="panel-title">📦 积分包详情</h3>
+            <div class="breakdown-list">
+                <ul class="breakdown-list">
+                    <li><span class="breakdown-label">总包数</span><span class="breakdown-value">${creditsPackage.totalPackageCount || 0}</span></li>
+                    <li><span class="breakdown-label">通用积分</span><span class="breakdown-value">${creditsPackage.generalCredits || 0}</span></li>
+                    <li><span class="breakdown-label">Chatbot</span><span class="breakdown-value">${creditsPackage.chatbotCredits || 0}</span></li>
+                    <li><span class="breakdown-label">Codex</span><span class="breakdown-value">${creditsPackage.codexCredits || 0}</span></li>
+                    <li><span class="breakdown-label">Claude Code</span><span class="breakdown-value">${creditsPackage.claudeCodeCredits || 0}</span></li>
+                    <li><span class="breakdown-label">Gemini</span><span class="breakdown-value">${creditsPackage.geminiCredits || 0}</span></li>
+                    <li><span class="breakdown-label">OpenClaw</span><span class="breakdown-value">${creditsPackage.openclawCredits || 0}</span></li>
+                </ul>
+            </div>
+        </div>
+
+        <div class="panel">
+            <h3 class="panel-title">👥 团队信息</h3>
+            <div class="breakdown-list">
+                <ul class="breakdown-list">
+                    <li><span class="breakdown-label">当前团队</span><span class="breakdown-value">${teamInfo.currentTeamName || '个人账户'}</span></li>
+                    <li><span class="breakdown-label">角色</span><span class="breakdown-value">${getRoleName(teamInfo.currentTeamRole)}</span></li>
+                    <li><span class="breakdown-label">所属团队数</span><span class="breakdown-value">${teamInfo.teams ? teamInfo.teams.length : 0}</span></li>
+                </ul>
+                ${teamInfo.teams && teamInfo.teams.length > 0 ? `
+                    <details style="margin-top: 12px;">
+                        <summary style="cursor: pointer; color: var(--primary); font-size: 13px;">查看所有团队</summary>
+                        <ul style="margin-top: 8px; list-style: none;">
+                            ${teamInfo.teams.map(t => `
+                                <li style="padding: 4px 0; font-size: 13px; color: var(--gray-600);">
+                                    ${t.teamName} - ${getRoleName(t.memberRole)} (${t.memberCount}人)
+                                </li>
+                            `).join('')}
+                        </ul>
+                    </details>
+                ` : ''}
+            </div>
+        </div>
+
+        <div class="panel">
+            <h3 class="panel-title">🔌 网关信息</h3>
+            <div class="breakdown-list">
+                <ul class="breakdown-list">
+                    <li><span class="breakdown-label">网关名称</span><span class="breakdown-value">${gatewayInfo.gatewayName || '-'}</span></li>
+                    <li><span class="breakdown-label">API Key</span><span class="breakdown-value" style="font-family: monospace; font-size: 12px;">${gatewayInfo.apiKey || '-'}</span></li>
+                    <li><span class="breakdown-label">Base URL</span><span class="breakdown-value" style="font-family: monospace; font-size: 12px;">${gatewayInfo.modelBaseUrl || '-'}</span></li>
+                    <li><span class="breakdown-label">状态</span><span class="breakdown-value">${gatewayInfo.apiKeyEnabled ? '<span class="badge-success">✅ 已启用</span>' : '<span class="badge-error">❌ 已禁用</span>'}</span></li>
+                </ul>
+            </div>
+        </div>
+    `;
+
+    document.getElementById('user-details').innerHTML = html;
+}
+
+function getRoleName(role) {
+    const roles = {
+        '0': '创建者',
+        '1': '管理员',
+        '2': '普通成员'
+    };
+    return roles[role] || '未知';
+}
+
+function logout() {
+    localStorage.removeItem('evol_kite_token');
+    document.getElementById('login-form').classList.remove('hidden');
+    document.getElementById('user-info').classList.add('hidden');
+    document.getElementById('phone').value = '';
+    document.getElementById('code').value = '';
+}
+
+function getDeviceId() {
+    let deviceId = localStorage.getItem('evol_device_id');
+    if (!deviceId) {
+        deviceId = 'device_' + Math.random().toString(36).substr(2, 9) + '_' + Date.now();
+        localStorage.setItem('evol_device_id', deviceId);
+    }
+    return deviceId;
+}
+
+function getDeviceName() {
+    return navigator.userAgent.includes('Windows') ? 'Windows PC' :
+           navigator.userAgent.includes('Mac') ? 'Mac' :
+           navigator.userAgent.includes('Linux') ? 'Linux' : 'Unknown';
+}

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

@@ -0,0 +1,285 @@
+/**
+ * 自定义对话框组件
+ * 替代系统的 alert() 和 confirm()
+ */
+
+class Dialog {
+  constructor() {
+    this.container = null;
+    this.tipContainer = null;
+    this.init();
+  }
+
+  init() {
+    // 创建对话框容器
+    this.container = document.createElement('div');
+    this.container.id = 'custom-dialog-container';
+    this.container.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.5);
+      display: none;
+      align-items: center;
+      justify-content: center;
+      z-index: 10000;
+    `;
+    document.body.appendChild(this.container);
+
+    // 创建 tip 提示容器
+    this.tipContainer = document.createElement('div');
+    this.tipContainer.id = 'custom-tip-container';
+    this.tipContainer.style.cssText = `
+      position: fixed;
+      top: 80px;
+      left: 50%;
+      transform: translateX(-50%);
+      z-index: 10001;
+      pointer-events: none;
+    `;
+    document.body.appendChild(this.tipContainer);
+  }
+
+  show(options) {
+    const {
+      title = '提示',
+      message = '',
+      type = 'alert', // 'alert' or 'confirm'
+      confirmText = '确定',
+      cancelText = '取消',
+      onConfirm = () => {},
+      onCancel = () => {}
+    } = options;
+
+    // 创建对话框内容
+    const dialog = document.createElement('div');
+    dialog.style.cssText = `
+      background: white;
+      border-radius: 8px;
+      padding: 24px;
+      min-width: 320px;
+      max-width: 480px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    `;
+
+    // 标题
+    const titleEl = document.createElement('h3');
+    titleEl.textContent = title;
+    titleEl.style.cssText = `
+      margin: 0 0 16px 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: #333;
+    `;
+
+    // 消息
+    const messageEl = document.createElement('p');
+    messageEl.textContent = message;
+    messageEl.style.cssText = `
+      margin: 0 0 24px 0;
+      font-size: 14px;
+      color: #666;
+      line-height: 1.5;
+    `;
+
+    // 按钮容器
+    const buttonsEl = document.createElement('div');
+    buttonsEl.style.cssText = `
+      display: flex;
+      justify-content: flex-end;
+      gap: 12px;
+    `;
+
+    // 取消按钮（仅 confirm 类型显示）
+    if (type === 'confirm') {
+      const cancelBtn = document.createElement('button');
+      cancelBtn.textContent = cancelText;
+      cancelBtn.style.cssText = `
+        padding: 8px 16px;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+        background: white;
+        color: #666;
+        font-size: 14px;
+        cursor: pointer;
+        transition: all 0.2s;
+      `;
+      cancelBtn.onmouseover = () => {
+        cancelBtn.style.background = '#f5f5f5';
+      };
+      cancelBtn.onmouseout = () => {
+        cancelBtn.style.background = 'white';
+      };
+      cancelBtn.onclick = () => {
+        this.hide();
+        onCancel();
+      };
+      buttonsEl.appendChild(cancelBtn);
+    }
+
+    // 确定按钮
+    const confirmBtn = document.createElement('button');
+    confirmBtn.textContent = confirmText;
+    confirmBtn.style.cssText = `
+      padding: 8px 16px;
+      border: none;
+      border-radius: 4px;
+      background: #007bff;
+      color: white;
+      font-size: 14px;
+      cursor: pointer;
+      transition: all 0.2s;
+    `;
+    confirmBtn.onmouseover = () => {
+      confirmBtn.style.background = '#0056b3';
+    };
+    confirmBtn.onmouseout = () => {
+      confirmBtn.style.background = '#007bff';
+    };
+    confirmBtn.onclick = () => {
+      this.hide();
+      onConfirm();
+    };
+    buttonsEl.appendChild(confirmBtn);
+
+    // 组装对话框
+    dialog.appendChild(titleEl);
+    dialog.appendChild(messageEl);
+    dialog.appendChild(buttonsEl);
+
+    // 清空容器并添加新对话框
+    this.container.innerHTML = '';
+    this.container.appendChild(dialog);
+    this.container.style.display = 'flex';
+
+    // 点击背景关闭（仅 alert 类型）
+    if (type === 'alert') {
+      this.container.onclick = (e) => {
+        if (e.target === this.container) {
+          this.hide();
+        }
+      };
+    }
+  }
+
+  hide() {
+    this.container.style.display = 'none';
+    this.container.innerHTML = '';
+  }
+
+  alert(message, title = '提示') {
+    return new Promise((resolve) => {
+      this.show({
+        title,
+        message,
+        type: 'alert',
+        onConfirm: resolve
+      });
+    });
+  }
+
+  confirm(message, title = '确认') {
+    return new Promise((resolve) => {
+      this.show({
+        title,
+        message,
+        type: 'confirm',
+        onConfirm: () => resolve(true),
+        onCancel: () => resolve(false)
+      });
+    });
+  }
+
+  tip(message, type = 'success', duration = 2000) {
+    const tip = document.createElement('div');
+
+    // 根据类型设置颜色
+    const colors = {
+      success: { bg: '#52c41a', icon: '✓' },
+      error: { bg: '#ff4d4f', icon: '✗' },
+      warning: { bg: '#faad14', icon: '⚠' },
+      info: { bg: '#1890ff', icon: 'ℹ' }
+    };
+    const color = colors[type] || colors.info;
+
+    tip.style.cssText = `
+      background: ${color.bg};
+      color: white;
+      padding: 12px 20px;
+      border-radius: 4px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      margin-bottom: 12px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 14px;
+      pointer-events: auto;
+      animation: tipSlideIn 0.3s ease-out;
+    `;
+
+    tip.innerHTML = `
+      <span style="font-size: 16px; font-weight: bold;">${color.icon}</span>
+      <span>${message}</span>
+    `;
+
+    // 添加动画样式
+    if (!document.getElementById('tip-animation-style')) {
+      const style = document.createElement('style');
+      style.id = 'tip-animation-style';
+      style.textContent = `
+        @keyframes tipSlideIn {
+          from {
+            opacity: 0;
+            transform: translateY(-20px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+        @keyframes tipSlideOut {
+          from {
+            opacity: 1;
+            transform: translateY(0);
+          }
+          to {
+            opacity: 0;
+            transform: translateY(-20px);
+          }
+        }
+      `;
+      document.head.appendChild(style);
+    }
+
+    this.tipContainer.appendChild(tip);
+
+    // 自动移除
+    setTimeout(() => {
+      tip.style.animation = 'tipSlideOut 0.3s ease-out';
+      setTimeout(() => {
+        tip.remove();
+      }, 300);
+    }, duration);
+  }
+
+  success(message, duration = 2000) {
+    this.tip(message, 'success', duration);
+  }
+
+  error(message, duration = 3000) {
+    this.tip(message, 'error', duration);
+  }
+
+  warning(message, duration = 2500) {
+    this.tip(message, 'warning', duration);
+  }
+
+  info(message, duration = 2000) {
+    this.tip(message, 'info', duration);
+  }
+}
+
+// 全局实例
+window.dialog = new Dialog();

package/extensions/services/evol/static/js/evol-app-fixed.js

@@ -0,0 +1,50 @@
+// 在 sendSMS 按钮事件监听器中添加更详细的错误处理
+document.getElementById('btn-send-code').addEventListener('click', async () => {
+    const phone = document.getElementById('login-phone').value.trim();
+    
+    // 验证手机号格式
+    if (!phone) {
+      showMessage('请输入手机号', 'error');
+      return;
+    }
+    
+    if (!/^1[3-9]\d{9}$/.test(phone)) {
+      showMessage('请输入有效的中国大陆手机号（11位，以1开头）', 'error');
+      return;
+    }
+
+    const btn = document.getElementById('btn-send-code');
+    btn.disabled = true;
+    btn.textContent = '发送中...';
+
+    try {
+      const data = await app.sendSMS(phone);
+      console.log('SMS response:', data); // 调试日志
+      
+      if (data.success) {
+        showMessage('验证码已发送，请查收短信', 'success');
+        let countdown = 60;
+        const timer = setInterval(() => {
+          countdown--;
+          btn.textContent = countdown + '秒后重试';
+          if (countdown <= 0) {
+            clearInterval(timer);
+            btn.disabled = false;
+            btn.textContent = '发送验证码';
+          }
+        }, 1000);
+      } else {
+        // 显示详细的错误信息
+        const errorMsg = data.msg || data.message || '发送失败，请稍后重试';
+        showMessage('发送失败: ' + errorMsg, 'error');
+        console.error('SMS error:', data);
+        btn.disabled = false;
+        btn.textContent = '发送验证码';
+      }
+    } catch (err) {
+      console.error('SMS request error:', err);
+      showMessage('网络错误: ' + err.message, 'error');
+      btn.disabled = false;
+      btn.textContent = '发送验证码';
+    }
+  });