@peonai/swarm 0.1.0

package/app/globals.css

@@ -0,0 +1,190 @@
+@import "tailwindcss";
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
+
+:root {
+  --bg: #0a0a0f;
+  --bg2: #12121a;
+  --surface: #1a1a25;
+  --border: #2a2a3a;
+  --text: #e8e8ed;
+  --text2: #9898a8;
+  --amber: #f0a830;
+  --amber2: #d4922a;
+  --amber-glow: rgba(240,168,48,0.15);
+  --green: #34d399;
+  --blue: #60a5fa;
+  --red: #f87171;
+  --mono: 'JetBrains Mono', monospace;
+}
+
+body {
+  font-family: 'Inter', -apple-system, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+  -webkit-font-smoothing: antialiased;
+}
+
+/* Scrollbar */
+::-webkit-scrollbar { width: 5px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: var(--text2); }
+
+/* ── Hex grid background ── */
+.hex-bg {
+  position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
+}
+.hex-bg::before {
+  content: '';
+  position: absolute; inset: -50%; width: 200%; height: 200%;
+  background-image:
+    linear-gradient(30deg, transparent 48.5%, rgba(240,168,48,0.03) 49%, rgba(240,168,48,0.03) 51%, transparent 51.5%),
+    linear-gradient(150deg, transparent 48.5%, rgba(240,168,48,0.03) 49%, rgba(240,168,48,0.03) 51%, transparent 51.5%),
+    linear-gradient(90deg, transparent 48.5%, rgba(240,168,48,0.02) 49%, rgba(240,168,48,0.02) 51%, transparent 51.5%);
+  background-size: 60px 104px;
+  animation: hexDrift 40s linear infinite;
+}
+@keyframes hexDrift {
+  from { transform: translate(0, 0); }
+  to { transform: translate(30px, 52px); }
+}
+
+/* ── Animated gradient border ── */
+.glow-card {
+  position: relative;
+  background: var(--surface);
+  border-radius: 12px;
+  overflow: hidden;
+}
+.glow-card::before {
+  content: ''; position: absolute; inset: 0; border-radius: 12px; padding: 1px;
+  background: linear-gradient(135deg, transparent 40%, rgba(240,168,48,0.2) 50%, transparent 60%);
+  background-size: 300% 300%;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor; mask-composite: exclude;
+  animation: borderShimmer 6s ease-in-out infinite;
+  opacity: 0; transition: opacity 0.3s;
+}
+.glow-card:hover::before { opacity: 1; }
+@keyframes borderShimmer {
+  0%, 100% { background-position: 0% 50%; }
+  50% { background-position: 100% 50%; }
+}
+
+/* ── Stat card ── */
+.stat-card {
+  position: relative; overflow: hidden; cursor: pointer;
+  background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
+  padding: 20px; transition: all 0.3s ease;
+}
+.stat-card:hover {
+  border-color: rgba(240,168,48,0.3);
+  transform: translateY(-2px);
+  box-shadow: 0 8px 24px rgba(0,0,0,0.3), 0 0 0 1px rgba(240,168,48,0.1);
+}
+.stat-card::after {
+  content: ''; position: absolute; inset: 0;
+  background: radial-gradient(circle at var(--mx, 80%) var(--my, 20%), rgba(240,168,48,0.06) 0%, transparent 60%);
+  opacity: 0; transition: opacity 0.3s;
+}
+.stat-card:hover::after { opacity: 1; }
+.stat-value {
+  font-size: 2rem; font-weight: 700; line-height: 1;
+  background: linear-gradient(135deg, var(--text) 30%, var(--amber));
+  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+}
+
+/* ── Sidebar ── */
+.sidebar {
+  background: var(--bg2); border-right: 1px solid var(--border);
+  backdrop-filter: blur(12px);
+}
+.sidebar-link {
+  position: relative; transition: all 0.2s;
+}
+.sidebar-link.active::before {
+  content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
+  width: 3px; height: 20px; border-radius: 0 3px 3px 0;
+  background: var(--amber);
+  box-shadow: 0 0 8px var(--amber), 0 0 16px rgba(240,168,48,0.3);
+}
+
+/* ── Data row ── */
+.data-row {
+  display: flex; align-items: center; gap: 12px;
+  padding: 8px 12px; border-radius: 8px;
+  transition: background 0.15s;
+}
+.data-row:hover { background: rgba(240,168,48,0.04); }
+
+/* ── Layer accordion ── */
+.layer-content {
+  display: grid; grid-template-rows: 0fr;
+  transition: grid-template-rows 0.25s ease;
+}
+.layer-content.open { grid-template-rows: 1fr; }
+.layer-content > div { overflow: hidden; }
+
+/* ── Tab content fade ── */
+.tab-content {
+  animation: tabIn 0.25s ease-out;
+}
+@keyframes tabIn {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+/* ── Entrance stagger ── */
+.stagger-in > * {
+  opacity: 0; transform: translateY(12px);
+  animation: staggerUp 0.35s ease-out forwards;
+}
+.stagger-in > *:nth-child(1) { animation-delay: 0.05s; }
+.stagger-in > *:nth-child(2) { animation-delay: 0.1s; }
+.stagger-in > *:nth-child(3) { animation-delay: 0.15s; }
+.stagger-in > *:nth-child(4) { animation-delay: 0.2s; }
+.stagger-in > *:nth-child(5) { animation-delay: 0.25s; }
+.stagger-in > *:nth-child(6) { animation-delay: 0.3s; }
+@keyframes staggerUp {
+  to { opacity: 1; transform: translateY(0); }
+}
+
+/* ── Logo pulse ── */
+.logo-hex { animation: logoPulse 4s ease-in-out infinite; }
+@keyframes logoPulse {
+  0%, 100% { filter: drop-shadow(0 0 4px rgba(240,168,48,0.2)); }
+  50% { filter: drop-shadow(0 0 12px rgba(240,168,48,0.5)); }
+}
+
+/* ── Badge ── */
+.badge {
+  display: inline-flex; align-items: center; gap: 4px;
+  padding: 2px 8px; border-radius: 4px;
+  font-size: 0.7rem; font-weight: 500; font-family: var(--mono);
+  white-space: nowrap;
+}
+
+/* ── Input focus ── */
+input:focus, textarea:focus, select:focus {
+  outline: none;
+  border-color: rgba(240,168,48,0.5) !important;
+  box-shadow: 0 0 0 2px rgba(240,168,48,0.1);
+}
+
+/* ── Button hover ── */
+.btn-amber {
+  background: var(--amber); color: var(--bg);
+  font-weight: 600; border-radius: 8px;
+  transition: all 0.2s;
+}
+.btn-amber:hover {
+  background: var(--amber2);
+  box-shadow: 0 4px 16px rgba(240,168,48,0.3);
+  transform: translateY(-1px);
+}
+
+/* ── Empty state ── */
+.empty-state {
+  text-align: center; padding: 48px 24px; color: var(--text2);
+}
+.empty-state svg { margin: 0 auto 16px; opacity: 0.3; }

package/app/i18n.ts

@@ -0,0 +1,161 @@
+export const locales = {
+  en: {
+    brand: 'Swarm AI',
+    dashboard: 'Dashboard',
+    nav: { overview: 'Overview', profile: 'Profiles', agents: 'Agents', memory: 'Memory', audit: 'Audit Log', settings: 'Settings' },
+    status: { running: 'Running', offline: 'Offline' },
+    auth: {
+      title: 'Swarm AI',
+      subtitle: 'Cross-agent user profile hub',
+      email: 'Email', password: 'Password', name: 'Name (optional)',
+      login: 'Sign In', register: 'Create Account',
+      switchToRegister: 'No account? Register', switchToLogin: 'Have an account? Sign in',
+      error: 'Authentication failed', logout: 'Logout', export: 'Export',
+    },
+    overview: {
+      title: 'Overview',
+      subtitle: 'Swarm AI system status at a glance',
+      agents: 'Agents', profiles: 'Profile Entries', layers: 'Profile Layers', memories: 'Memories',
+      recent: 'Recent Profile Updates',
+      noData: 'No profile data yet',
+    },
+    profile: {
+      title: 'User Profiles',
+      subtitle: 'Browse all profile data by layer',
+      noData: 'No data yet — write via Agent API',
+      items: 'items',
+    },
+    agents: {
+      title: 'Agent Management',
+      subtitle: 'Register, view and manage agents',
+      idPlaceholder: 'Agent ID',
+      namePlaceholder: 'Name',
+      add: '+ Add',
+      delete: 'Delete',
+      noAgents: 'No agents registered',
+      keyAlert: (k: string) => `API Key: ${k}\n\nSave it now — it won't be shown again!`,
+      confirmDelete: (id: string) => `Delete agent "${id}"?`,
+      editPersona: 'Edit Persona',
+      persona: 'Persona',
+      personaPlaceholder: '{"personality":"...","instructions":"..."}',
+      save: 'Save', cancel: 'Cancel',
+    },
+    memory: {
+      title: 'Memory',
+      subtitle: 'Cross-agent shared memories — FTS5 full-text search',
+      searchPlaceholder: 'Search memories (full-text)...',
+      search: 'Search',
+      clear: 'Clear',
+      contentPlaceholder: 'Memory content...',
+      tagsPlaceholder: 'Tags (comma-separated)',
+      write: '+ Write',
+      importance: 'Importance',
+      results: (n: number) => `${n} results found`,
+      noMatch: 'No matching results',
+      noMemory: 'No memories yet',
+      types: { observation: 'Observation', fact: 'Fact', preference: 'Preference', experience: 'Experience' },
+    },
+    audit: {
+      title: 'Audit Log',
+      subtitle: 'Track all API actions and profile changes',
+      noData: 'No audit entries yet',
+      action: 'Action', agent: 'Agent', target: 'Target', detail: 'Detail', time: 'Time',
+      historyTitle: 'Profile Change History',
+      oldValue: 'Old', newValue: 'New',
+    },
+    settings: {
+      title: 'Settings',
+      subtitle: 'Server and embedding configuration',
+      embedding: 'Embedding API',
+      embedDesc: 'OpenAI-compatible embedding API for semantic memory search',
+      url: 'API URL', key: 'API Key', model: 'Model',
+      urlPlaceholder: 'https://api.openai.com/v1/embeddings',
+      keyPlaceholder: 'sk-...',
+      modelPlaceholder: 'text-embedding-3-small',
+      save: 'Save', saved: 'Saved! Restart server to apply.',
+      enabled: 'Enabled', disabled: 'Not configured',
+      test: 'Test', testing: 'Testing...', testOk: 'Connection OK', testFail: 'Failed',
+    },
+  },
+  zh: {
+    brand: '蜂群 AI',
+    dashboard: '管理面板',
+    nav: { overview: '概览', profile: '画像', agents: 'Agents', memory: '记忆', audit: '审计日志', settings: '设置' },
+    status: { running: '运行中', offline: '离线' },
+    auth: {
+      title: '蜂群 AI',
+      subtitle: '跨 Agent 用户画像中心',
+      email: '邮箱', password: '密码', name: '名称（可选）',
+      login: '登录', register: '注册',
+      switchToRegister: '没有账号？注册', switchToLogin: '已有账号？登录',
+      error: '认证失败', logout: '退出', export: '导出',
+    },
+    overview: {
+      title: '概览',
+      subtitle: '蜂群 AI 运行状态一览',
+      agents: 'Agents', profiles: '画像条目', layers: '画像层', memories: '记忆',
+      recent: '最近画像更新',
+      noData: '暂无画像数据',
+    },
+    profile: {
+      title: '用户画像',
+      subtitle: '按层级浏览所有画像数据',
+      noData: '暂无数据，通过 Agent API 写入',
+      items: '条',
+    },
+    agents: {
+      title: 'Agent 管理',
+      subtitle: '注册、查看和管理 Agent',
+      idPlaceholder: 'Agent ID',
+      namePlaceholder: '名称',
+      add: '+ 添加',
+      delete: '删除',
+      noAgents: '暂无 Agent',
+      keyAlert: (k: string) => `API Key: ${k}\n\n请保存，不会再显示！`,
+      confirmDelete: (id: string) => `删除 agent "${id}"？`,
+      editPersona: '编辑人设',
+      persona: '人设',
+      personaPlaceholder: '{"personality":"...","instructions":"..."}',
+      save: '保存', cancel: '取消',
+    },
+    memory: {
+      title: '记忆',
+      subtitle: '跨 Agent 共享的记忆条目 — FTS5 全文检索',
+      searchPlaceholder: '搜索记忆（支持全文检索）...',
+      search: '搜索',
+      clear: '清除',
+      contentPlaceholder: '记忆内容...',
+      tagsPlaceholder: '标签（逗号分隔）',
+      write: '+ 写入',
+      importance: '重要度',
+      results: (n: number) => `找到 ${n} 条结果`,
+      noMatch: '无匹配结果',
+      noMemory: '暂无记忆',
+      types: { observation: '观察', fact: '事实', preference: '偏好', experience: '经历' },
+    },
+    audit: {
+      title: '审计日志',
+      subtitle: '追踪所有 API 操作和画像变更',
+      noData: '暂无审计记录',
+      action: '操作', agent: 'Agent', target: '目标', detail: '详情', time: '时间',
+      historyTitle: '画像变更历史',
+      oldValue: '旧值', newValue: '新值',
+    },
+    settings: {
+      title: '设置',
+      subtitle: '服务器与 Embedding 配置',
+      embedding: 'Embedding API',
+      embedDesc: 'OpenAI 兼容的 Embedding API，用于记忆语义搜索',
+      url: 'API 地址', key: 'API Key', model: '模型',
+      urlPlaceholder: 'https://api.openai.com/v1/embeddings',
+      keyPlaceholder: 'sk-...',
+      modelPlaceholder: 'text-embedding-3-small',
+      save: '保存', saved: '已保存！重启服务生效。',
+      enabled: '已启用', disabled: '未配置',
+      test: '测试', testing: '测试中...', testOk: '连接成功', testFail: '连接失败',
+    },
+  },
+} as const;
+
+export type Locale = keyof typeof locales;
+export type T = typeof locales.en;

package/app/layout.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import './globals.css';
+
+export const metadata: Metadata = { title: '蜂群 AI', description: 'Cross-agent user profile hub' };
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="zh-CN">
+      <body className="min-h-screen">{children}</body>
+    </html>
+  );
+}