@agentunion/kite 1.5.0 → 1.6.0

package/extensions/services/evol/web/src/stores/connection.ts

@@ -0,0 +1,134 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { KernelClient } from '@/services/kernel-client'
+import type { ConnectionStatus } from '@/types/rpc'
+import { usePagesStore } from '@/stores/pages'
+
+export const useConnectionStore = defineStore('connection', () => {
+  const status = ref<ConnectionStatus>('disconnected')
+  const reconnectCount = ref(0)
+  const trafficStats = ref({
+    rxTotal: 0,
+    txTotal: 0,
+    rxRate: 0,
+    txRate: 0,
+    lastRxBytes: 0,
+    lastTxBytes: 0,
+    lastUpdateTime: Date.now(),
+  })
+
+  let kernelClient: KernelClient | null = null
+  let trafficTimer: number | null = null
+  let onAuthenticatedCallback: ((reconnected: boolean) => void) | null = null
+
+  function setOnAuthenticated(cb: (reconnected: boolean) => void) {
+    onAuthenticatedCallback = cb
+  }
+
+  function initKernelClient() {
+    const wsUrl = `ws://${window.location.hostname}:${window.location.port}/ws/relay`
+    kernelClient = new KernelClient(wsUrl)
+
+    kernelClient.onConnectionChange = (newStatus, _message) => {
+      status.value = newStatus
+      if (newStatus === 'reconnecting') {
+        reconnectCount.value++
+      } else if (newStatus === 'connected') {
+        startTrafficMonitoring()
+      } else if (newStatus === 'disconnected') {
+        stopTrafficMonitoring()
+      }
+    }
+
+    kernelClient.onAuthenticated = (reconnected) => {
+      console.log('[Connection] Authenticated, reconnected:', reconnected)
+      kernelClient!.subscribe([
+        'module.starting', 'module.started', 'module.ready',
+        'module.stopped', 'module.exiting', 'module.shutdown',
+        'module.crashed', 'module.offline',
+        'module.shutdown.ack', 'module.shutdown.ready',
+        'ui.page.register', 'ui.page.deregister', 'ui.page.snapshot'
+      ]).catch(e => console.error('Subscribe failed:', e))
+
+      // 监听 UI 页面事件
+      const pagesStore = usePagesStore()
+
+      kernelClient!.on('ui.page.register', (data) => {
+        pagesStore.registerPage(data)
+      })
+
+      kernelClient!.on('ui.page.deregister', (data) => {
+        pagesStore.deregisterPage(data.page_id)
+      })
+
+      kernelClient!.on('ui.page.snapshot', (data) => {
+        pagesStore.loadSnapshot(data.pages || [])
+      })
+
+      if (onAuthenticatedCallback) {
+        onAuthenticatedCallback(reconnected)
+      }
+    }
+
+    kernelClient.connect().catch(err => {
+      console.error('[Connection] Connect failed:', err)
+    })
+  }
+
+  function startTrafficMonitoring() {
+    if (trafficTimer) return
+    trafficTimer = window.setInterval(() => {
+      if (!kernelClient) return
+      const now = Date.now()
+      const elapsed = (now - trafficStats.value.lastUpdateTime) / 1000
+
+      const rxDelta = kernelClient.bytesReceived - trafficStats.value.lastRxBytes
+      const txDelta = kernelClient.bytesSent - trafficStats.value.lastTxBytes
+
+      trafficStats.value.rxRate = Math.round(rxDelta / elapsed)
+      trafficStats.value.txRate = Math.round(txDelta / elapsed)
+      trafficStats.value.rxTotal = kernelClient.bytesReceived
+      trafficStats.value.txTotal = kernelClient.bytesSent
+      trafficStats.value.lastRxBytes = kernelClient.bytesReceived
+      trafficStats.value.lastTxBytes = kernelClient.bytesSent
+      trafficStats.value.lastUpdateTime = now
+    }, 1000)
+  }
+
+  function stopTrafficMonitoring() {
+    if (trafficTimer) {
+      clearInterval(trafficTimer)
+      trafficTimer = null
+    }
+  }
+
+  function disconnect() {
+    if (kernelClient) {
+      kernelClient.disconnect()
+      kernelClient = null
+    }
+    stopTrafficMonitoring()
+  }
+
+  async function callRpc<T = any>(method: string, params: Record<string, any> = {}): Promise<T> {
+    if (!kernelClient) {
+      throw new Error('KernelClient not initialized')
+    }
+    return kernelClient.call<T>(method, params)
+  }
+
+  function getClient() {
+    return kernelClient
+  }
+
+  return {
+    status,
+    reconnectCount,
+    trafficStats,
+    initKernelClient,
+    setOnAuthenticated,
+    disconnect,
+    callRpc,
+    getClient,
+  }
+})

package/extensions/services/evol/web/src/stores/pages.ts

@@ -0,0 +1,79 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import router from '@/router'
+
+export interface PageEntry {
+  page_id: string
+  path: string
+  label: { zh: string; en: string }
+  icon?: string
+  order: number
+  type: 'builtin' | 'iframe' | 'hosted'
+  source?: string
+  group?: string
+  badge?: string | number
+  requires_auth: boolean
+  module_id: string
+}
+
+export const usePagesStore = defineStore('pages', () => {
+  const pages = ref<Map<string, PageEntry>>(new Map())
+
+  const sortedPages = computed(() => {
+    return Array.from(pages.value.values()).sort((a, b) => a.order - b.order)
+  })
+
+  function registerPage(entry: PageEntry) {
+    pages.value.set(entry.page_id, entry)
+
+    // 动态添加路由
+    if (entry.type === 'iframe' || entry.type === 'hosted') {
+      const routeName = entry.page_id
+
+      // 检查路由是否已存在
+      if (router.hasRoute(routeName)) {
+        router.removeRoute(routeName)
+      }
+
+      router.addRoute('main', {
+        path: entry.path,
+        name: routeName,
+        component: () => import('@/views/IframePage.vue'),
+        meta: {
+          pageEntry: entry,
+          requiresAuth: entry.requires_auth,
+        },
+      })
+
+      console.log(`[pages] Registered page: ${entry.page_id} at ${entry.path}`)
+    }
+  }
+
+  function deregisterPage(page_id: string) {
+    const entry = pages.value.get(page_id)
+    if (!entry) return
+
+    pages.value.delete(page_id)
+
+    // 移除路由
+    if (router.hasRoute(page_id)) {
+      router.removeRoute(page_id)
+    }
+
+    console.log(`[pages] Deregistered page: ${page_id}`)
+  }
+
+  function loadSnapshot(pageList: PageEntry[]) {
+    pages.value.clear()
+    pageList.forEach(entry => registerPage(entry))
+    console.log(`[pages] Loaded ${pageList.length} pages from snapshot`)
+  }
+
+  return {
+    pages,
+    sortedPages,
+    registerPage,
+    deregisterPage,
+    loadSnapshot,
+  }
+})

package/extensions/services/evol/web/src/styles/base.css

@@ -0,0 +1,213 @@
+/* Evol Console - Base Styles */
+/* Glass-morphism design inspired by evol-money */
+
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html, body {
+  height: 100%;
+  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  font-size: 15px;
+  line-height: 1.6;
+  color: var(--text-primary);
+  background: var(--app-bg);
+  transition: background-color 0.2s, color 0.2s;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+#app {
+  height: 100%;
+}
+
+/* Utility classes */
+.hidden {
+  display: none !important;
+}
+
+.text-muted {
+  color: var(--text-secondary);
+}
+
+/* Mono font for numbers and code */
+.mono, .font-mono {
+  font-family: 'Spline Sans Mono', 'SF Mono', 'Monaco', 'Consolas', monospace;
+}
+
+/* Button base styles - pill shape */
+.btn {
+  padding: 10px 18px;
+  border: none;
+  border-radius: var(--radius-pill);
+  font-size: 15px;
+  font-weight: 600;
+  font-family: inherit;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.btn-primary {
+  background: var(--primary-gradient);
+  color: #071427;
+  box-shadow: 0 4px 15px rgba(56, 189, 248, 0.3);
+}
+
+.btn-primary:hover {
+  box-shadow: 0 6px 20px rgba(56, 189, 248, 0.4);
+  transform: translateY(-1px);
+}
+
+.btn-ghost {
+  background: var(--btn-ghost-bg);
+  color: var(--btn-ghost-text);
+  border: 1px solid var(--border-color);
+}
+
+.btn-ghost:hover {
+  background: var(--border-color);
+}
+
+.btn-outline {
+  background: transparent;
+  color: #93c5fd;
+  border: 1px solid rgba(147, 197, 253, 0.3);
+}
+
+.btn-outline:hover {
+  border-color: rgba(147, 197, 253, 0.5);
+  background: rgba(147, 197, 253, 0.08);
+}
+
+.btn-danger {
+  background: var(--error-light);
+  color: var(--error);
+}
+
+.btn-danger:hover {
+  opacity: 0.85;
+}
+
+.btn-muted {
+  background: var(--btn-ghost-bg);
+  color: var(--text-muted);
+}
+
+.btn-secondary {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-color);
+}
+
+.btn-secondary:hover {
+  opacity: 0.85;
+}
+
+.btn-success {
+  background: var(--success-light);
+  color: var(--success);
+}
+
+.btn-warning {
+  background: var(--warning-light);
+  color: var(--warning);
+}
+
+.btn-sm {
+  padding: 6px 14px;
+  font-size: 13px;
+}
+
+/* Panel - glass morphism */
+.panel {
+  background: var(--panel-bg);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-lg);
+  padding: 22px;
+  box-shadow: var(--panel-shadow);
+  backdrop-filter: var(--panel-blur);
+  -webkit-backdrop-filter: var(--panel-blur);
+  transition: background-color 0.2s;
+}
+
+/* Page title */
+.page-title {
+  font-size: 28px;
+  font-weight: 600;
+  margin-bottom: 24px;
+  color: var(--text-primary);
+  letter-spacing: -0.02em;
+}
+
+/* Tag / Badge */
+.tag {
+  border-radius: var(--radius-pill);
+  padding: 4px 10px;
+  font-size: 13px;
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+}
+
+.tag-success {
+  background: var(--success-light);
+  color: var(--success);
+}
+
+.tag-warning {
+  background: var(--warning-light);
+  color: var(--warning);
+}
+
+.tag-danger {
+  background: var(--error-light);
+  color: var(--error);
+}
+
+.tag-info {
+  background: var(--info-light);
+  color: var(--primary);
+}
+
+/* Input / Select / Textarea */
+input, select, textarea {
+  font-family: inherit;
+}
+
+/* Scrollbar styling */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--border-color);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--text-muted);
+}
+
+/* Element Plus dark mode overrides */
+html.dark {
+  --el-bg-color: var(--panel-bg);
+  --el-bg-color-overlay: var(--bg-tertiary);
+  --el-text-color-primary: var(--text-primary);
+  --el-text-color-regular: var(--text-secondary);
+  --el-border-color: var(--border-color);
+  --el-border-color-light: var(--border-color);
+  --el-fill-color-blank: var(--input-bg);
+  --el-fill-color-light: var(--bg-tertiary);
+  --el-color-primary: var(--primary);
+  --el-mask-color: rgba(2, 6, 23, 0.7);
+}

package/extensions/services/evol/web/src/styles/variables.css

@@ -0,0 +1,138 @@
+/* Evol Console - CSS Variables (Light / Dark) */
+/* Inspired by evol-money glass-morphism design */
+
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600&display=swap');
+
+:root {
+  /* Background */
+  --bg-primary: #ffffff;
+  --bg-secondary: #f8fafc;
+  --bg-tertiary: #f1f5f9;
+  --app-bg: #f8fafc;
+
+  /* Sidebar */
+  --sidebar-bg: rgba(255, 255, 255, 0.95);
+  --sidebar-hover: rgba(148, 163, 184, 0.12);
+  --sidebar-active: rgba(56, 189, 248, 0.15);
+  --sidebar-text: #64748b;
+  --sidebar-text-active: #0284c7;
+
+  /* Text */
+  --text-primary: #0f172a;
+  --text-secondary: #64748b;
+  --text-muted: #94a3b8;
+
+  /* Border */
+  --border-color: rgba(148, 163, 184, 0.3);
+  --border-light: rgba(148, 163, 184, 0.15);
+
+  /* Primary colors - sky blue */
+  --primary: #0ea5e9;
+  --primary-hover: #0284c7;
+  --primary-light: rgba(56, 189, 248, 0.15);
+  --primary-gradient: linear-gradient(135deg, #38bdf8, #0ea5e9);
+
+  /* Status colors */
+  --success: #22c55e;
+  --success-light: rgba(34, 197, 94, 0.15);
+  --error: #f87171;
+  --error-light: rgba(248, 113, 113, 0.15);
+  --warning: #fbbf24;
+  --warning-light: rgba(251, 191, 36, 0.18);
+  --info-light: rgba(56, 189, 248, 0.18);
+
+  /* Panel - glass morphism */
+  --panel-bg: rgba(255, 255, 255, 0.8);
+  --panel-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
+  --panel-blur: blur(20px);
+  --panel-radius: 20px;
+
+  /* Header */
+  --header-bg: rgba(255, 255, 255, 0.95);
+  --header-border: rgba(148, 163, 184, 0.2);
+  --header-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+
+  /* Input */
+  --input-bg: #ffffff;
+  --input-border: rgba(148, 163, 184, 0.3);
+  --input-focus-border: rgba(56, 189, 248, 0.6);
+
+  /* Layout dimensions */
+  --sidebar-width: 240px;
+  --header-height: 64px;
+  --radius: 12px;
+  --radius-lg: 20px;
+  --radius-pill: 999px;
+
+  /* Shadows */
+  --shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
+  --shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.08);
+
+  /* Button ghost */
+  --btn-ghost-bg: rgba(148, 163, 184, 0.1);
+  --btn-ghost-text: #475569;
+}
+
+html.dark {
+  /* Background - deep ocean gradient */
+  --bg-primary: #0f172a;
+  --bg-secondary: #0b1120;
+  --bg-tertiary: #1e293b;
+  --app-bg: radial-gradient(circle at top left, #0f172a 0%, #0b1120 55%, #070a14 100%);
+
+  /* Sidebar */
+  --sidebar-bg: rgba(8, 13, 25, 0.95);
+  --sidebar-hover: rgba(148, 163, 184, 0.08);
+  --sidebar-active: rgba(56, 189, 248, 0.18);
+  --sidebar-text: #94a3b8;
+  --sidebar-text-active: #7dd3fc;
+
+  /* Text */
+  --text-primary: #e2e8f0;
+  --text-secondary: #94a3b8;
+  --text-muted: #64748b;
+
+  /* Border */
+  --border-color: rgba(148, 163, 184, 0.15);
+  --border-light: rgba(148, 163, 184, 0.08);
+
+  /* Primary colors */
+  --primary: #38bdf8;
+  --primary-hover: #7dd3fc;
+  --primary-light: rgba(56, 189, 248, 0.18);
+  --primary-gradient: linear-gradient(135deg, #38bdf8, #0ea5e9);
+
+  /* Status colors */
+  --success: #86efac;
+  --success-light: rgba(34, 197, 94, 0.15);
+  --error: #fca5a5;
+  --error-light: rgba(248, 113, 113, 0.15);
+  --warning: #fcd34d;
+  --warning-light: rgba(251, 191, 36, 0.18);
+
+  /* Panel - glass morphism dark */
+  --panel-bg: rgba(15, 23, 42, 0.7);
+  --panel-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
+
+  /* Header */
+  --header-bg: rgba(8, 13, 25, 0.95);
+  --header-border: rgba(148, 163, 184, 0.1);
+  --header-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+
+  /* Input */
+  --input-bg: rgba(15, 23, 42, 0.6);
+  --input-border: rgba(148, 163, 184, 0.15);
+  --input-focus-border: rgba(56, 189, 248, 0.6);
+
+  /* Shadows */
+  --shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
+  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.4);
+
+  /* Button ghost */
+  --btn-ghost-bg: rgba(148, 163, 184, 0.08);
+  --btn-ghost-text: #e2e8f0;
+
+  color-scheme: dark;
+}

package/extensions/services/evol/web/src/types/rpc.ts

@@ -0,0 +1,35 @@
+// JSON-RPC 2.0 types
+
+export interface RpcRequest {
+  jsonrpc: '2.0'
+  id: string | number
+  method: string
+  params?: Record<string, any>
+}
+
+export interface RpcResponse<T = any> {
+  jsonrpc: '2.0'
+  id: string | number
+  result?: T
+  error?: {
+    code: number
+    message: string
+    data?: any
+  }
+}
+
+export interface RpcError {
+  code: number
+  message: string
+  data?: any
+}
+
+export interface EventNotification {
+  method: 'event'
+  params: {
+    event: string
+    data: Record<string, any>
+  }
+}
+
+export type ConnectionStatus = 'connected' | 'disconnected' | 'reconnecting' | 'error'

package/extensions/services/evol/web/src/types/token.ts

@@ -0,0 +1,87 @@
+// Token types
+
+export interface KiteToken {
+  token: string
+  device_id: string
+  device_name: string
+  phone?: string
+  created_at: number
+  last_used?: number
+  expires_at: number
+  status: 'active' | 'revoked' | 'expired'
+}
+
+export interface EvolToken {
+  token: string
+  phone: string
+  nickname?: string
+  credits?: number
+  is_vip?: boolean
+  obtained_at: number
+  last_used?: number
+  expires_at: number
+}
+
+export interface UserInfo {
+  nickName?: string
+  userName?: string
+  phone?: string
+  accountInfo?: {
+    accountId?: number
+    rechargeCount?: number
+    balance?: number
+    vipType?: number
+    vipTypeName?: string
+    vipExpireTime?: string
+    vipRemainingDays?: number
+    credits?: number
+    creditsLimit?: number
+    lastResetTime?: string
+    lastRecoveryTime?: string
+    creditsRecoveryRate?: number
+    lastAutoRecoveryTime?: string
+    creditsPackageSummary?: {
+      totalPackageCount?: number
+      chatbotCredits?: number
+      codexCredits?: number
+      claudeCodeCredits?: number
+      geminiCredits?: number
+      openclawCredits?: number
+      generalCredits?: number
+    }
+  }
+  userInfo?: {
+    userId?: number
+    aid?: string
+    userName?: string
+    nickName?: string
+    phone?: string
+    avatar?: string
+    isProfileComplete?: boolean
+    sig?: string
+    ts?: number
+  }
+  teamInfo?: {
+    currentTeamId?: number
+    currentTeamName?: string
+    currentTeamRole?: string
+    currentTeamAnalyzeTeamMemberData?: number
+    teams?: Array<{
+      teamId?: number
+      teamName?: string
+      teamAvatar?: string | null
+      memberRole?: string
+      memberCount?: number
+      vipType?: number
+    }>
+  }
+  gatewayInfo?: {
+    gatewayId?: number
+    gatewayName?: string
+    gatewayCode?: string
+    apiUrl?: string
+    modelBaseUrl?: string
+    apiKey?: string
+    apiKeyEnabled?: boolean
+  }
+}