@agentunion/kite 1.5.0 → 1.6.0

package/extensions/services/dataclaw/static/css/themes/blue.css

@@ -0,0 +1,42 @@
+/* ============================================================
+   DataClaw — Blue Theme
+   深蓝底、白字、亮蓝主色调
+   ============================================================ */
+:root {
+  --color-primary:       #38BDF8;
+  --color-primary-hover:  #0EA5E9;
+  --color-secondary:     #2DD4BF;
+  --color-warning:       #FBBF24;
+  --color-danger:        #FB7185;
+  --color-info:          #60A5FA;
+
+  --color-bg:            #0A1628;
+  --color-bg-alt:        #0F1F3D;
+  --color-text:          #E0F2FE;
+  --color-text-secondary:#7DD3FC;
+  --color-text-muted:    #4A6FA5;
+
+  --color-sidebar-bg:    #061225;
+  --color-sidebar-text:  #7DD3FC;
+  --color-sidebar-hover: #0F1F3D;
+  --color-sidebar-active:#38BDF8;
+
+  --color-card-bg:       #0F1F3D;
+  --color-border:        rgba(56,189,248,0.15);
+  --color-input-bg:      #0A1628;
+
+  --color-topbar-bg:     #0F1F3D;
+  --color-topbar-border: rgba(56,189,248,0.12);
+
+  --shadow-sm:  0 1px 2px rgba(0,0,0,0.4);
+  --shadow:     0 1px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.4);
+  --shadow-md:  0 4px 6px rgba(0,0,0,0.5), 0 2px 4px rgba(0,0,0,0.4);
+  --shadow-lg:  0 10px 15px rgba(0,0,0,0.6), 0 4px 6px rgba(0,0,0,0.5);
+}
+
+/* 蓝色主题下 badge 颜色调整 */
+.badge-active  { background: rgba(45,212,191,0.15); color: #2DD4BF; }
+.badge-warning { background: rgba(251,191,36,0.15); color: #FBBF24; }
+.badge-inactive{ background: rgba(74,111,165,0.2); color: #7DD3FC; }
+.badge-primary { background: rgba(56,189,248,0.15); color: #38BDF8; }
+.badge-danger  { background: rgba(251,113,133,0.15); color: #FB7185; }

package/extensions/services/dataclaw/static/css/themes/dark.css

@@ -0,0 +1,42 @@
+/* ============================================================
+   DataClaw — Dark Theme
+   深灰底、白字、青蓝主色调
+   ============================================================ */
+:root {
+  --color-primary:       #818CF8;
+  --color-primary-hover:  #6366F1;
+  --color-secondary:     #34D399;
+  --color-warning:       #FBBF24;
+  --color-danger:        #F87171;
+  --color-info:          #60A5FA;
+
+  --color-bg:            #0F172A;
+  --color-bg-alt:        #1E293B;
+  --color-text:          #E2E8F0;
+  --color-text-secondary:#94A3B8;
+  --color-text-muted:    #64748B;
+
+  --color-sidebar-bg:    #0B1120;
+  --color-sidebar-text:  #94A3B8;
+  --color-sidebar-hover: #1E293B;
+  --color-sidebar-active:#818CF8;
+
+  --color-card-bg:       #1E293B;
+  --color-border:        #334155;
+  --color-input-bg:      #0F172A;
+
+  --color-topbar-bg:     #1E293B;
+  --color-topbar-border: #334155;
+
+  --shadow-sm:  0 1px 2px rgba(0,0,0,0.3);
+  --shadow:     0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
+  --shadow-md:  0 4px 6px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.3);
+  --shadow-lg:  0 10px 15px rgba(0,0,0,0.5), 0 4px 6px rgba(0,0,0,0.4);
+}
+
+/* 深色主题下 badge 颜色调整 */
+.badge-active  { background: rgba(52,211,153,0.15); color: #34D399; }
+.badge-warning { background: rgba(251,191,36,0.15); color: #FBBF24; }
+.badge-inactive{ background: rgba(100,116,139,0.2); color: #94A3B8; }
+.badge-primary { background: rgba(129,140,248,0.15); color: #818CF8; }
+.badge-danger  { background: rgba(248,113,113,0.15); color: #F87171; }

package/extensions/services/dataclaw/static/css/themes/light.css

@@ -0,0 +1,35 @@
+/* ============================================================
+   DataClaw — Light Theme (Default)
+   白底、深灰字、靛蓝主色调
+   ============================================================ */
+:root {
+  --color-primary:       #4F46E5;
+  --color-primary-hover:  #4338CA;
+  --color-secondary:     #10B981;
+  --color-warning:       #F59E0B;
+  --color-danger:        #EF4444;
+  --color-info:          #3B82F6;
+
+  --color-bg:            #F8FAFC;
+  --color-bg-alt:        #F1F5F9;
+  --color-text:          #1E293B;
+  --color-text-secondary:#64748B;
+  --color-text-muted:    #94A3B8;
+
+  --color-sidebar-bg:    #1E293B;
+  --color-sidebar-text:  #CBD5E1;
+  --color-sidebar-hover: #334155;
+  --color-sidebar-active:#4F46E5;
+
+  --color-card-bg:       #FFFFFF;
+  --color-border:        #E2E8F0;
+  --color-input-bg:      #FFFFFF;
+
+  --color-topbar-bg:     #FFFFFF;
+  --color-topbar-border: #E2E8F0;
+
+  --shadow-sm:  0 1px 2px rgba(0,0,0,0.05);
+  --shadow:     0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
+  --shadow-md:  0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
+  --shadow-lg:  0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);
+}

package/extensions/services/dataclaw/static/js/api.js

@@ -0,0 +1,103 @@
+/**
+ * DataClaw — API 调用封装
+ */
+
+var dcApi = (function () {
+  var API_BASE = '/v1';
+
+  function getToken() {
+    return localStorage.getItem('dc_token')
+        || localStorage.getItem('dc_api_key')
+        || sessionStorage.getItem('dc_token')
+        || sessionStorage.getItem('dc_api_key')
+        || getCookie('dc_token')
+        || null;
+  }
+
+  function getCookie(name) {
+    var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
+    return match ? decodeURIComponent(match[2]) : null;
+  }
+
+  function request(method, path, body) {
+    var url = path.startsWith('http') ? path : API_BASE + path;
+    var headers = { 'Content-Type': 'application/json' };
+    var token = getToken();
+    if (token) {
+      headers['Authorization'] = 'Bearer ' + token;
+    }
+    var config = {
+      method: method,
+      headers: headers
+    };
+    if (body !== undefined && body !== null) {
+      config.body = JSON.stringify(body);
+    }
+    return fetch(url, config).then(function (res) {
+      // 401 跳转登录页
+      if (res.status === 401) {
+        localStorage.removeItem('dc_token');
+        localStorage.removeItem('dc_api_key');
+        sessionStorage.removeItem('dc_token');
+        sessionStorage.removeItem('dc_api_key');
+        window.location.href = '/login?redirect=' + encodeURIComponent(location.pathname);
+        return Promise.reject({ status: 401, message: 'Unauthorized' });
+      }
+      return res.json().then(function (data) {
+        if (!res.ok) {
+          var err = data;
+          err.status = res.status;
+          if (typeof showToast === 'function') {
+            showToast(err.detail || err.message || 'Request failed', 'error');
+          }
+          return Promise.reject(err);
+        }
+        return data;
+      });
+    });
+  }
+
+  return {
+    getToken: getToken,
+
+    setToken: function (token, remember) {
+      if (remember !== false) {
+        localStorage.setItem('dc_token', token);
+      } else {
+        sessionStorage.setItem('dc_token', token);
+      }
+    },
+
+    clearToken: function () {
+      localStorage.removeItem('dc_token');
+      localStorage.removeItem('dc_api_key');
+      sessionStorage.removeItem('dc_token');
+      sessionStorage.removeItem('dc_api_key');
+      document.cookie = 'dc_token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/';
+    },
+
+    get: function (path, params) {
+      var q = '';
+      if (params) {
+        q = '?' + new URLSearchParams(params).toString();
+      }
+      return request('GET', path + q);
+    },
+
+    post: function (path, body) {
+      return request('POST', path, body);
+    },
+
+    patch: function (path, body) {
+      return request('PATCH', path, body);
+    },
+
+    put: function (path, body) {
+      return request('PUT', path, body);
+    },
+
+    delete: function (path) {
+      return request('DELETE', path);
+    }
+  };
+})();

package/extensions/services/dataclaw/static/js/common.js

@@ -0,0 +1,321 @@
+/**
+ * DataClaw — 通用 JS 工具
+ */
+
+/* ============================================================
+   Toast 提示
+   ============================================================ */
+function showToast(message, type, duration) {
+  type = type || 'info';
+  duration = duration || 3000;
+  var container = document.getElementById('dc-toast-container');
+  if (!container) {
+    container = document.createElement('div');
+    container.id = 'dc-toast-container';
+    container.className = 'toast-container';
+    document.body.appendChild(container);
+  }
+  var toast = document.createElement('div');
+  toast.className = 'toast toast-' + type;
+  toast.textContent = message;
+  container.appendChild(toast);
+  setTimeout(function () {
+    toast.style.opacity = '0';
+    toast.style.transition = 'opacity 0.3s';
+    setTimeout(function () { toast.remove(); }, 300);
+  }, duration);
+}
+
+/* ============================================================
+   日期格式化
+   ============================================================ */
+function formatDate(iso) {
+  if (!iso) return '-';
+  var d = new Date(iso);
+  if (isNaN(d.getTime())) return '-';
+  var y = d.getFullYear();
+  var m = String(d.getMonth() + 1).padStart(2, '0');
+  var day = String(d.getDate()).padStart(2, '0');
+  var h = String(d.getHours()).padStart(2, '0');
+  var min = String(d.getMinutes()).padStart(2, '0');
+  return y + '-' + m + '-' + day + ' ' + h + ':' + min;
+}
+
+/* ============================================================
+   积分格式化（2位小数）
+   ============================================================ */
+function formatCredits(num) {
+  if (num == null || isNaN(num)) return '0.00';
+  return Number(num).toFixed(2);
+}
+
+/* ============================================================
+   HTML 转义
+   ============================================================ */
+function escapeHtml(str) {
+  if (!str) return '';
+  var div = document.createElement('div');
+  div.appendChild(document.createTextNode(str));
+  return div.innerHTML;
+}
+
+/* ============================================================
+   侧边栏折叠/展开
+   ============================================================ */
+function initSidebar() {
+  var sidebar  = document.getElementById('sidebar');
+  var overlay  = document.getElementById('sidebar-overlay');
+  var toggle   = document.getElementById('sidebar-toggle');
+  var closeBtn = document.getElementById('sidebar-close');
+
+  if (!sidebar) return;
+
+  function openSidebar() {
+    sidebar.classList.add('open');
+    if (overlay) overlay.classList.add('open');
+  }
+
+  function closeSidebar() {
+    sidebar.classList.remove('open');
+    if (overlay) overlay.classList.remove('open');
+  }
+
+  if (toggle)   toggle.addEventListener('click', openSidebar);
+  if (closeBtn) closeBtn.addEventListener('click', closeSidebar);
+  if (overlay)  overlay.addEventListener('click', closeSidebar);
+}
+
+/* ============================================================
+   导航高亮
+   ============================================================ */
+function highlightNav() {
+  var path = window.location.pathname;
+  var items = document.querySelectorAll('.nav-item[data-nav]');
+  items.forEach(function (item) {
+    var nav = item.getAttribute('data-nav');
+    // 匹配路径前缀
+    if (path === '/' + nav || path.indexOf('/' + nav + '/') === 0) {
+      item.classList.add('active');
+    }
+  });
+}
+
+/* ============================================================
+   用户下拉菜单
+   ============================================================ */
+function initDropdown() {
+  var dropdown = document.getElementById('user-dropdown');
+  var trigger  = document.getElementById('user-trigger');
+  if (!dropdown || !trigger) return;
+
+  trigger.addEventListener('click', function (e) {
+    e.stopPropagation();
+    dropdown.classList.toggle('open');
+  });
+
+  document.addEventListener('click', function (e) {
+    if (!dropdown.contains(e.target)) {
+      dropdown.classList.remove('open');
+    }
+  });
+
+  // 主题按钮
+  var themeBtns = dropdown.querySelectorAll('.theme-btn');
+  themeBtns.forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      var theme = btn.getAttribute('data-theme');
+      if (typeof setTheme === 'function') setTheme(theme);
+      updateActiveThemeBtn(theme);
+    });
+  });
+
+  // 语言按钮
+  var langBtns = dropdown.querySelectorAll('.lang-btn');
+  langBtns.forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      var lang = btn.getAttribute('data-lang');
+      if (typeof setLang === 'function') setLang(lang);
+      updateActiveLangBtn(lang);
+    });
+  });
+
+  // 退出按钮
+  var logoutBtn = document.getElementById('btn-logout');
+  if (logoutBtn) {
+    logoutBtn.addEventListener('click', function () {
+      logout();
+    });
+  }
+}
+
+function updateActiveThemeBtn(theme) {
+  document.querySelectorAll('.theme-btn').forEach(function (b) {
+    b.classList.toggle('active', b.getAttribute('data-theme') === theme);
+  });
+}
+
+function updateActiveLangBtn(lang) {
+  document.querySelectorAll('.lang-btn').forEach(function (b) {
+    b.classList.toggle('active', b.getAttribute('data-lang') === lang);
+  });
+}
+
+/* ============================================================
+   导航栏用户状态
+   ============================================================ */
+function initNavAuth() {
+  var token = localStorage.getItem('dc_token') || localStorage.getItem('dc_api_key')
+           || sessionStorage.getItem('dc_token') || sessionStorage.getItem('dc_api_key');
+
+  if (token && typeof dcApi !== 'undefined') {
+    dcApi.get('/identity/profile').then(function (data) {
+      if (data.ok && data.data) {
+        var avatar = document.getElementById('user-avatar');
+        var name   = document.getElementById('topbar-username');
+        var displayName = data.data.name || 'User';
+        var isGuest = localStorage.getItem('dc_guest') === '1';
+        if (isGuest) displayName = (typeof t === 'function' ? t('nav.guest') : 'Guest');
+        if (avatar) avatar.textContent = (displayName).charAt(0).toUpperCase();
+        if (name)   name.textContent = displayName;
+      }
+    }).catch(function () { /* 静默 */ });
+  }
+}
+
+function logout() {
+  localStorage.removeItem('dc_token');
+  localStorage.removeItem('dc_api_key');
+  sessionStorage.removeItem('dc_token');
+  sessionStorage.removeItem('dc_api_key');
+  window.location.href = '/login';
+}
+
+/* ============================================================
+   复制到剪贴板
+   ============================================================ */
+function copyToClipboard(text) {
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    navigator.clipboard.writeText(text).then(function () {
+      showToast(typeof t === 'function' ? t('msg.copied') : 'Copied', 'success', 1500);
+    }).catch(function () {
+      fallbackCopy(text);
+    });
+  } else {
+    fallbackCopy(text);
+  }
+}
+
+function fallbackCopy(text) {
+  var el = document.createElement('textarea');
+  el.value = text;
+  el.style.position = 'fixed';
+  el.style.opacity = '0';
+  document.body.appendChild(el);
+  el.select();
+  document.execCommand('copy');
+  el.remove();
+  showToast(typeof t === 'function' ? t('msg.copied') : 'Copied', 'success', 1500);
+}
+
+/* ============================================================
+   兼容别名
+   ============================================================ */
+var fmtDate = formatDate;
+
+/* ============================================================
+   通用 fetch 封装（兼容旧代码）
+   ============================================================ */
+function dcFetch(path, options) {
+  options = options || {};
+  var token = localStorage.getItem('dc_token') || localStorage.getItem('dc_api_key')
+           || sessionStorage.getItem('dc_token') || sessionStorage.getItem('dc_api_key');
+  var headers = Object.assign({ 'Content-Type': 'application/json' }, options.headers || {});
+  if (token && !headers['Authorization']) headers['Authorization'] = 'Bearer ' + token;
+  return fetch('/v1' + path, Object.assign({}, options, { headers: headers }))
+    .then(function(res) {
+      return res.json().then(function(data) {
+        if (res.status === 401) {
+          logout();
+          return Promise.reject(new Error('AUTH_REQUIRED'));
+        }
+        if (!res.ok) return Promise.reject(data);
+        return data;
+      });
+    });
+}
+
+/* ============================================================
+   数字格式化
+   ============================================================ */
+function fmtNum(n) {
+  if (n >= 10000) return (n / 10000).toFixed(1) + 'w';
+  if (n >= 1000)  return (n / 1000).toFixed(1) + 'k';
+  return String(n);
+}
+
+/* ============================================================
+   模拟数据管理
+   ============================================================ */
+function seedData(el) {
+  if (el && el.classList.contains('loading')) return;
+  if (el) el.classList.add('loading');
+  var label = el ? el.querySelector('[data-i18n]') : null;
+  var origText = label ? label.textContent : '';
+  if (label) label.textContent = typeof t === 'function' ? t('msg.processing') : '处理中...';
+
+  dcFetch('/admin/seed', { method: 'POST' })
+    .then(function (data) {
+      showToast(
+        (typeof t === 'function' ? t('msg.seedSuccess') : '模拟数据已生成') +
+        ' (agents:' + (data.data && data.data.agents || 0) +
+        ' feeds:' + (data.data && data.data.feeds || 0) + ')',
+        'success'
+      );
+    })
+    .catch(function () {
+      showToast(typeof t === 'function' ? t('msg.seedFailed') : '生成失败', 'error');
+    })
+    .finally(function () {
+      if (el) el.classList.remove('loading');
+      if (label) label.textContent = origText;
+    });
+}
+
+function clearSeedData(el) {
+  var msg = typeof t === 'function' ? t('msg.confirmClearSeed') : '确认清空所有模拟数据？此操作不可撤销。';
+  if (!confirm(msg)) return;
+  if (el && el.classList.contains('loading')) return;
+  if (el) el.classList.add('loading');
+  var label = el ? el.querySelector('[data-i18n]') : null;
+  var origText = label ? label.textContent : '';
+  if (label) label.textContent = typeof t === 'function' ? t('msg.processing') : '处理中...';
+
+  dcFetch('/admin/seed/clear', { method: 'POST' })
+    .then(function () {
+      showToast(typeof t === 'function' ? t('msg.clearSeedSuccess') : '模拟数据已清空', 'success');
+    })
+    .catch(function () {
+      showToast(typeof t === 'function' ? t('msg.clearSeedFailed') : '清空失败', 'error');
+    })
+    .finally(function () {
+      if (el) el.classList.remove('loading');
+      if (label) label.textContent = origText;
+    });
+}
+
+/* ============================================================
+   初始化
+   ============================================================ */
+document.addEventListener('DOMContentLoaded', function () {
+  initSidebar();
+  highlightNav();
+  initDropdown();
+  initNavAuth();
+
+  // 同步主题和语言按钮状态
+  var currentTheme = localStorage.getItem('dc_theme') || 'light';
+  updateActiveThemeBtn(currentTheme);
+
+  var currentLang = localStorage.getItem('dc_lang') || 'zh-CN';
+  updateActiveLangBtn(currentLang);
+});

package/extensions/services/dataclaw/static/js/i18n.js

@@ -0,0 +1,95 @@
+/**
+ * DataClaw — 国际化系统
+ */
+
+(function () {
+  var LANG_KEY = 'dc_lang';
+  var DEFAULT_LANG = 'zh-CN';
+  var SUPPORTED = ['zh-CN', 'en-US', 'ja-JP'];
+
+  var _messages = {};
+  var _lang = DEFAULT_LANG;
+  var _loaded = false;
+
+  /**
+   * 翻译函数
+   * @param {string} key - 翻译 key
+   * @param {Object} [params] - 插值参数 {name: 'xxx'}
+   * @returns {string}
+   */
+  function t(key, params) {
+    var msg = _messages[key] || key;
+    if (params) {
+      Object.keys(params).forEach(function (k) {
+        msg = msg.replace(new RegExp('\\{' + k + '\\}', 'g'), params[k]);
+      });
+    }
+    return msg;
+  }
+
+  /**
+   * 遍历 [data-i18n] 元素替换文本
+   */
+  function applyI18n() {
+    document.querySelectorAll('[data-i18n]').forEach(function (el) {
+      var key = el.getAttribute('data-i18n');
+      el.textContent = t(key);
+    });
+    document.querySelectorAll('[data-i18n-placeholder]').forEach(function (el) {
+      el.placeholder = t(el.getAttribute('data-i18n-placeholder'));
+    });
+    document.querySelectorAll('[data-i18n-title]').forEach(function (el) {
+      el.title = t(el.getAttribute('data-i18n-title'));
+    });
+  }
+
+  /**
+   * 异步加载语言包
+   */
+  function loadLang(lang) {
+    if (SUPPORTED.indexOf(lang) === -1) lang = DEFAULT_LANG;
+    return fetch('/static/locales/' + lang + '.json')
+      .then(function (res) {
+        if (!res.ok) throw new Error('locale not found');
+        return res.json();
+      })
+      .then(function (data) {
+        _messages = data;
+        _lang = lang;
+        _loaded = true;
+        localStorage.setItem(LANG_KEY, lang);
+        document.documentElement.lang = lang.split('-')[0];
+        applyI18n();
+      })
+      .catch(function () {
+        // 回退到默认语言
+        if (lang !== DEFAULT_LANG) {
+          return loadLang(DEFAULT_LANG);
+        }
+      });
+  }
+
+  /**
+   * 切换语言
+   */
+  function setLang(lang) {
+    loadLang(lang);
+  }
+
+  /**
+   * 获取当前语言
+   */
+  function getLang() {
+    return _lang;
+  }
+
+  // 页面加载时自动应用保存的语言
+  var saved = localStorage.getItem(LANG_KEY) || DEFAULT_LANG;
+  loadLang(saved);
+
+  // 导出到全局
+  window.t = t;
+  window.applyI18n = applyI18n;
+  window.setLang = setLang;
+  window.getLang = getLang;
+})();